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:
@@ -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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user