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>
304 lines
8.0 KiB
TypeScript
304 lines
8.0 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
|
import { createDefaultAgentAvatarProfile } from "@/lib/avatars/profile";
|
|
|
|
import {
|
|
mergeStudioSettings,
|
|
normalizeStudioSettings,
|
|
} from "@/lib/studio/settings";
|
|
|
|
describe("studio settings normalization", () => {
|
|
it("returns defaults for empty input", () => {
|
|
const normalized = normalizeStudioSettings(null);
|
|
expect(normalized.version).toBe(1);
|
|
expect(normalized.gateway).toBeNull();
|
|
expect(normalized.focused).toEqual({});
|
|
expect(normalized.avatars).toEqual({});
|
|
expect(normalized.office).toEqual({});
|
|
});
|
|
|
|
it("normalizes gateway entries", () => {
|
|
const normalized = normalizeStudioSettings({
|
|
gateway: { url: " ws://localhost:18789 ", token: " token " },
|
|
});
|
|
|
|
expect(normalized.gateway?.url).toBe("ws://localhost:18789");
|
|
expect(normalized.gateway?.token).toBe("token");
|
|
});
|
|
|
|
it("normalizes loopback ip gateway urls to localhost", () => {
|
|
const normalized = normalizeStudioSettings({
|
|
gateway: { url: "ws://127.0.0.1:18789", token: "token" },
|
|
});
|
|
|
|
expect(normalized.gateway?.url).toBe("ws://localhost:18789");
|
|
});
|
|
|
|
it("normalizes_dual_mode_preferences", () => {
|
|
const normalized = normalizeStudioSettings({
|
|
focused: {
|
|
" ws://localhost:18789 ": {
|
|
mode: "focused",
|
|
selectedAgentId: " agent-2 ",
|
|
filter: "running",
|
|
},
|
|
bad: {
|
|
mode: "nope",
|
|
selectedAgentId: 12,
|
|
filter: "bad-filter",
|
|
},
|
|
},
|
|
});
|
|
|
|
expect(normalized.focused["ws://localhost:18789"]).toEqual({
|
|
mode: "focused",
|
|
selectedAgentId: "agent-2",
|
|
filter: "running",
|
|
});
|
|
expect(normalized.focused.bad).toEqual({
|
|
mode: "focused",
|
|
selectedAgentId: null,
|
|
filter: "all",
|
|
});
|
|
});
|
|
|
|
it("normalizes_legacy_idle_filter_to_approvals", () => {
|
|
const normalized = normalizeStudioSettings({
|
|
focused: {
|
|
"ws://localhost:18789": {
|
|
mode: "focused",
|
|
selectedAgentId: "agent-1",
|
|
filter: "idle",
|
|
},
|
|
},
|
|
});
|
|
|
|
expect(normalized.focused["ws://localhost:18789"]).toEqual({
|
|
mode: "focused",
|
|
selectedAgentId: "agent-1",
|
|
filter: "approvals",
|
|
});
|
|
});
|
|
|
|
it("merges_dual_mode_preferences", () => {
|
|
const current = normalizeStudioSettings({
|
|
focused: {
|
|
"ws://localhost:18789": {
|
|
mode: "focused",
|
|
selectedAgentId: "main",
|
|
filter: "all",
|
|
},
|
|
},
|
|
});
|
|
|
|
const merged = mergeStudioSettings(current, {
|
|
focused: {
|
|
"ws://localhost:18789": {
|
|
filter: "approvals",
|
|
},
|
|
},
|
|
});
|
|
|
|
expect(merged.focused["ws://localhost:18789"]).toEqual({
|
|
mode: "focused",
|
|
selectedAgentId: "main",
|
|
filter: "approvals",
|
|
});
|
|
});
|
|
|
|
it("normalizes avatar seeds per gateway", () => {
|
|
const normalized = normalizeStudioSettings({
|
|
avatars: {
|
|
" ws://localhost:18789 ": {
|
|
" agent-1 ": " seed-1 ",
|
|
" agent-2 ": " ",
|
|
},
|
|
bad: "nope",
|
|
},
|
|
});
|
|
|
|
expect(normalized.avatars["ws://localhost:18789"]?.["agent-1"]?.seed).toBe("seed-1");
|
|
});
|
|
|
|
it("merges avatar patches", () => {
|
|
const firstProfile = createDefaultAgentAvatarProfile("seed-1");
|
|
const replacementProfile = createDefaultAgentAvatarProfile("seed-2");
|
|
const secondProfile = createDefaultAgentAvatarProfile("seed-3");
|
|
const current = normalizeStudioSettings({
|
|
avatars: {
|
|
"ws://localhost:18789": {
|
|
"agent-1": firstProfile,
|
|
},
|
|
},
|
|
});
|
|
|
|
const merged = mergeStudioSettings(current, {
|
|
avatars: {
|
|
"ws://localhost:18789": {
|
|
"agent-1": replacementProfile,
|
|
"agent-2": secondProfile,
|
|
},
|
|
},
|
|
});
|
|
|
|
expect(merged.avatars["ws://localhost:18789"]?.["agent-1"]?.seed).toBe("seed-2");
|
|
expect(merged.avatars["ws://localhost:18789"]?.["agent-2"]?.seed).toBe("seed-3");
|
|
});
|
|
|
|
it("normalizes office title preferences per gateway", () => {
|
|
const normalized = normalizeStudioSettings({
|
|
office: {
|
|
" ws://localhost:18789 ": {
|
|
title: " Team Orbit ",
|
|
},
|
|
bad: {
|
|
title: "",
|
|
},
|
|
},
|
|
});
|
|
|
|
expect(normalized.office["ws://localhost:18789"]).toEqual(
|
|
expect.objectContaining({
|
|
title: "Team Orbit",
|
|
}),
|
|
);
|
|
expect(normalized.office.bad).toEqual(
|
|
expect.objectContaining({
|
|
title: "Luke Headquarters",
|
|
}),
|
|
);
|
|
});
|
|
|
|
it("merges office title patches", () => {
|
|
const current = normalizeStudioSettings({
|
|
office: {
|
|
"ws://localhost:18789": {
|
|
title: "Luke Headquarters",
|
|
},
|
|
},
|
|
});
|
|
|
|
const merged = mergeStudioSettings(current, {
|
|
office: {
|
|
"ws://localhost:18789": {
|
|
title: "Orbit Control",
|
|
},
|
|
},
|
|
});
|
|
|
|
expect(merged.office["ws://localhost:18789"]).toEqual(
|
|
expect.objectContaining({
|
|
title: "Orbit Control",
|
|
}),
|
|
);
|
|
});
|
|
|
|
it("normalizes task board cards per gateway", () => {
|
|
const normalized = normalizeStudioSettings({
|
|
taskBoard: {
|
|
" ws://localhost:18789 ": {
|
|
cards: [
|
|
{
|
|
id: " task-1 ",
|
|
title: " Review kanban interaction ",
|
|
status: "review",
|
|
source: "openclaw_event",
|
|
assignedAgentId: " agent-1 ",
|
|
createdAt: "2026-03-29T10:00:00.000Z",
|
|
updatedAt: "2026-03-29T10:05:00.000Z",
|
|
notes: [" note one ", " ", "note two"],
|
|
},
|
|
],
|
|
selectedCardId: " task-1 ",
|
|
},
|
|
},
|
|
});
|
|
|
|
expect(normalized.taskBoard?.["ws://localhost:18789"]).toEqual(
|
|
expect.objectContaining({
|
|
selectedCardId: "task-1",
|
|
cards: [
|
|
expect.objectContaining({
|
|
id: "task-1",
|
|
title: "Review kanban interaction",
|
|
assignedAgentId: "agent-1",
|
|
notes: ["note one", "note two"],
|
|
}),
|
|
],
|
|
}),
|
|
);
|
|
});
|
|
|
|
it("merges task board patches", () => {
|
|
const current = normalizeStudioSettings({
|
|
taskBoard: {
|
|
"ws://localhost:18789": {
|
|
cards: [
|
|
{
|
|
id: "task-1",
|
|
title: "Initial task",
|
|
description: "",
|
|
status: "todo",
|
|
source: "claw3d_manual",
|
|
sourceEventId: null,
|
|
assignedAgentId: null,
|
|
createdAt: "2026-03-29T10:00:00.000Z",
|
|
updatedAt: "2026-03-29T10:00:00.000Z",
|
|
playbookJobId: null,
|
|
runId: null,
|
|
channel: null,
|
|
externalThreadId: null,
|
|
lastActivityAt: null,
|
|
notes: [],
|
|
isArchived: false,
|
|
isInferred: false,
|
|
},
|
|
],
|
|
selectedCardId: "task-1",
|
|
},
|
|
},
|
|
});
|
|
|
|
const merged = mergeStudioSettings(current, {
|
|
taskBoard: {
|
|
"ws://localhost:18789": {
|
|
cards: [
|
|
{
|
|
id: "task-2",
|
|
title: "Replacement task",
|
|
description: "",
|
|
status: "in_progress",
|
|
source: "claw3d_manual",
|
|
sourceEventId: null,
|
|
assignedAgentId: null,
|
|
createdAt: "2026-03-29T10:10:00.000Z",
|
|
updatedAt: "2026-03-29T10:10:00.000Z",
|
|
playbookJobId: null,
|
|
runId: null,
|
|
channel: null,
|
|
externalThreadId: null,
|
|
lastActivityAt: null,
|
|
notes: [],
|
|
isArchived: false,
|
|
isInferred: false,
|
|
},
|
|
],
|
|
selectedCardId: "task-2",
|
|
},
|
|
},
|
|
});
|
|
|
|
expect(merged.taskBoard?.["ws://localhost:18789"]).toEqual(
|
|
expect.objectContaining({
|
|
selectedCardId: "task-2",
|
|
cards: [
|
|
expect.objectContaining({
|
|
id: "task-2",
|
|
title: "Replacement task",
|
|
status: "in_progress",
|
|
}),
|
|
],
|
|
}),
|
|
);
|
|
});
|
|
});
|