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
+81
View File
@@ -0,0 +1,81 @@
import { isTaskBoardSource, isTaskBoardStatus } from "@/features/office/tasks/types";
import { archiveSharedTask, listSharedTasks, upsertSharedTask } from "@/lib/tasks/shared-store";
const json = (body: unknown, status = 200) =>
Response.json(body, {
status,
headers: { "cache-control": "no-store" },
});
const errorJson = (message: string, status: number) =>
json({ error: message }, status);
const isRecord = (value: unknown): value is Record<string, unknown> =>
Boolean(value && typeof value === "object" && !Array.isArray(value));
export async function GET() {
try {
return json({ tasks: listSharedTasks() });
} catch (error) {
console.error("[task-store] GET failed:", error);
return errorJson("Internal error reading task store.", 500);
}
}
export async function PUT(request: Request) {
let body: unknown;
try {
body = await request.json();
} catch {
return errorJson("Invalid JSON payload.", 400);
}
if (!isRecord(body) || !isRecord(body.task)) {
return errorJson("Task payload is required.", 400);
}
const task = body.task;
const id = typeof task.id === "string" ? task.id.trim() : "";
const title = typeof task.title === "string" ? task.title.trim() : "";
if (!id || !title) {
return errorJson("Task id and title are required.", 400);
}
if (task.status !== undefined && !isTaskBoardStatus(task.status)) {
return errorJson(`Invalid status: "${String(task.status)}".`, 400);
}
if (task.source !== undefined && !isTaskBoardSource(task.source)) {
return errorJson(`Invalid source: "${String(task.source)}".`, 400);
}
try {
return json({
task: upsertSharedTask({ ...task, id, title }),
});
} catch (error) {
console.error("[task-store] PUT failed:", error);
return errorJson("Internal error writing task store.", 500);
}
}
export async function DELETE(request: Request) {
let body: unknown;
try {
body = await request.json();
} catch {
return errorJson("Invalid JSON payload.", 400);
}
if (!isRecord(body)) {
return errorJson("Task id is required.", 400);
}
const taskId = typeof body.id === "string" ? body.id.trim() : "";
if (!taskId) {
return errorJson("Task id is required.", 400);
}
try {
const task = archiveSharedTask(taskId);
if (!task) {
return errorJson("Task not found.", 404);
}
return json({ task });
} catch (error) {
console.error("[task-store] DELETE failed:", error);
return errorJson("Internal error archiving task.", 500);
}
}