@itookit/dsht 0.2.1 → 0.3.0

package/dist/app.js

@@ -1,47 +1,155 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+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 { useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
-import { Box, Text, useApp, useInput, useStdout } from 'ink';
+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 { historyLayout, jumpTarget } from "./history.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";
-const COMMANDS = ['/ws', '/s', '/new', '/older', '/history', '/jump', '/search', '/ssearch', '/wsearch', '/cancel', '/steer', '/allow', '/deny', '/status', '/cost', '/help', '/quit'];
-const HELP = '/ws [name or ID] · /s [title or ID] · /s all · /new · /older · /history [text] · /jump <seq|first|last> · /search text · /ssearch text · /wsearch text · /cancel · /steer text · /allow · /deny · /status · /cost · /quit';
-/** A slash-command panel closes on the next command or after this long, whichever comes first. */
+/** 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: '/compact', description: 'Compact older history while the session is idle' },
+    { command: '/cancel', description: 'Cancel the active turn' },
+    { command: '/queue', description: 'View and remove pending input' },
+    { command: '/plan', usage: '[off|message]', description: 'Enter or leave host plan mode' },
+    { command: '/goal', usage: '[action|objective]', description: 'View or manage the host task goal' },
+    { command: '/permission', usage: '[preset]', description: 'View or switch the host permission preset' },
+    { command: '/feedback', usage: 'text', description: 'Record feedback about the session' },
+    { command: '/export', usage: '[local.zip]', description: 'Save the session log ZIP to a new local file' },
+    { 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;
-function Picker({ choices, enabled, canSelect }) {
+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, hint }) {
+    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())
+        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 });
-    const start = Math.max(0, current - 7);
-    return _jsxs(Box, { flexDirection: "column", children: [choices.slice(start, start + 12).map((choice, index) => _jsxs(Text, { color: start + index === current ? 'cyan' : undefined, children: [start + index === current ? '❯ ' : '  ', safeText(choice.label)] }, choice.key)), _jsx(Text, { dimColor: true, children: "\u2191 \u2193 select \u00B7 Enter open \u00B7 Ctrl+C stop / exit" })] });
+    }, { 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)), _jsx(Text, { dimColor: true, children: hint ?? `↑ ↓ select · Enter open${choices.some(choice => choice.remove) ? ' · d/Delete remove / archive' : ''} · 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 }) {
+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) => { draft.current = value; updateInput(value); setCursor(value.length); };
+    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();
+    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 [queueOpen, setQueueOpen] = useState(false);
     const [historyQuery, setHistoryQuery] = useState();
     const [contentSearch, setContentSearch] = useState(false);
     const [searchResults, setSearchResults] = useState();
@@ -49,23 +157,39 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
     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 [helpPage, setHelpPage] = useState(0);
+    const helpPageSize = Math.max(1, (stdout.rows ?? 30) - 12);
+    const helpPages = Math.ceil(COMMAND_HINTS.length / helpPageSize);
+    const currentHelpPage = Math.min(helpPage, helpPages - 1);
     const [answers, setAnswers] = useState({});
+    const [optionState, setOptionState] = useState();
     const [referenceIndex, setReferenceIndex] = useState(0);
     const [dismissedReference, dismissReference] = useState();
     const [lookup, setLookup] = useState();
-    // A slash-command panel is temporary: the next command or its lifetime closes it.
+    // Interactive panels remain stable while read; only transient notices expire.
     useEffect(() => {
-        if (!help && !costExpanded && !statusExpanded)
+        if (copyMode)
             return;
-        const timer = setTimeout(() => { setHelp(false); setCostExpanded(false); setStatusExpanded(false); }, panelLifetimeMs);
+        if (notice === undefined)
+            return;
+        const timer = setTimeout(() => setNotice(undefined), panelLifetimeMs);
         return () => clearTimeout(timer);
-    }, [help, costExpanded, statusExpanded, panelLifetimeMs]);
+    }, [notice, panelLifetimeMs, copyMode]);
     const pending = state.pending[0];
+    const queued = controller.telemetry.pending(state.sessionId).filter(item => item.placement !== 'context');
+    useEffect(() => { setQueueOpen(false); }, [state.sessionId, pending?.eventId]);
     const token = state.screen === 'chat' && state.online && !state.busy && !pending
-        && (!input.startsWith('/') || input.startsWith('/steer ')) && dismissedReference !== input && cursor === input.length
+        && !input.startsWith('/') && dismissedReference !== input && cursor === input.length
         ? activeReference(input) : undefined;
     const referenceOpen = token !== undefined;
+    const dialogOpen = !!(queueOpen || 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)
@@ -89,16 +213,142 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
         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 (help && (key.pageUp || key.pageDown)) {
+            setHelpPage(Math.max(0, Math.min(helpPages - 1, currentHelpPage + (key.pageUp ? -1 : 1))));
+            return;
+        }
+        if (key.pageUp || key.pageDown) {
+            scrollHistory(key.pageUp ? 10 : -10);
+            return;
+        }
+        if (key.escape && queueOpen) {
+            setQueueOpen(false);
+            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)
@@ -107,11 +357,17 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
         }
         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;
@@ -130,29 +386,62 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
                 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
+            && !queueOpen && !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 && !/^\/feedback(?:\s|$)/.test(value))
+            inputHistory.current.record(value);
+        if (value === '/copy') {
+            setInput('');
+            setCopyMode(true);
+            return;
+        }
+        setRemoval(undefined);
+        if (value !== '/queue')
+            setQueueOpen(false);
         // 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;
@@ -171,12 +460,19 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
         }
         if (value === '/help') {
             setHelp(value => !value);
+            setHelpPage(0);
             setInput('');
             return;
         }
         const accepted = await controller.perform(async () => {
             const navigation = navigationCommand(value);
-            if (navigation) {
+            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')
@@ -187,6 +483,38 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
             }
             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 === '/queue') {
+                if (state.screen !== 'chat')
+                    throw new Error('Select a session first');
+                if (pending)
+                    throw new Error('Answer the pending question or approval first');
+                setQueueOpen(true);
+            }
             else if (value === '/new')
                 await controller.createSession();
             else if (value === '/history' || value.startsWith('/history ')) {
@@ -203,7 +531,7 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
                     throw new Error(`Use ${command} <text>`);
                 await historyOperation(async (signal) => {
                     if (command === '/search') {
-                        await controller.historyThrough('first', signal);
+                        setHistoryMatches(await controller.searchHistory(query, signal));
                         setSearchResults(undefined);
                         setContentSearch(true);
                         setHistoryQuery(query);
@@ -215,35 +543,77 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
                     }
                 });
             }
-            else if (value === '/jump' || value.startsWith('/jump '))
-                await jumpHistory(jumpTarget(value.slice(5).trim()));
+            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();
+                await controller.older(undefined, displayTranscript);
                 setScroll(value => value + 10);
             }
+            else if (/^\/compact(?: |$)/.test(value)) {
+                if (state.screen !== 'chat')
+                    throw new Error('Select a session first');
+                if (value !== '/compact')
+                    throw new Error('Use /compact (no arguments)');
+                setNotice(undefined);
+                await historyOperation(async (signal) => { setNotice(await controller.command('/compact', signal)); }, 'Compacting history…');
+            }
             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) {
-                const answer = { id: string(question.id), selected: [], custom: value };
-                const next = [...answered, answer];
-                if (next.length === questions.length)
-                    await controller.answer({ answers: next });
-                setAnswers(previous => ({ ...previous, [eventId]: next }));
+            else if (/^\/(?:plan|goal|permission|feedback)(?:\s|$)/.test(value)) {
+                if (state.screen !== 'chat')
+                    throw new Error('Select a session first');
+                if (pending)
+                    throw new Error('Answer the pending question or approval first');
+                setNotice(undefined);
+                await historyOperation(async (signal) => { setNotice(await controller.command(value, signal)); }, 'Running command…');
+            }
+            else if (/^\/export(?:\s|$)/.test(value)) {
+                if (state.screen !== 'chat')
+                    throw new Error('Select a session first');
+                const destination = value.slice(7).trim().replace(/^(["'])(.*)\1$/, '$2');
+                await historyOperation(async (signal) => { setNotice(`Saved session log: ${await controller.exportLog(destination || undefined, signal)}`); }, 'Exporting session log…');
             }
+            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 /s');
+                throw new Error('Choose a session or type /ws or /resume');
             else {
                 await controller.prompt(value);
+                setHistoryWindow(undefined);
                 setScroll(0);
             }
         });
@@ -253,6 +623,7 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
     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() },
@@ -260,25 +631,39 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
         ...(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(state.transcript, width), [state.transcript, state.transcript.version, width]);
-    const { lines, first } = layout;
-    const pageSize = Math.max(5, (stdout.rows ?? 30) - (pending ? 17 : 12) - (statusExpanded ? 9 : 0));
-    const previousView = useRef({ transcript: state.transcript, count: lines.length, first });
+    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 showHistoryHint = dialogOpen || displayTranscript.hasMore || !!historyWindow;
+    const pageSize = Math.max(1, conversationRows - (showHistoryHint ? 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.transcript !== state.transcript ? 0
-        : scroll > 0 && !prepended ? Math.max(0, scroll + lines.length - previous.count) : scroll;
-    const maxScroll = Math.max(0, lines.length - pageSize);
+    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: state.transcript, count: lines.length, first };
+        previousView.current = { transcript: displayTranscript, session: state.transcript, count: length, first, folds: reasoningOverrides, liveReasoning };
         if (position !== scroll)
             setScroll(position);
-    }, [state.transcript, lines, position, scroll]);
+    }, [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);
@@ -286,84 +671,135 @@ export function App({ controller, panelLifetimeMs = PANEL_LIFETIME_MS }) {
     const mounted = useRef(true);
     useEffect(() => { mounted.current = true; return () => { mounted.current = false; }; }, []);
     function scrollHistory(delta) {
-        if (state.screen !== 'chat' || historyQuery !== undefined || searchResults !== undefined)
+        if (copyMode || state.screen !== 'chat')
             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 || !state.transcript.ready || !state.transcript.hasMore)
+        if (delta <= 0 || next < maxScroll || loadingPage.current || state.busy || !state.online || !displayTranscript.ready || !displayTranscript.hasMore)
             return;
         loadingPage.current = true;
-        const transcript = state.transcript;
-        void controller.perform(() => historyOperation(signal => controller.older(signal))).then(accepted => {
-            if (accepted && mounted.current && controller.state.transcript === transcript && scrollIntent.current === intent) {
+        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) {
+    async function historyOperation(operation, label = 'Loading history…') {
         const abort = new AbortController();
         historyAbort.current = abort;
+        setHistoryLoading(label);
         try {
             await operation(abort.signal);
         }
         finally {
-            if (historyAbort.current === abort)
+            if (historyAbort.current === abort) {
                 historyAbort.current = undefined;
+                setHistoryLoading(undefined);
+            }
         }
     }
     async function openSearchSession(sessionId, query) {
         await historyOperation(async (signal) => {
             await controller.selectSession(sessionId);
             await controller.waitForHistory(signal);
-            await controller.historyThrough('first', signal);
+            setHistoryMatches(await controller.searchHistory(query, signal));
             setSearchResults(undefined);
             setContentSearch(true);
             setHistoryQuery(query);
         });
     }
-    async function jumpHistory(target) {
+    async function jumpHistory(target, folds = reasoningOverrides) {
         if (state.screen !== 'chat')
             throw new Error('Select a session first');
         ++scrollIntent.current;
-        if (target === 'last') {
-            setHistoryQuery(undefined);
-            setScroll(0);
-            return;
-        }
         const abort = new AbortController();
         historyAbort.current = abort;
         try {
-            await controller.historyThrough(target, abort.signal);
+            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(controller.state.transcript, width);
-            const seq = target === 'first' ? current.messages[0]?.seq : target;
-            const row = seq === undefined ? undefined : current.offsets.get(seq);
+            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);
-            setScroll(Math.max(0, current.lines.length - pageSize - row));
+            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));
-    const end = Math.max(pageSize, lines.length - position);
-    const visible = lines.slice(Math.max(0, end - pageSize), end);
+    useMouseWheel(direction => scrollHistory(direction * 3), !copyMode && state.screen === 'chat', () => { if (!dialogOpen)
+        setCopyMode(true); });
+    const trailingGap = dialogOpen && length > 0 && layout.viewport(length - 1, length)[0]?.text === '' ? 1 : 0;
+    const end = Math.max(pageSize, length - position - trailingGap);
+    const visible = useMemo(() => layout.viewport(Math.max(0, end - pageSize), end), [layout, end, pageSize]);
+    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);
-    return _jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: "cyan", children: "DeepSeek Harness \u00B7 HTTP TUI" }), _jsxs(Text, { dimColor: true, children: [controller.base, " \u00B7 ", state.status, state.busy ? ' · Working…' : ''] }), _jsx(Text, { wrap: "truncate-end", children: toolLine(`${workspace ? string(workspace.title) : 'All workspaces'}${state.sessionId ? ` / ${controller.sessionName}` : ''}`, Math.max(1, width - 4)) })] }), state.error && _jsx(Text, { color: "red", children: state.error }), searchResults ? _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { bold: true, children: ["Session search \u00B7 ", safeText(searchResults.query)] }), searchResults.hasMore && _jsx(Text, { color: "yellow", 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 && _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: visible.length ? visible.join('\n') : 'Start a conversation with the host agent.' }), state.transcript.hasMore && _jsx(Text, { dimColor: true, children: "Scroll up or /older to load earlier history" })] }), 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"] }), _jsx(Picker, { choices: [
-                                    ...layout.messages.filter(message => (contentSearch ? message.text : `${message.seq} ${message.role} ${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) },
-                                ], enabled: !input && !state.busy, canSelect: () => !draft.current && !controller.state.busy }, `history:${historyQuery}`)] }), pending && _jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: "yellow", children: question ? 'Question' : '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)) }), question?.options && _jsx(Text, { children: array(question.options).map(option => string(object(option).label)).join(' · ') }), _jsx(Text, { dimColor: true, children: question ? 'Type your answer below' : '/allow approves once · /deny rejects' })] })] }), _jsxs(Box, { borderStyle: "round", borderColor: state.online ? 'cyan' : 'gray', paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "\u276F " }), _jsx(TextInput, { value: input, onChange: setInput, onCursorChange: setCursor, onSubmit: () => { void submit(draft.current); }, focus: state.online && !state.busy, 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: "red", 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 ? 'cyan' : undefined, children: [index + Math.max(0, referenceIndex - 5) === referenceIndex ? '❯ ' : '  ', item.path, item.kind === 'directory' ? '/' : ''] }, `${item.kind}:${item.path}`))] }), _jsx(Text, { dimColor: true, children: "Enter send \u00B7 Esc cancel \u00B7 Wheel/PgUp/PgDn scroll \u00B7 Ctrl+C stop / exit" }), input.startsWith('/') && !input.includes(' ') && _jsx(Text, { dimColor: true, children: COMMANDS.filter(command => command.startsWith(input)).join('  ') }), help && _jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: HELP }), _jsx(Text, { dimColor: true, children: "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(StatusBar, { controller: controller, expanded: statusExpanded, revision: state.version })] });
+    const workspaceName = workspace ? string(workspace.title) || string(workspace.path) : state.workspaceId;
+    const headerTitle = controller.sessionName
+        ? [controller.sessionName, width >= 60 ? workspaceName : undefined].filter(Boolean).join(' · ')
+        : workspaceName || '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: [_jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: _jsx(Text, { bold: true, color: theme.accent, wrap: "truncate-end", children: toolLine(headerTitle, width) }) }), width >= 60 && controller.sessionMode && _jsx(Box, { flexShrink: 0, marginLeft: 2, children: _jsx(Text, { color: theme.accent, children: toolLine(controller.sessionMode, Math.min(24, Math.floor(width / 3))) }) })] }), _jsx(Text, { dimColor: true, children: '─'.repeat(width) })] }) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, minHeight: 0, overflowY: "hidden", children: [historyLoading && _jsxs(Text, { dimColor: true, children: [historyLoading, " \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 }), state.screen === 'chat' && _jsxs(Box, { ref: conversationBox, flexDirection: "column", flexGrow: 1, flexShrink: 1, minHeight: 0, overflowY: "hidden", marginY: dialogOpen ? 0 : 1, children: [visible.length ? _jsx(Frozen, { frozen: displayPaused, identity: `${width}:${state.sessionId}:${position}:${pageSize}`, children: _jsx(HistoryViewport, { rows: visible }) }) : _jsx(Text, { color: theme.colors.muted, children: "Start a conversation with the host agent." }), showHistoryHint && _jsx(Text, { dimColor: true, wrap: "truncate-end", children: dialogOpen ? 'Wheel/PgUp/PgDn · Scroll history' : historyWindow ? 'Earlier history · /latest returns to live conversation' : 'Scroll up or /older to load earlier history' })] })] }), _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [notice && _jsx(Text, { dimColor: true, children: safeText(notice) }), _jsxs(Box, { borderStyle: "round", borderColor: pending ? theme.colors.context : state.online ? theme.accent : theme.border, paddingX: 1, flexDirection: "column", flexShrink: 1, minHeight: 3, children: [_jsx(Box, { flexDirection: "column", flexShrink: 1, minHeight: 0, overflowY: "hidden", children: queueOpen && !pending ? _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Pending input \u00B7 Esc close" }), !queued.length && _jsx(Text, { dimColor: true, children: state.controlError ? 'Host queue unavailable' : 'No pending input' }), _jsx(Picker, { choices: queued.map(item => ({
+                                                            key: item.id, label: toolLine(item.text, width - 6),
+                                                            action: () => operate(() => controller.removeQueued(item.id)),
+                                                            remove: () => operate(() => controller.removeQueued(item.id)),
+                                                        })), pageSize: Math.max(1, Math.min(6, (stdout.rows ?? 30) - 12)), hint: "\u2191 \u2193 select \u00B7 Enter / d / Delete remove \u00B7 Esc close", enabled: !input && !state.busy && state.online, canSelect: () => !draft.current && !controller.state.busy && controller.state.online && !controller.state.pending.length })] }) : 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: [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, 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' })] })] }) }), !queueOpen && !pending && state.screen === 'chat' && queued.length > 0 && _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsxs(Text, { dimColor: true, children: ["Waiting: ", queued.length, " \u00B7 /queue to remove"] }), queued.slice(0, 2).map(item => _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [item.placement === 'steering' ? '↳ ' : '· ', safeText(toolLine(item.text, width - 6))] }, item.id))] }), _jsxs(Box, { flexShrink: 0, children: [_jsx(Text, { color: theme.accent, children: "\u276F " }), _jsx(TextInput, { value: input, onChange: setInput, onCursorChange: setCursor, onSubmit: () => { void submit(draft.current); }, reservedKeys: queueOpen && !pending ? ['d'] : 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.slice(currentHelpPage * helpPageSize, (currentHelpPage + 1) * helpPageSize).map((hint, index) => _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [_jsx(Text, { color: theme.accent, children: COMMAND_LABELS[currentHelpPage * helpPageSize + index].padEnd(COMMAND_LABEL_WIDTH) }), hint.description] }, hint.command)), _jsxs(Text, { dimColor: true, children: ["Help ", currentHelpPage + 1, "/", helpPages, " \u00B7 PgUp/PgDn pages \u00B7 Esc close"] }), _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 }) })] })] }) }) }) });
 }