@itookit/dsht 0.2.4 → 0.3.2

package/dist/app.js

@@ -1,746 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** Ink terminal interface: startup pickers, transcript, and slash-command composer. */
-import { HistoryViewport } from "./history-view.js";
-import { mocha, ThemeContext, useTheme } from "./theme.js";
-import { useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore, memo, createContext, useContext } from 'react';
-import { Box, Text, measureElement, useApp, useInput, useStdin, useStdout } from 'ink';
-import { useMouseWheel } from "./mouse.js";
-import { TextInput } from "./input.js";
-import { InputHistory } from "./input-history.js";
-import { historyLayout, releaseHistoryLayout } from "./history.js";
-import { toolLine } from "./transcript.js";
-import { activeReference, fileMention } from "./references.js";
-import { CostPanel } from "./cost-view.js";
-import { StatusBar } from "./status.js";
-import { navigationCommand, sessionLabel } from "./navigation.js";
-import { array, errorText, object, safeText, string } from "./wire.js";
-/** Command discovery catalog shared by Tab completion and the `/help` panel. */
-export const COMMAND_HINTS = [
-    { command: '/ws', usage: '[name or ID]', description: 'List/switch workspaces; --delete name removes registration' },
-    { command: '/resume', usage: '[title or ID]', description: 'List/switch sessions; --delete ID archives with confirmation' },
-    { command: '/model', usage: '[provider model [effort]]', description: 'Choose a model and reasoning effort for subsequent requests' },
-    { command: '/new', description: 'Create a session in the selected workspace' },
-    { command: '/copy', description: 'Freeze for native selection; Esc resumes (Ctrl+S shortcut)' },
-    { command: '/latest', description: 'Return to the live conversation' },
-    { command: '/older', description: 'Load earlier history' },
-    { command: '/history', usage: '[text]', description: 'List your prompts, optionally filtered' },
-    { command: '/search', usage: 'text', description: 'Search history page by page and open a match' },
-    { command: '/ssearch', usage: 'text', description: 'Search sessions in the current workspace' },
-    { command: '/wsearch', usage: 'text', description: 'Search sessions across all workspaces' },
-    { command: '/cancel', description: 'Cancel the active turn' },
-    { command: '/steer', usage: 'text', description: 'Send steering input to the active turn' },
-    { command: '/allow', description: 'Approve the pending request once' },
-    { command: '/deny', description: 'Reject the pending request' },
-    { command: '/status', description: 'Show full session status details' },
-    { command: '/cost', description: 'Show cost estimates and refresh usage' },
-    { command: '/think', usage: '[seq or live]', description: 'Inspect reasoning with user prompt summaries' },
-    { command: '/help', description: 'Show this command list' },
-    { command: '/quit', description: 'Exit dsht' },
-];
-const COMMANDS = COMMAND_HINTS.map(hint => hint.command);
-/** Command column text per hint, aligned in the `/help` panel. */
-const COMMAND_LABELS = COMMAND_HINTS.map(hint => hint.usage === undefined ? hint.command : `${hint.command} ${hint.usage}`);
-/** Widest command column, so descriptions start on one column. */
-const COMMAND_LABEL_WIDTH = Math.max(...COMMAND_LABELS.map(label => label.length)) + 2;
-/** Longest common prefix of the candidate commands, so Tab can extend an ambiguous draft. */
-export function commonPrefix(values) {
-    let prefix = values[0] ?? '';
-    for (const value of values) {
-        let index = 0;
-        while (index < prefix.length && index < value.length && prefix[index] === value[index])
-            index++;
-        prefix = prefix.slice(0, index);
-    }
-    return prefix;
-}
-/** Transient notices expire; interactive panels remain open until dismissed. */
-const PANEL_LIFETIME_MS = 10_000;
-const CopyMode = createContext(false);
-/** Retain rendered children while frozen; local dialog interactions remain outside this wrapper. */
-const Frozen = memo(function Frozen({ children }) {
-    return _jsx(_Fragment, { children: children });
-}, (previous, next) => previous.frozen && next.frozen && previous.identity === next.identity);
-function Picker({ choices, enabled, canSelect, pageSize = 12 }) {
-    const theme = useTheme();
-    const copyMode = useContext(CopyMode);
-    const [selected, setSelected] = useState(0);
-    const current = Math.min(selected, choices.length - 1);
-    const { internal_eventEmitter } = useStdin();
-    const rawKey = useRef('');
-    useEffect(() => {
-        const remember = (raw) => { rawKey.current = raw; };
-        internal_eventEmitter.prependListener('input', remember);
-        return () => { internal_eventEmitter.removeListener('input', remember); };
-    }, [internal_eventEmitter]);
-    useInput((_input, key) => {
-        if (!canSelect() || key.eventType === 'release')
-            return;
-        if (key.upArrow)
-            setSelected(Math.max(0, current - 1));
-        else if (key.downArrow)
-            setSelected(Math.min(choices.length - 1, current + 1));
-        else if (_input === 'd' && !key.ctrl && !key.meta || key.delete && /^\x1b\[3(?:;\d+)?~$/.test(rawKey.current))
-            choices[current]?.remove?.();
-        else if (key.return)
-            choices[current]?.action();
-    }, { isActive: enabled && !copyMode });
-    const start = Math.max(0, current - Math.max(0, pageSize - 1));
-    return _jsxs(Box, { flexDirection: "column", children: [choices.slice(start, start + pageSize).map((choice, index) => _jsxs(Text, { color: start + index === current ? theme.accent : undefined, children: [start + index === current ? '❯ ' : '  ', safeText(choice.label)] }, choice.key)), _jsxs(Text, { dimColor: true, children: ["\u2191 \u2193 select \u00B7 Enter open", choices.some(choice => choice.remove) ? ' · d/Delete remove / archive' : '', " \u00B7 Ctrl+C stop / exit"] })] });
-}
-/** The caller owns starting and stopping the controller around the Ink render lifetime. */
-export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS, theme = mocha }) {
-    const state = useSyncExternalStore(controller.subscribe, controller.snapshot);
-    const presetId = controller.telemetry.view(state.sessionId).values.agentPreset;
-    useEffect(() => { if (typeof presetId === 'string')
-        controller.loadPresetNames(); }, [controller, state.online, presetId]);
-    const { exit } = useApp();
-    const { stdout } = useStdout();
-    const [copyMode, setCopyMode] = useState(false);
-    const [input, updateInput] = useState('');
-    const draft = useRef('');
-    const inputHistory = useRef(new InputHistory());
-    useLayoutEffect(() => {
-        const history = new InputHistory();
-        inputHistory.current = history;
-        if (!state.transcript.ready)
-            return;
-        const messages = state.transcript.messagesForWidth(Math.max(20, (stdout.columns ?? 100) - 2));
-        // Seed once per loaded session, never scan historical messages on stream ticks or arrow presses.
-        const prompts = messages.filter(message => message.role === 'You').slice(-200);
-        for (const message of prompts)
-            history.record(message.text.replace(/\r?\n/g, ' ').trim());
-    }, [state.sessionId, state.transcript, state.transcript.ready]);
-    const [cursor, setCursor] = useState(0);
-    // Input callbacks may run before Ink refreshes the controlled field's listener.
-    const setInput = (value, recalled = false) => {
-        if (!recalled)
-            inputHistory.current.reset();
-        draft.current = value;
-        updateInput(value);
-        setCursor(value.length);
-    };
-    const [historyWindow, setHistoryWindow] = useState();
-    const [historyLoading, setHistoryLoading] = useState(false);
-    const [historyMatches, setHistoryMatches] = useState();
-    const displayTranscript = historyWindow ?? state.transcript;
-    const displayRef = useRef(displayTranscript);
-    displayRef.current = displayTranscript;
-    useEffect(() => () => { if (historyWindow) {
-        releaseHistoryLayout(historyWindow);
-        historyWindow.dispose();
-    } }, [historyWindow]);
-    const conversationBox = useRef(null);
-    const [conversationRows, setConversationRows] = useState(20);
-    useLayoutEffect(() => {
-        if (conversationBox.current) {
-            const height = Math.floor(measureElement(conversationBox.current).height);
-            if (height !== conversationRows)
-                setConversationRows(height);
-        }
-    });
-    const [scroll, setScroll] = useState(0);
-    const [liveReasoning, setLiveReasoning] = useState('row');
-    const [removal, setRemoval] = useState();
-    const [models, setModels] = useState();
-    const [thoughtList, setThoughtList] = useState(false);
-    const [historyQuery, setHistoryQuery] = useState();
-    const [contentSearch, setContentSearch] = useState(false);
-    const [searchResults, setSearchResults] = useState();
-    const historyAbort = useRef(undefined);
-    useEffect(() => () => historyAbort.current?.abort(), []);
-    const [costExpanded, setCostExpanded] = useState(false);
-    const [statusExpanded, setStatusExpanded] = useState(false);
-    const [reasoningOverrides, setReasoningOverrides] = useState(new Set());
-    const reasoning = 'row';
-    useEffect(() => { setReasoningOverrides(new Set()); setModels(undefined); setThoughtList(false); setHistoryWindow(undefined); setHistoryMatches(undefined); }, [state.transcript]);
-    useEffect(() => { setLiveReasoning('row'); }, [state.transcript, state.transcript.liveAttemptKey]);
-    const [notice, setNotice] = useState();
-    const [help, setHelp] = useState(false);
-    const [answers, setAnswers] = useState({});
-    const [optionState, setOptionState] = useState();
-    const [referenceIndex, setReferenceIndex] = useState(0);
-    const [dismissedReference, dismissReference] = useState();
-    const [lookup, setLookup] = useState();
-    // Interactive panels remain stable while read; only transient notices expire.
-    useEffect(() => {
-        if (copyMode)
-            return;
-        if (notice === undefined)
-            return;
-        const timer = setTimeout(() => setNotice(undefined), panelLifetimeMs);
-        return () => clearTimeout(timer);
-    }, [notice, panelLifetimeMs, copyMode]);
-    const pending = state.pending[0];
-    const token = state.screen === 'chat' && state.online && !state.busy && !pending
-        && (!input.startsWith('/') || input.startsWith('/steer ')) && dismissedReference !== input && cursor === input.length
-        ? activeReference(input) : undefined;
-    const referenceOpen = token !== undefined;
-    const dialogOpen = !!(removal || models || thoughtList || historyQuery !== undefined || searchResults || costExpanded || statusExpanded || help || pending || referenceOpen || state.screen !== 'chat');
-    const displayPaused = copyMode || dialogOpen;
-    const matches = referenceOpen && lookup?.draft === input && lookup.sessionId === state.sessionId ? lookup : undefined;
-    useEffect(() => {
-        if (!referenceOpen)
-            return;
-        const abort = new AbortController();
-        setLookup(undefined);
-        setReferenceIndex(0);
-        void controller.references(activeReference(input).query, abort.signal).then(items => {
-            if (!abort.signal.aborted)
-                setLookup({ draft: input, sessionId: state.sessionId, items });
-        }, error => {
-            if (!abort.signal.aborted)
-                setLookup({ draft: input, sessionId: state.sessionId, items: [], error: errorText(error) });
-        });
-        return () => abort.abort();
-    }, [controller, input, state.sessionId, referenceOpen]);
-    const pickReference = () => {
-        const candidate = matches?.items[referenceIndex];
-        if (!candidate || !token || draft.current !== input)
-            return;
-        const mention = fileMention(candidate, token.quoted);
-        setInput(input.slice(0, -token.prefix.length) + mention + (candidate.kind === 'file' ? ' ' : ''));
-    };
-    /** Complete the leading slash command; an ambiguous draft extends to the shared prefix. */
-    const completeCommand = () => {
-        if (!input.startsWith('/') || input.includes(' '))
-            return;
-        const matches = COMMANDS.filter(command => command.startsWith(input));
-        const only = matches.length === 1 ? matches[0] : undefined;
-        if (only !== undefined) {
-            setInput(`${only} `);
-            return;
-        }
-        const prefix = commonPrefix(matches);
-        if (prefix.length > input.length)
-            setInput(prefix);
-    };
-    const questions = pending?.event === 'user-questions/request' ? array(object(pending.request).questions).map(object) : [];
-    const eventId = pending ? string(pending.eventId) : '';
-    const answered = answers[eventId] ?? [];
-    const question = questions[answered.length];
-    const optionKey = `${eventId}:${answered.length}`;
-    const options = question ? array(question.options ?? []).map(object) : [];
-    const choiceState = optionState?.key === optionKey ? optionState : { key: optionKey, cursor: 0, selected: [], custom: false };
-    const optionCursor = Math.min(choiceState.cursor, options.length);
-    // Reserve the header, composer and question instructions; each choice may have a description.
-    const optionPageSize = Math.max(1, Math.min(6, Math.floor(((stdout.rows ?? 30) - 16) / 2)));
-    const optionStart = Math.max(0, optionCursor - optionPageSize + 1);
-    const questionKeysActive = !!question && options.length > 0 && !choiceState.custom && !copyMode
-        && !removal && !models && !thoughtList && historyQuery === undefined && !searchResults && !help && !costExpanded && !statusExpanded;
-    const answerQuestion = async (selected, custom) => {
-        if (controller.state.pending[0]?.eventId !== eventId)
-            throw new Error('The pending question has changed');
-        const answer = { id: string(question.id), selected, ...(custom ? { custom } : {}) };
-        const next = [...answered, answer];
-        if (next.length === questions.length) {
-            await controller.answer({ answers: next });
-            setAnswers(previous => { const rest = { ...previous }; delete rest[eventId]; return rest; });
-        }
-        else
-            setAnswers(previous => ({ ...previous, [eventId]: next }));
-        setOptionState(undefined);
-    };
-    const operate = (fn) => { void controller.perform(fn); };
-    const requestRemoval = async (kind, query) => {
-        const target = await controller.removalTarget(kind, query);
-        if (target.kind === 'session' && target.empty)
-            await controller.removeTarget(target);
-        else
-            setRemoval(target);
-    };
-    useInput((_value, key) => {
-        if (key.eventType === 'release')
-            return;
-        if (copyMode) {
-            if (key.escape || key.ctrl && (_value === 's' || _value === 'c'))
-                setCopyMode(false);
-            return;
-        }
-        if (key.ctrl && _value === 's') {
-            setCopyMode(true);
-            return;
-        }
-        if ((key.escape || key.ctrl && _value === 'c') && historyAbort.current) {
-            historyAbort.current.abort();
-            return;
-        }
-        if ((key.escape || key.ctrl && _value === 'c') && controller.state.pending.length) {
-            if (key.ctrl && draft.current)
-                setInput('');
-            if (key.escape) {
-                setOptionState({ ...choiceState, custom: false });
-                setRemoval(undefined);
-                setModels(undefined);
-                setThoughtList(false);
-                setSearchResults(undefined);
-                setHistoryQuery(undefined);
-                setHistoryMatches(undefined);
-                setHelp(false);
-                setCostExpanded(false);
-                setStatusExpanded(false);
-            }
-            return;
-        }
-        if (questionKeysActive && !draft.current && !controller.state.busy && !key.ctrl && !key.meta) {
-            const digit = /^[1-9]$/.test(_value) ? Number(_value) - 1 : -1;
-            if (key.upArrow || key.downArrow) {
-                setOptionState({ ...choiceState, cursor: Math.max(0, Math.min(options.length, optionCursor + (key.upArrow ? -1 : 1))) });
-                return;
-            }
-            if (digit >= 0 && digit <= options.length || _value === ' ' && question.multiSelect === true && optionCursor < options.length) {
-                const index = digit >= 0 ? digit : optionCursor;
-                const label = index < options.length ? string(options[index].label) : undefined;
-                const selected = question.multiSelect === true && label
-                    ? choiceState.selected.includes(label) ? choiceState.selected.filter(item => item !== label) : [...choiceState.selected, label]
-                    : choiceState.selected;
-                setOptionState({ ...choiceState, cursor: index, selected });
-                return;
-            }
-            if (key.return) {
-                if (optionCursor === options.length) {
-                    setOptionState({ ...choiceState, custom: true });
-                    return;
-                }
-                const selected = question.multiSelect === true ? choiceState.selected : [string(options[optionCursor].label)];
-                if (!selected.length) {
-                    setNotice('Select at least one option with Space or a number');
-                    return;
-                }
-                operate(() => answerQuestion(selected));
-                return;
-            }
-        }
-        if (key.escape && removal) {
-            setRemoval(undefined);
-            return;
-        }
-        if (key.escape && models) {
-            setModels(undefined);
-            return;
-        }
-        if (key.escape && thoughtList) {
-            setThoughtList(false);
-            if (controller.running)
-                void controller.interrupt(true);
-            return;
-        }
-        if (key.escape && searchResults) {
-            setSearchResults(undefined);
-            if (controller.running)
-                void controller.interrupt(true);
-            return;
-        }
-        if (key.escape && historyQuery !== undefined) {
-            setHistoryQuery(undefined);
-            setHistoryMatches(undefined);
-            if (controller.running)
-                void controller.interrupt(true);
-            return;
-        }
-        if (key.ctrl && _value === 'c') {
-            // A draft clears first, exactly like a shell prompt; an empty draft still stops or exits.
-            if (input !== '') {
-                setInput('');
-                return;
-            }
-            void controller.interrupt().then(shouldExit => { if (shouldExit)
-                exit(); });
-            return;
-        }
-        if (referenceOpen) {
-            if (key.escape) {
-                dismissReference(input);
-                if (controller.running)
-                    void controller.interrupt(true);
-            }
-            else if (key.tab)
-                pickReference();
-            else if (key.upArrow)
-                setReferenceIndex(value => Math.max(0, value - 1));
-            else if (key.downArrow)
-                setReferenceIndex(value => Math.max(0, Math.min((matches?.items.length ?? 1) - 1, value + 1)));
-            return;
-        }
-        const recallPrevious = key.upArrow || key.ctrl && _value === 'p';
-        const recallNext = key.downArrow || key.ctrl && _value === 'n';
-        if ((recallPrevious || recallNext) && state.online && !controller.state.busy && !pending
-            && !removal && !models && !thoughtList && historyQuery === undefined && !searchResults && !help && !costExpanded && !statusExpanded
-            && (state.screen === 'chat' || draft.current !== '' || key.ctrl)) {
-            setInput(inputHistory.current.move(recallPrevious ? -1 : 1, draft.current), true);
-            return;
-        }
-        if (key.tab) {
-            completeCommand();
-            return;
-        }
-        if (key.escape && (help || costExpanded || statusExpanded || notice !== undefined)) {
-            setHelp(false);
-            setCostExpanded(false);
-            setStatusExpanded(false);
-            setNotice(undefined);
-            if (controller.running)
-                void controller.interrupt(true);
-            return;
-        }
-        if (key.escape && state.screen === 'chat') {
-            void controller.interrupt(true);
-        }
-        if (key.pageUp)
-            scrollHistory(10);
-        if (key.pageDown)
-            scrollHistory(-10);
-    });
-    const submit = async (raw) => {
-        if (referenceOpen) {
-            pickReference();
-            return;
-        }
-        if (copyMode)
-            return;
-        const value = raw.trim();
-        if (!value)
-            return;
-        if (!pending)
-            inputHistory.current.record(value);
-        if (value === '/copy') {
-            setInput('');
-            setCopyMode(true);
-            return;
-        }
-        setRemoval(undefined);
-        // Each panel belongs to the command that opened it, so any other command closes it.
-        if (!/^\/model(?: |$)/.test(value))
-            setModels(undefined);
-        if (value !== '/help')
-            setHelp(false);
-        if (value !== '/cost')
-            setCostExpanded(false);
-        if (value !== '/status')
-            setStatusExpanded(false);
-        if (!/^\/think(?: |$)/.test(value))
-            setThoughtList(false);
-        if (value === '/quit') {
-            exit();
-            return;
-        }
-        if (value === '/cost') {
-            setCostExpanded(value => !value);
-            setInput('');
-            if (!costExpanded)
-                void controller.perform(() => historyOperation(signal => controller.refreshCosts(signal)));
-            return;
-        }
-        if (value === '/status') {
-            setStatusExpanded(value => !value);
-            setInput('');
-            return;
-        }
-        if (value === '/help') {
-            setHelp(value => !value);
-            setInput('');
-            return;
-        }
-        const accepted = await controller.perform(async () => {
-            const navigation = navigationCommand(value);
-            if (navigation && /^--(?:delete|archive)(?:\s|$)/.test(navigation.query ?? '')) {
-                const query = navigation.query.replace(/^--(?:delete|archive)\s*/, '');
-                if (!query)
-                    throw new Error('Specify the name or ID to remove');
-                await requestRemoval(navigation.kind, query);
-            }
-            else if (navigation) {
-                setHistoryQuery(undefined);
-                setSearchResults(undefined);
-                if (navigation.kind === 'workspace')
-                    await controller.switchWorkspace(navigation.query);
-                else
-                    await controller.switchSession(navigation.query);
-                setScroll(0);
-            }
-            else if (state.screen === 'path')
-                await controller.createWorkspace(value);
-            else if (value === '/latest') {
-                setHistoryWindow(undefined);
-                setHistoryMatches(undefined);
-                setHistoryQuery(undefined);
-                setSearchResults(undefined);
-                setReasoningOverrides(new Set());
-                setScroll(0);
-                controller.pinHistory(false);
-            }
-            else if (/^\/model(?: |$)/.test(value)) {
-                if (state.screen !== 'chat')
-                    throw new Error('Select a session first');
-                const args = value.split(/\s+/).slice(1);
-                if (!args.length) {
-                    setHistoryQuery(undefined);
-                    setSearchResults(undefined);
-                    setModels({ catalog: await controller.modelCatalog() });
-                }
-                else {
-                    if (args.length < 2 || args.length > 3)
-                        throw new Error('Use /model [provider model [effort]]');
-                    await controller.selectModel(args[0], args[1], args[2]);
-                    setModels(undefined);
-                }
-            }
-            else if (value === '/new')
-                await controller.createSession();
-            else if (value === '/history' || value.startsWith('/history ')) {
-                if (state.screen !== 'chat')
-                    throw new Error('Select a session first');
-                setSearchResults(undefined);
-                setContentSearch(false);
-                setHistoryQuery(value.slice(8).trim());
-            }
-            else if (/^\/(?:search|ssearch|wsearch)(?: |$)/.test(value)) {
-                const [command, ...words] = value.split(' ');
-                const query = words.join(' ').trim();
-                if (!query)
-                    throw new Error(`Use ${command} <text>`);
-                await historyOperation(async (signal) => {
-                    if (command === '/search') {
-                        setHistoryMatches(await controller.searchHistory(query, signal));
-                        setSearchResults(undefined);
-                        setContentSearch(true);
-                        setHistoryQuery(query);
-                    }
-                    else {
-                        const result = await controller.searchSessions(query, command === '/ssearch', signal);
-                        setHistoryQuery(undefined);
-                        setSearchResults({ query, ...result });
-                    }
-                });
-            }
-            else if (/^\/think(?: |$)/.test(value)) {
-                if (state.screen !== 'chat')
-                    throw new Error('Select a session first');
-                const target = value.slice(6).trim();
-                if (target === 'live') {
-                    setLiveReasoning(value => value === 'row' ? 'full' : 'row');
-                    setThoughtList(false);
-                    setScroll(0);
-                }
-                else if (target) {
-                    const seq = Number(target);
-                    if (!Number.isSafeInteger(seq) || !displayTranscript.thoughts.some(entry => entry.seq === seq))
-                        throw new Error('Use /think <message sequence> for a loaded reasoning block');
-                    const next = new Set(reasoningOverrides);
-                    if (next.delete(seq)) {
-                        setReasoningOverrides(next);
-                        return;
-                    }
-                    next.add(seq);
-                    setReasoningOverrides(next);
-                    await jumpHistory(seq, next);
-                }
-                else {
-                    setHistoryQuery(undefined);
-                    setSearchResults(undefined);
-                    setThoughtList(true);
-                }
-            }
-            else if (value === '/older') {
-                await controller.older(undefined, displayTranscript);
-                setScroll(value => value + 10);
-            }
-            else if (value === '/cancel')
-                await controller.cancelTurn();
-            else if (value === '/allow')
-                await controller.approve(true);
-            else if (value === '/deny')
-                await controller.approve(false);
-            else if (value.startsWith('/steer '))
-                await controller.prompt(value.slice(7), 'steer');
-            else if (question)
-                await answerQuestion(question.multiSelect === true ? choiceState.selected : [], value);
-            else if (pending)
-                throw new Error('Answer the approval with /allow or /deny');
-            else if (value.startsWith('/'))
-                throw new Error('Unknown command. Use /help.');
-            else if (state.screen !== 'chat')
-                throw new Error('Choose a session or type /ws or /resume');
-            else {
-                await controller.prompt(value);
-                setHistoryWindow(undefined);
-                setScroll(0);
-            }
-        });
-        if (accepted)
-            setInput('');
-    };
-    const choices = state.screen === 'workspaces' ? [
-        ...state.workspaces.map(workspace => ({ key: string(workspace.workspaceId),
-            label: `${string(workspace.title)}  ${string(workspace.path)}`,
-            remove: () => setRemoval({ kind: 'workspace', id: string(workspace.workspaceId), name: string(workspace.title), path: string(workspace.path) }),
-            action: () => controller.pickWorkspace(string(workspace.workspaceId)) })),
-        { key: '@all', label: 'All sessions', action: () => operate(() => controller.switchSession('all')) },
-        { key: '@new', label: '+ Add workspace (host directory)', action: () => controller.enterPath() },
-    ] : [
-        ...(state.workspaceId && !state.showAllSessions ? [{ key: '@new', label: '+ New session', action: () => operate(() => controller.createSession()) }] : []),
-        ...controller.visibleSessions.map(session => ({ key: string(session.sessionId),
-            label: `${session.running ? '● ' : ''}${sessionLabel(session)}  ${session.sessionId}`,
-            remove: () => operate(() => requestRemoval('session', string(session.sessionId))),
-            action: () => { setScroll(0); operate(() => controller.selectSession(string(session.sessionId))); } })),
-        { key: '@back', label: '← Workspaces', action: () => operate(() => controller.showPicker('workspaces')) },
-    ];
-    const width = Math.max(10, (stdout.columns ?? 80) - 2);
-    const layout = useMemo(() => historyLayout(displayTranscript, width, reasoning, reasoningOverrides, liveReasoning), [displayTranscript, displayTranscript.version, width, reasoning, reasoningOverrides, liveReasoning]);
-    const { length, first } = layout;
-    const statusNotice = !['Connected', 'Idle', 'Running…', 'Responding…'].includes(state.status);
-    const pageSize = Math.max(1, conversationRows - (displayTranscript.hasMore || historyWindow ? 1 : 0));
-    const previousView = useRef({ transcript: displayTranscript, session: state.transcript, count: length, first, folds: reasoningOverrides, liveReasoning });
-    const previous = previousView.current;
-    const prepended = previous.first !== undefined && first !== undefined && first < previous.first;
-    const adjustedScroll = previous.session !== state.transcript ? 0
-        : scroll > 0 && previous.transcript === displayTranscript && !prepended && previous.folds === reasoningOverrides && previous.liveReasoning === liveReasoning ? Math.max(0, scroll + length - previous.count) : scroll;
-    const maxScroll = Math.max(0, length - pageSize);
-    const position = Math.min(adjustedScroll, maxScroll);
-    useLayoutEffect(() => {
-        previousView.current = { transcript: displayTranscript, session: state.transcript, count: length, first, folds: reasoningOverrides, liveReasoning };
-        if (position !== scroll)
-            setScroll(position);
-    }, [state.transcript, displayTranscript, length, position, scroll, reasoningOverrides, liveReasoning]);
-    useLayoutEffect(() => {
-        controller.pinHistory(!historyWindow && (position > 0 || thoughtList || historyQuery !== undefined && !contentSearch));
-    }, [controller, historyWindow, position, thoughtList, historyQuery, contentSearch, state.transcript]);
-    useEffect(() => {
-        const first = displayTranscript.beforeSeq;
-        if (first !== undefined)
-            setReasoningOverrides(previous => {
-                const next = new Set([...previous].filter(seq => seq >= first));
-                return next.size === previous.size ? previous : next;
-            });
-    }, [displayTranscript, displayTranscript.memoryRevision]);
-    const scrollPosition = useRef(position);
-    scrollPosition.current = position;
-    const loadingPage = useRef(false);
-    const scrollIntent = useRef(0);
-    const mounted = useRef(true);
-    useEffect(() => { mounted.current = true; return () => { mounted.current = false; }; }, []);
-    function scrollHistory(delta) {
-        if (displayPaused || state.screen !== 'chat' || historyQuery !== undefined || searchResults !== undefined || thoughtList)
-            return;
-        const intent = ++scrollIntent.current;
-        const next = Math.max(0, Math.min(maxScroll, scrollPosition.current + delta));
-        scrollPosition.current = next;
-        setScroll(next);
-        if (delta <= 0 || next < maxScroll || loadingPage.current || state.busy || !state.online || !displayTranscript.ready || !displayTranscript.hasMore)
-            return;
-        loadingPage.current = true;
-        const transcript = displayTranscript;
-        void controller.perform(() => historyOperation(signal => controller.older(signal, transcript))).then(accepted => {
-            if (accepted && mounted.current && displayRef.current === transcript && scrollIntent.current === intent) {
-                setScroll(value => value + delta);
-            }
-        }).finally(() => { loadingPage.current = false; });
-    }
-    async function historyOperation(operation) {
-        const abort = new AbortController();
-        historyAbort.current = abort;
-        setHistoryLoading(true);
-        try {
-            await operation(abort.signal);
-        }
-        finally {
-            if (historyAbort.current === abort) {
-                historyAbort.current = undefined;
-                setHistoryLoading(false);
-            }
-        }
-    }
-    async function openSearchSession(sessionId, query) {
-        await historyOperation(async (signal) => {
-            await controller.selectSession(sessionId);
-            await controller.waitForHistory(signal);
-            setHistoryMatches(await controller.searchHistory(query, signal));
-            setSearchResults(undefined);
-            setContentSearch(true);
-            setHistoryQuery(query);
-        });
-    }
-    async function jumpHistory(target, folds = reasoningOverrides) {
-        if (state.screen !== 'chat')
-            throw new Error('Select a session first');
-        ++scrollIntent.current;
-        const abort = new AbortController();
-        historyAbort.current = abort;
-        try {
-            const transcript = displayTranscript.messages.some(message => message.seq === target) ? displayTranscript
-                : state.transcript.messages.some(message => message.seq === target) ? state.transcript
-                    : await controller.historyAt(target, abort.signal);
-            abort.signal.throwIfAborted();
-            const current = historyLayout(transcript, width, reasoning, folds, liveReasoning);
-            const row = current.offsets.get(target);
-            if (row === undefined)
-                throw new Error('No visible message at this sequence; use /history to choose a record');
-            setHistoryWindow(transcript === state.transcript ? undefined : transcript);
-            setHistoryQuery(undefined);
-            setHistoryMatches(undefined);
-            setThoughtList(false);
-            setScroll(Math.max(0, current.length - pageSize - row));
-        }
-        finally {
-            if (historyAbort.current === abort)
-                historyAbort.current = undefined;
-        }
-    }
-    useMouseWheel(direction => scrollHistory(direction * 3), !displayPaused, () => setCopyMode(true));
-    const end = Math.max(pageSize, length - position);
-    const visible = useMemo(() => thoughtList ? [] : layout.viewport(Math.max(0, end - pageSize), end), [layout, end, pageSize, thoughtList]);
-    const liveThought = thoughtList && !historyWindow ? state.transcript.liveParts(width).find(part => part.kind === 'reasoning') : undefined;
-    const thoughtEntries = thoughtList ? displayTranscript.thoughts : undefined;
-    const thoughtChoices = useMemo(() => [...(thoughtEntries ?? [])].reverse().map(entry => ({
-        key: String(entry.seq), label: `${toolLine(`#${entry.seq} User · ${entry.prompt}`, width - 2)}\n  ${toolLine(`◇ ${entry.preview}`, width - 4)}`,
-        action: () => operate(async () => { const next = new Set(reasoningOverrides); next.add(entry.seq); setReasoningOverrides(next); await jumpHistory(entry.seq, next); }),
-    })), [thoughtEntries, width, pageSize, reasoningOverrides, liveReasoning, displayTranscript]);
-    const thoughtOptions = useMemo(() => [
-        ...(liveThought ? [{ key: 'live', label: `${toolLine(`Now · User · ${state.transcript.latestPrompt}`, width - 2)}\n  ${toolLine(liveThought.text, width - 4)}`,
-                action: () => { setLiveReasoning('full'); setThoughtList(false); const expanded = historyLayout(state.transcript, width, reasoning, reasoningOverrides, 'full'); setScroll(Math.max(0, expanded.length - pageSize - expanded.liveOffset)); } }] : []),
-        ...thoughtChoices,
-        ...(displayTranscript.hasMore ? [{ key: 'older', label: '↑ Load older reasoning', action: () => operate(() => historyOperation(signal => controller.older(signal, displayTranscript))) }] : []),
-        { key: 'close', label: '← Back to conversation', action: () => setThoughtList(false) },
-    ], [liveThought, thoughtChoices, displayTranscript, displayTranscript.hasMore, width, pageSize, reasoningOverrides]);
-    const workspace = state.workspaces.find(item => item.workspaceId === state.workspaceId);
-    const workspaceName = workspace ? string(workspace.title) || string(workspace.path) : state.workspaceId;
-    const headerTitle = [workspaceName && toolLine(workspaceName, Math.max(8, Math.min(24, Math.floor(width / 4)))), controller.sessionName]
-        .filter(Boolean).join(' · ') || 'All workspaces';
-    return _jsx(ThemeContext.Provider, { value: theme, children: _jsx(CopyMode.Provider, { value: copyMode, children: _jsx(Frozen, { frozen: copyMode, identity: `${width}:${stdout.rows}`, children: _jsxs(Box, { flexDirection: "column", paddingX: 1, height: Math.max(1, (stdout.rows ?? 30) - 1), overflowY: "hidden", children: [copyMode && _jsx(Text, { color: theme.accent, children: "Copy mode \u00B7 drag to select \u00B7 Esc / Ctrl+S resumes" }), _jsx(Frozen, { frozen: displayPaused, identity: `${width}:${state.sessionId}`, children: _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsxs(Box, { width: width, children: [width >= 22 && _jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: theme.accent, children: toolLine(`dsht · ${new URL(controller.base).hostname}`, Math.max(4, Math.min(28, width - 16))) }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, marginX: 2, children: _jsx(Text, { wrap: "truncate-end", children: toolLine(headerTitle, width) }) })] }), width >= 60 && controller.sessionMode && _jsx(Box, { flexShrink: 0, marginRight: 2, children: _jsx(Text, { color: theme.accent, children: toolLine(controller.sessionMode, Math.min(24, Math.floor(width / 3))) }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: state.online ? theme.colors.success : theme.colors.context, children: toolLine(state.online ? '● Connected' : '○ Offline', width) }) })] }), _jsx(Text, { dimColor: true, children: '─'.repeat(width) })] }) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, minHeight: 0, overflowY: "hidden", children: [historyLoading && _jsx(Text, { dimColor: true, children: "Loading history\u2026 \u00B7 Esc / Ctrl+C cancel" }), _jsx(Frozen, { frozen: displayPaused, identity: state.sessionId ?? "", children: statusNotice && _jsx(Text, { dimColor: true, wrap: "truncate-end", children: safeText(state.status) }) }), state.error && _jsx(Text, { color: theme.colors.error, children: state.error }), removal ? _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, color: theme.colors.context, children: removal.kind === 'workspace' ? 'Remove workspace registration?' : 'Archive session?' }), _jsx(Text, { wrap: "truncate-end", children: safeText(removal.name) }), _jsxs(Text, { wrap: "truncate-end", children: ["ID: ", safeText(removal.id)] }), removal.path && _jsxs(Text, { wrap: "truncate-end", children: ["Path: ", safeText(removal.path)] }), _jsx(Text, { children: removal.kind === 'workspace' ? 'Removes the workspace from the list. Directory and sessions are kept.' : 'Hides the session from lists. History is kept; /resume ID can reopen it.' }), _jsx(Text, { dimColor: true, children: "Running tasks continue. Esc cancels this dialog." }), _jsx(Picker, { choices: [
-                                                { key: 'cancel', label: 'Cancel', action: () => setRemoval(undefined) },
-                                                { key: 'confirm', label: removal.kind === 'workspace' ? 'Remove workspace' : 'Archive session',
-                                                    action: () => operate(async () => { await controller.removeTarget(removal); setRemoval(undefined); }) },
-                                            ], enabled: !input && !state.busy && state.online, canSelect: () => !draft.current && !controller.state.busy && controller.state.online }, `${removal.kind}:${removal.id}`)] }) : models ? _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: models.model ? 'Choose reasoning effort' : 'Choose model' }), _jsx(Text, { dimColor: true, children: "Applies to subsequent requests; host also saves the default." }), array(models.catalog.failures).map(object).map(failure => _jsx(Text, { color: theme.colors.error, children: safeText(`${failure.name}: ${failure.message}`) }, string(failure.id))), _jsx(Picker, { pageSize: Math.max(1, Math.min(8, (stdout.rows ?? 30) - 15)), choices: models.model ? [
-                                                { key: 'default', label: `Default effort${object(models.model.reasoning).defaultEffort ? ` · ${string(object(models.model.reasoning).defaultEffort)}` : ''}`,
-                                                    action: () => operate(async () => { await controller.selectModel(models.provider, string(models.model.id)); setModels(undefined); }) },
-                                                ...array(object(models.model.reasoning).efforts).map(object).map(effort => ({ key: string(effort.id), label: toolLine(`${effort.name} (${effort.id})${effort.description ? ` · ${effort.description}` : ''}`, width - 2),
-                                                    action: () => operate(async () => { await controller.selectModel(models.provider, string(models.model.id), string(effort.id)); setModels(undefined); }) })),
-                                                { key: 'back', label: '← Models', action: () => setModels({ catalog: models.catalog }) },
-                                            ] : [
-                                                ...array(models.catalog.groups).map(object).flatMap(group => array(group.models).map(object).map(model => ({
-                                                    key: `${group.id}:${model.id}`, label: toolLine(`${group.name} · ${model.name} (${model.id})`, width - 2),
-                                                    action: () => {
-                                                        if (array(object(model.reasoning ?? { efforts: [] }).efforts).length)
-                                                            setModels({ catalog: models.catalog, provider: string(group.id), model });
-                                                        else
-                                                            operate(async () => { await controller.selectModel(string(group.id), string(model.id)); setModels(undefined); });
-                                                    },
-                                                }))),
-                                                { key: 'close', label: '← Back to conversation', action: () => setModels(undefined) },
-                                            ], enabled: !input && !state.busy && state.online, canSelect: () => !draft.current && !controller.state.busy && controller.state.online }, models.model ? `${models.provider}:${models.model.id}` : 'models')] }) : searchResults ? _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { bold: true, children: ["Session search \u00B7 ", safeText(searchResults.query)] }), searchResults.hasMore && _jsx(Text, { color: theme.colors.context, children: "Host returned only the first 20 global matches; workspace results may be incomplete. Refine your query." }), !searchResults.items.length && _jsx(Text, { children: "No sessions in the returned results" }), _jsx(Picker, { choices: [...searchResults.items.map(item => ({ key: string(item.sessionId),
-                                                    label: toolLine(`${item.sessionId} · ${item.snippet}`, width - 2),
-                                                    action: () => operate(() => openSearchSession(string(item.sessionId), searchResults.query)),
-                                                })), { key: 'close', label: '← Back', action: () => setSearchResults(undefined) }], enabled: !input && !state.busy, canSelect: () => !draft.current && !controller.state.busy })] }) : state.screen === 'workspaces' || state.screen === 'sessions' ? _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: state.screen === 'workspaces' ? 'Choose workspace' : state.showAllSessions ? 'Choose session · All workspaces' : 'Choose session' }), _jsx(Picker, { choices: choices, enabled: state.online && !state.busy && !input, canSelect: () => !draft.current && controller.state.online && !controller.state.busy }, `${state.screen}:${state.workspaceId ?? ''}`)] }) : _jsxs(_Fragment, { children: [state.screen === 'chat' && historyQuery === undefined && !searchResults && !thoughtList && !pending && _jsxs(Box, { ref: conversationBox, flexDirection: "column", flexGrow: 1, flexShrink: 1, minHeight: 0, overflowY: "hidden", marginY: 1, children: [visible.length ? _jsx(Frozen, { frozen: displayPaused, identity: `${width}:${state.sessionId}:${position}`, children: _jsx(HistoryViewport, { rows: visible }) }) : _jsx(Text, { color: theme.colors.muted, children: "Start a conversation with the host agent." }), (displayTranscript.hasMore || historyWindow) && _jsx(Text, { dimColor: true, children: historyWindow ? 'Earlier history · /latest returns to live conversation' : 'Scroll up or /older to load earlier history' })] }), thoughtList && _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, color: theme.colors.reasoning, children: "Reasoning history \u00B7 User prompts \u00B7 Esc close" }), !thoughtEntries?.length && !liveThought && _jsx(Text, { dimColor: true, children: "No reasoning in loaded history" }), _jsx(Picker, { choices: thoughtOptions, pageSize: Math.max(1, Math.min(6, Math.floor(((stdout.rows ?? 30) - 14) / 2))), enabled: !input && !state.busy, canSelect: () => !draft.current && !controller.state.busy }, `thoughts:${state.sessionId}`)] }), state.screen === 'chat' && historyQuery !== undefined && _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { bold: true, children: [contentSearch ? 'Search · session history' : 'History · loaded records', " \u00B7 Esc close"] }), contentSearch && historyMatches?.truncated && _jsx(Text, { color: theme.colors.context, children: "Showing the first 200 matches \u00B7 Refine your search" }), _jsx(Picker, { choices: [
-                                                        ...(contentSearch && historyMatches ? historyMatches.items.map(message => ({
-                                                            key: String(message.seq), label: toolLine(`#${message.seq} ${message.role} · ${message.preview}`, width - 2),
-                                                            action: () => operate(() => jumpHistory(message.seq)),
-                                                        })) : layout.messages.filter(message => message.role === 'You' && `${message.seq} ${message.text}`.toLowerCase().includes(historyQuery.toLowerCase())).map(message => ({
-                                                            key: String(message.seq), label: toolLine(`#${message.seq} ${message.role} · ${message.text}`, width - 2),
-                                                            action: () => operate(() => jumpHistory(message.seq)),
-                                                        }))),
-                                                        { key: 'close', label: '← Back to conversation', action: () => { setHistoryQuery(undefined); setHistoryMatches(undefined); } },
-                                                    ], enabled: !input && !state.busy, canSelect: () => !draft.current && !controller.state.busy }, `history:${historyQuery}`)] }), pending && _jsxs(Box, { flexShrink: 0, borderStyle: "round", borderColor: theme.colors.context, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: theme.colors.context, children: question ? `Question ${answered.length + 1}/${questions.length}${question.header ? ` · ${safeText(string(question.header))}` : ''}` : 'Approval required' }), _jsx(Text, { children: safeText(question ? string(question.question) : JSON.stringify(pending.request, null, 2)) }), question?.detail && _jsx(Text, { children: safeText(string(question.detail)) }), options.length > 0 && _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [[...options, { label: 'Other answer — type below' }].map((option, index) => ({ option, index }))
-                                                            .slice(optionStart, optionStart + optionPageSize).map(({ option, index }) => _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsxs(Text, { color: index === optionCursor ? theme.accent : undefined, wrap: "truncate-end", children: [index === optionCursor ? '❯ ' : '  ', index + 1, ". ", question?.multiSelect === true && index < options.length ? choiceState.selected.includes(string(option.label)) ? '[x] ' : '[ ] ' : '', safeText(string(option.label))] }), option.description && _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ['     ', safeText(string(option.description))] })] }, index)), _jsx(Text, { dimColor: true, children: choiceState.custom ? 'Type your answer below · Esc returns to options' : question?.multiSelect === true
-                                                                ? '↑ ↓ move · Space / 1–9 toggle · Enter confirm' : '↑ ↓ / 1–9 select · Enter confirm' })] }), _jsx(Text, { dimColor: true, children: question ? 'Text answers supported · Ctrl+C clears · /cancel stops' : '/allow approves once · /deny rejects · /cancel stops' })] })] })] }), _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [notice && _jsx(Text, { dimColor: true, children: notice }), _jsxs(Box, { borderStyle: "round", borderColor: state.online ? theme.accent : theme.border, paddingX: 1, children: [_jsx(Text, { color: theme.accent, children: "\u276F " }), _jsx(TextInput, { value: input, onChange: setInput, onCursorChange: setCursor, onSubmit: () => { void submit(draft.current); }, reservedKeys: questionKeysActive ? ['1', '2', '3', '4', '5', '6', '7', '8', '9', ...(question?.multiSelect === true ? [' '] : [])] : !removal && !models && !searchResults && (state.screen === 'workspaces' || state.screen === 'sessions') ? ['d'] : undefined, focus: state.online && !state.busy && !copyMode, placeholder: state.screen === 'path' ? 'Absolute directory path on host' : 'Message, @host-file, or /help' })] }), referenceOpen && _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Host files \u00B7 \u2191 \u2193 select \u00B7 Tab/Enter insert \u00B7 Esc close" }), !matches ? _jsx(Text, { dimColor: true, children: "Searching\u2026" }) : matches.error ? _jsx(Text, { color: theme.colors.error, children: matches.error })
-                                            : matches.items.length === 0 ? _jsx(Text, { dimColor: true, children: "No matching host files" })
-                                                : matches.items.slice(Math.max(0, referenceIndex - 5), Math.max(0, referenceIndex - 5) + 6).map((item, index) => _jsxs(Text, { color: index + Math.max(0, referenceIndex - 5) === referenceIndex ? theme.accent : undefined, children: [index + Math.max(0, referenceIndex - 5) === referenceIndex ? '❯ ' : '  ', item.path, item.kind === 'directory' ? '/' : ''] }, `${item.kind}:${item.path}`))] }), input.startsWith('/') && !input.includes(' ') && _jsx(Text, { dimColor: true, children: COMMANDS.filter(command => command.startsWith(input)).join('  ') }), help && _jsxs(Box, { flexDirection: "column", flexShrink: 1, minHeight: 0, overflowY: "hidden", children: [COMMAND_HINTS.map((hint, index) => _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [_jsx(Text, { color: theme.accent, children: COMMAND_LABELS[index].padEnd(COMMAND_LABEL_WIDTH) }), hint.description] }, hint.command)), _jsx(Text, { dimColor: true, children: "Enter send \u00B7 Tab complete \u00B7 Esc cancel \u00B7 Wheel/PgUp/PgDn scroll \u00B7 Ctrl+C clear / stop / exit" }), _jsx(Text, { dimColor: true, children: "History: \u2191/\u2193 or Ctrl+P/N recall \u00B7 Editing: Ctrl+A/E start/end \u00B7 Ctrl+K/U kill right/left \u00B7 Ctrl+W kill word \u00B7 Ctrl+Y restore" })] }), costExpanded && _jsx(CostPanel, { controller: controller }), _jsx(Frozen, { frozen: displayPaused || position > 0, identity: `${width}:${state.sessionId}:${statusExpanded}`, children: _jsx(StatusBar, { controller: controller, width: width, expanded: statusExpanded, revision: state.version, paused: displayPaused || position > 0 }) })] })] }) }) }) });
-}