Luke The Dev
a997f13601
* feat(kanban): add Kanban board with task-manager skill, modal UI, and desk clutter Implement a full Kanban board system for tracking agent tasks: - Add task-manager skill with shared JSON task store for persistence - Render board as a floating modal over the live 3D office (not immersive) - Auto-create tasks from actionable user messages with heuristic filtering - Sync task status through OpenClaw agent lifecycle events - Collapse task details panel by default, expand on card click - Add dynamic desk clutter (papers, folders, etc.) reflecting active task count - Exclude done tasks from desk clutter count - Extract KANBAN_CLUTTER_OFFSET for easy positioning adjustment - Add install flow with progress bar for the task-manager skill - Include unit and e2e test coverage Made-with: Cursor * feat(kanban): production-harden task board with AI-free classification, resilient persistence, and modal UX - Harden shared task store with atomic writes, payload size limits, and server-side enum validation - Add client resilience: request timeouts (AbortController), exponential backoff retries, poll deduplication - Implement optimistic UI with rollback on all card mutations (update, move, archive) - Add modal accessibility: focus trap, Escape to close, aria-modal, keyboard card navigation - Trust OpenClaw agent lifecycle phase=start as task classification signal instead of regex heuristics - Keep regex heuristic only as lightweight filter for direct chat events (conversational noise) - Expand verb recognition with typo tolerance and broader action vocabulary - Create tasks from agent runs even when no chat event is received (external channel support) - Merge dual header bars into single bar; reposition close button outside modal corner - Exclude done tasks from desk clutter count; make clutter position configurable via KANBAN_CLUTTER_OFFSET - Update default furniture layout to match user configuration - Ensure kanban_board furniture persists in local storage across sessions - Add comprehensive test coverage for store, API route, and controller logic Made-with: Cursor --------- Co-authored-by: iamlukethedev <lucas.guilherme@smartwayslfl.com>
49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
import Image from "next/image";
|
|
import { useMemo } from "react";
|
|
import type { AgentAvatarProfile } from "@/lib/avatars/profile";
|
|
|
|
import { buildAvatarDataUrl } from "@/lib/avatars/multiavatar";
|
|
import { buildAgentAvatarPortraitDataUrl } from "@/lib/avatars/profilePortrait";
|
|
|
|
type AgentAvatarProps = {
|
|
seed: string;
|
|
name: string;
|
|
avatarProfile?: AgentAvatarProfile | null;
|
|
avatarUrl?: string | null;
|
|
size?: number;
|
|
isSelected?: boolean;
|
|
};
|
|
|
|
export const AgentAvatar = ({
|
|
seed,
|
|
name,
|
|
avatarProfile,
|
|
avatarUrl,
|
|
size = 112,
|
|
isSelected = false,
|
|
}: AgentAvatarProps) => {
|
|
const src = useMemo(() => {
|
|
if (avatarProfile) return buildAgentAvatarPortraitDataUrl(avatarProfile);
|
|
const trimmed = avatarUrl?.trim();
|
|
if (trimmed) return trimmed;
|
|
return buildAvatarDataUrl(seed);
|
|
}, [avatarProfile, avatarUrl, seed]);
|
|
|
|
return (
|
|
<div
|
|
className={`flex items-center justify-center overflow-hidden rounded-full border border-border/80 bg-card transition-transform duration-300 ${isSelected ? "agent-avatar-selected scale-[1.02]" : ""}`}
|
|
style={{ width: size, height: size }}
|
|
>
|
|
<Image
|
|
className="pointer-events-none h-full w-full select-none"
|
|
src={src}
|
|
alt={`Avatar for ${name}`}
|
|
width={size}
|
|
height={size}
|
|
unoptimized
|
|
draggable={false}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|