tlc-claude-code 1.3.0 → 1.4.0

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

@@ -0,0 +1,30 @@
+export interface AuditEntry {
+    id: string;
+    timestamp: string;
+    action: string;
+    user: string;
+    severity: 'error' | 'warn' | 'info' | 'debug';
+    details: string;
+}
+export interface AuditPaneProps {
+    entries?: AuditEntry[];
+    users?: string[];
+    actions?: string[];
+    userFilter?: string;
+    actionFilter?: string;
+    dateFrom?: string;
+    dateTo?: string;
+    expandedId?: string;
+    integrityStatus?: 'valid' | 'invalid' | 'unknown';
+    isActive?: boolean;
+    maxLines?: number;
+    onUserFilterChange?: (user: string | undefined) => void;
+    onActionFilterChange?: (action: string | undefined) => void;
+    onExpandEntry?: (id: string | undefined) => void;
+}
+export declare function formatTimestamp(ts: string | undefined): string;
+export declare function filterByUser(entries: AuditEntry[], user: string | undefined): AuditEntry[];
+export declare function filterByAction(entries: AuditEntry[], action: string | undefined): AuditEntry[];
+export declare function filterByDateRange(entries: AuditEntry[], from: string | undefined, to: string | undefined): AuditEntry[];
+export declare function AuditPane({ entries, users, actions, userFilter, actionFilter, dateFrom, dateTo, expandedId, integrityStatus, isActive, maxLines, onUserFilterChange, onActionFilterChange, onExpandEntry, }: AuditPaneProps): import("react/jsx-runtime").JSX.Element;
+export default AuditPane;

package/dashboard/dist/components/AuditPane.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+import { useState } from 'react';
+const severityColors = {
+    error: 'red',
+    warn: 'yellow',
+    info: 'cyan',
+    debug: 'gray',
+};
+const severityIcons = {
+    error: 'x',
+    warn: '!',
+    info: 'i',
+    debug: '.',
+};
+export function formatTimestamp(ts) {
+    if (!ts)
+        return '';
+    try {
+        const date = new Date(ts);
+        if (isNaN(date.getTime()))
+            return '';
+        const hours = String(date.getUTCHours()).padStart(2, '0');
+        const minutes = String(date.getUTCMinutes()).padStart(2, '0');
+        const seconds = String(date.getUTCSeconds()).padStart(2, '0');
+        return `${hours}:${minutes}:${seconds}`;
+    }
+    catch {
+        return '';
+    }
+}
+export function filterByUser(entries, user) {
+    if (!user)
+        return entries;
+    return entries.filter((entry) => entry.user === user);
+}
+export function filterByAction(entries, action) {
+    if (!action)
+        return entries;
+    return entries.filter((entry) => entry.action === action);
+}
+export function filterByDateRange(entries, from, to) {
+    if (!from && !to)
+        return entries;
+    return entries.filter((entry) => {
+        const entryDate = new Date(entry.timestamp);
+        if (from && entryDate < new Date(from))
+            return false;
+        if (to && entryDate > new Date(to))
+            return false;
+        return true;
+    });
+}
+function IntegrityIndicator({ status }) {
+    if (!status)
+        return null;
+    let color;
+    let label;
+    switch (status) {
+        case 'valid':
+            color = 'green';
+            label = 'OK';
+            break;
+        case 'invalid':
+            color = 'red';
+            label = 'FAILED';
+            break;
+        default:
+            color = 'gray';
+            label = '?';
+    }
+    return (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Integrity: " }), _jsx(Text, { color: color, children: label })] }));
+}
+function AuditEntryLine({ entry, expanded, }) {
+    const timestamp = formatTimestamp(entry.timestamp);
+    const color = severityColors[entry.severity] || 'white';
+    const icon = severityIcons[entry.severity] || ' ';
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [timestamp && _jsxs(Text, { dimColor: true, children: ["[", timestamp, "] "] }), _jsxs(Text, { color: color, children: ["[", entry.severity, "] "] }), _jsxs(Text, { color: color, children: [icon, " "] }), _jsx(Text, { color: "blue", children: entry.user }), _jsx(Text, { children: " " }), _jsx(Text, { children: entry.action })] }), expanded && (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { dimColor: true, children: entry.details }) }))] }));
+}
+function FilterDisplay({ users, actions, userFilter, actionFilter, }) {
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [users.length > 0 && (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Users: " }), _jsx(Text, { bold: !userFilter, color: !userFilter ? 'blue' : undefined, children: "[All]" }), users.map((u) => (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { bold: userFilter === u, color: userFilter === u ? 'blue' : undefined, children: ["[", u, "]"] }) }, u)))] })), actions.length > 0 && (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Actions: " }), _jsx(Text, { bold: !actionFilter, color: !actionFilter ? 'blue' : undefined, children: "[All]" }), actions.map((a) => (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { bold: actionFilter === a, color: actionFilter === a ? 'blue' : undefined, children: ["[", a, "]"] }) }, a)))] }))] }));
+}
+export function AuditPane({ entries = [], users = [], actions = [], userFilter, actionFilter, dateFrom, dateTo, expandedId, integrityStatus, isActive = false, maxLines = 20, onUserFilterChange, onActionFilterChange, onExpandEntry, }) {
+    const [localExpandedId, setLocalExpandedId] = useState(expandedId);
+    const effectiveExpandedId = expandedId !== undefined ? expandedId : localExpandedId;
+    // Apply filters
+    let filteredEntries = filterByUser(entries, userFilter);
+    filteredEntries = filterByAction(filteredEntries, actionFilter);
+    filteredEntries = filterByDateRange(filteredEntries, dateFrom, dateTo);
+    // Take last N lines for display
+    const displayEntries = filteredEntries.slice(-maxLines);
+    useInput((input, key) => {
+        if (!isActive)
+            return;
+        // User filter shortcuts (1-9 for users)
+        if (input === '0' || input === 'u') {
+            onUserFilterChange?.(undefined);
+        }
+        else if (input >= '1' && input <= '9') {
+            const idx = parseInt(input, 10) - 1;
+            if (idx < users.length) {
+                onUserFilterChange?.(users[idx]);
+            }
+        }
+        // Action filter
+        if (input === 'a') {
+            onActionFilterChange?.(undefined);
+        }
+        // Toggle expand
+        if (key.return && displayEntries.length > 0) {
+            const firstEntry = displayEntries[0];
+            if (effectiveExpandedId === firstEntry.id) {
+                setLocalExpandedId(undefined);
+                onExpandEntry?.(undefined);
+            }
+            else {
+                setLocalExpandedId(firstEntry.id);
+                onExpandEntry?.(firstEntry.id);
+            }
+        }
+    }, { isActive });
+    if (entries.length === 0) {
+        return (_jsxs(Box, { padding: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Audit Log" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "No audit entries" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Audit events will appear here" }) }), integrityStatus && (_jsx(Box, { marginTop: 1, children: _jsx(IntegrityIndicator, { status: integrityStatus }) }))] }));
+    }
+    return (_jsxs(Box, { padding: 1, flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, children: "Audit Log " }), _jsxs(Text, { dimColor: true, children: ["(", filteredEntries.length, " of ", entries.length, " entries)"] })] }), integrityStatus && (_jsx(Box, { marginBottom: 1, children: _jsx(IntegrityIndicator, { status: integrityStatus }) })), (users.length > 0 || actions.length > 0) && (_jsx(FilterDisplay, { users: users, actions: actions, userFilter: userFilter, actionFilter: actionFilter })), _jsx(Box, { flexDirection: "column", borderStyle: "single", paddingX: 1, children: displayEntries.length === 0 ? (_jsx(Text, { color: "gray", children: "No matching entries" })) : (displayEntries.map((entry) => (_jsx(AuditEntryLine, { entry: entry, expanded: effectiveExpandedId === entry.id }, entry.id)))) }), isActive && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "[0] All users  [1-9] Select user  [a] All actions  [Enter] Expand" }) }))] }));
+}
+export default AuditPane;

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

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

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

@@ -0,0 +1,339 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { render } from 'ink-testing-library';
+import { AuditPane } from './AuditPane.js';
+describe('AuditPane', () => {
+    beforeEach(() => {
+        vi.useFakeTimers();
+    });
+    afterEach(() => {
+        vi.useRealTimers();
+    });
+    describe('audit entries list', () => {
+        it('renders audit entries list', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Claimed task 1',
+                },
+                {
+                    id: '2',
+                    timestamp: '2024-01-15T10:31:00.000Z',
+                    action: 'verify',
+                    user: 'bob',
+                    severity: 'info',
+                    details: 'Verified task 1',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries }));
+            const output = lastFrame();
+            expect(output).toContain('Audit Log');
+            expect(output).toContain('claim');
+            expect(output).toContain('verify');
+        });
+    });
+    describe('entry with timestamp and action', () => {
+        it('renders entry with timestamp and action', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:45.000Z',
+                    action: 'release',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Released task 2',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries }));
+            const output = lastFrame();
+            expect(output).toContain('10:30:45');
+            expect(output).toContain('release');
+            expect(output).toContain('alice');
+        });
+    });
+    describe('severity badge', () => {
+        it('renders severity badge with correct color for error', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'integrity-fail',
+                    user: 'system',
+                    severity: 'error',
+                    details: 'Integrity check failed',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries }));
+            const output = lastFrame();
+            expect(output).toContain('error');
+            expect(output).toContain('integrity-fail');
+        });
+        it('renders severity badge with correct color for warn', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'conflict',
+                    user: 'alice',
+                    severity: 'warn',
+                    details: 'Task conflict detected',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries }));
+            const output = lastFrame();
+            expect(output).toContain('warn');
+        });
+        it('renders severity badge with correct color for info', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Claimed task',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries }));
+            const output = lastFrame();
+            expect(output).toContain('info');
+        });
+    });
+    describe('expandable entry details', () => {
+        it('expands entry to show details', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Claimed task 1 in phase 5',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries, expandedId: "1" }));
+            const output = lastFrame();
+            expect(output).toContain('Claimed task 1 in phase 5');
+        });
+        it('does not show details when not expanded', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'This is a long detail that should be hidden',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries }));
+            const output = lastFrame();
+            // Details should be truncated or hidden
+            expect(output).not.toContain('This is a long detail that should be hidden');
+        });
+    });
+    describe('user filter', () => {
+        it('filters by user selection', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Alice claim',
+                },
+                {
+                    id: '2',
+                    timestamp: '2024-01-15T10:31:00.000Z',
+                    action: 'verify',
+                    user: 'bob',
+                    severity: 'info',
+                    details: 'Bob verify',
+                },
+                {
+                    id: '3',
+                    timestamp: '2024-01-15T10:32:00.000Z',
+                    action: 'release',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Alice release',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries, userFilter: "alice" }));
+            const output = lastFrame();
+            expect(output).toContain('alice');
+            expect(output).toContain('claim');
+            expect(output).toContain('release');
+            expect(output).not.toContain('bob');
+        });
+    });
+    describe('action type filter', () => {
+        it('filters by action type', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Claim 1',
+                },
+                {
+                    id: '2',
+                    timestamp: '2024-01-15T10:31:00.000Z',
+                    action: 'verify',
+                    user: 'bob',
+                    severity: 'info',
+                    details: 'Verify 1',
+                },
+                {
+                    id: '3',
+                    timestamp: '2024-01-15T10:32:00.000Z',
+                    action: 'claim',
+                    user: 'bob',
+                    severity: 'info',
+                    details: 'Claim 2',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries, actionFilter: "claim" }));
+            const output = lastFrame();
+            expect(output).toContain('claim');
+            expect(output).not.toContain('verify');
+        });
+    });
+    describe('date range filter', () => {
+        it('filters by date range', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-14T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Yesterday claim',
+                },
+                {
+                    id: '2',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'verify',
+                    user: 'bob',
+                    severity: 'info',
+                    details: 'Today verify',
+                },
+                {
+                    id: '3',
+                    timestamp: '2024-01-16T10:30:00.000Z',
+                    action: 'release',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Tomorrow release',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries, dateFrom: "2024-01-15T00:00:00.000Z", dateTo: "2024-01-15T23:59:59.000Z" }));
+            const output = lastFrame();
+            expect(output).toContain('verify');
+            expect(output).not.toContain('Yesterday');
+            expect(output).not.toContain('Tomorrow');
+        });
+    });
+    describe('integrity status', () => {
+        it('shows integrity status indicator when valid', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Claimed task',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries, integrityStatus: "valid" }));
+            const output = lastFrame();
+            expect(output).toContain('Integrity');
+            expect(output).toMatch(/valid|OK/i);
+        });
+        it('shows integrity status indicator when invalid', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Claimed task',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries, integrityStatus: "invalid" }));
+            const output = lastFrame();
+            expect(output).toContain('Integrity');
+            expect(output).toMatch(/invalid|FAILED/i);
+        });
+        it('shows integrity status indicator when unknown', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Claimed task',
+                },
+            ];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries, integrityStatus: "unknown" }));
+            const output = lastFrame();
+            expect(output).toContain('Integrity');
+        });
+    });
+    describe('empty audit log', () => {
+        it('handles empty audit log', () => {
+            const { lastFrame } = render(_jsx(AuditPane, { entries: [] }));
+            const output = lastFrame();
+            expect(output).toContain('Audit');
+            expect(output).toMatch(/No.*entries|empty/i);
+        });
+    });
+    describe('scrollable list', () => {
+        it('shows scrollable list of audit entries', () => {
+            const entries = Array.from({ length: 50 }, (_, i) => ({
+                id: String(i + 1),
+                timestamp: `2024-01-15T10:${String(i).padStart(2, '0')}:00.000Z`,
+                action: 'claim',
+                user: 'user' + (i % 3),
+                severity: 'info',
+                details: `Entry ${i + 1}`,
+            }));
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries, maxLines: 10 }));
+            const output = lastFrame();
+            // Should show entry count
+            expect(output).toContain('50');
+            // Should not show all 50 entries visually
+            expect(output).toBeDefined();
+        });
+    });
+    describe('filter controls display', () => {
+        it('shows filter controls when active', () => {
+            const entries = [
+                {
+                    id: '1',
+                    timestamp: '2024-01-15T10:30:00.000Z',
+                    action: 'claim',
+                    user: 'alice',
+                    severity: 'info',
+                    details: 'Claimed task',
+                },
+            ];
+            const users = ['alice', 'bob'];
+            const actions = ['claim', 'verify', 'release'];
+            const { lastFrame } = render(_jsx(AuditPane, { entries: entries, users: users, actions: actions, isActive: true }));
+            const output = lastFrame();
+            // Should show some filter UI
+            expect(output).toBeDefined();
+        });
+    });
+});

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

@@ -0,0 +1,39 @@
+export interface CategoryScore {
+    name: string;
+    score: number;
+    gapCount: number;
+}
+export interface EvidenceItem {
+    id: string;
+    name: string;
+    collectedAt: string;
+    status: 'valid' | 'expired' | 'pending';
+}
+export interface Gap {
+    id: string;
+    name: string;
+    severity: 'high' | 'medium' | 'low';
+    status: string;
+}
+export interface TimelineEvent {
+    id: string;
+    date: string;
+    event: string;
+    status: 'upcoming' | 'completed' | 'in-progress';
+}
+export interface CompliancePaneProps {
+    score: number;
+    riskLevel: 'low' | 'medium' | 'high' | 'critical';
+    categories: CategoryScore[];
+    evidence: EvidenceItem[];
+    gaps: Gap[];
+    lastReportDate?: string;
+    auditTimeline?: TimelineEvent[];
+    onDownloadReport?: () => void;
+    onRefresh?: () => void;
+    loading?: boolean;
+    error?: string | null;
+    isActive?: boolean;
+}
+export declare function CompliancePane({ score, riskLevel, categories, evidence, gaps, lastReportDate, auditTimeline, onDownloadReport, onRefresh, loading, error, isActive, }: CompliancePaneProps): import("react/jsx-runtime").JSX.Element;
+export default CompliancePane;

package/dashboard/dist/components/CompliancePane.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+function getScoreColor(score) {
+    if (score >= 80)
+        return 'green';
+    if (score >= 60)
+        return 'yellow';
+    return 'red';
+}
+function getRiskColor(riskLevel) {
+    switch (riskLevel) {
+        case 'low':
+            return 'green';
+        case 'medium':
+            return 'yellow';
+        case 'high':
+            return 'red';
+        case 'critical':
+            return 'magenta';
+        default:
+            return 'gray';
+    }
+}
+function getSeverityColor(severity) {
+    switch (severity) {
+        case 'high':
+            return 'red';
+        case 'medium':
+            return 'yellow';
+        case 'low':
+            return 'green';
+        default:
+            return 'gray';
+    }
+}
+function ScoreDisplay({ score, riskLevel }) {
+    const barLength = 20;
+    const filledLength = Math.round((score / 100) * barLength);
+    const bar = '\u2588'.repeat(filledLength) + '\u2591'.repeat(barLength - filledLength);
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Score: " }), _jsxs(Text, { color: getScoreColor(score), children: [score, "%"] }), _jsx(Text, { dimColor: true, children: " | Risk: " }), _jsx(Text, { color: getRiskColor(riskLevel), children: riskLevel.toUpperCase() })] }), _jsx(Box, { children: _jsxs(Text, { color: getScoreColor(score), children: ["[", bar, "]"] }) })] }));
+}
+function CategoryBreakdown({ categories }) {
+    if (categories.length === 0) {
+        return null;
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, dimColor: true, children: "Categories:" }), categories.map((category) => (_jsxs(Box, { children: [_jsxs(Text, { children: ["  ", category.name, ": "] }), _jsxs(Text, { color: getScoreColor(category.score), children: [category.score, "%"] }), category.gapCount > 0 && (_jsxs(Text, { dimColor: true, children: [" (", category.gapCount, " gaps)"] }))] }, category.name)))] }));
+}
+function EvidenceList({ evidence }) {
+    if (evidence.length === 0) {
+        return null;
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, dimColor: true, children: "Recent Evidence:" }), evidence.slice(0, 5).map((item) => {
+                const statusColor = item.status === 'valid' ? 'green' : item.status === 'expired' ? 'red' : 'yellow';
+                return (_jsxs(Box, { children: [_jsx(Text, { children: "  " }), _jsx(Text, { children: item.name }), _jsx(Text, { dimColor: true, children: " - " }), _jsx(Text, { color: statusColor, children: item.status })] }, item.id));
+            })] }));
+}
+function GapsList({ gaps }) {
+    if (gaps.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, dimColor: true, children: "Gaps:" }), _jsx(Text, { color: "green", children: "  No compliance gaps" })] }));
+    }
+    const highCount = gaps.filter((g) => g.severity === 'high').length;
+    const mediumCount = gaps.filter((g) => g.severity === 'medium').length;
+    const lowCount = gaps.filter((g) => g.severity === 'low').length;
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { bold: true, dimColor: true, children: ["Gaps (", gaps.length, " total):"] }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "  Summary: " }), highCount > 0 && _jsxs(Text, { color: "red", children: [highCount, " high "] }), mediumCount > 0 && _jsxs(Text, { color: "yellow", children: [mediumCount, " medium "] }), lowCount > 0 && _jsxs(Text, { color: "green", children: [lowCount, " low"] })] }), gaps.slice(0, 5).map((gap) => (_jsxs(Box, { children: [_jsx(Text, { children: "  " }), _jsxs(Text, { color: getSeverityColor(gap.severity), children: ["[", gap.severity, "]"] }), _jsxs(Text, { children: [" ", gap.name] }), _jsxs(Text, { dimColor: true, children: [" (", gap.status, ")"] })] }, gap.id)))] }));
+}
+function AuditTimeline({ timeline }) {
+    if (!timeline || timeline.length === 0) {
+        return null;
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, dimColor: true, children: "Audit Timeline:" }), timeline.map((event) => {
+                const statusColor = event.status === 'completed' ? 'green' : event.status === 'upcoming' ? 'cyan' : 'yellow';
+                return (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ["  ", event.date, " "] }), _jsx(Text, { children: event.event }), _jsxs(Text, { color: statusColor, children: [" [", event.status, "]"] })] }, event.id));
+            })] }));
+}
+function LoadingIndicator() {
+    return (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "cyan", children: "Loading compliance data..." }) }));
+}
+function ErrorDisplay({ error }) {
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, borderStyle: "round", borderColor: "red", paddingX: 1, children: [_jsx(Text, { color: "red", bold: true, children: "Error" }), _jsx(Text, { color: "red", children: error })] }));
+}
+export function CompliancePane({ score, riskLevel, categories, evidence, gaps, lastReportDate, auditTimeline, onDownloadReport, onRefresh, loading = false, error = null, isActive = false, }) {
+    useInput((input, _key) => {
+        if (!isActive)
+            return;
+        // Download report with 'd'
+        if (input === 'd' && onDownloadReport) {
+            onDownloadReport();
+        }
+        // Refresh with 'r'
+        if (input === 'r' && onRefresh) {
+            onRefresh();
+        }
+    }, { isActive });
+    return (_jsxs(Box, { padding: 1, flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, children: "Compliance Overview" }), lastReportDate && (_jsxs(Text, { dimColor: true, children: [" (Last report: ", lastReportDate, ")"] }))] }), loading && _jsx(LoadingIndicator, {}), error && _jsx(ErrorDisplay, { error: error }), !loading && (_jsxs(_Fragment, { children: [_jsx(ScoreDisplay, { score: score, riskLevel: riskLevel }), _jsx(CategoryBreakdown, { categories: categories }), _jsx(EvidenceList, { evidence: evidence }), _jsx(GapsList, { gaps: gaps }), _jsx(AuditTimeline, { timeline: auditTimeline || [] })] })), isActive && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [onDownloadReport && '[d] Download report  ', onRefresh && '[r] Refresh'] }) }))] }));
+}
+export default CompliancePane;

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

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