codingbuddy 4.1.0 → 4.3.0

package/dist/src/tui/components/FlowMap.spec.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const vitest_1 = require("vitest");
+const ink_testing_library_1 = require("ink-testing-library");
+const FlowMap_1 = require("./FlowMap");
+const dashboard_types_1 = require("../dashboard-types");
+function makeAgents() {
+    const agents = new Map();
+    agents.set('a1', (0, dashboard_types_1.createDefaultDashboardNode)({
+        id: 'a1',
+        name: 'Architect',
+        stage: 'PLAN',
+        status: 'running',
+        isPrimary: true,
+    }));
+    agents.set('a2', (0, dashboard_types_1.createDefaultDashboardNode)({
+        id: 'a2',
+        name: 'BackendDev',
+        stage: 'ACT',
+        status: 'running',
+    }));
+    return agents;
+}
+function makeEdges() {
+    return [{ from: 'a1', to: 'a2', label: 'assign', type: 'delegation' }];
+}
+(0, vitest_1.describe)('tui/components/FlowMap', () => {
+    (0, vitest_1.it)('should render in wide mode with boxes and arrows', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FlowMap_1.FlowMap, { agents: makeAgents(), edges: makeEdges(), layoutMode: "wide", width: 120, height: 20 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('FLOW MAP');
+        (0, vitest_1.expect)(frame).toContain('Architect');
+        (0, vitest_1.expect)(frame).toContain('BackendDev');
+    });
+    (0, vitest_1.it)('should render in medium mode with simplified boxes', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FlowMap_1.FlowMap, { agents: makeAgents(), edges: makeEdges(), layoutMode: "medium", width: 100, height: 15 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('FLOW MAP');
+        (0, vitest_1.expect)(frame).toContain('Architect');
+    });
+    (0, vitest_1.it)('should render in narrow mode with compact list', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FlowMap_1.FlowMap, { agents: makeAgents(), edges: makeEdges(), layoutMode: "narrow", width: 60, height: 10 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('FLOW MAP');
+        (0, vitest_1.expect)(frame).toContain('Architect');
+    });
+    (0, vitest_1.it)('should render with empty agents', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FlowMap_1.FlowMap, { agents: new Map(), edges: [], layoutMode: "wide", width: 120, height: 20 }));
+        (0, vitest_1.expect)(lastFrame()).toContain('FLOW MAP');
+    });
+    (0, vitest_1.it)('should render status icons', () => {
+        const agents = makeAgents();
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FlowMap_1.FlowMap, { agents: agents, edges: [], layoutMode: "narrow", width: 60, height: 10 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('\u25CF');
+    });
+});
+//# sourceMappingURL=FlowMap.spec.js.map

package/dist/src/tui/components/FlowMap.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowMap.spec.js","sourceRoot":"","sources":["../../../../src/tui/components/FlowMap.spec.tsx"],"names":[],"mappings":"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"}

package/dist/src/tui/components/FocusedAgentPanel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { DashboardNode, EventLogEntry } from '../dashboard-types';
+export interface FocusedAgentPanelProps {
+    agent: DashboardNode | null;
+    objectives: string[];
+    activeSkills: string[];
+    eventLog: EventLogEntry[];
+    contextDecisions?: string[];
+    contextNotes?: string[];
+    width?: number;
+    height?: number;
+}
+export declare function FocusedAgentPanel({ agent, objectives, activeSkills, eventLog, contextDecisions, contextNotes, width, height, }: FocusedAgentPanelProps): React.ReactElement;

package/dist/src/tui/components/FocusedAgentPanel.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusedAgentPanel = FocusedAgentPanel;
+const react_1 = require("react");
+const ink_1 = require("ink");
+const theme_1 = require("../utils/theme");
+const focused_agent_pure_1 = require("./focused-agent.pure");
+const ContextSection_1 = require("./ContextSection");
+function SectionDivider({ title }) {
+    return react_1.default.createElement(ink_1.Text, { color: "magenta" }, (0, focused_agent_pure_1.formatSectionDivider)(title));
+}
+function LogSection({ logs, eventLog, }) {
+    if (!logs)
+        return react_1.default.createElement(ink_1.Text, { dimColor: true }, "No events");
+    const logLines = logs.split('\n');
+    const offset = eventLog.length - logLines.length;
+    return (react_1.default.createElement(react_1.default.Fragment, null, logLines.map((line, i) => {
+        const ev = eventLog[offset + i];
+        const isError = ev?.level === 'error';
+        const spaceIdx = line.indexOf(' ');
+        const timestamp = spaceIdx > 0 ? line.slice(0, spaceIdx) : line;
+        const message = spaceIdx > 0 ? line.slice(spaceIdx + 1) : '';
+        return (react_1.default.createElement(ink_1.Box, { key: i, gap: 1 },
+            react_1.default.createElement(ink_1.Text, { dimColor: true }, timestamp),
+            react_1.default.createElement(ink_1.Text, { color: isError ? 'red' : undefined }, message)));
+    })));
+}
+function FocusedAgentPanel({ agent, objectives, activeSkills, eventLog, contextDecisions = [], contextNotes = [], width, height, }) {
+    if (!agent) {
+        return (react_1.default.createElement(ink_1.Box, { borderStyle: "single", borderColor: theme_1.BORDER_COLORS.panel, flexDirection: "column", width: width, height: height },
+            react_1.default.createElement(ink_1.Text, { dimColor: true }, "No agent focused")));
+    }
+    const avatar = (0, theme_1.getAgentAvatar)(agent.name);
+    const icon = theme_1.STATUS_ICONS[agent.status] ?? '?';
+    const statusColor = (0, theme_1.getNodeStatusColor)(agent.status);
+    const statusLabel = agent.status.toUpperCase();
+    const progressBar = (0, focused_agent_pure_1.formatEnhancedProgressBar)(agent.progress);
+    const objective = (0, focused_agent_pure_1.formatObjective)(objectives);
+    const logs = (0, focused_agent_pure_1.formatLogTail)(eventLog);
+    return (react_1.default.createElement(ink_1.Box, { borderStyle: "single", borderColor: theme_1.BORDER_COLORS.panel, flexDirection: "column", width: width, height: height },
+        react_1.default.createElement(ink_1.Box, { gap: 2 },
+            react_1.default.createElement(ink_1.Text, null, avatar),
+            react_1.default.createElement(ink_1.Text, { bold: true }, agent.name),
+            react_1.default.createElement(ink_1.Text, { color: statusColor, bold: true }, icon),
+            react_1.default.createElement(ink_1.Text, { color: statusColor }, statusLabel),
+            react_1.default.createElement(ink_1.Text, { dimColor: true }, agent.stage)),
+        react_1.default.createElement(ink_1.Box, { gap: 1 },
+            react_1.default.createElement(ink_1.Text, { color: "magenta" }, progressBar.bar),
+            react_1.default.createElement(ink_1.Text, { dimColor: true }, progressBar.label)),
+        react_1.default.createElement(SectionDivider, { title: "Objective" }),
+        objective ? react_1.default.createElement(ink_1.Text, null, objective) : react_1.default.createElement(ink_1.Text, { dimColor: true }, "No objectives"),
+        react_1.default.createElement(SectionDivider, { title: "Skills" }),
+        activeSkills.length > 0 ? (activeSkills.map((s, i) => react_1.default.createElement(ink_1.Text, { key: i },
+            " ",
+            s))) : (react_1.default.createElement(ink_1.Text, { dimColor: true }, "No skills")),
+        react_1.default.createElement(SectionDivider, { title: "Context" }),
+        contextDecisions.length > 0 || contextNotes.length > 0 ? (react_1.default.createElement(ContextSection_1.ContextSection, { decisions: contextDecisions, notes: contextNotes, width: width })) : (react_1.default.createElement(ink_1.Text, { dimColor: true }, "No context")),
+        react_1.default.createElement(SectionDivider, { title: "Event Log" }),
+        react_1.default.createElement(LogSection, { logs: logs, eventLog: eventLog })));
+}
+//# sourceMappingURL=FocusedAgentPanel.js.map

package/dist/src/tui/components/FocusedAgentPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusedAgentPanel.js","sourceRoot":"","sources":["../../../../src/tui/components/FocusedAgentPanel.tsx"],"names":[],"mappings":"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"}

package/dist/src/tui/components/FocusedAgentPanel.spec.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const vitest_1 = require("vitest");
+const ink_testing_library_1 = require("ink-testing-library");
+const FocusedAgentPanel_1 = require("./FocusedAgentPanel");
+const dashboard_types_1 = require("../dashboard-types");
+(0, vitest_1.describe)('tui/components/FocusedAgentPanel', () => {
+    const mockAgent = (0, dashboard_types_1.createDefaultDashboardNode)({
+        id: 'agent-1',
+        name: 'BackendDev',
+        stage: 'ACT',
+        status: 'running',
+        isPrimary: true,
+        progress: 50,
+    });
+    (0, vitest_1.it)('should render agent name and status', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: ['Add /users endpoints'], eventLog: [] }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('BackendDev');
+        (0, vitest_1.expect)(frame).toContain('RUNNING');
+        (0, vitest_1.expect)(frame).toContain('●');
+    });
+    (0, vitest_1.it)('should render progress bar with braille chars and label', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [] }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('⣿');
+        (0, vitest_1.expect)(frame).toContain('░');
+        (0, vitest_1.expect)(frame).toContain('50%');
+    });
+    (0, vitest_1.it)('should render section dividers without Activity or Tools/IO', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: ['Design auth'], eventLog: [] }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('─── Objective');
+        (0, vitest_1.expect)(frame).not.toContain('─── Activity');
+        (0, vitest_1.expect)(frame).not.toContain('─── Tools / IO');
+        (0, vitest_1.expect)(frame).toContain('─── Event Log');
+    });
+    (0, vitest_1.it)('should render objectives', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: ['Add /users endpoints', 'Update DTO'], eventLog: [] }));
+        (0, vitest_1.expect)(lastFrame()).toContain('Add /users endpoints');
+    });
+    (0, vitest_1.it)('should render logs', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [
+                { timestamp: '10:12:01', message: 'ACT start', level: 'info' },
+                { timestamp: '10:12:09', message: 'edited: users.controller.ts', level: 'info' },
+            ] }));
+        (0, vitest_1.expect)(lastFrame()).toContain('ACT start');
+    });
+    (0, vitest_1.it)('should render placeholder when no agent focused', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: null, activeSkills: [], objectives: [], eventLog: [] }));
+        (0, vitest_1.expect)(lastFrame()).toContain('No agent focused');
+    });
+    (0, vitest_1.it)('accepts and applies width and height props', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [], width: 60, height: 20 }));
+        (0, vitest_1.expect)(lastFrame()).toContain('BackendDev');
+    });
+    (0, vitest_1.it)('accepts width and height props with no agent', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: null, activeSkills: [], objectives: [], eventLog: [], width: 60, height: 20 }));
+        (0, vitest_1.expect)(lastFrame()).toContain('No agent focused');
+    });
+    (0, vitest_1.it)('should render single border with cyan color', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [] }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('┌');
+        (0, vitest_1.expect)(frame).toContain('┘');
+    });
+    (0, vitest_1.it)('should render Skills section with active skills', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: ['tdd', 'debugging'], objectives: [], eventLog: [] }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('─── Skills');
+        (0, vitest_1.expect)(frame).toContain('tdd');
+        (0, vitest_1.expect)(frame).toContain('debugging');
+    });
+    (0, vitest_1.it)('should render "No skills" when activeSkills is empty', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [] }));
+        (0, vitest_1.expect)(lastFrame()).toContain('No skills');
+    });
+    (0, vitest_1.it)('should render emoji avatar in agent header', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [] }));
+        (0, vitest_1.expect)(lastFrame()).toContain('⚙️');
+    });
+    (0, vitest_1.describe)('Context section', () => {
+        (0, vitest_1.it)('renders context decisions when provided', () => {
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [], contextDecisions: ['Use JWT for auth', 'Add rate limiting'], contextNotes: [] }));
+            const frame = lastFrame() ?? '';
+            (0, vitest_1.expect)(frame).toContain('Use JWT for auth');
+            (0, vitest_1.expect)(frame).toContain('Add rate limiting');
+            (0, vitest_1.expect)(frame).toContain('─── Context');
+        });
+        (0, vitest_1.it)('renders context notes when provided', () => {
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [], contextDecisions: [], contextNotes: ['Review existing codebase'] }));
+            const frame = lastFrame() ?? '';
+            (0, vitest_1.expect)(frame).toContain('Review existing codebase');
+            (0, vitest_1.expect)(frame).toContain('─── Context');
+        });
+        (0, vitest_1.it)('renders No context when both empty', () => {
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [], contextDecisions: [], contextNotes: [] }));
+            const frame = lastFrame() ?? '';
+            (0, vitest_1.expect)(frame).toContain('No context');
+        });
+        (0, vitest_1.it)('renders No context when props omitted', () => {
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(FocusedAgentPanel_1.FocusedAgentPanel, { agent: mockAgent, activeSkills: [], objectives: [], eventLog: [] }));
+            const frame = lastFrame() ?? '';
+            (0, vitest_1.expect)(frame).toContain('No context');
+        });
+    });
+});
+//# sourceMappingURL=FocusedAgentPanel.spec.js.map

package/dist/src/tui/components/FocusedAgentPanel.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusedAgentPanel.spec.js","sourceRoot":"","sources":["../../../../src/tui/components/FocusedAgentPanel.spec.tsx"],"names":[],"mappings":"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"}

package/dist/src/tui/components/HeaderBar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { LayoutMode, GlobalRunState } from '../dashboard-types';
+import type { Mode } from '../types';
+export interface HeaderBarProps {
+    workspace: string;
+    currentMode: Mode | null;
+    globalState: GlobalRunState;
+    layoutMode: LayoutMode;
+    width: number;
+}
+export declare function HeaderBar({ workspace, currentMode, globalState, layoutMode, width, }: HeaderBarProps): React.ReactElement;

package/dist/src/tui/components/HeaderBar.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderBar = HeaderBar;
+const react_1 = require("react");
+const ink_1 = require("ink");
+const theme_1 = require("../utils/theme");
+const PROCESS_MODES = ['PLAN', 'ACT', 'EVAL'];
+function ModeFlow({ currentMode }) {
+    const isAutoMode = currentMode === 'AUTO';
+    return (react_1.default.createElement(ink_1.Box, null,
+        isAutoMode && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_1.Text, { color: (0, theme_1.getModeColor)('AUTO'), bold: true }, "[AUTO]"),
+            react_1.default.createElement(ink_1.Text, { dimColor: true }, " "))),
+        PROCESS_MODES.map((mode, i) => {
+            const isActive = !isAutoMode && mode === currentMode;
+            const color = (0, theme_1.getModeColor)(mode);
+            return (react_1.default.createElement(react_1.default.Fragment, { key: mode },
+                i > 0 && react_1.default.createElement(ink_1.Text, { dimColor: true }, " \u2192 "),
+                isActive ? (react_1.default.createElement(ink_1.Text, { color: color, bold: true },
+                    "[",
+                    mode,
+                    "]")) : (react_1.default.createElement(ink_1.Text, { dimColor: true }, mode))));
+        })));
+}
+function StateIndicator({ globalState }) {
+    const icon = theme_1.GLOBAL_STATE_ICONS[globalState];
+    const color = theme_1.GLOBAL_STATE_COLORS[globalState];
+    return (react_1.default.createElement(ink_1.Text, { color: color, bold: globalState === 'RUNNING' || globalState === 'ERROR' },
+        icon,
+        " ",
+        globalState));
+}
+function HeaderBar({ workspace, currentMode, globalState, layoutMode, width, }) {
+    if (layoutMode === 'narrow') {
+        return (react_1.default.createElement(ink_1.Box, { borderStyle: "double", borderColor: theme_1.BORDER_COLORS.panel, width: width, overflowX: "hidden", flexDirection: "row" },
+            react_1.default.createElement(ink_1.Text, { color: "cyan", bold: true }, "\u27E8\u27E9 CODINGBUDDY"),
+            react_1.default.createElement(ink_1.Box, { flexGrow: 1 }),
+            react_1.default.createElement(ModeFlow, { currentMode: currentMode }),
+            react_1.default.createElement(ink_1.Box, { flexGrow: 1 }),
+            react_1.default.createElement(StateIndicator, { globalState: globalState })));
+    }
+    return (react_1.default.createElement(ink_1.Box, { borderStyle: "double", borderColor: theme_1.BORDER_COLORS.panel, width: width, overflowX: "hidden", flexDirection: "row" },
+        react_1.default.createElement(ink_1.Box, { gap: 2, flexShrink: 1, minWidth: 0 },
+            react_1.default.createElement(ink_1.Text, { color: "cyan", bold: true }, "\u27E8\u27E9 CODINGBUDDY AGENT DASHBOARD"),
+            react_1.default.createElement(ModeFlow, { currentMode: currentMode }),
+            react_1.default.createElement(StateIndicator, { globalState: globalState })),
+        react_1.default.createElement(ink_1.Box, { flexGrow: 1 }),
+        react_1.default.createElement(ink_1.Box, { flexShrink: 1, overflowX: "hidden" },
+            react_1.default.createElement(ink_1.Text, { dimColor: true, wrap: "truncate" }, workspace))));
+}
+//# sourceMappingURL=HeaderBar.js.map

package/dist/src/tui/components/HeaderBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/tui/components/HeaderBar.tsx"],"names":[],"mappings":"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"}

package/dist/src/tui/components/HeaderBar.spec.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const vitest_1 = require("vitest");
+const ink_testing_library_1 = require("ink-testing-library");
+const HeaderBar_1 = require("./HeaderBar");
+(0, vitest_1.describe)('tui/components/HeaderBar', () => {
+    (0, vitest_1.it)('should render title with neon branding', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo/myapp", currentMode: "PLAN", globalState: "RUNNING", layoutMode: "wide", width: 120 }));
+        (0, vitest_1.expect)(lastFrame()).toContain('CODINGBUDDY');
+    });
+    (0, vitest_1.it)('should render mode flow with active mode highlighted', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo/myapp", currentMode: "ACT", globalState: "RUNNING", layoutMode: "wide", width: 120 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('[ACT]');
+        (0, vitest_1.expect)(frame).toContain('PLAN');
+        (0, vitest_1.expect)(frame).toContain('EVAL');
+    });
+    (0, vitest_1.it)('should render state indicator with icon', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo", currentMode: null, globalState: "IDLE", layoutMode: "wide", width: 120 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('IDLE');
+        (0, vitest_1.expect)(frame).toContain('○');
+    });
+    (0, vitest_1.it)('should render RUNNING state with filled circle', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo", currentMode: "PLAN", globalState: "RUNNING", layoutMode: "wide", width: 120 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('●');
+        (0, vitest_1.expect)(frame).toContain('RUNNING');
+    });
+    (0, vitest_1.it)('should render ERROR state with ! icon', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo", currentMode: "PLAN", globalState: "ERROR", layoutMode: "wide", width: 120 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('!');
+        (0, vitest_1.expect)(frame).toContain('ERROR');
+    });
+    (0, vitest_1.it)('should render in narrow mode with shortened title', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/very/long/workspace/path", currentMode: "PLAN", globalState: "RUNNING", layoutMode: "narrow", width: 60 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('CODINGBUDDY');
+    });
+    (0, vitest_1.it)('should render workspace path without sess: prefix in wide mode', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo/myapp", currentMode: "PLAN", globalState: "RUNNING", layoutMode: "wide", width: 120 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('/repo/myapp');
+        (0, vitest_1.expect)(frame).not.toContain('sess:');
+    });
+    (0, vitest_1.it)('should render with null mode', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo", currentMode: null, globalState: "IDLE", layoutMode: "medium", width: 100 }));
+        (0, vitest_1.expect)(lastFrame()).toBeTruthy();
+    });
+    (0, vitest_1.it)('should not render AUTO in process flow arrows for non-AUTO modes', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo", currentMode: "PLAN", globalState: "RUNNING", layoutMode: "wide", width: 120 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('PLAN');
+        (0, vitest_1.expect)(frame).toContain('ACT');
+        (0, vitest_1.expect)(frame).toContain('EVAL');
+        (0, vitest_1.expect)(frame).not.toMatch(/EVAL[^]*AUTO/);
+    });
+    (0, vitest_1.it)('should render AUTO as separate badge when AUTO mode is active', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo", currentMode: "AUTO", globalState: "RUNNING", layoutMode: "wide", width: 120 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('AUTO');
+        (0, vitest_1.expect)(frame).toContain('PLAN');
+        (0, vitest_1.expect)(frame).toContain('ACT');
+        (0, vitest_1.expect)(frame).toContain('EVAL');
+        (0, vitest_1.expect)(frame).not.toMatch(/EVAL[^A]*→[^A]*AUTO/);
+    });
+    (0, vitest_1.it)('should render double border (Ink box rendering)', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(HeaderBar_1.HeaderBar, { workspace: "/repo", currentMode: "PLAN", globalState: "RUNNING", layoutMode: "wide", width: 120 }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('╔');
+        (0, vitest_1.expect)(frame).toContain('╗');
+        (0, vitest_1.expect)(frame).toContain('╚');
+        (0, vitest_1.expect)(frame).toContain('╝');
+    });
+});
+//# sourceMappingURL=HeaderBar.spec.js.map

package/dist/src/tui/components/HeaderBar.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBar.spec.js","sourceRoot":"","sources":["../../../../src/tui/components/HeaderBar.spec.tsx"],"names":[],"mappings":"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"}

package/dist/src/tui/components/SessionTabBar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { LayoutMode } from '../dashboard-types';
+import type { SessionTab } from './session-tab-bar.pure';
+export interface SessionTabBarProps {
+    sessions: SessionTab[];
+    width: number;
+    layoutMode: LayoutMode;
+}
+export declare function SessionTabBar({ sessions, width, layoutMode, }: SessionTabBarProps): React.ReactElement | null;

package/dist/src/tui/components/SessionTabBar.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionTabBar = SessionTabBar;
+const react_1 = require("react");
+const ink_1 = require("ink");
+const session_tab_bar_pure_1 = require("./session-tab-bar.pure");
+function SessionTabBar({ sessions, width, layoutMode, }) {
+    const formatted = (0, session_tab_bar_pure_1.formatSessionTabs)(sessions, width, layoutMode);
+    if (formatted === '') {
+        return null;
+    }
+    return (react_1.default.createElement(ink_1.Box, { width: width, height: 1 },
+        react_1.default.createElement(ink_1.Text, null, formatted)));
+}
+//# sourceMappingURL=SessionTabBar.js.map

package/dist/src/tui/components/SessionTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTabBar.js","sourceRoot":"","sources":["../../../../src/tui/components/SessionTabBar.tsx"],"names":[],"mappings":";;AAYA,sCAgBC;AA5BD,iCAA0B;AAC1B,6BAAgC;AAGhC,iEAA2D;AAQ3D,SAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,UAAU,GACS;IACnB,MAAM,SAAS,GAAG,IAAA,wCAAiB,EAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAEjE,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,SAAG,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAC1B,8BAAC,UAAI,QAAE,SAAS,CAAQ,CACpB,CACP,CAAC;AACJ,CAAC"}

package/dist/src/tui/components/SessionTabBar.spec.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const vitest_1 = require("vitest");
+const ink_testing_library_1 = require("ink-testing-library");
+const SessionTabBar_1 = require("./SessionTabBar");
+function makeTab(overrides) {
+    return {
+        pid: overrides.index * 1000,
+        projectName: `project-${overrides.index}`,
+        globalState: 'IDLE',
+        isActive: false,
+        ...overrides,
+    };
+}
+(0, vitest_1.describe)('tui/components/SessionTabBar', () => {
+    (0, vitest_1.it)('should render nothing for a single session', () => {
+        const sessions = [makeTab({ index: 1, isActive: true })];
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(SessionTabBar_1.SessionTabBar, { sessions: sessions, width: 120, layoutMode: "wide" }));
+        (0, vitest_1.expect)(lastFrame()).toBe('');
+    });
+    (0, vitest_1.it)('should render tab indicators and project names for multiple sessions', () => {
+        const sessions = [
+            makeTab({ index: 1, projectName: 'my-app', isActive: true }),
+            makeTab({ index: 2, projectName: 'api-server', isActive: false }),
+        ];
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(SessionTabBar_1.SessionTabBar, { sessions: sessions, width: 120, layoutMode: "wide" }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('[1]');
+        (0, vitest_1.expect)(frame).toContain('[2]');
+        (0, vitest_1.expect)(frame).toContain('my-app');
+        (0, vitest_1.expect)(frame).toContain('api-server');
+    });
+    (0, vitest_1.it)('should contain status icons for multiple sessions', () => {
+        const sessions = [
+            makeTab({ index: 1, globalState: 'RUNNING', isActive: true }),
+            makeTab({ index: 2, globalState: 'IDLE', isActive: false }),
+        ];
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(SessionTabBar_1.SessionTabBar, { sessions: sessions, width: 120, layoutMode: "wide" }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('●');
+        (0, vitest_1.expect)(frame).toContain('○');
+    });
+    (0, vitest_1.it)('should render compact counter in narrow layout', () => {
+        const sessions = [
+            makeTab({ index: 1, isActive: true }),
+            makeTab({ index: 2, isActive: false }),
+            makeTab({ index: 3, isActive: false }),
+        ];
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(SessionTabBar_1.SessionTabBar, { sessions: sessions, width: 60, layoutMode: "narrow" }));
+        const frame = lastFrame() ?? '';
+        (0, vitest_1.expect)(frame).toContain('(1/3)');
+    });
+    (0, vitest_1.it)('should render nothing for zero sessions', () => {
+        const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(SessionTabBar_1.SessionTabBar, { sessions: [], width: 120, layoutMode: "wide" }));
+        (0, vitest_1.expect)(lastFrame()).toBe('');
+    });
+});
+//# sourceMappingURL=SessionTabBar.spec.js.map

package/dist/src/tui/components/SessionTabBar.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTabBar.spec.js","sourceRoot":"","sources":["../../../../src/tui/components/SessionTabBar.spec.tsx"],"names":[],"mappings":"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"}

package/dist/src/tui/components/StageHealthBar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { StageStats } from '../dashboard-types';
+import type { Mode } from '../types';
+export interface StageHealthBarProps {
+    stageHealth: Record<Mode, StageStats>;
+    bottlenecks: string[];
+    toolCount: number;
+    agentCount: number;
+    skillCount: number;
+    width: number;
+}
+export declare function StageHealthBar({ stageHealth, bottlenecks, toolCount, agentCount, skillCount, width, }: StageHealthBarProps): React.ReactElement;