@pentoshi/clai 2.0.6 → 2.0.9

package/dist/tui/App.js

@@ -1,29 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text, useApp, useInput, useStdin } from "ink";
-import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from "react";
+import chalk from "chalk";
+import { useCallback, useEffect, useMemo, useReducer, useRef, useState, } from "react";
 import { providerIds } from "../types.js";
 import { assertProvider } from "../llm/provider.js";
 import { getProvider } from "../llm/router.js";
-import { envValue, getProviderSecret, getSearchProviderKey, listProviderStatuses, maskSecret, setProviderSecret, setSecret } from "../store/keys.js";
+import { envValue, getProviderSecret, getSearchProviderKey, listProviderStatuses, maskSecret, setProviderSecret, setSecret, unsetProviderSecret, } from "../store/keys.js";
 import { setActiveSearchProvider } from "../store/config.js";
-import { searchProviderIds } from "../tools/web/types.js";
-import { assertSearchProvider, searchProviders } from "../tools/web/providers/provider.js";
+import { searchProviderIds, } from "../tools/web/types.js";
+import { assertSearchProvider, searchProviders, } from "../tools/web/providers/provider.js";
 import "../tools/web/providers/duckduckgo.js";
 import "../tools/web/providers/brave.js";
 import "../tools/web/providers/tavily.js";
-import { modelSupportsThinking, modelSupportsVision } from "../llm/capabilities.js";
+import { modelSupportsThinking, modelSupportsVision, } from "../llm/capabilities.js";
 import { getConfig, getProviderModel, setDefaultMode, setDefaultProvider, setProviderModel, setThinking, updateConfig, } from "../store/config.js";
 import { estimateMessagesTokens } from "../agent/context-manager.js";
-import { clearAllHistory, getSession, listSessions, saveSession, upsertSession } from "../store/history.js";
+import { clearAllHistory, getSession, listSessions, saveSession, upsertSession, } from "../store/history.js";
 import { safeCwd } from "../os/cwd.js";
 import { resolve } from "node:path";
 import { existsSync } from "node:fs";
 import { readFile } from "node:fs/promises";
-import { expandMentions, findFileSuggestions, getMentionQuery, loadImageAttachments } from "../ui/mentions.js";
+import { expandMentions, findFileSuggestions, getMentionQuery, loadImageAttachments, } from "../ui/mentions.js";
 import { deletePlan, loadPlan, savePlan } from "../store/plan.js";
 import { renderPlanDocument } from "../ui/plan-pane.js";
-import { getSlashCommandSuggestions, isKnownSlashCommand, knownModels, slashCommands } from "../repl.js";
-import { initialState, reducer, serializeTranscriptForCompaction } from "./state.js";
+import { getSlashCommandSuggestions, isKnownSlashCommand, knownModels, slashCommands, } from "../repl.js";
+import { initialState, reducer, serializeTranscriptForCompaction, } from "./state.js";
 import { renderTranscriptLines } from "./render-lines.js";
 import { createTuiConfirmPort } from "./confirm.js";
 import { useAgentRunner } from "./hooks/useAgentRunner.js";
@@ -36,10 +37,10 @@ import { JobsPanel } from "./components/JobsPanel.js";
 import { PickerPanel } from "./components/PickerPanel.js";
 import { SecretInputPanel } from "./components/SecretInputPanel.js";
 import { clearArtifacts, clearAuditLogs } from "../store/logs.js";
-import { addScopeTargets, clearScope, loadScope, saveScope } from "../store/scope.js";
+import { addScopeTargets, clearScope, loadScope, saveScope, } from "../store/scope.js";
 import { formatKeyStatus } from "./format-keys.js";
 import { shouldStoreInPromptHistory } from "./input-history.js";
-import { DISABLE_MOUSE_REPORTING, ENABLE_MOUSE_REPORTING, isMouseReport, mouseWheelDirection, stripMouseReports } from "./mouse.js";
+import { DISABLE_MOUSE_REPORTING, ENABLE_MOUSE_REPORTING, isMouseReport, mouseWheelDirection, stripMouseReports, } from "./mouse.js";
 const IMPLEMENT_PROMPT = "I approve the plan. Execute it now in STRICT ORDER. Task 1 (explore) is ALREADY COMPLETE from the planning phase — " +
     "do NOT re-list or re-read the directory. Start with the FIRST pending task that still needs implementation work. " +
     "For each task: call task.update {taskId, state:'in_progress'} → do the real work → VERIFY it succeeded → " +
@@ -49,7 +50,7 @@ const IMPLEMENT_PROMPT = "I approve the plan. Execute it now in STRICT ORDER. Ta
     "Do NOT call web.search — you already know everything needed. " +
     "Run real commands (installs, servers, verification) — do not claim anything ran without a successful tool call.";
 const MAX_FILE_SUGGESTIONS = 6;
-export function App({ version, initialMode, provider: initialProvider, initialModel, noHistory = false }) {
+export function App({ version, initialMode, provider: initialProvider, initialModel, noHistory = false, }) {
     const { exit } = useApp();
     const { stdin } = useStdin();
     const { columns: cols, rows } = useTerminalSize();
@@ -89,7 +90,10 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
     useEffect(() => {
         confirmController.setHandler((req) => new Promise((res) => {
             confirmResolver.current = res;
-            dispatch({ type: "event", event: { type: "confirm-request", id: "c", ...req } });
+            dispatch({
+                type: "event",
+                event: { type: "confirm-request", id: "c", ...req },
+            });
         }));
     }, [confirmController]);
     const ctxRef = useRef({ mode, provider, model });
@@ -135,7 +139,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         if (autosaveTimer.current)
             clearTimeout(autosaveTimer.current);
         const messages = runner.getMessages();
-        if (!noHistory && !getConfig().privateMode && (messages.length > 0 || latestItems.current.length > 0)) {
+        if (!noHistory &&
+            !getConfig().privateMode &&
+            (messages.length > 0 || latestItems.current.length > 0)) {
             void upsertSession(runner.getSession().sessionId, messages, undefined, latestItems.current).catch(() => undefined);
         }
     }, [noHistory, runner]);
@@ -148,11 +154,15 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         const vision = modelSupportsVision(provider, model);
         const expansion = expandMentions(rawText, safeCwd(), vision);
         const images = vision ? loadImageAttachments(rawText, safeCwd()) : [];
-        const modelInput = expansion.contextBlock ? `${rawText}\n\n${expansion.contextBlock}` : rawText;
+        const modelInput = expansion.contextBlock
+            ? `${rawText}\n\n${expansion.contextBlock}`
+            : rawText;
         void startTurn(rawText, modelInput, images);
     }, [provider, model, startTurn]);
     useEffect(() => {
-        if (!state.status.running && state.queued.length > 0 && !runner.isRunning()) {
+        if (!state.status.running &&
+            state.queued.length > 0 &&
+            !runner.isRunning()) {
             const next = state.queued[0];
             dispatch({ type: "dequeue" });
             beginTurn(next);
@@ -177,17 +187,29 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         const session = runner.getSession();
         const plan = await loadPlan(session.sessionId).catch(() => undefined);
         if (!plan) {
-            dispatch({ type: "notice", level: "info", text: "no plan to implement — ask clai to plan a multi-step task first" });
+            dispatch({
+                type: "notice",
+                level: "info",
+                text: "no plan to implement — ask clai to plan a multi-step task first",
+            });
             return;
         }
         if (plan.tasks.every((t) => t.state === "done")) {
-            dispatch({ type: "notice", level: "info", text: "this plan is already complete ✓" });
+            dispatch({
+                type: "notice",
+                level: "info",
+                text: "this plan is already complete ✓",
+            });
             return;
         }
         plan.status = "approved";
         await savePlan(plan).catch(() => undefined);
         session.planApproved.value = true;
-        dispatch({ type: "notice", level: "info", text: "✦ plan approved — executing it now" });
+        dispatch({
+            type: "notice",
+            level: "info",
+            text: "✦ plan approved — executing it now",
+        });
         void startTurn("/implement", IMPLEMENT_PROMPT);
     }, [runner, startTurn]);
     const chooseModel = useCallback(async () => {
@@ -216,7 +238,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         setOverlay({
             kind: "picker",
             title: `Models · ${provider}`,
-            options: models.map((value) => ({ value, label: value, active: value === model })),
+            options: models.map((value) => ({
+                value,
+                label: value,
+                active: value === model,
+            })),
             onSelect: (value) => {
                 setModel(value);
                 setProviderModel(provider, value);
@@ -226,18 +252,28 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         });
     }, [model, provider]);
     const activateProvider = useCallback(async (next) => {
-        const configured = next === "ollama" || Boolean(envValue(next)) || Boolean((await getProviderSecret(next)).value);
+        const configured = next === "ollama" ||
+            Boolean(envValue(next)) ||
+            Boolean((await getProviderSecret(next)).value);
         if (!configured) {
             const key = await requestSecret({
                 title: `${next} API key`,
                 prompt: `No API key is configured for ${next}. Enter it now to activate this provider.`,
             });
             if (!key) {
-                dispatch({ type: "notice", level: "warn", text: `provider unchanged · ${next} needs an API key` });
+                dispatch({
+                    type: "notice",
+                    level: "warn",
+                    text: `provider unchanged · ${next} needs an API key`,
+                });
                 return;
             }
             if (!getProvider(next).validateKey(key)) {
-                dispatch({ type: "notice", level: "warn", text: `invalid API key format for ${next}` });
+                dispatch({
+                    type: "notice",
+                    level: "warn",
+                    text: `invalid API key format for ${next}`,
+                });
                 return;
             }
             await setProviderSecret(next, key);
@@ -247,7 +283,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         setProvider(next);
         setModel(nextModel);
         setOverlay({ kind: "none" });
-        dispatch({ type: "notice", level: "info", text: `provider → ${next} · model → ${nextModel}` });
+        dispatch({
+            type: "notice",
+            level: "info",
+            text: `provider → ${next} · model → ${nextModel}`,
+        });
     }, [requestSecret]);
     const chooseProvider = useCallback(() => {
         setOverlay({
@@ -275,7 +315,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                     prompt: `No API key is configured for ${adapter.displayName}. Enter it now to use this search provider.`,
                 });
                 if (!key) {
-                    dispatch({ type: "notice", level: "warn", text: `search provider unchanged · ${next} needs an API key` });
+                    dispatch({
+                        type: "notice",
+                        level: "warn",
+                        text: `search provider unchanged · ${next} needs an API key`,
+                    });
                     return;
                 }
                 await setSecret("search", next, key);
@@ -283,7 +327,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         }
         setActiveSearchProvider(next);
         setOverlay({ kind: "none" });
-        dispatch({ type: "notice", level: "info", text: `search provider → ${next}` });
+        dispatch({
+            type: "notice",
+            level: "info",
+            text: `search provider → ${next}`,
+        });
     }, [requestSecret]);
     const chooseSearchProvider = useCallback(() => {
         const active = getConfig().activeSearchProvider;
@@ -300,7 +348,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                         : `${adapter?.displayName ?? id} · keyless`,
                 };
             }),
-            onSelect: (value) => { void activateSearchProvider(assertSearchProvider(value)); },
+            onSelect: (value) => {
+                void activateSearchProvider(assertSearchProvider(value));
+            },
         });
     }, [activateSearchProvider]);
     const setReasoning = useCallback((value) => {
@@ -311,7 +361,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         dispatch({
             type: "notice",
             level: "info",
-            text: value === "off" || value === "none" ? "thinking → off" : `thinking → ${value}`,
+            text: value === "off" || value === "none"
+                ? "thinking → off"
+                : `thinking → ${value}`,
         });
     }, []);
     const chooseReasoning = useCallback(() => {
@@ -391,7 +443,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                     if (!plan)
                         info("no active plan yet");
                     else
-                        setOverlay({ kind: "pager", title: "Plan", body: renderPlanDocument(plan) });
+                        setOverlay({
+                            kind: "pager",
+                            title: "Plan",
+                            body: renderPlanDocument(plan),
+                        });
                 })();
                 return true;
             case "/jobs":
@@ -399,11 +455,22 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                 return true;
             case "/output": {
                 const outputs = state.items.filter((item) => item.kind === "tool" && Boolean(item.output));
+                if (!arg) {
+                    if (outputs.length)
+                        dispatch({ type: "toggle-output" });
+                    else
+                        info("no tool output yet");
+                    return true;
+                }
                 if (arg === "list" || arg === "ls") {
-                    info(outputs.length ? outputs.map((item) => `${item.id} · ${item.name}`).join("\n") : "no tool output yet");
+                    info(outputs.length
+                        ? outputs.map((item) => `${item.id} · ${item.name}`).join("\n")
+                        : "no tool output yet");
                     return true;
                 }
-                const selectedOutput = arg && arg !== "last" ? outputs.find((item) => item.id === arg) : lastToolOutput();
+                const selectedOutput = arg && arg !== "last"
+                    ? outputs.find((item) => item.id === arg)
+                    : lastToolOutput();
                 if (!selectedOutput)
                     info(arg ? `no tool output: ${arg}` : "no tool output yet");
                 else
@@ -418,7 +485,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                 {
                     const options = knownModels[provider] ?? [];
                     const index = Number.parseInt(arg, 10);
-                    const nextModel = Number.isInteger(index) && index >= 1 && index <= options.length ? options[index - 1] : arg;
+                    const nextModel = Number.isInteger(index) && index >= 1 && index <= options.length
+                        ? options[index - 1]
+                        : arg;
                     setModel(nextModel);
                     setProviderModel(provider, nextModel);
                     info(`model → ${nextModel}`);
@@ -514,7 +583,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
             case "/allow":
                 if (!arg || arg === "list" || arg === "ls") {
                     const list = [...runner.getSession().allow];
-                    info(list.length ? `allowed: ${list.join(", ")}` : "no session allowances");
+                    info(list.length
+                        ? `allowed: ${list.join(", ")}`
+                        : "no session allowances");
                     return true;
                 }
                 runner.getSession().allow.add(arg);
@@ -538,14 +609,17 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                 setCompacting(true);
                 info("compacting conversation…");
                 const fullSession = serializeTranscriptForCompaction(state.items);
-                void runner.compact(fullSession).then((result) => {
+                void runner
+                    .compact(fullSession)
+                    .then((result) => {
                     if (result.after === result.before) {
                         info("nothing to compact yet — more than 8 recent messages are required");
                     }
                     else {
                         info(`compacted ${result.before} → ${result.after} messages · ~${result.beforeTokens.toLocaleString()} → ~${result.afterTokens.toLocaleString()} tokens${result.summarized ? "" : " · local fallback"}`);
                     }
-                }).catch((error) => warn(`compaction failed: ${error instanceof Error ? error.message : String(error)}`))
+                })
+                    .catch((error) => warn(`compaction failed: ${error instanceof Error ? error.message : String(error)}`))
                     .finally(() => setCompacting(false));
                 return true;
             }
@@ -572,12 +646,16 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                         kind: "picker",
                         title: "Session history",
                         options: [
-                            ...(currentMessages.length ? [{
-                                    value: "__current__",
-                                    label: "Current session",
-                                    description: `${currentMessages.length} messages · active now`,
-                                    active: true,
-                                }] : []),
+                            ...(currentMessages.length
+                                ? [
+                                    {
+                                        value: "__current__",
+                                        label: "Current session",
+                                        description: `${currentMessages.length} messages · active now`,
+                                        active: true,
+                                    },
+                                ]
+                                : []),
                             ...sessions.map((session) => ({
                                 value: session.id,
                                 label: session.name ?? session.id,
@@ -598,7 +676,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                                 }
                                 runner.setMessages(session.messages);
                                 setOverlay({ kind: "none" });
-                                dispatch({ type: "load-history", messages: session.messages, transcript: session.transcript });
+                                dispatch({
+                                    type: "load-history",
+                                    messages: session.messages,
+                                    transcript: session.transcript,
+                                });
                                 setScroll(0);
                                 info(`session resumed · ${session.transcript?.length ?? session.messages.length} items`);
                             })();
@@ -632,11 +714,16 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                     }
                     if (sub === "show" || sub === "list" || sub === "ls") {
                         const scope = await loadScope();
-                        info(scope ? `scope: ${scope.name ?? "unnamed"} · ${scope.authorizedTargets.join(", ")}` : "no engagement scope configured");
+                        info(scope
+                            ? `scope: ${scope.name ?? "unnamed"} · ${scope.authorizedTargets.join(", ")}`
+                            : "no engagement scope configured");
                         return;
                     }
                     if (sub === "add") {
-                        const targets = parts.join(" ").split(/[\s,]+/).filter(Boolean);
+                        const targets = parts
+                            .join(" ")
+                            .split(/[\s,]+/)
+                            .filter(Boolean);
                         if (!targets.length) {
                             warn("usage: /scope add <target1,target2>");
                             return;
@@ -646,12 +733,18 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                         return;
                     }
                     if (sub === "new" || sub === "set") {
-                        const targets = parts.join(" ").split(/[\s,]+/).filter(Boolean);
+                        const targets = parts
+                            .join(" ")
+                            .split(/[\s,]+/)
+                            .filter(Boolean);
                         if (!targets.length) {
                             warn("usage: /scope new <target1,target2>");
                             return;
                         }
-                        await saveScope({ authorizedTargets: targets, createdAt: new Date().toISOString() });
+                        await saveScope({
+                            authorizedTargets: targets,
+                            createdAt: new Date().toISOString(),
+                        });
                         info(`scope created · ${targets.join(", ")}`);
                         return;
                     }
@@ -691,7 +784,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                         return;
                     }
                     if (sub === "clear-all") {
-                        const [historyResult, logResult, artifactResult] = await Promise.all([clearAllHistory(), clearAuditLogs(), clearArtifacts()]);
+                        const [historyResult, logResult, artifactResult] = await Promise.all([
+                            clearAllHistory(),
+                            clearAuditLogs(),
+                            clearArtifacts(),
+                        ]);
                         info(`cleared history (${historyResult.detail || "ok"}), logs (${logResult.removed}), artifacts (${artifactResult.removed})`);
                         return;
                     }
@@ -730,16 +827,360 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                             active: id === activeSearch,
                             configured: keyless || Boolean(secret.value),
                             source: keyless ? "keyless" : secret.source,
-                            maskedKey: secret.value ? maskSecret(secret.value) : undefined,
+                            maskedKey: secret.value
+                                ? maskSecret(secret.value)
+                                : undefined,
                         };
                     }));
-                    setOverlay({ kind: "pager", title: "Credential status", body: formatKeyStatus(llm, search) });
+                    setOverlay({
+                        kind: "pager",
+                        title: "Credential status",
+                        body: formatKeyStatus(llm, search),
+                    });
                 })().catch((error) => warn(`could not read keys: ${error instanceof Error ? error.message : String(error)}`));
                 return true;
-            case "/set":
-            case "/unset":
+            case "/set": {
+                const parts = arg.split(/\s+/).filter(Boolean);
+                const providerVal = parts[0];
+                const keyVal = parts[1];
+                void (async () => {
+                    if (!providerVal) {
+                        const llm = await listProviderStatuses(provider);
+                        const activeSearch = getConfig().activeSearchProvider;
+                        const search = await Promise.all(searchProviderIds.map(async (id) => {
+                            const secret = await getSearchProviderKey(id);
+                            const keyless = id === "duckduckgo";
+                            return {
+                                provider: id,
+                                configured: keyless || Boolean(secret.value),
+                                maskedKey: secret.value ? maskSecret(secret.value) : undefined,
+                            };
+                        }));
+                        setOverlay({
+                            kind: "picker",
+                            title: "Set API key for provider",
+                            options: [
+                                ...llm.map((status) => ({
+                                    value: `llm:${status.provider}`,
+                                    label: `${status.provider.padEnd(12)} ${status.configured ? chalk.green("✓ key set") : chalk.red("✗ no key")}${status.active ? " (active)" : ""}`,
+                                    description: status.model,
+                                })),
+                                ...search.map((status) => ({
+                                    value: `search:${status.provider}`,
+                                    label: `${status.provider.padEnd(12)} ${status.configured ? chalk.green("✓ key set") : chalk.red("✗ no key")}`,
+                                    description: `Search provider${status.provider === activeSearch ? " (active)" : ""}`,
+                                })),
+                            ],
+                            onSelect: (val) => {
+                                setOverlay({ kind: "none" });
+                                void (async () => {
+                                    const isSearch = val.startsWith("search:");
+                                    const id = val.split(":")[1];
+                                    if (isSearch) {
+                                        const next = id;
+                                        if (next === "duckduckgo") {
+                                            info("duckduckgo is keyless and requires no setup");
+                                            return;
+                                        }
+                                        const secret = await getSearchProviderKey(next);
+                                        if (secret.value) {
+                                            const reset = await new Promise((resolveConfirm) => {
+                                                confirmResolver.current = resolveConfirm;
+                                                dispatch({
+                                                    type: "event",
+                                                    event: {
+                                                        type: "confirm-request",
+                                                        id: "c",
+                                                        kind: "reset",
+                                                        prompt: `${next} already has a key (${maskSecret(secret.value)}). Reset it?`,
+                                                    },
+                                                });
+                                            });
+                                            if (!reset) {
+                                                info("cancelled");
+                                                return;
+                                            }
+                                        }
+                                        const key = await requestSecret({
+                                            title: `${next} API key`,
+                                            prompt: `Enter API key for ${next}:`,
+                                        });
+                                        if (!key) {
+                                            info("cancelled");
+                                            return;
+                                        }
+                                        await setSecret("search", next, key.trim());
+                                        info(`saved ${next} ${maskSecret(key.trim())}`);
+                                    }
+                                    else {
+                                        const next = id;
+                                        if (next === "ollama") {
+                                            const key = await requestSecret({
+                                                title: "Ollama host URL",
+                                                prompt: `Enter host URL for Ollama:`,
+                                            });
+                                            if (!key) {
+                                                info("cancelled");
+                                                return;
+                                            }
+                                            updateConfig({ ollamaHost: key.trim() });
+                                            info(`saved ollama host → ${key.trim()}`);
+                                            return;
+                                        }
+                                        const secret = await getProviderSecret(next);
+                                        if (secret.value) {
+                                            const reset = await new Promise((resolveConfirm) => {
+                                                confirmResolver.current = resolveConfirm;
+                                                dispatch({
+                                                    type: "event",
+                                                    event: {
+                                                        type: "confirm-request",
+                                                        id: "c",
+                                                        kind: "reset",
+                                                        prompt: `${next} already has a key (${maskSecret(secret.value)}). Reset it?`,
+                                                    },
+                                                });
+                                            });
+                                            if (!reset) {
+                                                info("cancelled");
+                                                return;
+                                            }
+                                        }
+                                        const key = await requestSecret({
+                                            title: `${next} API key`,
+                                            prompt: `Enter API key for ${next}:`,
+                                        });
+                                        if (!key) {
+                                            info("cancelled");
+                                            return;
+                                        }
+                                        if (!getProvider(next).validateKey(key.trim())) {
+                                            warn(`invalid API key format for ${next}`);
+                                            return;
+                                        }
+                                        await setProviderSecret(next, key.trim());
+                                        info(`saved ${next} ${maskSecret(key.trim())}`);
+                                    }
+                                })();
+                            },
+                        });
+                    }
+                    else {
+                        try {
+                            const isSearch = ["brave", "tavily", "duckduckgo"].includes(providerVal);
+                            if (isSearch) {
+                                const next = providerVal;
+                                if (next === "duckduckgo") {
+                                    info("duckduckgo is keyless and requires no setup");
+                                    return;
+                                }
+                                let key = keyVal;
+                                if (!key) {
+                                    const secret = await getSearchProviderKey(next);
+                                    if (secret.value) {
+                                        const reset = await new Promise((resolveConfirm) => {
+                                            confirmResolver.current = resolveConfirm;
+                                            dispatch({
+                                                type: "event",
+                                                event: {
+                                                    type: "confirm-request",
+                                                    id: "c",
+                                                    kind: "reset",
+                                                    prompt: `${next} already has a key (${maskSecret(secret.value)}). Reset it?`,
+                                                },
+                                            });
+                                        });
+                                        if (!reset) {
+                                            info("cancelled");
+                                            return;
+                                        }
+                                    }
+                                    key = await requestSecret({
+                                        title: `${next} API key`,
+                                        prompt: `Enter API key for ${next}:`,
+                                    });
+                                    if (!key) {
+                                        info("cancelled");
+                                        return;
+                                    }
+                                }
+                                await setSecret("search", next, key.trim());
+                                info(`saved ${next} ${maskSecret(key.trim())}`);
+                            }
+                            else {
+                                const next = assertProvider(providerVal);
+                                if (next === "ollama") {
+                                    let key = keyVal;
+                                    if (!key) {
+                                        key = await requestSecret({
+                                            title: "Ollama host URL",
+                                            prompt: `Enter host URL for Ollama:`,
+                                        });
+                                        if (!key) {
+                                            info("cancelled");
+                                            return;
+                                        }
+                                    }
+                                    updateConfig({ ollamaHost: key.trim() });
+                                    info(`saved ollama host → ${key.trim()}`);
+                                    return;
+                                }
+                                let key = keyVal;
+                                if (!key) {
+                                    const secret = await getProviderSecret(next);
+                                    if (secret.value) {
+                                        const reset = await new Promise((resolveConfirm) => {
+                                            confirmResolver.current = resolveConfirm;
+                                            dispatch({
+                                                type: "event",
+                                                event: {
+                                                    type: "confirm-request",
+                                                    id: "c",
+                                                    kind: "reset",
+                                                    prompt: `${next} already has a key (${maskSecret(secret.value)}). Reset it?`,
+                                                },
+                                            });
+                                        });
+                                        if (!reset) {
+                                            info("cancelled");
+                                            return;
+                                        }
+                                    }
+                                    key = await requestSecret({
+                                        title: `${next} API key`,
+                                        prompt: `Enter API key for ${next}:`,
+                                    });
+                                    if (!key) {
+                                        info("cancelled");
+                                        return;
+                                    }
+                                }
+                                if (!getProvider(next).validateKey(key.trim())) {
+                                    warn(`invalid API key format for ${next}`);
+                                    return;
+                                }
+                                await setProviderSecret(next, key.trim());
+                                info(`saved ${next} ${maskSecret(key.trim())}`);
+                            }
+                        }
+                        catch (e) {
+                            warn(e.message);
+                        }
+                    }
+                })();
+                return true;
+            }
+            case "/unset": {
+                const parts = arg.split(/\s+/).filter(Boolean);
+                const providerVal = parts[0];
+                void (async () => {
+                    if (!providerVal) {
+                        const llm = await listProviderStatuses(provider);
+                        const activeSearch = getConfig().activeSearchProvider;
+                        const search = await Promise.all(searchProviderIds.map(async (id) => {
+                            const secret = await getSearchProviderKey(id);
+                            const keyless = id === "duckduckgo";
+                            return {
+                                provider: id,
+                                configured: keyless || Boolean(secret.value),
+                                maskedKey: secret.value ? maskSecret(secret.value) : undefined,
+                            };
+                        }));
+                        setOverlay({
+                            kind: "picker",
+                            title: "Unset API key for provider",
+                            options: [
+                                ...llm.map((status) => ({
+                                    value: `llm:${status.provider}`,
+                                    label: `${status.provider.padEnd(12)} ${status.configured ? chalk.green("✓ ") + (status.maskedKey ?? "key set") : chalk.red("✗ no key")}${status.active ? " (active)" : ""}`,
+                                    description: status.model,
+                                })),
+                                ...search.map((status) => ({
+                                    value: `search:${status.provider}`,
+                                    label: `${status.provider.padEnd(12)} ${status.configured ? chalk.green("✓ ") + (status.maskedKey ?? "keyless") : chalk.red("✗ no key")}`,
+                                    description: `Search provider${status.provider === activeSearch ? " (active)" : ""}`,
+                                })),
+                            ],
+                            onSelect: (val) => {
+                                setOverlay({ kind: "none" });
+                                void (async () => {
+                                    const isSearch = val.startsWith("search:");
+                                    const id = val.split(":")[1];
+                                    if (isSearch) {
+                                        const next = id;
+                                        if (next === "duckduckgo") {
+                                            info("duckduckgo requires no credentials and cannot be unset");
+                                            return;
+                                        }
+                                        const secret = await getSearchProviderKey(next);
+                                        if (!secret.value) {
+                                            warn(`${next} has no key to unset`);
+                                            return;
+                                        }
+                                        const { unsetSearchProviderKey } = await import("../commands/search-providers.js");
+                                        await unsetSearchProviderKey(next);
+                                        info(`unset ${next}`);
+                                    }
+                                    else {
+                                        const next = id;
+                                        if (next === "ollama") {
+                                            info("ollama does not store an API key");
+                                            return;
+                                        }
+                                        const secret = await getProviderSecret(next);
+                                        if (!secret.value) {
+                                            warn(`${next} has no key to unset`);
+                                            return;
+                                        }
+                                        await unsetProviderSecret(next);
+                                        info(`unset ${next}`);
+                                    }
+                                })();
+                            },
+                        });
+                    }
+                    else {
+                        try {
+                            const isSearch = ["brave", "tavily", "duckduckgo"].includes(providerVal);
+                            if (isSearch) {
+                                const next = providerVal;
+                                if (next === "duckduckgo") {
+                                    info("duckduckgo requires no credentials and cannot be unset");
+                                    return;
+                                }
+                                const secret = await getSearchProviderKey(next);
+                                if (!secret.value) {
+                                    warn(`${next} has no key to unset`);
+                                    return;
+                                }
+                                const { unsetSearchProviderKey } = await import("../commands/search-providers.js");
+                                await unsetSearchProviderKey(next);
+                                info(`unset ${next}`);
+                            }
+                            else {
+                                const next = assertProvider(providerVal);
+                                if (next === "ollama") {
+                                    info("ollama does not store an API key");
+                                    return;
+                                }
+                                const secret = await getProviderSecret(next);
+                                if (!secret.value) {
+                                    warn(`${next} has no key to unset`);
+                                    return;
+                                }
+                                await unsetProviderSecret(next);
+                                info(`unset ${next}`);
+                            }
+                        }
+                        catch (e) {
+                            warn(e.message);
+                        }
+                    }
+                })();
+                return true;
+            }
             case "/update":
-                info(`${cmd} manages external credentials or updates; use the equivalent \`clai ${cmd.slice(1)}\` command outside the TUI`);
+                info(`${cmd} manages updates; use the equivalent \`clai update\` command outside the TUI`);
                 return true;
             case "/help":
                 setOverlay({
@@ -763,9 +1204,30 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
             case "/quit":
                 exitTui();
                 return true;
-            default: return false;
+            default:
+                return false;
         }
-    }, [activateProvider, activateSearchProvider, chooseModel, chooseProvider, chooseReasoning, chooseSearchProvider, compacting, exitTui, mouseMode, noHistory, provider, runner, runImplement, lastToolOutput, openToolOutput, setReasoning, state.items]);
+    }, [
+        activateProvider,
+        activateSearchProvider,
+        chooseModel,
+        chooseProvider,
+        chooseReasoning,
+        chooseSearchProvider,
+        compacting,
+        exitTui,
+        mouseMode,
+        noHistory,
+        provider,
+        runner,
+        runImplement,
+        lastToolOutput,
+        openToolOutput,
+        setReasoning,
+        state.items,
+        requestSecret,
+        setOverlay,
+    ]);
     const submitText = useCallback((text) => {
         const trimmed = text.trim();
         if (!trimmed)
@@ -780,7 +1242,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         // token is an actual clai command; file paths remain normal prompts.
         if (trimmed.startsWith("/") && isKnownSlashCommand(trimmed)) {
             if (!handleLocalSlash(trimmed))
-                dispatch({ type: "notice", level: "warn", text: `unknown command: ${trimmed}` });
+                dispatch({
+                    type: "notice",
+                    level: "warn",
+                    text: `unknown command: ${trimmed}`,
+                });
             return;
         }
         if (shouldStoreInPromptHistory(trimmed))
@@ -821,7 +1287,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
     const statusH = state.pendingConfirm ? 6 : secretRequest ? 7 : 1;
     const composerH = 3;
     const maxMenuRows = Math.max(3, usableRows - headerH - statusH - composerH - 3);
-    const menuH = slashMenuOpen ? Math.min(suggestions.length, maxMenuRows) : fileMenuOpen ? fileSuggestions.length : 0;
+    const menuH = slashMenuOpen
+        ? Math.min(suggestions.length, maxMenuRows)
+        : fileMenuOpen
+            ? fileSuggestions.length
+            : 0;
     const viewportH = Math.max(3, usableRows - headerH - statusH - composerH - menuH);
     const slashWindowStart = slashMenuOpen
         ? Math.min(Math.max(0, selected - Math.floor(menuH / 2)), Math.max(0, suggestions.length - menuH))
@@ -855,7 +1325,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                 setScroll((value) => Math.max(0, value - 3));
         };
         stdin.on("data", onData);
-        return () => { stdin.off("data", onData); };
+        return () => {
+            stdin.off("data", onData);
+        };
     }, [stdin, modalActive, maxOffset]);
     // ── Key handling ────────────────────────────────────────────────────────────
     useInput((ch, key) => {
@@ -870,9 +1342,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
             return;
         }
         if (key.ctrl && ch === "o") {
-            const last = lastToolOutput();
-            if (last)
-                void openToolOutput(last);
+            const hasOutput = state.items.some((item) => item.kind === "tool" && Boolean(item.output));
+            if (hasOutput)
+                dispatch({ type: "toggle-output" });
             else
                 dispatch({ type: "notice", level: "info", text: "no tool output yet" });
             return;
@@ -881,9 +1353,17 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
             void (async () => {
                 const plan = await loadPlan(runner.getSession().sessionId).catch(() => undefined);
                 if (plan)
-                    setOverlay({ kind: "pager", title: "Plan", body: renderPlanDocument(plan) });
+                    setOverlay({
+                        kind: "pager",
+                        title: "Plan",
+                        body: renderPlanDocument(plan),
+                    });
                 else
-                    dispatch({ type: "notice", level: "info", text: "no active plan yet" });
+                    dispatch({
+                        type: "notice",
+                        level: "info",
+                        text: "no active plan yet",
+                    });
             })();
             return;
         }
@@ -917,7 +1397,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
             return;
         }
         if (key.escape) {
-            if (runner.isRunning())
+            if (state.outputExpanded)
+                dispatch({ type: "toggle-output" });
+            else if (runner.isRunning())
                 runner.abort();
             else if (input) {
                 setInput("");
@@ -984,7 +1466,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                 return;
             if (historyIdx.current < 0)
                 historyDraft.current = input;
-            const idx = historyIdx.current < 0 ? history.current.length - 1 : Math.max(0, historyIdx.current - 1);
+            const idx = historyIdx.current < 0
+                ? history.current.length - 1
+                : Math.max(0, historyIdx.current - 1);
             historyIdx.current = idx;
             const v = history.current[idx] ?? "";
             setInput(v);
@@ -1044,17 +1528,31 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
     const before = input.slice(0, cursor);
     const at = input.slice(cursor, cursor + 1) || " ";
     const after = input.slice(cursor + 1);
-    return (_jsxs(Box, { flexDirection: "column", width: cols, height: usableRows, children: [_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", marginX: 2, paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { children: [_jsx(Text, { backgroundColor: "#2563EB", color: "#FFFFFF", bold: true, children: " \u25C6 clai " }), _jsxs(Text, { color: "#94A3B8", children: ["  v", version] })] }), _jsxs(Text, { children: [_jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ${mode.toUpperCase()} ` }), _jsx(Text, { color: "#94A3B8", children: " MODE" })] })] }), _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: "green", children: provider }), _jsx(Text, { dimColor: true, children: "  /  " }), _jsx(Text, { color: "cyan", children: model }), _jsx(Text, { dimColor: true, children: `  ·  ${safeCwd()}` }), offset > 0 ? _jsx(Text, { color: "yellow", children: `  ·  ▲ ${offset}` }) : null] })] }), overlay.kind === "pager" ? (_jsx(Pager, { title: overlay.title, body: overlay.body, height: viewportH, onClose: closeOverlay })) : overlay.kind === "jobs" ? (_jsx(JobsPanel, { jobs: jobs, onClose: closeOverlay })) : overlay.kind === "picker" ? (_jsx(PickerPanel, { title: overlay.title, options: overlay.options, height: viewportH, onSelect: overlay.onSelect, onClose: closeOverlay })) : (_jsx(Box, { flexDirection: "column", height: viewportH, children: visible.map((line, i) => (_jsx(Text, { wrap: "wrap", children: line === "" ? " " : line }, i))) })), slashMenuOpen && !modalActive
+    return (_jsxs(Box, { flexDirection: "column", width: cols, height: usableRows, children: [_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", marginX: 2, paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { children: [_jsxs(Text, { backgroundColor: "#2563EB", color: "#FFFFFF", bold: true, children: [" ", "\u25C6 clai", " "] }), _jsxs(Text, { color: "#94A3B8", children: [" v", version] })] }), _jsxs(Text, { children: [_jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ${mode.toUpperCase()} ` }), _jsx(Text, { color: "#94A3B8", children: " MODE" })] })] }), _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: "green", children: provider }), _jsx(Text, { dimColor: true, children: " / " }), _jsx(Text, { color: "cyan", children: model }), _jsx(Text, { dimColor: true, children: `  ·  ${safeCwd()}` }), offset > 0 ? _jsx(Text, { color: "yellow", children: `  ·  ▲ ${offset}` }) : null] })] }), overlay.kind === "pager" ? (_jsx(Pager, { title: overlay.title, body: overlay.body, height: viewportH, onClose: closeOverlay })) : overlay.kind === "jobs" ? (_jsx(JobsPanel, { jobs: jobs, onClose: closeOverlay })) : overlay.kind === "picker" ? (_jsx(PickerPanel, { title: overlay.title, options: overlay.options, height: viewportH, onSelect: overlay.onSelect, onClose: closeOverlay })) : (_jsx(Box, { flexDirection: "column", height: viewportH, children: visible.map((line, i) => (_jsx(Text, { wrap: "wrap", children: line === "" ? " " : line }, i))) })), slashMenuOpen && !modalActive
                 ? visibleSlashSuggestions.map((cmd, i) => {
                     const absoluteIndex = slashWindowStart + i;
-                    return (_jsxs(Text, { wrap: "truncate-end", backgroundColor: absoluteIndex === selected ? "#2563EB" : absoluteIndex % 2 === 0 ? "#1E293B" : "#0F172A", children: [_jsxs(Text, { color: absoluteIndex === selected ? "#FFFFFF" : "#67E8F9", bold: true, children: [absoluteIndex === selected ? " ❯ " : "   ", cmd.command.padEnd(14)] }), cmd.usage ? _jsxs(Text, { color: absoluteIndex === selected ? "#FFFFFF" : "#CBD5E1", children: [cmd.usage, " "] }) : null, _jsxs(Text, { color: "#F8FAFC", children: ["  ", cmd.description] }), i === visibleSlashSuggestions.length - 1 && slashWindowStart + menuH < suggestions.length
-                                ? _jsx(Text, { dimColor: true, children: `  · ${suggestions.length - slashWindowStart - menuH} more ↓` })
-                                : null] }, cmd.command));
+                    return (_jsxs(Text, { wrap: "truncate-end", backgroundColor: absoluteIndex === selected
+                            ? "#2563EB"
+                            : absoluteIndex % 2 === 0
+                                ? "#1E293B"
+                                : "#0F172A", children: [_jsxs(Text, { color: absoluteIndex === selected ? "#FFFFFF" : "#67E8F9", bold: true, children: [absoluteIndex === selected ? " ❯ " : "   ", cmd.command.padEnd(14)] }), cmd.usage ? (_jsxs(Text, { color: absoluteIndex === selected ? "#FFFFFF" : "#CBD5E1", children: [cmd.usage, " "] })) : null, _jsxs(Text, { color: "#F8FAFC", children: ["  ", cmd.description] }), i === visibleSlashSuggestions.length - 1 &&
+                                slashWindowStart + menuH < suggestions.length ? (_jsx(Text, { dimColor: true, children: `  · ${suggestions.length - slashWindowStart - menuH} more ↓` })) : null] }, cmd.command));
                 })
                 : null, fileMenuOpen && !modalActive
-                ? fileSuggestions.map((file, i) => (_jsxs(Text, { wrap: "truncate-end", backgroundColor: i === selected ? "#2563EB" : i % 2 === 0 ? "#1E293B" : "#0F172A", children: [_jsxs(Text, { color: i === selected ? "#FFFFFF" : file.isDir ? "#67E8F9" : "#F8FAFC", bold: i === selected, children: [i === selected ? "❯ " : "  ", file.isDir ? "▸ " : "· ", file.value] }), _jsx(Text, { dimColor: true, children: file.isDir ? "  directory" : "  attach file" })] }, file.value)))
-                : null, secretRequest ? (_jsx(SecretInputPanel, { title: secretRequest.title, prompt: secretRequest.prompt, onSubmit: (value) => answerSecret(value), onCancel: () => answerSecret(undefined) })) : state.pendingConfirm ? (_jsx(ConfirmModal, { confirm: state.pendingConfirm, onAnswer: answerConfirm })) : (_jsx(Box, { children: compacting ? (_jsxs(Text, { children: [_jsxs(Text, { color: "magenta", children: [spinner, " "] }), _jsx(Text, { color: "yellow", children: "compacting conversation\u2026" })] })) : state.status.running ? (_jsxs(Text, { children: [_jsxs(Text, { color: "magenta", children: [spinner, " "] }), _jsx(Text, { color: "yellow", children: state.status.activity || "working" }), state.status.step > 0 ? _jsx(Text, { dimColor: true, children: ` · step ${state.status.step}` }) : null, _jsx(Text, { dimColor: true, children: ` · ${elapsed}s · esc to cancel` }), state.queued.length > 0 ? _jsx(Text, { dimColor: true, children: ` · ${state.queued.length} queued` }) : null] })) : null })), _jsxs(Box, { borderStyle: "round", borderColor: state.pendingConfirm || secretRequest ? "yellow" : state.status.running ? "yellow" : "cyan", paddingX: 1, children: [_jsx(Text, { color: state.status.running ? "yellow" : "cyan", bold: true, children: state.pendingConfirm || secretRequest ? "! " : "❯ " }), secretRequest ? (_jsx(Text, { bold: true, children: "Input locked \u00B7 complete the secure input above" })) : state.pendingConfirm ? (_jsx(Text, { bold: true, children: "Input locked \u00B7 answer the confirmation above with Y or N" })) : input.length === 0 ? (_jsx(Text, { dimColor: true, children: state.status.running
+                ? fileSuggestions.map((file, i) => (_jsxs(Text, { wrap: "truncate-end", backgroundColor: i === selected ? "#2563EB" : i % 2 === 0 ? "#1E293B" : "#0F172A", children: [_jsxs(Text, { color: i === selected
+                                ? "#FFFFFF"
+                                : file.isDir
+                                    ? "#67E8F9"
+                                    : "#F8FAFC", bold: i === selected, children: [i === selected ? "❯ " : "  ", file.isDir ? "▸ " : "· ", file.value] }), _jsx(Text, { dimColor: true, children: file.isDir ? "  directory" : "  attach file" })] }, file.value)))
+                : null, secretRequest ? (_jsx(SecretInputPanel, { title: secretRequest.title, prompt: secretRequest.prompt, onSubmit: (value) => answerSecret(value), onCancel: () => answerSecret(undefined) })) : state.pendingConfirm ? (_jsx(ConfirmModal, { confirm: state.pendingConfirm, onAnswer: answerConfirm })) : (_jsx(Box, { children: compacting ? (_jsxs(Text, { children: [_jsxs(Text, { color: "magenta", children: [spinner, " "] }), _jsx(Text, { color: "yellow", children: "compacting conversation\u2026" })] })) : state.status.running ? (_jsxs(Text, { children: [_jsxs(Text, { color: "magenta", children: [spinner, " "] }), _jsx(Text, { color: "yellow", children: state.status.activity || "working" }), state.status.step > 0 ? (_jsx(Text, { dimColor: true, children: ` · step ${state.status.step}` })) : null, _jsx(Text, { dimColor: true, children: ` · ${elapsed}s · esc to cancel` }), state.queued.length > 0 ? (_jsx(Text, { dimColor: true, children: ` · ${state.queued.length} queued` })) : null] })) : null })), _jsxs(Box, { borderStyle: "round", borderColor: state.pendingConfirm || secretRequest
+                    ? "yellow"
+                    : state.status.running
+                        ? "yellow"
+                        : "cyan", paddingX: 1, children: [_jsx(Text, { color: state.status.running ? "yellow" : "cyan", bold: true, children: state.pendingConfirm || secretRequest ? "! " : "❯ " }), secretRequest ? (_jsx(Text, { bold: true, children: "Input locked \u00B7 complete the secure input above" })) : state.pendingConfirm ? (_jsx(Text, { bold: true, children: "Input locked \u00B7 answer the confirmation above with Y or N" })) : input.length === 0 ? (_jsx(Text, { dimColor: true, children: state.status.running
                             ? "type to queue a message…"
-                            : "ask anything · / for commands · @file to attach · esc to cancel" })) : (_jsxs(Text, { wrap: "truncate-start", children: [_jsx(Text, { color: "#F8FAFC", children: before }), _jsx(Text, { backgroundColor: "#22D3EE", color: "#020617", bold: true, children: at }), _jsx(Text, { color: "#F8FAFC", children: after })] }))] }), !secretRequest && !state.pendingConfirm && !state.status.running && !compacting ? (_jsxs(Box, { paddingX: 1, children: [_jsx(Text, { backgroundColor: "#166534", color: "#FFFFFF", bold: true, children: " READY " }), state.queued.length > 0 ? _jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ${state.queued.length} QUEUED ` }) : null, _jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: "#334155", color: "#F8FAFC", children: " / COMMANDS " }), _jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: "#334155", color: "#F8FAFC", children: " CTRL+T THINKING " }), _jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: "#334155", color: "#F8FAFC", children: " CTRL+O OUTPUT " }), _jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: mouseMode ? "#155E75" : "#334155", color: "#F8FAFC", children: ` MOUSE ${mouseMode ? "ON" : "OFF"} ` })] })) : null] }));
+                            : "ask anything · / for commands · @file to attach · esc to cancel" })) : (_jsxs(Text, { wrap: "truncate-start", children: [_jsx(Text, { color: "#F8FAFC", children: before }), _jsx(Text, { backgroundColor: "#22D3EE", color: "#020617", bold: true, children: at }), _jsx(Text, { color: "#F8FAFC", children: after })] }))] }), !secretRequest &&
+                !state.pendingConfirm &&
+                !state.status.running &&
+                !compacting ? (_jsxs(Box, { paddingX: 1, justifyContent: "center", children: [_jsxs(Text, { backgroundColor: "#166534", color: "#FFFFFF", bold: true, children: [" ", "READY", " "] }), state.queued.length > 0 ? (_jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ${state.queued.length} QUEUED ` })) : null, _jsx(Text, { children: " " }), _jsxs(Text, { backgroundColor: "#334155", color: "#F8FAFC", children: [" ", "/ COMMANDS", " "] }), _jsx(Text, { children: " " }), _jsxs(Text, { backgroundColor: "#334155", color: "#F8FAFC", children: [" ", "CTRL+T THINKING", " "] }), _jsx(Text, { children: " " }), _jsxs(Text, { backgroundColor: "#334155", color: "#F8FAFC", children: [" ", "CTRL+O OUTPUT", " "] }), _jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: mouseMode ? "#155E75" : "#334155", color: "#F8FAFC", children: ` MOUSE ${mouseMode ? "ON" : "OFF"} ` })] })) : null] }));
 }
 //# sourceMappingURL=App.js.map