feat(kanban): Interactive Kanban board with real-time task tracking (#83)

* 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>
This commit is contained in:
Luke The Dev
2026-03-30 22:58:18 -05:00
committed by GitHub
parent 464a49bb6d
commit a997f13601
46 changed files with 5950 additions and 143 deletions
@@ -1,11 +1,14 @@
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;
@@ -14,15 +17,17 @@ type AgentAvatarProps = {
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);
}, [avatarUrl, seed]);
}, [avatarProfile, avatarUrl, seed]);
return (
<div