@task-mcp/shared 1.0.13 → 1.0.15

package/dist/utils/dashboard-renderer.test.js

@@ -0,0 +1,777 @@
+import { describe, test, expect } from "bun:test";
+import { calculateStats, calculateDependencyMetrics, renderStatusWidget, renderActionsWidget, renderInboxWidget, renderProjectsTable, renderTasksTable, renderDashboard, renderProjectDashboard, renderGlobalDashboard, } from "./dashboard-renderer.js";
+import { stripAnsi } from "./terminal-ui.js";
+// =============================================================================
+// Test Fixtures
+// =============================================================================
+const createTask = (overrides = {}) => ({
+    id: "task-1",
+    projectId: "project-1",
+    title: "Test Task",
+    status: "pending",
+    priority: "medium",
+    createdAt: "2025-01-01T00:00:00.000Z",
+    updatedAt: "2025-01-01T00:00:00.000Z",
+    ...overrides,
+});
+const createProject = (overrides = {}) => ({
+    id: "proj-1",
+    name: "Test Project",
+    status: "active",
+    createdAt: "2025-01-01T00:00:00.000Z",
+    updatedAt: "2025-01-01T00:00:00.000Z",
+    ...overrides,
+});
+const createInboxItem = (overrides = {}) => ({
+    id: "inbox-1",
+    content: "Quick idea for later",
+    status: "pending",
+    capturedAt: "2025-01-01T00:00:00.000Z",
+    ...overrides,
+});
+// =============================================================================
+// calculateStats Tests
+// =============================================================================
+describe("calculateStats", () => {
+    test("returns zero stats for empty task list", () => {
+        const stats = calculateStats([]);
+        expect(stats).toEqual({
+            total: 0,
+            completed: 0,
+            inProgress: 0,
+            pending: 0,
+            blocked: 0,
+            cancelled: 0,
+            byPriority: { critical: 0, high: 0, medium: 0, low: 0 },
+        });
+    });
+    test("counts tasks by status correctly", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "completed" }),
+            createTask({ id: "t2", status: "completed" }),
+            createTask({ id: "t3", status: "in_progress" }),
+            createTask({ id: "t4", status: "pending" }),
+            createTask({ id: "t5", status: "pending" }),
+            createTask({ id: "t6", status: "pending" }),
+            createTask({ id: "t7", status: "blocked" }),
+            createTask({ id: "t8", status: "cancelled" }),
+        ];
+        const stats = calculateStats(tasks);
+        expect(stats.total).toBe(8);
+        expect(stats.completed).toBe(2);
+        expect(stats.inProgress).toBe(1);
+        expect(stats.pending).toBe(3);
+        expect(stats.blocked).toBe(1);
+        expect(stats.cancelled).toBe(1);
+    });
+    test("counts tasks by priority correctly", () => {
+        const tasks = [
+            createTask({ id: "t1", priority: "critical" }),
+            createTask({ id: "t2", priority: "critical" }),
+            createTask({ id: "t3", priority: "high" }),
+            createTask({ id: "t4", priority: "medium" }),
+            createTask({ id: "t5", priority: "medium" }),
+            createTask({ id: "t6", priority: "low" }),
+        ];
+        const stats = calculateStats(tasks);
+        expect(stats.byPriority.critical).toBe(2);
+        expect(stats.byPriority.high).toBe(1);
+        expect(stats.byPriority.medium).toBe(2);
+        expect(stats.byPriority.low).toBe(1);
+    });
+    test("defaults to medium priority in stats calculation", () => {
+        // When priority is "medium", it should be counted in the medium bucket
+        const tasks = [
+            createTask({ id: "t1" }), // Uses default priority: "medium"
+            createTask({ id: "t2" }), // Uses default priority: "medium"
+        ];
+        const stats = calculateStats(tasks);
+        expect(stats.byPriority.medium).toBe(2);
+    });
+});
+// =============================================================================
+// calculateDependencyMetrics Tests
+// =============================================================================
+describe("calculateDependencyMetrics", () => {
+    test("returns zero metrics for empty task list", () => {
+        const metrics = calculateDependencyMetrics([]);
+        expect(metrics).toEqual({
+            readyToWork: 0,
+            blockedByDependencies: 0,
+            mostDependedOn: undefined,
+        });
+    });
+    test("counts tasks without dependencies as ready", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "pending" }),
+            createTask({ id: "t2", status: "pending" }),
+            createTask({ id: "t3", status: "in_progress" }),
+        ];
+        const metrics = calculateDependencyMetrics(tasks);
+        expect(metrics.readyToWork).toBe(3);
+        expect(metrics.blockedByDependencies).toBe(0);
+    });
+    test("counts tasks with unsatisfied dependencies as blocked", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "pending" }),
+            createTask({
+                id: "t2",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+            createTask({
+                id: "t3",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+        ];
+        const metrics = calculateDependencyMetrics(tasks);
+        expect(metrics.readyToWork).toBe(1); // t1 has no deps
+        expect(metrics.blockedByDependencies).toBe(2); // t2, t3 blocked by t1
+    });
+    test("counts tasks with satisfied dependencies as ready", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "completed" }),
+            createTask({
+                id: "t2",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+        ];
+        const metrics = calculateDependencyMetrics(tasks);
+        expect(metrics.readyToWork).toBe(1); // t2 is ready because t1 is completed
+        expect(metrics.blockedByDependencies).toBe(0);
+    });
+    test("ignores completed and cancelled tasks in readyToWork count", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "completed" }),
+            createTask({ id: "t2", status: "cancelled" }),
+            createTask({ id: "t3", status: "pending" }),
+        ];
+        const metrics = calculateDependencyMetrics(tasks);
+        expect(metrics.readyToWork).toBe(1); // Only t3 counts
+    });
+    test("identifies most depended on task", () => {
+        const tasks = [
+            createTask({ id: "t1", title: "Foundation Task", status: "pending" }),
+            createTask({
+                id: "t2",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+            createTask({
+                id: "t3",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+            createTask({
+                id: "t4",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+        ];
+        const metrics = calculateDependencyMetrics(tasks);
+        expect(metrics.mostDependedOn).toEqual({
+            id: "t1",
+            title: "Foundation Task",
+            dependentCount: 3,
+        });
+    });
+    test("returns undefined mostDependedOn when no dependencies exist", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "pending" }),
+            createTask({ id: "t2", status: "pending" }),
+        ];
+        const metrics = calculateDependencyMetrics(tasks);
+        expect(metrics.mostDependedOn).toBeUndefined();
+    });
+});
+// =============================================================================
+// renderStatusWidget Tests
+// =============================================================================
+describe("renderStatusWidget", () => {
+    test("renders status widget with basic stats", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "completed" }),
+            createTask({ id: "t2", status: "pending" }),
+            createTask({ id: "t3", status: "in_progress" }),
+        ];
+        const projects = [createProject()];
+        const widget = renderStatusWidget(tasks, projects);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("Status");
+        expect(plain).toContain("Done");
+        expect(plain).toContain("Progress");
+        expect(plain).toContain("Pending");
+    });
+    test("renders progress percentage", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "completed" }),
+            createTask({ id: "t2", status: "completed" }),
+            createTask({ id: "t3", status: "pending" }),
+            createTask({ id: "t4", status: "pending" }),
+        ];
+        const widget = renderStatusWidget(tasks, []);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("50%");
+        expect(plain).toContain("2/4 tasks");
+    });
+    test("renders priority breakdown", () => {
+        const tasks = [
+            createTask({ id: "t1", priority: "critical" }),
+            createTask({ id: "t2", priority: "high" }),
+        ];
+        const widget = renderStatusWidget(tasks, []);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("Critical");
+        expect(plain).toContain("High");
+        expect(plain).toContain("Medium");
+        expect(plain).toContain("Low");
+    });
+    test("renders dependency metrics", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "pending" }),
+            createTask({
+                id: "t2",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+        ];
+        const widget = renderStatusWidget(tasks, []);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("Ready");
+        expect(plain).toContain("Blocked");
+    });
+    test("excludes cancelled tasks from active count", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "completed" }),
+            createTask({ id: "t2", status: "cancelled" }),
+            createTask({ id: "t3", status: "pending" }),
+        ];
+        const widget = renderStatusWidget(tasks, []);
+        const plain = stripAnsi(widget);
+        // 1 completed out of 2 active = 50%
+        expect(plain).toContain("50%");
+        expect(plain).toContain("1/2 tasks");
+    });
+});
+// =============================================================================
+// renderActionsWidget Tests
+// =============================================================================
+describe("renderActionsWidget", () => {
+    test("renders next actions widget title", () => {
+        const tasks = [createTask({ status: "pending" })];
+        const widget = renderActionsWidget(tasks);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("Next Actions");
+    });
+    test("shows ready tasks without dependencies", () => {
+        const tasks = [
+            createTask({ id: "t1", title: "Ready Task 1", status: "pending" }),
+            createTask({ id: "t2", title: "Ready Task 2", status: "pending" }),
+        ];
+        const widget = renderActionsWidget(tasks);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("Ready Task 1");
+        expect(plain).toContain("Ready Task 2");
+        expect(plain).toContain("ready");
+    });
+    test("excludes tasks with dependencies", () => {
+        const tasks = [
+            createTask({ id: "t1", title: "Ready Task", status: "pending" }),
+            createTask({
+                id: "t2",
+                title: "Blocked Task",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+        ];
+        const widget = renderActionsWidget(tasks);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("Ready Task");
+        expect(plain).not.toContain("Blocked Task");
+    });
+    test("sorts by priority", () => {
+        const tasks = [
+            createTask({ id: "t1", title: "Low Priority", status: "pending", priority: "low" }),
+            createTask({ id: "t2", title: "Critical Task", status: "pending", priority: "critical" }),
+            createTask({ id: "t3", title: "High Priority", status: "pending", priority: "high" }),
+        ];
+        const widget = renderActionsWidget(tasks);
+        const plain = stripAnsi(widget);
+        // Critical should appear before others
+        const criticalPos = plain.indexOf("Critical Task");
+        const highPos = plain.indexOf("High Priority");
+        const lowPos = plain.indexOf("Low Priority");
+        expect(criticalPos).toBeLessThan(highPos);
+        expect(highPos).toBeLessThan(lowPos);
+    });
+    test("limits to 4 tasks", () => {
+        const tasks = Array.from({ length: 10 }, (_, i) => createTask({ id: `t${i}`, title: `Task ${i}`, status: "pending" }));
+        const widget = renderActionsWidget(tasks);
+        const plain = stripAnsi(widget);
+        // Should show only first 4
+        expect(plain).toContain("Task 0");
+        expect(plain).toContain("Task 3");
+        expect(plain).not.toContain("Task 9");
+    });
+    test("shows message when no tasks ready", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "completed" }),
+            createTask({
+                id: "t2",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+        ];
+        // t2 has deps, but t1 is completed so t2 is actually ready
+        // Let's use a case where deps are NOT satisfied
+        const blockedTasks = [
+            createTask({ id: "t1", status: "pending" }),
+            createTask({
+                id: "t2",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+        ];
+        // Filter out t1 to simulate only blocked tasks
+        const onlyBlockedTask = blockedTasks.filter((t) => t.id === "t2");
+        const widget = renderActionsWidget(onlyBlockedTask);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("No tasks ready");
+    });
+});
+// =============================================================================
+// renderInboxWidget Tests
+// =============================================================================
+describe("renderInboxWidget", () => {
+    test("returns null for empty inbox", () => {
+        const widget = renderInboxWidget([]);
+        expect(widget).toBeNull();
+    });
+    test("returns null when all items are processed", () => {
+        const items = [
+            createInboxItem({ id: "i1", status: "promoted" }),
+            createInboxItem({ id: "i2", status: "discarded" }),
+        ];
+        const widget = renderInboxWidget(items);
+        expect(widget).toBeNull();
+    });
+    test("renders pending items count", () => {
+        const items = [
+            createInboxItem({ id: "i1", status: "pending" }),
+            createInboxItem({ id: "i2", status: "pending" }),
+            createInboxItem({ id: "i3", status: "promoted" }),
+        ];
+        const widget = renderInboxWidget(items);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("Inbox");
+        expect(plain).toContain("Pending");
+        expect(plain).toContain("2 items");
+    });
+    test("shows up to 3 items", () => {
+        const items = [
+            createInboxItem({ id: "i1", content: "Item 1", status: "pending" }),
+            createInboxItem({ id: "i2", content: "Item 2", status: "pending" }),
+            createInboxItem({ id: "i3", content: "Item 3", status: "pending" }),
+            createInboxItem({ id: "i4", content: "Item 4", status: "pending" }),
+            createInboxItem({ id: "i5", content: "Item 5", status: "pending" }),
+        ];
+        const widget = renderInboxWidget(items);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("Item 1");
+        expect(plain).toContain("Item 2");
+        expect(plain).toContain("Item 3");
+        expect(plain).not.toContain("Item 4");
+        expect(plain).toContain("+2 more");
+    });
+    test("shows tags when present", () => {
+        const items = [
+            createInboxItem({
+                id: "i1",
+                content: "Tagged item",
+                status: "pending",
+                tags: ["important"],
+            }),
+        ];
+        const widget = renderInboxWidget(items);
+        const plain = stripAnsi(widget);
+        expect(plain).toContain("#important");
+    });
+});
+// =============================================================================
+// renderProjectsTable Tests
+// =============================================================================
+describe("renderProjectsTable", () => {
+    test("returns message for empty projects", () => {
+        const result = renderProjectsTable([], () => []);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("No projects found");
+    });
+    test("renders project names", () => {
+        const projects = [
+            createProject({ id: "p1", name: "Project Alpha" }),
+            createProject({ id: "p2", name: "Project Beta" }),
+        ];
+        const result = renderProjectsTable(projects, () => []);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Project Alpha");
+        expect(plain).toContain("Project Beta");
+    });
+    test("renders progress percentage", () => {
+        const projects = [createProject({ id: "p1", name: "Half Done" })];
+        const tasks = [
+            createTask({ id: "t1", projectId: "p1", status: "completed" }),
+            createTask({ id: "t2", projectId: "p1", status: "pending" }),
+        ];
+        const result = renderProjectsTable(projects, () => tasks);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("50%");
+    });
+    test("renders ready and blocked counts", () => {
+        const projects = [createProject({ id: "p1", name: "Test" })];
+        const tasks = [
+            createTask({ id: "t1", projectId: "p1", status: "pending" }),
+            createTask({
+                id: "t2",
+                projectId: "p1",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+        ];
+        const result = renderProjectsTable(projects, () => tasks);
+        const plain = stripAnsi(result);
+        // Table headers should be present
+        expect(plain).toContain("Project");
+        expect(plain).toContain("Progress");
+        expect(plain).toContain("Tasks");
+        expect(plain).toContain("Ready");
+        expect(plain).toContain("Blocked");
+    });
+    test("limits to 10 projects", () => {
+        const projects = Array.from({ length: 15 }, (_, i) => createProject({ id: `p${i}`, name: `Project ${i}` }));
+        const result = renderProjectsTable(projects, () => []);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Project 0");
+        expect(plain).toContain("Project 9");
+        expect(plain).not.toContain("Project 10");
+    });
+});
+// =============================================================================
+// renderTasksTable Tests
+// =============================================================================
+describe("renderTasksTable", () => {
+    test("returns message for no active tasks", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "completed" }),
+            createTask({ id: "t2", status: "cancelled" }),
+        ];
+        const result = renderTasksTable(tasks);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("No active tasks");
+    });
+    test("renders task titles", () => {
+        const tasks = [
+            createTask({ id: "t1", title: "First Task", status: "pending" }),
+            createTask({ id: "t2", title: "Second Task", status: "in_progress" }),
+        ];
+        const result = renderTasksTable(tasks);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("First Task");
+        expect(plain).toContain("Second Task");
+    });
+    test("excludes completed and cancelled tasks", () => {
+        const tasks = [
+            createTask({ id: "t1", title: "Active Task", status: "pending" }),
+            createTask({ id: "t2", title: "Done Task", status: "completed" }),
+            createTask({ id: "t3", title: "Cancelled Task", status: "cancelled" }),
+        ];
+        const result = renderTasksTable(tasks);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Active Task");
+        expect(plain).not.toContain("Done Task");
+        expect(plain).not.toContain("Cancelled Task");
+    });
+    test("respects limit parameter", () => {
+        const tasks = Array.from({ length: 20 }, (_, i) => createTask({ id: `t${i}`, title: `Task ${i}`, status: "pending" }));
+        const result = renderTasksTable(tasks, 5);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Task 0");
+        expect(plain).toContain("Task 4");
+        expect(plain).not.toContain("Task 5");
+        expect(plain).toContain("+15 more tasks");
+    });
+    test("renders status column", () => {
+        const tasks = [
+            createTask({ id: "t1", title: "Pending Task", status: "pending" }),
+            createTask({ id: "t2", title: "In Progress Task", status: "in_progress" }),
+        ];
+        const result = renderTasksTable(tasks);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Status");
+        expect(plain).toContain("pending");
+        // Status may be truncated in the column, check for partial match
+        expect(plain).toMatch(/in_prog/);
+    });
+    test("renders priority column", () => {
+        const tasks = [
+            createTask({ id: "t1", title: "Critical Task", status: "pending", priority: "critical" }),
+            createTask({ id: "t2", title: "Low Task", status: "pending", priority: "low" }),
+        ];
+        const result = renderTasksTable(tasks);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Priority");
+    });
+});
+// =============================================================================
+// renderDashboard Tests
+// =============================================================================
+describe("renderDashboard", () => {
+    const defaultData = {
+        tasks: [createTask({ status: "pending" })],
+        projects: [createProject()],
+    };
+    test("renders banner by default", () => {
+        const result = renderDashboard(defaultData, () => []);
+        const plain = stripAnsi(result);
+        // Banner is rendered as ASCII art blocks, check for pattern
+        expect(plain).toMatch(/████/);
+    });
+    test("hides banner when showBanner is false", () => {
+        const result = renderDashboard(defaultData, () => [], { showBanner: false });
+        const plain = stripAnsi(result);
+        // Banner is ASCII art blocks, should not be present
+        expect(plain).not.toMatch(/████.*████.*████/);
+    });
+    test("shows version when provided", () => {
+        const data = { ...defaultData, version: "1.2.3" };
+        const result = renderDashboard(data, () => []);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("v1.2.3");
+    });
+    test("shows current project name when provided", () => {
+        const data = {
+            ...defaultData,
+            currentProject: createProject({ name: "My Project" }),
+        };
+        const result = renderDashboard(data, () => []);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Project:");
+        expect(plain).toContain("My Project");
+    });
+    test("shows all projects count when no current project", () => {
+        const data = {
+            tasks: [],
+            projects: [createProject({ id: "p1" }), createProject({ id: "p2" })],
+        };
+        const result = renderDashboard(data, () => []);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("All Projects");
+        expect(plain).toContain("2 projects");
+    });
+    test("renders inbox widget when items present", () => {
+        const data = {
+            ...defaultData,
+            inboxItems: [createInboxItem({ content: "Test inbox item", status: "pending" })],
+        };
+        const result = renderDashboard(data, () => [], { showInbox: true });
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Inbox");
+        expect(plain).toContain("Test inbox item");
+    });
+    test("hides inbox widget when showInbox is false", () => {
+        const data = {
+            ...defaultData,
+            inboxItems: [createInboxItem({ content: "Test inbox item", status: "pending" })],
+        };
+        const result = renderDashboard(data, () => [], { showInbox: false });
+        const plain = stripAnsi(result);
+        expect(plain).not.toContain("Test inbox item");
+    });
+    test("renders projects table for multi-project view", () => {
+        const data = {
+            tasks: [],
+            projects: [
+                createProject({ id: "p1", name: "Project One" }),
+                createProject({ id: "p2", name: "Project Two" }),
+            ],
+        };
+        const result = renderDashboard(data, () => [], { showProjects: true });
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Projects");
+        expect(plain).toContain("Project One");
+        expect(plain).toContain("Project Two");
+    });
+    test("strips ANSI codes when stripAnsiCodes is true", () => {
+        const result = renderDashboard(defaultData, () => [], { stripAnsiCodes: true });
+        // Should not contain ANSI escape sequences
+        expect(result).not.toMatch(/\x1b\[/);
+    });
+});
+// =============================================================================
+// renderProjectDashboard Tests
+// =============================================================================
+describe("renderProjectDashboard", () => {
+    test("renders single project dashboard", () => {
+        const project = createProject({ name: "My Project" });
+        const tasks = [
+            createTask({ id: "t1", title: "Task 1", status: "pending" }),
+            createTask({ id: "t2", title: "Task 2", status: "completed" }),
+        ];
+        const result = renderProjectDashboard(project, tasks);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("My Project");
+        expect(plain).toContain("Task 1");
+    });
+    test("includes version when provided", () => {
+        const project = createProject({ name: "Test" });
+        const result = renderProjectDashboard(project, [], { version: "2.0.0" });
+        const plain = stripAnsi(result);
+        expect(plain).toContain("v2.0.0");
+    });
+    test("strips ANSI when requested", () => {
+        const project = createProject();
+        const result = renderProjectDashboard(project, [], { stripAnsiCodes: true });
+        expect(result).not.toMatch(/\x1b\[/);
+    });
+    test("shows tasks table", () => {
+        const project = createProject();
+        const tasks = [
+            createTask({ id: "t1", title: "Active Task", status: "pending" }),
+        ];
+        const result = renderProjectDashboard(project, tasks);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Tasks");
+        expect(plain).toContain("Active Task");
+    });
+});
+// =============================================================================
+// renderGlobalDashboard Tests
+// =============================================================================
+describe("renderGlobalDashboard", () => {
+    test("renders global dashboard with all components", () => {
+        const projects = [
+            createProject({ id: "p1", name: "Project A" }),
+            createProject({ id: "p2", name: "Project B" }),
+        ];
+        const tasks = [
+            createTask({ id: "t1", projectId: "p1", status: "pending" }),
+            createTask({ id: "t2", projectId: "p2", status: "completed" }),
+        ];
+        const inboxItems = [
+            createInboxItem({ content: "Inbox note", status: "pending" }),
+        ];
+        const result = renderGlobalDashboard(projects, tasks, inboxItems, (projectId) => tasks.filter((t) => t.projectId === projectId));
+        const plain = stripAnsi(result);
+        // Banner is rendered as ASCII art blocks
+        expect(plain).toMatch(/████/);
+        expect(plain).toContain("Project A");
+        expect(plain).toContain("Project B");
+        expect(plain).toContain("Inbox note");
+    });
+    test("includes version when provided", () => {
+        const result = renderGlobalDashboard([], [], [], () => [], { version: "3.0.0" });
+        const plain = stripAnsi(result);
+        expect(plain).toContain("v3.0.0");
+    });
+    test("strips ANSI when requested", () => {
+        const result = renderGlobalDashboard([], [], [], () => [], {
+            stripAnsiCodes: true,
+        });
+        expect(result).not.toMatch(/\x1b\[/);
+    });
+    test("shows tasks table for single project", () => {
+        const projects = [createProject({ id: "p1", name: "Solo Project" })];
+        const tasks = [
+            createTask({ id: "t1", projectId: "p1", title: "Solo Task", status: "pending" }),
+        ];
+        const result = renderGlobalDashboard(projects, tasks, [], () => tasks);
+        const plain = stripAnsi(result);
+        expect(plain).toContain("Tasks");
+        expect(plain).toContain("Solo Task");
+    });
+    test("uses getProjectTasks callback correctly", () => {
+        const projects = [
+            createProject({ id: "p1", name: "Project One" }),
+            createProject({ id: "p2", name: "Project Two" }),
+        ];
+        const allTasks = [
+            createTask({ id: "t1", projectId: "p1", status: "completed" }),
+            createTask({ id: "t2", projectId: "p1", status: "pending" }),
+            createTask({ id: "t3", projectId: "p2", status: "pending" }),
+        ];
+        let callCount = 0;
+        const getProjectTasks = (projectId) => {
+            callCount++;
+            return allTasks.filter((t) => t.projectId === projectId);
+        };
+        renderGlobalDashboard(projects, allTasks, [], getProjectTasks);
+        // Should be called for each project in the table
+        expect(callCount).toBeGreaterThan(0);
+    });
+});
+// =============================================================================
+// Edge Cases and Integration Tests
+// =============================================================================
+describe("edge cases", () => {
+    test("handles tasks with all statuses", () => {
+        const tasks = [
+            createTask({ id: "t1", status: "pending" }),
+            createTask({ id: "t2", status: "in_progress" }),
+            createTask({ id: "t3", status: "completed" }),
+            createTask({ id: "t4", status: "blocked" }),
+            createTask({ id: "t5", status: "cancelled" }),
+        ];
+        const stats = calculateStats(tasks);
+        expect(stats.total).toBe(5);
+        expect(stats.pending).toBe(1);
+        expect(stats.inProgress).toBe(1);
+        expect(stats.completed).toBe(1);
+        expect(stats.blocked).toBe(1);
+        expect(stats.cancelled).toBe(1);
+    });
+    test("handles circular-like dependency scenario", () => {
+        // Not truly circular, but complex dependency chain
+        const tasks = [
+            createTask({ id: "t1", status: "pending" }),
+            createTask({
+                id: "t2",
+                status: "pending",
+                dependencies: [{ taskId: "t1", type: "blocked_by" }],
+            }),
+            createTask({
+                id: "t3",
+                status: "pending",
+                dependencies: [{ taskId: "t2", type: "blocked_by" }],
+            }),
+        ];
+        const metrics = calculateDependencyMetrics(tasks);
+        expect(metrics.readyToWork).toBe(1); // Only t1
+        expect(metrics.blockedByDependencies).toBe(2); // t2, t3
+    });
+    test("handles very long task titles", () => {
+        const tasks = [
+            createTask({
+                id: "t1",
+                title: "A".repeat(200),
+                status: "pending",
+            }),
+        ];
+        const widget = renderActionsWidget(tasks);
+        // Should not throw and should truncate
+        expect(widget).toBeDefined();
+        expect(widget.length).toBeLessThan(1000);
+    });
+    test("handles special characters in content", () => {
+        const items = [
+            createInboxItem({
+                content: "Test with <special> & \"characters\"",
+                status: "pending",
+            }),
+        ];
+        const widget = renderInboxWidget(items);
+        expect(widget).toBeDefined();
+        expect(widget).not.toBeNull();
+    });
+});
+//# sourceMappingURL=dashboard-renderer.test.js.map