Files
claw3d/tests/unit/studioSettings.test.ts
Luke The Dev a997f13601 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>
2026-03-30 22:58:18 -05:00

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",
}),
],
}),
);
});
});