@lotagate/cli 0.1.20 → 0.1.22

package/dist/presentation/tui/ink/components/activity-status.js

@@ -0,0 +1,21 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text, useAnimation } from 'ink';
+import { DARK_THEME as palette } from '../../../themes/theme.js';
+import { ShimmerText } from './shimmer-text.js';
+export function ActivityStatus({ status, activityStartedAt, elapsedMs, usage, paused = false }) {
+    const active = status !== 'Done' && status !== 'Cancelled' && status !== 'Failed';
+    const animation = useAnimation({ interval: 120, isActive: active && !paused });
+    const elapsed = active && activityStartedAt !== undefined ? Math.max(elapsedMs ?? 0, Date.now() - activityStartedAt) : elapsedMs ?? 0;
+    const details = [formatDuration(elapsed)];
+    const outputTokens = usage?.completionTokens ?? usage?.totalTokens;
+    if (outputTokens !== undefined)
+        details.push(`${usage?.estimated === true ? '~' : ''}${outputTokens} output tokens`);
+    if (active)
+        details.push('Esc cancel');
+    const indicator = active ? ['◐', '◓', '◑', '◒'][animation.frame % 4] ?? '◐' : '●';
+    const color = status === 'Failed' ? palette.error : active ? palette.warning : palette.success;
+    return _jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: color, children: [indicator, " "] }), _jsx(ShimmerText, { value: status, active: active && !paused, frame: animation.frame }), _jsxs(Text, { color: palette.muted, children: ["  ", details.join(' · ')] })] });
+}
+function formatDuration(milliseconds) {
+    return milliseconds < 1000 ? `${milliseconds}ms` : `${(milliseconds / 1000).toFixed(1)}s`;
+}

package/dist/presentation/tui/ink/components/choice-modal.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from 'react';
+import type { InkTuiBridge, TuiChoice } from '../tui-bridge.js';
+export interface ChoiceModalProps {
+    bridge: InkTuiBridge;
+    title: string;
+    choices: readonly TuiChoice[];
+    currentValue?: string;
+    detail?: string;
+    borderColor?: string;
+}
+export declare function ChoiceModal({ bridge, title, choices, currentValue, detail, borderColor }: ChoiceModalProps): JSX.Element;

package/dist/presentation/tui/ink/components/choice-modal.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { DARK_THEME as palette } from '../../../themes/theme.js';
+import { choiceWindow } from '../choice-window.js';
+export function ChoiceModal({ bridge, title, choices, currentValue, detail, borderColor = palette.accent }) {
+    const initial = choices.findIndex((choice) => choice.value === currentValue);
+    const [selected, setSelected] = useState(Math.max(0, initial));
+    const window = choiceWindow(choices, selected, 8);
+    useInput((input, key) => {
+        if (key.upArrow)
+            setSelected((current) => Math.max(0, current - 1));
+        else if (key.downArrow)
+            setSelected((current) => Math.min(Math.max(0, choices.length - 1), current + 1));
+        else if (key.return)
+            bridge.resolveActiveModal(choices[selected]?.value);
+        else if (input.toLowerCase() === 'y' && choices.some((choice) => choice.value === 'allow'))
+            bridge.resolveActiveModal('allow');
+        else if (input.toLowerCase() === 'n' && choices.some((choice) => choice.value === 'deny'))
+            bridge.resolveActiveModal('deny');
+        else if (key.escape || input === 'q')
+            bridge.resolveActiveModal(undefined);
+    });
+    return _jsxs(Box, { borderStyle: "double", borderColor: borderColor, flexDirection: "column", marginTop: 1, paddingX: 1, children: [_jsx(Text, { bold: true, color: palette.text, children: "Action required" }), _jsx(Text, { color: palette.text, children: title }), detail !== undefined && _jsx(Text, { color: palette.muted, children: detail }), window.entries.map((choice, index) => {
+                const active = window.start + index === selected;
+                const activeBackground = active ? { backgroundColor: palette.selection } : {};
+                return _jsxs(Box, { width: "100%", alignSelf: "stretch", flexDirection: "row", ...activeBackground, children: [_jsx(Text, { color: active ? palette.accent : palette.muted, ...activeBackground, children: "\u203A " }), _jsx(Text, { color: palette.text, ...activeBackground, children: choice.label }), choice.description !== undefined && _jsxs(Text, { color: palette.muted, ...activeBackground, children: ["  ", choice.description] })] }, choice.value);
+            }), _jsx(Text, { color: palette.muted, children: "\u2191\u2193 navigate \u00B7 Enter select \u00B7 Esc cancel" })] });
+}

package/dist/presentation/tui/ink/components/composer.d.ts

@@ -0,0 +1,40 @@
+import type { JSX } from 'react';
+import type { Attachment } from '../../../../domain/session/attachment.js';
+import type { InkTuiBridge, TuiChoice } from '../tui-bridge.js';
+export interface ComposerCursorPosition {
+    x: number;
+    y: number;
+}
+interface ComposerInputLayout {
+    x: number;
+    y: number;
+    width: number;
+}
+export declare function calculateComposerCursorPosition({ layout, value, cursor, terminalRows }: {
+    layout: ComposerInputLayout;
+    value: string;
+    cursor: number;
+    terminalRows?: number;
+}): ComposerCursorPosition | undefined;
+export declare function Composer({ bridge, enabled, activeRun, visible, clearBlockedUntil, footerNotice, contextUsage, attachments, fileChoices, onLayoutRowsChange }: {
+    bridge: InkTuiBridge;
+    enabled: boolean;
+    activeRun: boolean;
+    visible?: boolean;
+    clearBlockedUntil?: number;
+    footerNotice?: string;
+    contextUsage?: {
+        usedTokens: number;
+        contextWindow?: number;
+    };
+    attachments: readonly Attachment[];
+    fileChoices: readonly TuiChoice[];
+    onLayoutRowsChange?: (rows: number) => void;
+}): JSX.Element | null;
+export interface AtFileReference {
+    start: number;
+    query: string;
+}
+/** Returns the active unquoted @workspace-file token immediately before the cursor. */
+export declare function atFileReference(value: string, cursor: number): AtFileReference | undefined;
+export {};

package/dist/presentation/tui/ink/components/composer.js

@@ -0,0 +1,271 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { Box, Text, measureElement, useCursor, useInput, usePaste, useStdout } from 'ink';
+import { formatContextUsage, terminalTextWidth } from '../../formatters.js';
+import { DARK_THEME as palette } from '../../../themes/theme.js';
+import { AttachmentChip } from './transcript.js';
+import { isMouseSequence } from '../../terminal-mouse.js';
+import { commandSuggestions } from '../../../../application/commands/command-presentation.js';
+import { parseCommandInvocation, tokenizeCommandInput } from '../../../../application/commands/command-parser.js';
+import { COMMAND_REGISTRY } from '../../../../application/commands/command-runtime.js';
+const INPUT_CONTENT_OFFSET = 4;
+export function calculateComposerCursorPosition({ layout, value, cursor, terminalRows }) {
+    const beforeCursor = value.slice(0, cursor).split('\n');
+    const contentWidth = Math.max(1, layout.width - (INPUT_CONTENT_OFFSET + 2));
+    const completedRows = beforeCursor.slice(0, -1).reduce((rows, line) => rows + Math.max(1, Math.ceil(terminalTextWidth(line) / contentWidth)), 0);
+    const activeLineWidth = terminalTextWidth(beforeCursor.at(-1) ?? '');
+    const y = layout.y + 1 + completedRows + Math.floor(activeLineWidth / contentWidth);
+    if (terminalRows !== undefined && (y < 0 || y >= terminalRows))
+        return undefined;
+    return { x: layout.x + INPUT_CONTENT_OFFSET + (activeLineWidth % contentWidth), y };
+}
+export function Composer({ bridge, enabled, activeRun, visible = true, clearBlockedUntil, footerNotice, contextUsage, attachments, fileChoices, onLayoutRowsChange }) {
+    const [value, setValue] = useState('');
+    const [cursor, setCursor] = useState(0);
+    const [selected, setSelected] = useState(0);
+    const [clearHint, setClearHint] = useState();
+    const clearTimer = useRef(undefined);
+    const clearArmed = useRef(false);
+    const valueRef = useRef('');
+    const cursorRef = useRef(0);
+    const selectedCommandRef = useRef(undefined);
+    const inputRef = useRef(null);
+    const [inputMetrics, setInputMetrics] = useState({ left: 0, top: 0, width: 0, hasMeasured: false });
+    const { setCursorPosition: setInkCursorPosition } = useCursor();
+    const { stdout } = useStdout();
+    const suggestions = value.startsWith('/') && !value.includes('\n') && selectedCommandRef.current !== value
+        ? commandSuggestions(value, COMMAND_REGISTRY, 'tui').slice(0, 8)
+        : [];
+    const fileReference = atFileReference(value, cursor);
+    const fileSuggestions = fileReference === undefined ? [] : fileChoices.filter((choice) => choice.value.slice(1).toLowerCase().includes(fileReference.query.toLowerCase())).slice(0, 8);
+    const choices = suggestions.length > 0 ? suggestions : fileSuggestions;
+    const dismissClearPrompt = () => {
+        clearArmed.current = false;
+        setClearHint(undefined);
+        if (clearTimer.current !== undefined)
+            clearTimeout(clearTimer.current);
+        clearTimer.current = undefined;
+    };
+    const updateDraft = (nextValue, nextCursor) => {
+        valueRef.current = nextValue;
+        cursorRef.current = nextCursor;
+        setValue(nextValue);
+        setCursor(nextCursor);
+    };
+    const clearSelectedCommand = () => {
+        selectedCommandRef.current = undefined;
+    };
+    const chooseCommand = (choice) => {
+        updateDraft(choice.value, choice.value.length);
+        selectedCommandRef.current = choice.value;
+        setSelected(0);
+    };
+    const insert = (text) => {
+        const normalized = text.replace(/\r\n?/gu, '\n');
+        if (normalized.length === 0)
+            return;
+        dismissClearPrompt();
+        clearSelectedCommand();
+        const current = valueRef.current;
+        const position = cursorRef.current;
+        updateDraft(`${current.slice(0, position)}${normalized}${current.slice(position)}`, position + normalized.length);
+    };
+    const applyFileChoice = (choice) => {
+        if (fileReference === undefined)
+            return;
+        clearSelectedCommand();
+        const current = valueRef.current;
+        updateDraft(`${current.slice(0, fileReference.start)}${choice.value} ${current.slice(cursorRef.current)}`, fileReference.start + choice.value.length + 1);
+        setSelected(0);
+    };
+    const erase = () => {
+        const position = cursorRef.current;
+        if (position === 0)
+            return;
+        dismissClearPrompt();
+        clearSelectedCommand();
+        const current = valueRef.current;
+        updateDraft(`${current.slice(0, position - 1)}${current.slice(position)}`, position - 1);
+    };
+    const submit = () => {
+        const trimmed = valueRef.current.trim();
+        if (trimmed.length > 0) {
+            dismissClearPrompt();
+            clearSelectedCommand();
+            updateDraft('', 0);
+            setSelected(0);
+            void bridge.submit(trimmed);
+        }
+    };
+    const clearDraft = () => {
+        dismissClearPrompt();
+        updateDraft('', 0);
+        setSelected(0);
+        bridge.clearAttachments();
+    };
+    const armClearPrompt = () => {
+        clearArmed.current = true;
+        setClearHint('Press Esc again to clear text and references.');
+        if (clearTimer.current !== undefined)
+            clearTimeout(clearTimer.current);
+        clearTimer.current = setTimeout(() => {
+            clearArmed.current = false;
+            setClearHint(undefined);
+            clearTimer.current = undefined;
+        }, 1500);
+    };
+    useInput((input, key) => {
+        if (!enabled)
+            return;
+        if (isMouseSequence(input))
+            return;
+        if (key.escape || input === '\u001b') {
+            if (activeRun || (clearBlockedUntil !== undefined && clearBlockedUntil > Date.now()))
+                return;
+            if (value.length === 0 && attachments.length === 0)
+                return;
+            if (clearArmed.current)
+                clearDraft();
+            else
+                armClearPrompt();
+            return;
+        }
+        if (key.meta && input.toLowerCase() === 'v') {
+            void bridge.pasteImage().catch(() => undefined);
+            return;
+        }
+        if (key.ctrl && input.toLowerCase() === 'v') {
+            void bridge.pasteText().then((text) => { if (text !== undefined)
+                insert(text); }).catch(() => undefined);
+            return;
+        }
+        if (key.return && key.shift) {
+            insert('\n');
+            return;
+        }
+        if (key.return) {
+            const choice = choices[selected];
+            if (suggestions.length > 0 && choice !== undefined && choice.value !== value) {
+                chooseCommand(choice);
+                return;
+            }
+            if (isCompleteTuiCommand(value)) {
+                submit();
+                return;
+            }
+            if (choice !== undefined && fileSuggestions.length > 0)
+                applyFileChoice(choice);
+            else
+                submit();
+            return;
+        }
+        if (key.tab && choices[selected] !== undefined) {
+            const choice = choices[selected];
+            if (choice !== undefined) {
+                if (suggestions.length > 0)
+                    chooseCommand(choice);
+                else
+                    applyFileChoice(choice);
+            }
+            return;
+        }
+        if (key.upArrow && choices.length > 0) {
+            setSelected((current) => Math.max(0, current - 1));
+            return;
+        }
+        if (key.downArrow && choices.length > 0) {
+            setSelected((current) => Math.min(choices.length - 1, current + 1));
+            return;
+        }
+        if (key.leftArrow) {
+            clearSelectedCommand();
+            const nextCursor = Math.max(0, cursorRef.current - 1);
+            cursorRef.current = nextCursor;
+            setCursor(nextCursor);
+            return;
+        }
+        if (key.rightArrow) {
+            clearSelectedCommand();
+            const nextCursor = Math.min(valueRef.current.length, cursorRef.current + 1);
+            cursorRef.current = nextCursor;
+            setCursor(nextCursor);
+            return;
+        }
+        if (key.backspace || key.delete) {
+            erase();
+            return;
+        }
+        if (!key.ctrl && !key.meta && input.length > 0)
+            insert(input);
+    }, { isActive: enabled });
+    usePaste((text) => { if (enabled)
+        insert(text); }, { isActive: enabled });
+    useEffect(() => () => {
+        if (clearTimer.current !== undefined)
+            clearTimeout(clearTimer.current);
+    }, []);
+    const lines = value.split('\n');
+    const inputWidth = inputMetrics.hasMeasured ? inputMetrics.width : Math.max(40, stdout.columns ?? 80);
+    const inputContentWidth = Math.max(1, inputWidth - (INPUT_CONTENT_OFFSET + 2));
+    const inputRows = lines.reduce((rows, line) => rows + Math.max(1, Math.ceil(terminalTextWidth(line) / inputContentWidth)), 0);
+    const layoutRows = calculateComposerRows({ attachmentCount: attachments.length, inputRows, hasClearHint: clearHint !== undefined, hasFooterNotice: footerNotice !== undefined, choiceCount: choices.length });
+    useLayoutEffect(() => {
+        onLayoutRowsChange?.(layoutRows + 1);
+    }, [layoutRows, onLayoutRowsChange]);
+    useLayoutEffect(() => {
+        const input = inputRef.current;
+        if (input === null) {
+            setInputMetrics((current) => current.hasMeasured ? { left: 0, top: 0, width: 0, hasMeasured: false } : current);
+            return;
+        }
+        const measured = measureElement(input);
+        setInputMetrics((current) => current.left === measured.x && current.top === measured.y && current.width === measured.width && current.hasMeasured
+            ? current
+            : { left: measured.x, top: measured.y, width: measured.width, hasMeasured: true });
+    });
+    const cursorPosition = enabled && visible && inputMetrics.hasMeasured
+        ? calculateComposerCursorPosition({ layout: { x: inputMetrics.left, y: inputMetrics.top, width: inputMetrics.width }, value, cursor, terminalRows: stdout.rows })
+        : undefined;
+    setInkCursorPosition(cursorPosition);
+    if (!visible)
+        return null;
+    return _jsxs(Box, { width: "100%", flexDirection: "column", marginTop: 1, children: [attachments.map((attachment) => _jsx(AttachmentChip, { attachment: attachment }, attachment.id)), _jsx(Box, { ref: inputRef, width: "100%", borderStyle: "round", borderColor: enabled ? palette.accent : palette.border, flexDirection: "column", paddingX: 1, children: _jsxs(Box, { children: [_jsx(Text, { color: palette.accent, children: "\u203A " }), _jsx(Text, { wrap: "wrap", color: value.length === 0 ? palette.muted : palette.text, children: value.length === 0 ? 'Ask LotaGate to work on this project…' : renderInputValue(lines.join('\n')) })] }) }), _jsxs(Box, { paddingX: 1, justifyContent: "space-between", children: [_jsx(Text, { color: palette.muted, dimColor: true, children: "Enter send \u00B7 Shift+Enter newline \u00B7 / commands \u00B7 @ files \u00B7 Ctrl+V text \u00B7 Alt+V image" }), contextUsage !== undefined && _jsx(Text, { color: palette.muted, dimColor: true, children: formatContextUsage(contextUsage.usedTokens, contextUsage.contextWindow) })] }), clearHint !== undefined && _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: palette.muted, dimColor: true, children: clearHint }) }), footerNotice !== undefined && _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: palette.muted, dimColor: true, children: footerNotice }) }), choices.length > 0 && _jsx(Box, { borderStyle: "round", borderColor: palette.border, flexDirection: "column", paddingX: 1, children: choices.map((choice, index) => _jsxs(Box, { ...(index === selected ? { backgroundColor: palette.selection } : {}), children: [_jsx(Text, { color: index === selected ? palette.accent : palette.muted, children: "\u203A " }), _jsxs(Text, { color: choice.kind === 'directory' ? palette.warning : palette.text, children: [choice.kind === 'directory' ? '▸ ' : '', choice.label] }), _jsxs(Text, { color: palette.muted, children: ["  ", choice.description] })] }, choice.value)) })] });
+}
+function isCompleteTuiCommand(value) {
+    if (!value.startsWith('/') || value.includes('\n'))
+        return false;
+    try {
+        parseCommandInvocation(tokenizeCommandInput(value.trimStart().slice(1)), 'tui', COMMAND_REGISTRY);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+function calculateComposerRows({ attachmentCount, inputRows, hasClearHint, hasFooterNotice, choiceCount }) {
+    const attachmentRows = attachmentCount * 2;
+    const inputBoxRows = Math.max(1, inputRows) + 2;
+    const suggestionRows = choiceCount > 0 ? choiceCount + 2 : 0;
+    return attachmentRows + inputBoxRows + 1 + (hasClearHint ? 1 : 0) + (hasFooterNotice ? 1 : 0) + suggestionRows;
+}
+function renderInputValue(value) {
+    const parts = value.split(/(@[^\s@]+|https?:\/\/[^\s]+|\/[A-Za-z][\w-]*)/gu);
+    return parts.filter((part) => part.length > 0).map((part, index) => {
+        if (part.startsWith('@'))
+            return _jsx(Text, { color: palette.accent, children: part }, index);
+        if (/^https?:\/\//u.test(part))
+            return _jsx(Text, { color: palette.link, underline: true, children: part }, index);
+        if (/^\/[A-Za-z][\w-]*$/u.test(part))
+            return _jsx(Text, { color: palette.accent, children: part }, index);
+        return _jsx(Text, { children: part }, index);
+    });
+}
+/** Returns the active unquoted @workspace-file token immediately before the cursor. */
+export function atFileReference(value, cursor) {
+    const beforeCursor = value.slice(0, cursor);
+    const match = /(?:^|\s)@([^\s@]*)$/u.exec(beforeCursor);
+    if (match === null)
+        return undefined;
+    const query = match[1] ?? '';
+    return { start: cursor - query.length - 1, query };
+}

package/dist/presentation/tui/ink/components/file-diff.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'react';
+import type { FileChangeDiff } from '../../../../domain/filesystem/file-change-diff.js';
+export declare function FileDiff({ change }: {
+    change: FileChangeDiff;
+}): JSX.Element;
+export declare function fileDiffRowCount(change: FileChangeDiff, columns: number): number;

package/dist/presentation/tui/ink/components/file-diff.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text, useStdout } from 'ink';
+import { DARK_THEME as palette } from '../../../themes/theme.js';
+import { truncateTerminalText, wrapTerminalText } from '../../formatters.js';
+export function FileDiff({ change }) {
+    const { stdout } = useStdout();
+    const cardWidth = Math.max(20, (stdout.columns ?? 80) - 4);
+    const lineNumberWidth = getLineNumberWidth(change.lines);
+    return _jsxs(Box, { flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: palette.border, paddingX: 1, children: [_jsxs(Text, { color: palette.text, children: [_jsx(Text, { color: palette.accent, children: "\u25A3" }), " ", _jsx(Text, { bold: true, children: "Updated" }), " ", _jsx(Text, { color: palette.muted, children: truncateTerminalText(change.path, Math.max(1, cardWidth - 30)) }), " ", _jsx(Text, { color: palette.muted, children: " \u00B7 " }), _jsxs(Text, { color: palette.success, children: ["+", change.additions] }), _jsx(Text, { color: palette.muted, children: " " }), _jsxs(Text, { color: palette.error, children: ["-", change.deletions] })] }), _jsx(Text, { color: palette.muted, children: "  Workspace change" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: change.lines.map((line, index) => _jsx(DiffLine, { line: line, lineNumberWidth: lineNumberWidth, textWidth: Math.max(1, cardWidth - (lineNumberWidth * 2 + 8)) }, `${index}-${line.kind}`)) }), change.truncated && _jsx(Text, { color: palette.muted, children: "  \u2026 diff truncated for display" })] });
+}
+export function fileDiffRowCount(change, columns) {
+    const cardWidth = Math.max(20, columns - 4);
+    const lineNumberWidth = getLineNumberWidth(change.lines);
+    const textWidth = Math.max(1, cardWidth - (lineNumberWidth * 2 + 8));
+    const contentRows = change.lines.reduce((total, line) => total + wrapTerminalText(line.text.length === 0 ? ' ' : line.text, textWidth).length, 0);
+    return contentRows + 3 + (change.truncated ? 1 : 0);
+}
+function DiffLine({ line, lineNumberWidth, textWidth }) {
+    const isAddition = line.kind === 'addition';
+    const isDeletion = line.kind === 'deletion';
+    const color = isAddition ? palette.success : isDeletion ? palette.error : palette.text;
+    const backgroundColor = isAddition ? palette.diffAdded : isDeletion ? palette.diffRemoved : undefined;
+    const marker = line.kind === 'addition' ? '+' : line.kind === 'deletion' ? '-' : ' ';
+    const oldNumber = line.oldLine === undefined ? ' '.repeat(lineNumberWidth) : String(line.oldLine).padStart(lineNumberWidth, ' ');
+    const newNumber = line.newLine === undefined ? ' '.repeat(lineNumberWidth) : String(line.newLine).padStart(lineNumberWidth, ' ');
+    const rows = wrapTerminalText(line.text.length === 0 ? ' ' : line.text, textWidth);
+    return _jsx(Box, { flexDirection: "column", backgroundColor: backgroundColor, paddingX: 1, children: rows.map((row, index) => _jsxs(Box, { flexDirection: "row", children: [index === 0
+                    ? _jsxs(_Fragment, { children: [_jsxs(Text, { color: palette.muted, children: [oldNumber, " ", newNumber, " "] }), _jsxs(Text, { color: color, bold: isAddition || isDeletion, children: [marker, " "] })] })
+                    : _jsxs(Text, { color: palette.muted, children: [' '.repeat(lineNumberWidth * 2 + 3), " "] }), _jsx(Text, { color: color, bold: index === 0 && (isAddition || isDeletion), children: row })] }, `${index}-${row}`)) });
+}
+function getLineNumberWidth(lines) {
+    const largest = lines.reduce((maximum, line) => Math.max(maximum, line.oldLine ?? 0, line.newLine ?? 0), 0);
+    return Math.max(2, String(largest).length);
+}

package/dist/presentation/tui/ink/components/modal.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from 'react';
+import type { InkTuiBridge, TuiModal } from '../tui-bridge.js';
+export declare function Modal({ bridge, modal, onLayoutRowsChange }: {
+    bridge: InkTuiBridge;
+    modal?: TuiModal;
+    onLayoutRowsChange?: (rows: number) => void;
+}): JSX.Element | null;
+export declare function estimateModalRows(modal: TuiModal): number;

package/dist/presentation/tui/ink/components/modal.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from 'react';
+import { Box, Text, useBoxMetrics, useInput, usePaste } from 'ink';
+import { DARK_THEME as palette } from '../../../themes/theme.js';
+import { ChoiceModal } from './choice-modal.js';
+export function Modal({ bridge, modal, onLayoutRowsChange }) {
+    const modalRef = useRef(null);
+    const modalMetrics = useBoxMetrics(modalRef);
+    useLayoutEffect(() => {
+        if (modalMetrics.hasMeasured)
+            onLayoutRowsChange?.(modalMetrics.height);
+    }, [modalMetrics.height, modalMetrics.hasMeasured, onLayoutRowsChange]);
+    if (modal === undefined)
+        return null;
+    const content = modal.kind === 'choice'
+        ? _jsx(ChoiceModal, { bridge: bridge, title: modal.title, choices: modal.choices, ...(modal.currentValue === undefined ? {} : { currentValue: modal.currentValue }), ...(modal.detail === undefined ? {} : { detail: modal.detail }) })
+        : modal.kind === 'secret'
+            ? _jsx(SecretModal, { bridge: bridge, label: modal.label })
+            : modal.kind === 'approval'
+                ? _jsx(ApprovalModal, { bridge: bridge, toolName: modal.toolName, ...(modal.detail === undefined ? {} : { detail: modal.detail }) })
+                : modal.kind === 'subagent'
+                    ? _jsx(SubagentDetailModal, { bridge: bridge, subagent: modal.subagent })
+                    : _jsx(DecisionContent, { bridge: bridge, modal: modal });
+    return _jsx(Box, { ref: modalRef, width: "100%", flexDirection: "column", children: content });
+}
+export function estimateModalRows(modal) {
+    if (modal.kind === 'choice')
+        return Math.min(8, modal.choices.length) + (modal.detail === undefined ? 5 : 6);
+    if (modal.kind === 'approval')
+        return 8 + (modal.detail === undefined ? 0 : 1);
+    if (modal.kind === 'secret')
+        return 6;
+    if (modal.kind === 'subagent')
+        return 10;
+    if (modal.kind === 'trust')
+        return 6;
+    return Math.min(8, modal.plan.tasks.length) + 6;
+}
+function DecisionContent({ bridge, modal }) {
+    const title = modal.kind === 'trust' ? 'Trust this workspace?' : `Approve plan · ${modal.plan.tasks.length} tasks`;
+    const detail = modal.kind === 'trust' ? 'Local tools, MCP, and extensions remain disabled until you grant trust.' : modal.plan.tasks.map((task, index) => `${index + 1}. ${task.title}`).join('\n');
+    return _jsx(DecisionModal, { title: title, detail: detail, onDecision: (accepted) => bridge.resolveActiveModal(accepted) });
+}
+function DialogFrame({ children, title = 'Action required' }) {
+    return _jsxs(Box, { borderStyle: "double", borderColor: palette.accent, flexDirection: "column", marginTop: 1, paddingX: 1, children: [_jsx(Text, { bold: true, color: palette.text, children: title }), children] });
+}
+function SubagentDetailModal({ bridge, subagent }) {
+    useInput((input, key) => {
+        if (key.return || key.escape || input === '\u001b' || input.toLowerCase() === 'q')
+            bridge.closeSubagentDetails();
+    });
+    const handoff = subagent.handoff;
+    return _jsxs(DialogFrame, { title: `Subagent handoff · ${subagent.displayName}`, children: [_jsx(Text, { color: palette.text, children: subagent.task }), _jsxs(Text, { color: palette.muted, children: [subagent.mode, " \u00B7 ", subagent.status, " \u00B7 ", subagent.model] }), handoff === undefined
+                ? _jsx(Text, { color: palette.muted, children: "Handoff is available when this subagent completes." })
+                : _jsxs(Box, { flexDirection: "column", children: [_jsx(DetailSection, { label: "Summary", values: [handoff.summary] }), _jsx(DetailSection, { label: "Files inspected", values: handoff.filesInspected }), _jsx(DetailSection, { label: "Files changed", values: handoff.filesChanged }), _jsx(DetailSection, { label: "Commands run", values: handoff.commandsRun }), _jsx(DetailSection, { label: "Verification", values: handoff.verification }), _jsx(DetailSection, { label: "Warnings", values: handoff.warnings })] }), _jsx(Text, { color: palette.accent, children: "Enter / Esc / Q close" })] });
+}
+function DetailSection({ label, values }) {
+    return _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: palette.accent, children: label }), _jsx(Text, { color: palette.muted, wrap: "wrap", children: values.length === 0 ? 'None' : values.map((value) => `• ${safeDetail(value)}`).join('\n') })] });
+}
+function safeDetail(value) {
+    const redacted = value.replace(/Bearer\s+[^\s]+/giu, 'Bearer [REDACTED]').replace(/sk-[A-Za-z0-9_-]{8,}/gu, '[REDACTED]');
+    return redacted.length <= 500 ? redacted : `${redacted.slice(0, 497)}...`;
+}
+function DecisionModal({ title, detail, onDecision }) {
+    useInput((input, key) => {
+        if (key.return || input.toLowerCase() === 'y')
+            onDecision(true);
+        else if (key.escape || input.toLowerCase() === 'n')
+            onDecision(false);
+    });
+    return _jsxs(DialogFrame, { children: [_jsx(Text, { color: palette.text, children: title }), _jsx(Text, { color: palette.muted, children: detail }), _jsx(Text, { color: palette.accent, children: "Enter / Y approve \u00B7 Esc / N cancel" })] });
+}
+function ApprovalModal({ bridge, toolName, detail }) {
+    return _jsx(ChoiceModal, { bridge: bridge, title: `Approval · ${approvalTitle(toolName)}`, choices: [
+            { value: 'allow', label: 'Allow', description: 'Run this tool action' },
+            { value: 'deny', label: 'Deny', description: 'Block this tool action' },
+        ], ...(detail === undefined ? {} : { detail: compactDetail(detail) }), borderColor: palette.warning });
+}
+function approvalTitle(toolName) {
+    if (toolName === 'shell.exec')
+        return 'Shell command';
+    if (toolName === 'filesystem.write')
+        return 'File write';
+    return 'Tool action';
+}
+function compactDetail(detail) {
+    const value = detail.trim();
+    if (value.startsWith('Write workspace file: '))
+        return `write  ${value.slice('Write workspace file: '.length)}`;
+    if (value.startsWith('Run command: '))
+        return `run    ${value.slice('Run command: '.length)}`;
+    if (value.startsWith('This '))
+        return value.replace(/^This /u, '').replace(/ operation may change workspace or external state\.$/u, '');
+    return value;
+}
+function SecretModal({ bridge, label }) {
+    const [value, setValue] = useState('');
+    useInput((input, key) => {
+        if (key.return)
+            bridge.resolveActiveModal(value.trim() || undefined);
+        else if (key.escape)
+            bridge.resolveActiveModal(undefined);
+        else if (key.backspace || key.delete)
+            setValue((current) => current.slice(0, -1));
+        else if (!key.ctrl && !key.meta && input.length > 0)
+            setValue((current) => `${current}${input}`);
+    });
+    usePaste((text) => setValue((current) => `${current}${text.replace(/[\r\n]/gu, '')}`));
+    return _jsxs(DialogFrame, { children: [_jsx(Text, { color: palette.text, children: label }), _jsx(Text, { color: palette.accent, children: `> ${'•'.repeat(value.length)}▌` }), _jsx(Text, { color: palette.muted, children: "Enter save \u00B7 Esc cancel" })] });
+}

package/dist/presentation/tui/ink/components/shimmer-text.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'react';
+export declare function ShimmerText({ value, active, frame }: {
+    value: string;
+    active: boolean;
+    frame: number;
+}): JSX.Element;

package/dist/presentation/tui/ink/components/shimmer-text.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+import { DARK_THEME as palette } from '../../../themes/theme.js';
+export function ShimmerText({ value, active, frame }) {
+    if (!active || value.length === 0)
+        return _jsx(Text, { color: palette.text, children: value });
+    const highlight = frame % [...value].length;
+    return _jsx(Text, { color: palette.muted, children: [...value].map((character, index) => _jsx(Text, { color: index === highlight ? palette.text : palette.muted, bold: index === highlight, children: character }, `${index}-${character}`)) });
+}

package/dist/presentation/tui/ink/components/subagent-activity.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from 'react';
+import type { TuiSubagent } from '../tui-bridge.js';
+export declare function SubagentCreatedEntry({ subagent }: {
+    subagent: TuiSubagent;
+}): JSX.Element;
+export declare function visibleSubagents(subagents: readonly TuiSubagent[]): readonly TuiSubagent[];
+export declare function SubagentActivity({ subagents, selectedId, paused }: {
+    subagents: readonly TuiSubagent[];
+    selectedId?: string;
+    paused?: boolean;
+}): JSX.Element | null;

package/dist/presentation/tui/ink/components/subagent-activity.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useAnimation } from 'ink';
+import { DARK_THEME as palette } from '../../../themes/theme.js';
+const MAX_VISIBLE_ACTIVE = 5;
+export function SubagentCreatedEntry({ subagent }) {
+    return _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { color: palette.accent, children: ["\u25CC ", _jsx(Text, { bold: true, children: "Created agent" }), " ", _jsxs(Text, { color: palette.muted, children: ["\u00B7 ", displayTitle(subagent)] })] }), _jsxs(Text, { color: palette.muted, children: ["  ", subagent.mode, subagent.background ? ' · background' : ''] })] });
+}
+export function visibleSubagents(subagents) {
+    return subagents.filter(isActive).sort(byRecent).slice(0, MAX_VISIBLE_ACTIVE);
+}
+export function SubagentActivity({ subagents, selectedId, paused = false }) {
+    const active = subagents.filter(isActive);
+    const { frame } = useAnimation({ interval: 250, isActive: active.length > 0 && !paused });
+    const visible = visibleSubagents(subagents);
+    if (visible.length === 0)
+        return null;
+    return _jsxs(Box, { borderStyle: "round", borderColor: palette.border, flexDirection: "column", marginBottom: 1, paddingX: 1, children: [_jsxs(Text, { color: palette.text, children: [_jsx(Text, { bold: true, children: "Subagents" }), _jsx(Text, { color: palette.muted, children: active.length === 0 ? '' : ` · ${active.length} working` })] }), visible.map((subagent) => _jsx(SubagentRow, { subagent: subagent, selected: subagent.id === selectedId, frame: frame }, subagent.id)), active.length > MAX_VISIBLE_ACTIVE && _jsxs(Text, { color: palette.muted, children: ["  and ", active.length - MAX_VISIBLE_ACTIVE, " other subagents working"] }), _jsx(Text, { color: palette.muted, dimColor: true, children: "Ctrl+J/K select \u00B7 Ctrl+O handoff" })] });
+}
+function SubagentRow({ subagent, selected, frame }) {
+    const color = statusColor(subagent.status);
+    const elapsed = subagent.status === 'running' || subagent.status === 'queued'
+        ? Date.now() - subagent.createdAt
+        : subagent.durationMs ?? subagent.updatedAt - subagent.createdAt;
+    return _jsxs(Box, { backgroundColor: selected ? palette.selection : undefined, flexDirection: "column", marginTop: 1, paddingX: selected ? 1 : 0, children: [_jsxs(Text, { color: color, children: [indicator(subagent.status, frame), " ", _jsx(Text, { bold: true, children: displayTitle(subagent) })] }), _jsxs(Text, { color: palette.muted, children: ["  ", subagent.mode, " \u00B7 ", subagent.status, " \u00B7 ", formatDuration(elapsed)] }), subagent.lastAction !== undefined && _jsxs(Text, { color: palette.muted, wrap: "truncate", children: ["  ", subagent.lastAction.label] })] });
+}
+function isActive(subagent) {
+    return subagent.status === 'queued' || subagent.status === 'running';
+}
+function byRecent(left, right) {
+    return right.updatedAt - left.updatedAt;
+}
+function displayTitle(subagent) {
+    return `${subagent.displayName} · ${shortTask(subagent.task)}`;
+}
+function shortTask(value) {
+    const normalized = value.replace(/\s+/gu, ' ').trim();
+    return normalized.length <= 56 ? normalized : `${normalized.slice(0, 53)}...`;
+}
+function statusColor(status) {
+    if (status === 'completed')
+        return palette.success;
+    if (status === 'completed_with_warning')
+        return palette.warning;
+    if (status === 'failed' || status === 'cancelled')
+        return palette.error;
+    return status === 'queued' ? palette.muted : palette.warning;
+}
+function indicator(status, frame) {
+    if (status === 'completed')
+        return '✓';
+    if (status === 'completed_with_warning')
+        return '⚠';
+    if (status === 'failed' || status === 'cancelled')
+        return '!';
+    if (status === 'queued')
+        return '◌';
+    return ['◐', '◓', '◑', '◒'][frame % 4] ?? '◐';
+}
+function formatDuration(milliseconds) {
+    return milliseconds < 1000 ? `${Math.max(0, milliseconds)}ms` : `${(milliseconds / 1000).toFixed(1)}s`;
+}