tlc-claude-code 1.2.27 → 1.2.28

package/dashboard/dist/components/ProjectCard.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { Badge } from './ui/Badge.js';
+import { Card } from './ui/Card.js';
+export function ProjectCard({ name, description, phase, tests, coverage, lastActivity, isSelected = false, }) {
+    const testStatus = tests
+        ? tests.failing > 0
+            ? 'error'
+            : 'success'
+        : 'neutral';
+    const coverageStatus = coverage !== undefined
+        ? coverage >= 80
+            ? 'success'
+            : coverage >= 60
+                ? 'warning'
+                : 'error'
+        : 'neutral';
+    return (_jsx(Card, { variant: isSelected ? 'elevated' : 'default', children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, color: isSelected ? 'cyan' : 'white', children: [isSelected ? '▶ ' : '  ', name] }) }), description && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: description }) })), phase && (_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { dimColor: true, children: "Phase: " }), _jsxs(Text, { color: "cyan", children: [phase.current, "/", phase.total] }), _jsxs(Text, { dimColor: true, children: [" - ", phase.name] })] })), _jsxs(Box, { children: [tests && (_jsx(Box, { marginRight: 2, children: _jsxs(Badge, { variant: testStatus, size: "sm", children: [tests.passing, "/", tests.total, " tests"] }) })), coverage !== undefined && (_jsx(Box, { marginRight: 2, children: _jsxs(Badge, { variant: coverageStatus, size: "sm", children: [coverage, "% cov"] }) })), lastActivity && (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: lastActivity }) }))] })] }) }));
+}

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

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

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect } from 'vitest';
+import { render } from 'ink-testing-library';
+import { ProjectCard } from './ProjectCard.js';
+describe('ProjectCard', () => {
+    it('renders project name', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "My Project" }));
+        expect(lastFrame()).toContain('My Project');
+    });
+    it('renders description', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Project", description: "A test project" }));
+        expect(lastFrame()).toContain('A test project');
+    });
+    it('renders phase progress', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Project", phase: { current: 3, total: 5, name: 'Authentication' } }));
+        expect(lastFrame()).toContain('3/5');
+        expect(lastFrame()).toContain('Authentication');
+    });
+    it('renders test counts', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Project", tests: { passing: 45, failing: 2, total: 47 } }));
+        expect(lastFrame()).toContain('45/47');
+        expect(lastFrame()).toContain('tests');
+    });
+    it('renders coverage percentage', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Project", coverage: 85 }));
+        expect(lastFrame()).toContain('85%');
+        expect(lastFrame()).toContain('cov');
+    });
+    it('renders last activity', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Project", lastActivity: "2 hours ago" }));
+        expect(lastFrame()).toContain('2 hours ago');
+    });
+    it('shows selection indicator when selected', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Project", isSelected: true }));
+        expect(lastFrame()).toContain('▶');
+    });
+    it('does not show selection indicator when not selected', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Project", isSelected: false }));
+        expect(lastFrame()).not.toContain('▶');
+    });
+    it('handles zero coverage', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Project", coverage: 0 }));
+        expect(lastFrame()).toContain('0%');
+    });
+    it('handles all tests passing', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Project", tests: { passing: 100, failing: 0, total: 100 } }));
+        expect(lastFrame()).toContain('100/100');
+    });
+    it('renders with minimal props', () => {
+        const { lastFrame } = render(_jsx(ProjectCard, { name: "Minimal" }));
+        expect(lastFrame()).toContain('Minimal');
+    });
+});

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

@@ -0,0 +1,44 @@
+export interface Phase {
+    number: number;
+    name: string;
+    status: 'completed' | 'in_progress' | 'pending';
+}
+export interface Task {
+    id: string;
+    title: string;
+    status: 'completed' | 'in_progress' | 'pending';
+    assignee?: string;
+}
+export interface TestRun {
+    id: string;
+    timestamp: string;
+    passed: number;
+    failed: number;
+    duration: string;
+}
+export interface LogEntry {
+    id: string;
+    timestamp: string;
+    level: 'info' | 'warn' | 'error';
+    message: string;
+}
+export interface ProjectDetailData {
+    id: string;
+    name: string;
+    description?: string;
+    phases: Phase[];
+    tasks: Task[];
+    tests: {
+        passing: number;
+        failing: number;
+        total: number;
+        recentRuns: TestRun[];
+    };
+    logs: LogEntry[];
+}
+export interface ProjectDetailProps {
+    project: ProjectDetailData;
+    initialTab?: 'overview' | 'tasks' | 'tests' | 'logs';
+    onBack?: () => void;
+}
+export declare function ProjectDetail({ project, initialTab, onBack, }: ProjectDetailProps): import("react/jsx-runtime").JSX.Element;

package/dashboard/dist/components/ProjectDetail.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { Card } from './ui/Card.js';
+import { Badge } from './ui/Badge.js';
+const tabs = [
+    { key: 'overview', label: 'Overview', num: '1' },
+    { key: 'tasks', label: 'Tasks', num: '2' },
+    { key: 'tests', label: 'Tests', num: '3' },
+    { key: 'logs', label: 'Logs', num: '4' },
+];
+export function ProjectDetail({ project, initialTab = 'overview', onBack, }) {
+    const [activeTab, setActiveTab] = useState(initialTab);
+    useInput((input, key) => {
+        if (input === '1')
+            setActiveTab('overview');
+        else if (input === '2')
+            setActiveTab('tasks');
+        else if (input === '3')
+            setActiveTab('tests');
+        else if (input === '4')
+            setActiveTab('logs');
+        else if (key.escape && onBack)
+            onBack();
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: project.name }), project.description && (_jsxs(Text, { dimColor: true, children: [" - ", project.description] }))] }), _jsx(Box, { marginBottom: 1, children: tabs.map((tab, i) => (_jsx(Box, { marginRight: 2, children: _jsxs(Text, { color: activeTab === tab.key ? 'cyan' : 'gray', bold: activeTab === tab.key, children: ["[", tab.num, "] ", tab.label] }) }, tab.key))) }), _jsxs(Card, { variant: "outlined", children: [activeTab === 'overview' && _jsx(OverviewTab, { project: project }), activeTab === 'tasks' && _jsx(TasksTab, { tasks: project.tasks }), activeTab === 'tests' && _jsx(TestsTab, { tests: project.tests }), activeTab === 'logs' && _jsx(LogsTab, { logs: project.logs })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "1-4 switch tabs \u2022 Esc back" }) })] }));
+}
+function OverviewTab({ project }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Phases" }) }), project.phases.length === 0 ? (_jsx(Text, { dimColor: true, children: "No phases defined" })) : (project.phases.map((phase) => (_jsxs(Box, { children: [_jsx(Text, { color: phase.status === 'completed'
+                            ? 'green'
+                            : phase.status === 'in_progress'
+                                ? 'yellow'
+                                : 'gray', children: phase.status === 'completed'
+                            ? '[x] '
+                            : phase.status === 'in_progress'
+                                ? '[>] '
+                                : '[ ] ' }), _jsxs(Text, { children: [phase.number, ". ", phase.name] })] }, phase.number)))), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Tests: " }), _jsxs(Text, { color: project.tests.failing > 0 ? 'red' : 'green', children: [project.tests.passing, "/", project.tests.total] }), project.tests.failing > 0 && (_jsxs(Text, { color: "red", children: [" (", project.tests.failing, " failing)"] }))] })] }));
+}
+function TasksTab({ tasks }) {
+    if (tasks.length === 0) {
+        return _jsx(Text, { dimColor: true, children: "No tasks in current phase" });
+    }
+    return (_jsx(Box, { flexDirection: "column", children: tasks.map((task) => (_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: task.status === 'completed'
+                        ? 'green'
+                        : task.status === 'in_progress'
+                            ? 'yellow'
+                            : 'gray', children: task.status === 'completed'
+                        ? '✓ '
+                        : task.status === 'in_progress'
+                            ? '▶ '
+                            : '○ ' }), _jsx(Text, { children: task.title }), task.assignee && (_jsxs(Text, { dimColor: true, children: [" @", task.assignee] }))] }, task.id))) }));
+}
+function TestsTab({ tests, }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Badge, { variant: tests.failing > 0 ? 'error' : 'success', children: [tests.passing, "/", tests.total, " passing"] }), tests.failing > 0 && (_jsx(Box, { marginLeft: 1, children: _jsxs(Badge, { variant: "error", children: [tests.failing, " failing"] }) }))] }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Recent Runs" }) }), tests.recentRuns.length === 0 ? (_jsx(Text, { dimColor: true, children: "No recent runs" })) : (tests.recentRuns.map((run) => (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: run.timestamp }), _jsx(Text, { children: " - " }), _jsxs(Text, { color: run.failed > 0 ? 'red' : 'green', children: [run.passed, "/", run.passed + run.failed] }), _jsxs(Text, { dimColor: true, children: [" (", run.duration, ")"] })] }, run.id))))] }));
+}
+function LogsTab({ logs }) {
+    if (logs.length === 0) {
+        return _jsx(Text, { dimColor: true, children: "No logs available" });
+    }
+    return (_jsx(Box, { flexDirection: "column", children: logs.map((log) => (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: [log.timestamp, " "] }), _jsxs(Text, { color: log.level === 'error'
+                        ? 'red'
+                        : log.level === 'warn'
+                            ? 'yellow'
+                            : 'gray', children: ["[", log.level, "]"] }), _jsxs(Text, { color: log.level === 'error' ? 'red' : undefined, children: [' ', log.message] })] }, log.id))) }));
+}

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

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

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

@@ -0,0 +1,196 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi } from 'vitest';
+import { render } from 'ink-testing-library';
+import { ProjectDetail } from './ProjectDetail.js';
+const sampleProject = {
+    id: '1',
+    name: 'Test Project',
+    description: 'A sample project for testing',
+    phases: [
+        { number: 1, name: 'Setup', status: 'completed' },
+        { number: 2, name: 'Authentication', status: 'in_progress' },
+        { number: 3, name: 'Dashboard', status: 'pending' },
+    ],
+    tasks: [
+        { id: 't1', title: 'Create schema', status: 'completed', assignee: 'alice' },
+        { id: 't2', title: 'Add validation', status: 'in_progress', assignee: 'bob' },
+        { id: 't3', title: 'Write tests', status: 'pending' },
+    ],
+    tests: {
+        passing: 45,
+        failing: 2,
+        total: 47,
+        recentRuns: [
+            { id: 'r1', timestamp: '2 min ago', passed: 45, failed: 2, duration: '12s' },
+            { id: 'r2', timestamp: '1 hour ago', passed: 44, failed: 3, duration: '15s' },
+        ],
+    },
+    logs: [
+        { id: 'l1', timestamp: '10:30:00', level: 'info', message: 'Build started' },
+        { id: 'l2', timestamp: '10:30:05', level: 'error', message: 'Test failed: auth.test.ts' },
+        { id: 'l3', timestamp: '10:30:10', level: 'info', message: 'Build completed' },
+    ],
+};
+describe('ProjectDetail', () => {
+    describe('Header', () => {
+        it('renders project name', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject }));
+            expect(lastFrame()).toContain('Test Project');
+        });
+        it('renders project description', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject }));
+            expect(lastFrame()).toContain('A sample project for testing');
+        });
+        it('renders back navigation hint', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject }));
+            expect(lastFrame()).toContain('Esc');
+        });
+    });
+    describe('Tabs', () => {
+        it('shows all four tabs', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject }));
+            expect(lastFrame()).toContain('Overview');
+            expect(lastFrame()).toContain('Tasks');
+            expect(lastFrame()).toContain('Tests');
+            expect(lastFrame()).toContain('Logs');
+        });
+        it('shows tab numbers', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject }));
+            expect(lastFrame()).toContain('1');
+            expect(lastFrame()).toContain('2');
+            expect(lastFrame()).toContain('3');
+            expect(lastFrame()).toContain('4');
+        });
+        it('shows Overview tab by default', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject }));
+            // Overview content should be visible - phases
+            expect(lastFrame()).toContain('Setup');
+            expect(lastFrame()).toContain('Authentication');
+        });
+        it('accepts initialTab prop', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "tasks" }));
+            // Tasks content should be visible
+            expect(lastFrame()).toContain('Create schema');
+            expect(lastFrame()).toContain('Add validation');
+        });
+    });
+    describe('Overview Tab', () => {
+        it('shows phases progress', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "overview" }));
+            expect(lastFrame()).toContain('1. Setup');
+            expect(lastFrame()).toContain('2. Authentication');
+            expect(lastFrame()).toContain('3. Dashboard');
+        });
+        it('shows completed phase marker', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "overview" }));
+            expect(lastFrame()).toContain('[x]');
+        });
+        it('shows in-progress phase marker', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "overview" }));
+            expect(lastFrame()).toContain('[>]');
+        });
+        it('shows pending phase marker', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "overview" }));
+            expect(lastFrame()).toContain('[ ]');
+        });
+        it('shows test summary', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "overview" }));
+            expect(lastFrame()).toContain('45');
+            expect(lastFrame()).toContain('47');
+        });
+    });
+    describe('Tasks Tab', () => {
+        it('shows task list', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "tasks" }));
+            expect(lastFrame()).toContain('Create schema');
+            expect(lastFrame()).toContain('Add validation');
+            expect(lastFrame()).toContain('Write tests');
+        });
+        it('shows task status', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "tasks" }));
+            // Should show status indicators
+            expect(lastFrame()).toMatch(/completed|✓/i);
+        });
+        it('shows assignee when present', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "tasks" }));
+            expect(lastFrame()).toContain('alice');
+            expect(lastFrame()).toContain('bob');
+        });
+        it('handles empty tasks', () => {
+            const emptyProject = { ...sampleProject, tasks: [] };
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: emptyProject, initialTab: "tasks" }));
+            expect(lastFrame()).toContain('No tasks');
+        });
+    });
+    describe('Tests Tab', () => {
+        it('shows test summary', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "tests" }));
+            expect(lastFrame()).toContain('45');
+            expect(lastFrame()).toContain('47');
+        });
+        it('shows recent test runs', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "tests" }));
+            expect(lastFrame()).toContain('2 min ago');
+            expect(lastFrame()).toContain('1 hour ago');
+        });
+        it('shows run duration', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "tests" }));
+            expect(lastFrame()).toContain('12s');
+        });
+        it('handles no test runs', () => {
+            const noRunsProject = {
+                ...sampleProject,
+                tests: { ...sampleProject.tests, recentRuns: [] },
+            };
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: noRunsProject, initialTab: "tests" }));
+            expect(lastFrame()).toContain('No recent runs');
+        });
+    });
+    describe('Logs Tab', () => {
+        it('shows log entries', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "logs" }));
+            expect(lastFrame()).toContain('Build started');
+            expect(lastFrame()).toContain('Test failed');
+            expect(lastFrame()).toContain('Build completed');
+        });
+        it('shows log timestamps', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "logs" }));
+            expect(lastFrame()).toContain('10:30:00');
+        });
+        it('shows error logs differently', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, initialTab: "logs" }));
+            // Error messages should be present
+            expect(lastFrame()).toContain('error');
+        });
+        it('handles empty logs', () => {
+            const emptyLogsProject = { ...sampleProject, logs: [] };
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: emptyLogsProject, initialTab: "logs" }));
+            expect(lastFrame()).toContain('No logs');
+        });
+    });
+    describe('Navigation', () => {
+        it('shows navigation hint for number keys', () => {
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject }));
+            expect(lastFrame()).toContain('1-4');
+        });
+        it('calls onBack when provided', () => {
+            const onBack = vi.fn();
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: sampleProject, onBack: onBack }));
+            expect(lastFrame()).toContain('Esc');
+        });
+    });
+    describe('Minimal Project', () => {
+        it('renders with minimal data', () => {
+            const minimalProject = {
+                id: 'min',
+                name: 'Minimal',
+                phases: [],
+                tasks: [],
+                tests: { passing: 0, failing: 0, total: 0, recentRuns: [] },
+                logs: [],
+            };
+            const { lastFrame } = render(_jsx(ProjectDetail, { project: minimalProject }));
+            expect(lastFrame()).toContain('Minimal');
+        });
+    });
+});

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

@@ -0,0 +1,11 @@
+import { ProjectCardProps } from './ProjectCard.js';
+export interface Project extends Omit<ProjectCardProps, 'isSelected'> {
+    id: string;
+}
+export interface ProjectListProps {
+    projects: Project[];
+    onSelect?: (project: Project) => void;
+    sortBy?: 'name' | 'activity' | 'status';
+    filter?: string;
+}
+export declare function ProjectList({ projects, onSelect, sortBy, filter, }: ProjectListProps): import("react/jsx-runtime").JSX.Element;

package/dashboard/dist/components/ProjectList.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { ProjectCard } from './ProjectCard.js';
+export function ProjectList({ projects, onSelect, sortBy = 'name', filter = '', }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Filter projects
+    const filteredProjects = useMemo(() => {
+        if (!filter)
+            return projects;
+        const lowerFilter = filter.toLowerCase();
+        return projects.filter(p => p.name.toLowerCase().includes(lowerFilter) ||
+            p.description?.toLowerCase().includes(lowerFilter));
+    }, [projects, filter]);
+    // Sort projects
+    const sortedProjects = useMemo(() => {
+        const sorted = [...filteredProjects];
+        switch (sortBy) {
+            case 'name':
+                sorted.sort((a, b) => a.name.localeCompare(b.name));
+                break;
+            case 'activity':
+                // Sort by lastActivity (assuming ISO date string or relative time)
+                sorted.sort((a, b) => {
+                    if (!a.lastActivity)
+                        return 1;
+                    if (!b.lastActivity)
+                        return -1;
+                    return b.lastActivity.localeCompare(a.lastActivity);
+                });
+                break;
+            case 'status':
+                // Sort by test status (failing first)
+                sorted.sort((a, b) => {
+                    const aFailing = a.tests?.failing || 0;
+                    const bFailing = b.tests?.failing || 0;
+                    return bFailing - aFailing;
+                });
+                break;
+        }
+        return sorted;
+    }, [filteredProjects, sortBy]);
+    // Handle keyboard navigation
+    useInput((input, key) => {
+        if (sortedProjects.length === 0)
+            return;
+        if (key.downArrow || input === 'j') {
+            setSelectedIndex(prev => Math.min(prev + 1, sortedProjects.length - 1));
+        }
+        else if (key.upArrow || input === 'k') {
+            setSelectedIndex(prev => Math.max(prev - 1, 0));
+        }
+        else if (key.return && onSelect) {
+            onSelect(sortedProjects[selectedIndex]);
+        }
+    });
+    // Empty state
+    if (sortedProjects.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { dimColor: true, children: filter ? `No projects matching "${filter}"` : 'No projects found' }), _jsx(Text, { dimColor: true, children: filter ? 'Try a different search term' : 'Run /tlc:new-project to create one' })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: [sortedProjects.length, " project", sortedProjects.length !== 1 ? 's' : '', filter && ` matching "${filter}"`] }) }), sortedProjects.map((project, index) => (_jsx(Box, { marginBottom: 1, children: _jsx(ProjectCard, { ...project, isSelected: index === selectedIndex }) }, project.id))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/k \u2193/j navigate \u2022 Enter select" }) })] }));
+}

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

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

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

@@ -0,0 +1,93 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect } from 'vitest';
+import { render } from 'ink-testing-library';
+import { ProjectList } from './ProjectList.js';
+const sampleProjects = [
+    {
+        id: '1',
+        name: 'Alpha Project',
+        description: 'First project',
+        tests: { passing: 10, failing: 0, total: 10 },
+        coverage: 85,
+        lastActivity: '1 hour ago',
+    },
+    {
+        id: '2',
+        name: 'Beta Project',
+        description: 'Second project',
+        tests: { passing: 8, failing: 2, total: 10 },
+        coverage: 65,
+        lastActivity: '2 hours ago',
+    },
+    {
+        id: '3',
+        name: 'Gamma Project',
+        description: 'Third project',
+        tests: { passing: 5, failing: 5, total: 10 },
+        coverage: 50,
+        lastActivity: '3 hours ago',
+    },
+];
+describe('ProjectList', () => {
+    it('renders list of projects', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: sampleProjects }));
+        expect(lastFrame()).toContain('Alpha Project');
+        expect(lastFrame()).toContain('Beta Project');
+        expect(lastFrame()).toContain('Gamma Project');
+    });
+    it('shows project count', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: sampleProjects }));
+        expect(lastFrame()).toContain('3 projects');
+    });
+    it('shows single project count correctly', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: [sampleProjects[0]] }));
+        expect(lastFrame()).toContain('1 project');
+    });
+    it('filters projects by name', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: sampleProjects, filter: "Alpha" }));
+        expect(lastFrame()).toContain('Alpha Project');
+        expect(lastFrame()).not.toContain('Beta Project');
+        expect(lastFrame()).toContain('matching "Alpha"');
+    });
+    it('filters projects by description', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: sampleProjects, filter: "Second" }));
+        expect(lastFrame()).toContain('Beta Project');
+        expect(lastFrame()).not.toContain('Alpha Project');
+    });
+    it('shows empty state when no projects', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: [] }));
+        expect(lastFrame()).toContain('No projects found');
+        expect(lastFrame()).toContain('/tlc:new-project');
+    });
+    it('shows empty state when filter matches nothing', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: sampleProjects, filter: "nonexistent" }));
+        expect(lastFrame()).toContain('No projects matching');
+        expect(lastFrame()).toContain('Try a different search term');
+    });
+    it('sorts by name by default', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: sampleProjects }));
+        const output = lastFrame() || '';
+        const alphaIndex = output.indexOf('Alpha');
+        const betaIndex = output.indexOf('Beta');
+        const gammaIndex = output.indexOf('Gamma');
+        expect(alphaIndex).toBeLessThan(betaIndex);
+        expect(betaIndex).toBeLessThan(gammaIndex);
+    });
+    it('sorts by status (failing first)', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: sampleProjects, sortBy: "status" }));
+        const output = lastFrame() || '';
+        // Gamma has most failures (5), should be first
+        const gammaIndex = output.indexOf('Gamma');
+        const alphaIndex = output.indexOf('Alpha');
+        expect(gammaIndex).toBeLessThan(alphaIndex);
+    });
+    it('shows navigation hint', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: sampleProjects }));
+        expect(lastFrame()).toContain('↑/k ↓/j navigate');
+        expect(lastFrame()).toContain('Enter select');
+    });
+    it('first project is selected by default', () => {
+        const { lastFrame } = render(_jsx(ProjectList, { projects: sampleProjects }));
+        expect(lastFrame()).toContain('▶');
+    });
+});

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

@@ -0,0 +1,32 @@
+export interface TLCConfig {
+    project?: string;
+    version?: string;
+    quality?: {
+        coverageThreshold?: number;
+        qualityScoreThreshold?: number;
+    };
+    git?: {
+        mainBranch?: string;
+    };
+    paths?: {
+        planning?: string;
+        tests?: string;
+    };
+    team?: {
+        enabled?: boolean;
+    };
+    testFrameworks?: {
+        primary?: string;
+        e2e?: string;
+    };
+}
+export interface SettingsPanelProps {
+    config: TLCConfig;
+    configPath?: string;
+    isEditing?: boolean;
+    isActive?: boolean;
+    onEdit?: () => void;
+    onSave?: (config: TLCConfig) => void;
+    onCancel?: () => void;
+}
+export declare function SettingsPanel({ config, configPath, isEditing, isActive, onEdit, onSave, onCancel, }: SettingsPanelProps): import("react/jsx-runtime").JSX.Element;