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
+24 -2
View File
@@ -6,6 +6,8 @@ import type { StandupMeeting, StandupMeetingStore } from "@/lib/office/standup/t
const STORE_DIR = "claw3d";
const STORE_FILE = "standup-store.json";
const GATHERING_MEETING_MAX_AGE_MS = 5 * 60 * 1000;
const ACTIVE_MEETING_MAX_AGE_MS = 20 * 60 * 1000;
const ensureDirectory = (dirPath: string) => {
if (!fs.existsSync(dirPath)) {
@@ -36,6 +38,24 @@ const normalizeMeeting = (value: unknown): StandupMeeting | null => {
return value as StandupMeeting;
};
const isActiveMeetingStale = (
meeting: StandupMeeting | null,
nowMs: number = Date.now()
): boolean => {
if (!meeting) return false;
if (meeting.phase === "gathering") {
const startedAtMs = Date.parse(meeting.startedAt);
if (!Number.isFinite(startedAtMs)) return false;
return nowMs - startedAtMs > GATHERING_MEETING_MAX_AGE_MS;
}
if (meeting.phase !== "in_progress") {
return false;
}
const updatedAtMs = Date.parse(meeting.updatedAt);
if (!Number.isFinite(updatedAtMs)) return false;
return nowMs - updatedAtMs > ACTIVE_MEETING_MAX_AGE_MS;
};
const readStore = (): StandupMeetingStore => {
const storePath = resolveStorePath();
if (!fs.existsSync(storePath)) {
@@ -44,9 +64,11 @@ const readStore = (): StandupMeetingStore => {
const raw = fs.readFileSync(storePath, "utf8");
const parsed = JSON.parse(raw) as unknown;
if (!isRecord(parsed)) return defaultStore();
const activeMeeting = normalizeMeeting(parsed.activeMeeting);
const lastMeeting = normalizeMeeting(parsed.lastMeeting);
return {
activeMeeting: normalizeMeeting(parsed.activeMeeting),
lastMeeting: normalizeMeeting(parsed.lastMeeting),
activeMeeting: isActiveMeetingStale(activeMeeting) ? null : activeMeeting,
lastMeeting,
};
};