tlc-claude-code 1.2.27 → 1.2.29

package/dashboard/dist/components/TaskBoard.test.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi } from 'vitest';
+import { render } from 'ink-testing-library';
+import { TaskBoard } from './TaskBoard.js';
+const sampleTasks = [
+    { id: 't1', title: 'Create schema', status: 'completed', priority: 'high' },
+    { id: 't2', title: 'Add validation', status: 'in_progress', assignee: 'alice' },
+    { id: 't3', title: 'Write tests', status: 'pending', priority: 'medium' },
+    { id: 't4', title: 'Add docs', status: 'pending', priority: 'low' },
+    { id: 't5', title: 'Review code', status: 'in_progress', assignee: 'bob' },
+];
+describe('TaskBoard', () => {
+    describe('Columns', () => {
+        it('shows three columns', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks }));
+            expect(lastFrame()).toContain('Pending');
+            expect(lastFrame()).toContain('In Progress');
+            expect(lastFrame()).toContain('Completed');
+        });
+        it('shows task count in column headers', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks }));
+            // 2 pending, 2 in progress, 1 completed
+            expect(lastFrame()).toContain('2');
+            expect(lastFrame()).toContain('1');
+        });
+        it('shows tasks in correct columns', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks }));
+            expect(lastFrame()).toContain('Create schema');
+            expect(lastFrame()).toContain('Add validation');
+            expect(lastFrame()).toContain('Write tests');
+        });
+    });
+    describe('Empty State', () => {
+        it('shows empty message when no tasks', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: [] }));
+            expect(lastFrame()).toContain('No tasks');
+        });
+        it('shows empty column indicator', () => {
+            const oneTask = [
+                { id: 't1', title: 'Test', status: 'pending' },
+            ];
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: oneTask }));
+            // In Progress and Completed should be empty
+            expect(lastFrame()).toMatch(/empty|none|-/i);
+        });
+    });
+    describe('Selection', () => {
+        it('first task is selected by default', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks }));
+            expect(lastFrame()).toContain('▶');
+        });
+        it('accepts initialColumn prop', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks, initialColumn: 1 }));
+            // Column 1 is "In Progress"
+            expect(lastFrame()).toContain('▶');
+        });
+        it('accepts initialRow prop', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks, initialRow: 1 }));
+            expect(lastFrame()).toContain('▶');
+        });
+    });
+    describe('Navigation Hints', () => {
+        it('shows horizontal navigation hint', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks }));
+            expect(lastFrame()).toMatch(/h\/l|←\/→/);
+        });
+        it('shows vertical navigation hint', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks }));
+            expect(lastFrame()).toMatch(/j\/k|↑\/↓/);
+        });
+        it('shows move task hint', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks }));
+            expect(lastFrame()).toMatch(/m|move/i);
+        });
+    });
+    describe('Callbacks', () => {
+        it('calls onSelect when task selected', () => {
+            const onSelect = vi.fn();
+            render(_jsx(TaskBoard, { tasks: sampleTasks, onSelect: onSelect }));
+            // Selection happens on Enter - verified by callback presence
+            expect(onSelect).not.toHaveBeenCalled();
+        });
+        it('calls onMove when task moved', () => {
+            const onMove = vi.fn();
+            render(_jsx(TaskBoard, { tasks: sampleTasks, onMove: onMove }));
+            // Move happens on 'm' key - verified by callback presence
+            expect(onMove).not.toHaveBeenCalled();
+        });
+    });
+    describe('Compact Mode', () => {
+        it('supports compact display', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks, compact: true }));
+            expect(lastFrame()).toContain('Pending');
+        });
+    });
+    describe('Column Highlighting', () => {
+        it('highlights active column', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks }));
+            // Active column should have visual distinction
+            expect(lastFrame()).toContain('Pending');
+        });
+    });
+    describe('Priority Sorting', () => {
+        it('sorts tasks by priority within column', () => {
+            const { lastFrame } = render(_jsx(TaskBoard, { tasks: sampleTasks }));
+            const output = lastFrame() || '';
+            // High priority 'Write tests' should appear before low priority 'Add docs'
+            const writeIndex = output.indexOf('Write tests');
+            const addIndex = output.indexOf('Add docs');
+            expect(writeIndex).toBeLessThan(addIndex);
+        });
+    });
+});

package/dashboard/dist/components/TaskCard.d.ts

@@ -0,0 +1,17 @@
+export type TaskStatus = 'pending' | 'in_progress' | 'completed';
+export type TaskPriority = 'high' | 'medium' | 'low';
+export interface TaskCardProps {
+    id: string;
+    title: string;
+    status: TaskStatus;
+    priority?: TaskPriority;
+    assignee?: string;
+    description?: string;
+    tests?: {
+        passing: number;
+        failing: number;
+    };
+    isSelected?: boolean;
+    compact?: boolean;
+}
+export declare function TaskCard({ title, status, priority, assignee, description, tests, isSelected, compact, }: TaskCardProps): import("react/jsx-runtime").JSX.Element;

package/dashboard/dist/components/TaskCard.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { Badge } from './ui/Badge.js';
+const priorityColors = {
+    high: 'red',
+    medium: 'yellow',
+    low: 'green',
+};
+const priorityLabels = {
+    high: '! high',
+    medium: 'medium',
+    low: 'low',
+};
+const statusIndicators = {
+    pending: { symbol: '○', color: 'gray' },
+    in_progress: { symbol: '◐', color: 'yellow' },
+    completed: { symbol: '✓', color: 'green' },
+};
+const statusLabels = {
+    pending: 'pending',
+    in_progress: 'in progress',
+    completed: 'completed',
+};
+export function TaskCard({ title, status, priority, assignee, description, tests, isSelected = false, compact = false, }) {
+    const statusInfo = statusIndicators[status];
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? 'cyan' : undefined, children: isSelected ? '▶ ' : '  ' }), _jsxs(Text, { color: statusInfo.color, children: [statusInfo.symbol, " "] }), _jsx(Text, { bold: isSelected, color: isSelected ? 'cyan' : 'white', children: title }), priority && (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { color: priorityColors[priority], children: ["[", priorityLabels[priority], "]"] }) })), assignee && (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { dimColor: true, children: ["@", assignee] }) }))] }), description && !compact && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: description }) })), description && compact && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, children: description.length > 40
+                        ? description.substring(0, 40) + '...'
+                        : description }) })), _jsxs(Box, { marginLeft: 4, children: [_jsx(Text, { dimColor: true, children: statusLabels[status] }), tests && (_jsx(Box, { marginLeft: 1, children: tests.failing > 0 ? (_jsxs(Badge, { variant: "error", size: "sm", children: [tests.failing, " fail"] })) : (_jsxs(Badge, { variant: "success", size: "sm", children: [tests.passing, " \u2713"] })) }))] })] }));
+}

package/dashboard/dist/components/TaskCard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dashboard/dist/components/TaskCard.test.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect } from 'vitest';
+import { render } from 'ink-testing-library';
+import { TaskCard } from './TaskCard.js';
+const sampleTask = {
+    id: 't1',
+    title: 'Create user schema',
+    status: 'pending',
+    priority: 'high',
+};
+describe('TaskCard', () => {
+    describe('Basic Display', () => {
+        it('renders task title', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask }));
+            expect(lastFrame()).toContain('Create user schema');
+        });
+        it('renders task status', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask }));
+            expect(lastFrame()).toContain('pending');
+        });
+        it('renders in progress status', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, status: "in_progress" }));
+            expect(lastFrame()).toMatch(/in.progress|working/i);
+        });
+        it('renders completed status', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, status: "completed" }));
+            expect(lastFrame()).toMatch(/completed|done|✓/i);
+        });
+    });
+    describe('Priority', () => {
+        it('shows high priority indicator', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, priority: "high" }));
+            expect(lastFrame()).toMatch(/high|🔴|!/i);
+        });
+        it('shows medium priority indicator', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, priority: "medium" }));
+            expect(lastFrame()).toMatch(/medium|🟡/i);
+        });
+        it('shows low priority indicator', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, priority: "low" }));
+            expect(lastFrame()).toMatch(/low|🟢/i);
+        });
+        it('handles no priority', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { id: "t1", title: "Test", status: "pending" }));
+            expect(lastFrame()).toContain('Test');
+        });
+    });
+    describe('Assignee', () => {
+        it('shows assignee when present', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, assignee: "alice" }));
+            expect(lastFrame()).toContain('alice');
+        });
+        it('shows @ prefix for assignee', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, assignee: "bob" }));
+            expect(lastFrame()).toContain('@bob');
+        });
+        it('handles no assignee', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask }));
+            expect(lastFrame()).not.toContain('@');
+        });
+    });
+    describe('Test Status', () => {
+        it('shows passing tests badge', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, tests: { passing: 10, failing: 0 } }));
+            expect(lastFrame()).toMatch(/10.*(pass|✓)/i);
+        });
+        it('shows failing tests badge', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, tests: { passing: 8, failing: 2 } }));
+            expect(lastFrame()).toMatch(/2.*(fail|✗)/i);
+        });
+        it('handles no tests', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask }));
+            expect(lastFrame()).toContain('Create user schema');
+        });
+    });
+    describe('Selection', () => {
+        it('shows selection indicator when selected', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, isSelected: true }));
+            expect(lastFrame()).toContain('▶');
+        });
+        it('hides selection indicator when not selected', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, isSelected: false }));
+            expect(lastFrame()).not.toContain('▶');
+        });
+    });
+    describe('Display Modes', () => {
+        it('renders compact mode', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, compact: true }));
+            expect(lastFrame()).toContain('Create user schema');
+        });
+        it('renders full mode by default', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask }));
+            expect(lastFrame()).toContain('Create user schema');
+        });
+    });
+    describe('Description', () => {
+        it('shows description when present', () => {
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, description: "Define the database schema" }));
+            expect(lastFrame()).toContain('Define the database schema');
+        });
+        it('truncates long description in compact mode', () => {
+            const longDesc = 'A'.repeat(100);
+            const { lastFrame } = render(_jsx(TaskCard, { ...sampleTask, description: longDesc, compact: true }));
+            // Should not show full description in compact mode
+            const output = lastFrame() || '';
+            expect(output.length).toBeLessThan(150);
+        });
+    });
+});

package/dashboard/dist/components/TaskDetail.d.ts

@@ -0,0 +1,36 @@
+import { TaskStatus, TaskPriority } from './TaskCard.js';
+export interface Activity {
+    id: string;
+    type: 'status_change' | 'comment' | 'test_run' | 'file_change';
+    timestamp: string;
+    user?: string;
+    detail: string;
+}
+export interface AcceptanceCriterion {
+    id: string;
+    text: string;
+    done: boolean;
+}
+export interface TaskDetailData {
+    id: string;
+    title: string;
+    status: TaskStatus;
+    priority?: TaskPriority;
+    assignee?: string;
+    description?: string;
+    tests?: {
+        passing: number;
+        failing: number;
+    };
+    activity: Activity[];
+    files: string[];
+    acceptanceCriteria: AcceptanceCriterion[];
+}
+export interface TaskDetailProps {
+    task: TaskDetailData;
+    onBack?: () => void;
+    onClaim?: () => void;
+    onRelease?: () => void;
+    onStatusChange?: (newStatus: TaskStatus) => void;
+}
+export declare function TaskDetail({ task, onBack, onClaim, onRelease, onStatusChange, }: TaskDetailProps): import("react/jsx-runtime").JSX.Element;

package/dashboard/dist/components/TaskDetail.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+import { Card } from './ui/Card.js';
+import { Badge } from './ui/Badge.js';
+const statusLabels = {
+    pending: 'pending',
+    in_progress: 'in progress',
+    completed: 'completed',
+};
+const priorityColors = {
+    high: 'red',
+    medium: 'yellow',
+    low: 'green',
+};
+export function TaskDetail({ task, onBack, onClaim, onRelease, onStatusChange, }) {
+    useInput((input, key) => {
+        if (key.escape && onBack) {
+            onBack();
+        }
+        else if (input === 'c' && onClaim && !task.assignee) {
+            onClaim();
+        }
+        else if (input === 'r' && onRelease && task.assignee) {
+            onRelease();
+        }
+        else if (input === 'd' && onStatusChange && task.status !== 'completed') {
+            onStatusChange('completed');
+        }
+        else if (input === 's' && onStatusChange && task.status === 'pending') {
+            onStatusChange('in_progress');
+        }
+    });
+    const completedCriteria = task.acceptanceCriteria.filter((c) => c.done).length;
+    const totalCriteria = task.acceptanceCriteria.length;
+    const totalTests = task.tests ? task.tests.passing + task.tests.failing : 0;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: task.title }) }), _jsxs(Box, { marginBottom: 1, children: [_jsx(Badge, { variant: task.status === 'completed'
+                            ? 'success'
+                            : task.status === 'in_progress'
+                                ? 'warning'
+                                : 'neutral', children: statusLabels[task.status] }), task.priority && (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { color: priorityColors[task.priority], children: ["[", task.priority, "]"] }) })), task.assignee && (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { dimColor: true, children: ["@", task.assignee] }) }))] }), task.description && (_jsx(Card, { variant: "outlined", children: _jsx(Text, { children: task.description }) })), task.acceptanceCriteria.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, children: "Acceptance Criteria " }), _jsxs(Text, { dimColor: true, children: ["(", completedCriteria, "/", totalCriteria, ")"] })] }), task.acceptanceCriteria.map((criterion) => (_jsxs(Box, { children: [_jsx(Text, { color: criterion.done ? 'green' : 'gray', children: criterion.done ? '[x] ' : '[ ] ' }), _jsx(Text, { color: criterion.done ? 'green' : undefined, children: criterion.text })] }, criterion.id)))] })), task.tests && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Tests: " }), _jsxs(Badge, { variant: task.tests.failing > 0 ? 'error' : 'success', children: [task.tests.passing, "/", totalTests] }), task.tests.failing > 0 && (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { color: "red", children: [task.tests.failing, " \u2717 failing"] }) }))] })), task.files.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Files" }) }), task.files.map((file, i) => (_jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["\u2022 ", file] }) }, i)))] })), task.activity.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Activity" }) }), task.activity.map((entry) => (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: entry.timestamp }), entry.user && _jsxs(Text, { color: "cyan", children: [" @", entry.user] }), _jsxs(Text, { children: [": ", entry.detail] })] }, entry.id)))] })), _jsxs(Box, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { dimColor: true, children: "Actions: " }), !task.assignee ? (_jsx(Text, { color: "green", children: "[c]laim " })) : (_jsx(Text, { color: "yellow", children: "[r]elease " })), task.status === 'pending' && _jsx(Text, { children: "[s]tart " }), task.status !== 'completed' && _jsx(Text, { children: "[d]one " }), _jsx(Text, { dimColor: true, children: "| Esc back" })] })] }));
+}

package/dashboard/dist/components/TaskDetail.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dashboard/dist/components/TaskDetail.test.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi } from 'vitest';
+import { render } from 'ink-testing-library';
+import { TaskDetail } from './TaskDetail.js';
+const sampleTask = {
+    id: 't1',
+    title: 'Create user schema',
+    status: 'in_progress',
+    priority: 'high',
+    assignee: 'alice',
+    description: 'Define the database schema for users table with proper constraints and indexes.',
+    tests: { passing: 8, failing: 2 },
+    activity: [
+        { id: 'a1', type: 'status_change', timestamp: '10 min ago', user: 'alice', detail: 'Started work' },
+        { id: 'a2', type: 'comment', timestamp: '5 min ago', user: 'bob', detail: 'Looks good so far!' },
+        { id: 'a3', type: 'test_run', timestamp: '2 min ago', detail: '8/10 tests passing' },
+    ],
+    files: [
+        'src/db/schema/users.ts',
+        'src/db/migrations/001_users.sql',
+    ],
+    acceptanceCriteria: [
+        { id: 'ac1', text: 'Has id, email, passwordHash, createdAt', done: true },
+        { id: 'ac2', text: 'Email unique constraint', done: true },
+        { id: 'ac3', text: 'Password hashed with bcrypt', done: false },
+    ],
+};
+describe('TaskDetail', () => {
+    describe('Header', () => {
+        it('renders task title', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('Create user schema');
+        });
+        it('renders task status', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toMatch(/in.progress|working/i);
+        });
+        it('renders priority', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('high');
+        });
+        it('renders assignee', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('alice');
+        });
+    });
+    describe('Description', () => {
+        it('shows full description', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('Define the database schema');
+        });
+    });
+    describe('Acceptance Criteria', () => {
+        it('shows acceptance criteria', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('Has id, email');
+            expect(lastFrame()).toContain('Email unique');
+        });
+        it('shows completed criteria with checkmark', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toMatch(/\[x\]|✓/);
+        });
+        it('shows incomplete criteria without checkmark', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('Password hashed');
+        });
+        it('shows criteria count', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('2/3');
+        });
+    });
+    describe('Test Status', () => {
+        it('shows test counts', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('8');
+            expect(lastFrame()).toContain('10');
+        });
+        it('shows failing tests', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toMatch(/2.*(fail|✗)/i);
+        });
+    });
+    describe('Files', () => {
+        it('shows related files', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('users.ts');
+            expect(lastFrame()).toContain('001_users.sql');
+        });
+    });
+    describe('Activity', () => {
+        it('shows activity entries', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('Started work');
+            expect(lastFrame()).toContain('Looks good');
+        });
+        it('shows activity timestamps', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('10 min ago');
+        });
+        it('shows activity users', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('alice');
+            expect(lastFrame()).toContain('bob');
+        });
+    });
+    describe('Actions', () => {
+        it('shows claim action for unassigned task', () => {
+            const unassignedTask = { ...sampleTask, assignee: undefined };
+            const { lastFrame } = render(_jsx(TaskDetail, { task: unassignedTask }));
+            expect(lastFrame()).toContain('c');
+        });
+        it('shows release action for assigned task', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('r');
+        });
+        it('shows status change actions', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            // Shows [d]one action for in-progress task
+            expect(lastFrame()).toContain('[d]one');
+        });
+    });
+    describe('Navigation', () => {
+        it('shows back navigation hint', () => {
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask }));
+            expect(lastFrame()).toContain('Esc');
+        });
+        it('calls onBack when provided', () => {
+            const onBack = vi.fn();
+            const { lastFrame } = render(_jsx(TaskDetail, { task: sampleTask, onBack: onBack }));
+            expect(lastFrame()).toContain('Esc');
+        });
+    });
+    describe('Callbacks', () => {
+        it('calls onClaim when claim action triggered', () => {
+            const onClaim = vi.fn();
+            render(_jsx(TaskDetail, { task: sampleTask, onClaim: onClaim }));
+            // Claim happens on 'c' key
+        });
+        it('calls onRelease when release action triggered', () => {
+            const onRelease = vi.fn();
+            render(_jsx(TaskDetail, { task: sampleTask, onRelease: onRelease }));
+            // Release happens on 'r' key
+        });
+        it('calls onStatusChange when status changed', () => {
+            const onStatusChange = vi.fn();
+            render(_jsx(TaskDetail, { task: sampleTask, onStatusChange: onStatusChange }));
+            // Status change happens on specific keys
+        });
+    });
+    describe('Minimal Task', () => {
+        it('renders with minimal data', () => {
+            const minimalTask = {
+                id: 'min',
+                title: 'Minimal',
+                status: 'pending',
+                activity: [],
+                files: [],
+                acceptanceCriteria: [],
+            };
+            const { lastFrame } = render(_jsx(TaskDetail, { task: minimalTask }));
+            expect(lastFrame()).toContain('Minimal');
+        });
+    });
+});

package/dashboard/dist/components/TaskFilter.d.ts

@@ -0,0 +1,12 @@
+import { TaskStatus, TaskPriority } from './TaskCard.js';
+export interface FilterState {
+    assignee?: string;
+    status?: TaskStatus[];
+    priority?: TaskPriority[];
+}
+export interface TaskFilterProps {
+    assignees: string[];
+    filters: FilterState;
+    onChange: (filters: FilterState) => void;
+}
+export declare function TaskFilter({ assignees, filters, onChange, }: TaskFilterProps): import("react/jsx-runtime").JSX.Element;