@pentoshi/clai 2.0.26 → 2.0.27

package/dist/tui/App.js

@@ -16,6 +16,7 @@ import { modelSupportsThinking, modelSupportsVision, } from "../llm/capabilities
 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 { generateSessionTitle } from "../agent/session-title.js";
 import { safeCwd } from "../os/cwd.js";
 import { resolve } from "node:path";
 import { existsSync } from "node:fs";
@@ -41,6 +42,18 @@ import { addScopeTargets, clearScope, loadScope, saveScope, } from "../store/sco
 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";
+function truncateMiddle(text, maxWidth) {
+    if (maxWidth <= 0)
+        return "";
+    if (text.length <= maxWidth)
+        return text;
+    if (maxWidth <= 1)
+        return "…";
+    const keep = maxWidth - 1;
+    const head = Math.ceil(keep * 0.6);
+    const tail = Math.floor(keep * 0.4);
+    return `${text.slice(0, head)}…${text.slice(Math.max(0, text.length - tail))}`;
+}
 function wrapPlainString(text, width) {
     if (text.length === 0) {
         return [{ lineText: "", startIdx: 0, endIdx: 0 }];
@@ -51,7 +64,11 @@ function wrapPlainString(text, width) {
     for (let p = 0; p < paragraphs.length; p++) {
         const para = paragraphs[p];
         if (para.length === 0) {
-            lines.push({ lineText: "", startIdx: currentOffset, endIdx: currentOffset });
+            lines.push({
+                lineText: "",
+                startIdx: currentOffset,
+                endIdx: currentOffset,
+            });
         }
         else {
             let idx = 0;
@@ -86,6 +103,37 @@ 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;
+/** Compact "time ago" label for history rows, e.g. "3m", "5h", "2d". */
+function relativeTime(iso) {
+    const then = Date.parse(iso);
+    if (Number.isNaN(then))
+        return "";
+    const diffMs = Date.now() - then;
+    if (diffMs < 0)
+        return "just now";
+    const sec = Math.floor(diffMs / 1000);
+    if (sec < 60)
+        return "just now";
+    const min = Math.floor(sec / 60);
+    if (min < 60)
+        return `${min}m ago`;
+    const hr = Math.floor(min / 60);
+    if (hr < 24)
+        return `${hr}h ago`;
+    const day = Math.floor(hr / 24);
+    if (day < 30)
+        return `${day}d ago`;
+    const mon = Math.floor(day / 30);
+    if (mon < 12)
+        return `${mon}mo ago`;
+    return `${Math.floor(mon / 12)}y ago`;
+}
+/** Last path segment of a cwd, for a short location hint in history rows. */
+function shortCwd(cwd) {
+    const trimmed = cwd.replace(/[\\/]+$/, "");
+    const base = trimmed.split(/[\\/]/).pop() ?? trimmed;
+    return base || trimmed;
+}
 export function App({ version, initialMode, provider: initialProvider, initialModel, noHistory = false, }) {
     const { exit } = useApp();
     const { stdin } = useStdin();
@@ -113,6 +161,14 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
     const autosaveTimer = useRef(undefined);
     const latestItems = useRef(state.items);
     latestItems.current = state.items;
+    // Tracks model-generated session titles. `titledAtUserCount` records the
+    // number of user turns the current title was generated from, so we can
+    // refresh the title as the conversation grows past it without regenerating
+    // on every single turn. Reset whenever a fresh session starts.
+    const titleRef = useRef({
+        titledAtUserCount: 0,
+        inFlight: false,
+    });
     const compactAbortRef = useRef(undefined);
     const cancelCompaction = useCallback(() => {
         if (compactAbortRef.current) {
@@ -152,6 +208,11 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         confirm: confirmController.port,
         getContext: useCallback(() => ctxRef.current, []),
         requestSecret,
+        onSwitchToAgent: useCallback(() => {
+            setMode("agent");
+            setDefaultMode("agent");
+            dispatch({ type: "notice", level: "info", text: "mode → agent" });
+        }, []),
     });
     const exitTui = useCallback(() => {
         void (async () => {
@@ -162,6 +223,46 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
             exit();
         })();
     }, [exit, noHistory, runner, state.items]);
+    // Generate (and later refresh) a concise, model-written title for the
+    // active session. Runs only when a real exchange exists, throttles by user
+    // turn count, and guards against overlapping requests and session resets.
+    const maybeUpdateTitle = useCallback((sessionId) => {
+        if (noHistory || getConfig().privateMode)
+            return;
+        if (titleRef.current.inFlight)
+            return;
+        const messages = runner.getMessages();
+        const userCount = messages.filter((m) => m.role === "user").length;
+        const hasAssistant = messages.some((m) => m.role === "assistant" && m.content.trim().length > 0);
+        if (userCount === 0 || !hasAssistant)
+            return;
+        const titledAt = titleRef.current.titledAtUserCount;
+        // Title on the first completed exchange, then refresh once two more
+        // user turns have accumulated so the name tracks the evolving topic.
+        const shouldGenerate = titledAt === 0 || userCount - titledAt >= 2;
+        if (!shouldGenerate)
+            return;
+        titleRef.current.inFlight = true;
+        const targetCount = userCount;
+        const ctx = ctxRef.current;
+        void generateSessionTitle(messages, {
+            provider: ctx.provider,
+            model: ctx.model,
+        })
+            .then((title) => {
+            titleRef.current.inFlight = false;
+            if (!title)
+                return;
+            // Discard if the user started a new session while we were waiting.
+            if (runner.getSession().sessionId !== sessionId)
+                return;
+            titleRef.current.titledAtUserCount = targetCount;
+            void upsertSession(sessionId, runner.getMessages(), title, latestItems.current).catch(() => undefined);
+        })
+            .catch(() => {
+            titleRef.current.inFlight = false;
+        });
+    }, [noHistory, runner]);
     useEffect(() => {
         if (noHistory || getConfig().privateMode)
             return;
@@ -171,22 +272,27 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
             clearTimeout(autosaveTimer.current);
         autosaveTimer.current = setTimeout(() => {
             const messages = runner.getMessages();
-            if (messages.length === 0 && state.items.length === 0)
+            // Only persist sessions that contain an actual conversation. This keeps
+            // `/new` with no input, or a cleared-then-exited session (notices only,
+            // no user turns), out of the history list.
+            if (!messages.some((m) => m.role === "user"))
                 return;
-            void upsertSession(runner.getSession().sessionId, messages, undefined, state.items).catch(() => undefined);
+            const sessionId = runner.getSession().sessionId;
+            void upsertSession(sessionId, messages, undefined, state.items).catch(() => undefined);
+            maybeUpdateTitle(sessionId);
         }, 250);
         return () => {
             if (autosaveTimer.current)
                 clearTimeout(autosaveTimer.current);
         };
-    }, [noHistory, runner, state.items]);
+    }, [noHistory, runner, state.items, maybeUpdateTitle]);
     useEffect(() => () => {
         if (autosaveTimer.current)
             clearTimeout(autosaveTimer.current);
         const messages = runner.getMessages();
         if (!noHistory &&
             !getConfig().privateMode &&
-            (messages.length > 0 || latestItems.current.length > 0)) {
+            messages.some((m) => m.role === "user")) {
             void upsertSession(runner.getSession().sessionId, messages, undefined, latestItems.current).catch(() => undefined);
         }
     }, [noHistory, runner]);
@@ -206,13 +312,20 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
     }, [provider, model, startTurn]);
     useEffect(() => {
         if (!state.status.running &&
+            !state.pendingConfirm &&
             state.queued.length > 0 &&
             !runner.isRunning()) {
             const next = state.queued[0];
             dispatch({ type: "dequeue" });
             beginTurn(next);
         }
-    }, [state.status.running, state.queued, runner, beginTurn]);
+    }, [
+        state.status.running,
+        state.pendingConfirm,
+        state.queued,
+        runner,
+        beginTurn,
+    ]);
     const lastToolOutput = useCallback(() => {
         for (let i = state.items.length - 1; i >= 0; i -= 1) {
             const item = state.items[i];
@@ -257,6 +370,52 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
         });
         void startTurn("/implement", IMPLEMENT_PROMPT);
     }, [runner, startTurn]);
+    // After a turn ends, if the agent just created (or revised) a plan that is
+    // still a draft awaiting approval, prompt the user with a yes/no modal to
+    // implement it now or discard it. /implement and /discard remain available.
+    const maybePromptPlanApproval = useCallback(async () => {
+        const session = runner.getSession();
+        if (session.planApproved.value)
+            return;
+        if (confirmResolver.current)
+            return; // a confirm is already on screen
+        const plan = await loadPlan(session.sessionId).catch(() => undefined);
+        if (!plan || plan.status !== "draft" || plan.tasks.length === 0)
+            return;
+        const ok = await new Promise((res) => {
+            confirmResolver.current = res;
+            dispatch({
+                type: "event",
+                event: {
+                    type: "confirm-request",
+                    id: "plan",
+                    kind: "plan",
+                    prompt: `Implement this plan now? "${plan.goal}" — ${plan.tasks.length} task(s). (Y to implement · N to discard)`,
+                },
+            });
+        });
+        if (ok) {
+            await runImplement();
+        }
+        else {
+            await deletePlan(session.sessionId).catch(() => undefined);
+            session.planApproved.value = false;
+            dispatch({
+                type: "notice",
+                level: "info",
+                text: `plan discarded · ${plan.goal}`,
+            });
+        }
+    }, [runner, runImplement]);
+    // Detect a turn finishing (running true → false) and offer plan approval.
+    const prevRunningRef = useRef(false);
+    useEffect(() => {
+        const wasRunning = prevRunningRef.current;
+        prevRunningRef.current = state.status.running;
+        if (wasRunning && !state.status.running) {
+            void maybePromptPlanApproval();
+        }
+    }, [state.status.running, maybePromptPlanApproval]);
     const chooseModel = useCallback(async () => {
         const providerImpl = getProvider(provider);
         let models = [];
@@ -467,6 +626,7 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                     if (!noHistory && !getConfig().privateMode && messages.length > 0)
                         await saveSession(messages, undefined, state.items).catch(() => undefined);
                     runner.reset();
+                    titleRef.current = { titledAtUserCount: 0, inFlight: false };
                     dispatch({ type: "reset" });
                     info("fresh session started");
                 })();
@@ -474,6 +634,7 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
             case "/clean":
                 cancelCompaction();
                 runner.reset();
+                titleRef.current = { titledAtUserCount: 0, inFlight: false };
                 dispatch({ type: "reset" });
                 info("fresh session started");
                 return true;
@@ -667,24 +828,26 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                     .then((result) => {
                     if (ac.signal.aborted)
                         return;
-                    if (result.after === result.before && !result.summarized) {
-                        info("nothing to compact yet — more messages are required");
-                    }
-                    else {
-                        const memoMsg = result.messages.find((m) => m.role === "system" &&
-                            (m.content.startsWith("Session memory") ||
-                                m.content.startsWith("Earlier turns"))) ?? result.messages.find((m, i) => i > 0 && m.role === "system");
-                        const summary = !result.summarized && fullSession.trim()
-                            ? `Earlier turns in this session, summarized to fit the context budget. Full local transcript shown for review; the model received a compact fallback memory.\n\n${fullSession}`
-                            : memoMsg
-                                ? memoMsg.content
-                                : "Compacted context";
-                        dispatch({ type: "compacted", summary, keepRecent: 2 });
-                        info(`compacted ${result.before} → ${result.after} messages · ~${result.beforeTokens.toLocaleString()} → ~${result.afterTokens.toLocaleString()} tokens${result.summarized ? "" : " · local fallback"}`);
+                    if (!result.summarized || result.after === result.before) {
+                        info("nothing to compact yet — more conversation is needed");
+                        return;
                     }
+                    const memoMsg = result.messages.find((m) => m.role === "system" &&
+                        m.content.startsWith("Session memory")) ??
+                        result.messages.find((m, i) => i > 0 && m.role === "system");
+                    const summary = memoMsg ? memoMsg.content : "Compacted context";
+                    dispatch({ type: "compacted", summary, keepRecent: 2 });
+                    const freed = Math.max(0, result.beforeTokens - result.afterTokens);
+                    const pct = result.beforeTokens > 0
+                        ? Math.round((freed / result.beforeTokens) * 100)
+                        : 0;
+                    info(`context compacted — earlier turns summarized into a memory · ` +
+                        `freed ~${freed.toLocaleString()} tokens (${pct}% smaller, ` +
+                        `~${result.beforeTokens.toLocaleString()} → ~${result.afterTokens.toLocaleString()} est.)`);
                 })
                     .catch((error) => {
-                    if (ac.signal.aborted || (error instanceof Error && error.name === "AbortError")) {
+                    if (ac.signal.aborted ||
+                        (error instanceof Error && error.name === "AbortError")) {
                         info("compaction cancelled");
                     }
                     else {
@@ -721,22 +884,37 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                     setOverlay({
                         kind: "picker",
                         title: "Session history",
+                        twoLine: true,
                         options: [
                             ...(currentMessages.length
                                 ? [
                                     {
                                         value: "__current__",
                                         label: "Current session",
-                                        description: `${currentMessages.length} messages · active now`,
+                                        description: `active now · ${currentMessages.length} messages`,
                                         active: true,
                                     },
                                 ]
                                 : []),
-                            ...sessions.map((session) => ({
-                                value: session.id,
-                                label: session.name ?? session.id,
-                                description: `${session.createdAt.slice(0, 16).replace("T", " ")} · ${session.transcript?.length ?? session.messages.length} items`,
-                            })),
+                            ...sessions.map((session) => {
+                                const date = session.updatedAt ?? session.createdAt;
+                                const when = relativeTime(date);
+                                const stamp = date.slice(0, 16).replace("T", " ");
+                                const count = session.transcript?.length ?? session.messages.length;
+                                const where = shortCwd(session.cwd);
+                                const meta = [
+                                    when ? `${when} · ${stamp}` : stamp,
+                                    `${count} msgs`,
+                                    where,
+                                ]
+                                    .filter(Boolean)
+                                    .join("  ·  ");
+                                return {
+                                    value: session.id,
+                                    label: session.name ?? session.id,
+                                    description: meta,
+                                };
+                            }),
                         ],
                         onSelect: (id) => {
                             void (async () => {
@@ -751,7 +929,13 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                                     return;
                                 }
                                 cancelCompaction();
-                                runner.setMessages(session.messages);
+                                runner.setMessages(session.messages, session.id);
+                                // Keep the resumed session's existing title; only refresh
+                                // once the user adds new turns on top of it.
+                                titleRef.current = {
+                                    titledAtUserCount: session.messages.filter((m) => m.role === "user").length,
+                                    inFlight: false,
+                                };
                                 setOverlay({ kind: "none" });
                                 dispatch({
                                     type: "load-history",
@@ -951,7 +1135,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                             return {
                                 provider: id,
                                 configured: keyless || Boolean(secret.value),
-                                maskedKey: secret.value ? maskSecret(secret.value) : undefined,
+                                maskedKey: secret.value
+                                    ? maskSecret(secret.value)
+                                    : undefined,
                             };
                         }));
                         setOverlay({
@@ -1181,7 +1367,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                             return {
                                 provider: id,
                                 configured: keyless || Boolean(secret.value),
-                                maskedKey: secret.value ? maskSecret(secret.value) : undefined,
+                                maskedKey: secret.value
+                                    ? maskSecret(secret.value)
+                                    : undefined,
                             };
                         }));
                         setOverlay({
@@ -1474,7 +1662,9 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
     useInput((ch, key) => {
         if (modalActive)
             return; // overlay/modal owns input
-        const cleanedChunk = stripMouseReports(ch).replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+        const cleanedChunk = stripMouseReports(ch)
+            .replace(/\r\n/g, "\n")
+            .replace(/\r/g, "\n");
         if (isMouseReport(ch) && cleanedChunk.length === 0)
             return;
         // Global shortcuts
@@ -1694,7 +1884,26 @@ 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, paddingX: 2, children: [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, searchDescription: overlay.searchDescription, height: viewportH, onSelect: overlay.onSelect, onClose: closeOverlay })) : (_jsx(Box, { flexDirection: "column", height: viewportH, children: visible.map((line, i) => (_jsx(Text, { wrap: "truncate-end", children: line === "" ? " " : line }, i))) })), _jsx(Box, { height: gapH }), slashMenuOpen && !modalActive
+    const footerInnerWidth = Math.max(20, cols - 6); // outer paddingX(2) + footer paddingX(1)
+    const runningBadgeWidth = compacting
+        ? " COMPACTING ".length
+        : " RUNNING ".length;
+    const cancelBadgeWidth = " ESC CANCEL ".length;
+    const queuedBadgeWidth = state.queued.length > 0 ? ` ${state.queued.length} QUEUED `.length + 1 : 0;
+    const scrollBadgeWidth = (maxOffset > offset ? ` ▲ ${maxOffset - offset} `.length + 1 : 0) +
+        (offset > 0 ? ` ▼ ${offset} `.length + 1 : 0);
+    const spinnerWidth = 3; // spinner plus following space
+    const fixedRunningFooterWidth = runningBadgeWidth +
+        1 +
+        spinnerWidth +
+        1 +
+        cancelBadgeWidth +
+        queuedBadgeWidth +
+        scrollBadgeWidth;
+    const runningActivityWidth = Math.max(12, footerInnerWidth - fixedRunningFooterWidth);
+    const rawRunningActivity = `${compacting ? "compacting conversation" : state.status.activity || "working"}${state.status.step > 0 ? ` (step ${state.status.step})` : ""} · ${elapsed}s`;
+    const runningActivity = truncateMiddle(rawRunningActivity.replace(/\s+/g, " ").trim(), runningActivityWidth);
+    return (_jsxs(Box, { flexDirection: "column", width: cols, height: usableRows, paddingX: 2, children: [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, searchDescription: overlay.searchDescription, twoLine: overlay.twoLine, height: viewportH, onSelect: overlay.onSelect, onClose: closeOverlay })) : (_jsx(Box, { flexDirection: "column", height: viewportH, children: visible.map((line, i) => (_jsx(Text, { wrap: "truncate-end", children: line === "" ? " " : line }, i))) })), _jsx(Box, { height: gapH }), slashMenuOpen && !modalActive
                 ? visibleSlashSuggestions.map((cmd, i) => {
                     const absoluteIndex = slashWindowStart + i;
                     return (_jsxs(Text, { wrap: "truncate-end", backgroundColor: absoluteIndex === selected
@@ -1738,6 +1947,6 @@ export function App({ version, initialMode, provider: initialProvider, initialMo
                         const atSliced = slicedInput.slice(slicedCursor, slicedCursor + 1) || " ";
                         const afterSliced = slicedInput.slice(slicedCursor + 1);
                         return (_jsxs(Text, { wrap: "wrap", children: [_jsx(Text, { color: "#F8FAFC", children: beforeSliced }), _jsx(Text, { backgroundColor: "#22D3EE", color: "#020617", bold: true, children: atSliced }), _jsx(Text, { color: "#F8FAFC", children: afterSliced })] }));
-                    })())] }), !secretRequest && !state.pendingConfirm ? (_jsxs(Box, { paddingX: 1, justifyContent: "center", children: [state.status.running || compacting ? (_jsxs(_Fragment, { children: [_jsxs(Text, { backgroundColor: "#B45309", color: "#FFFFFF", bold: true, children: [" ", compacting ? "COMPACTING" : "RUNNING", " "] }), _jsx(Text, { children: " " }), _jsxs(Text, { color: "magenta", children: [spinner, " "] }), _jsxs(Text, { color: "yellow", children: [compacting ? "compacting conversation" : (state.status.activity || "working"), state.status.step > 0 ? ` (step ${state.status.step})` : "", ` · ${elapsed}s`] }), _jsx(Text, { children: " " }), _jsxs(Text, { backgroundColor: "#334155", color: "#F8FAFC", children: [" ", "ESC CANCEL", " "] }), state.queued.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ${state.queued.length} QUEUED ` })] })) : null] })) : (_jsxs(_Fragment, { 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"} ` })] })), maxOffset > offset ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ▲ ${maxOffset - offset} ` })] })) : null, offset > 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ▼ ${offset} ` })] })) : null] })) : null] }));
+                    })())] }), !secretRequest && !state.pendingConfirm ? (_jsxs(Box, { paddingX: 1, justifyContent: "center", children: [state.status.running || compacting ? (_jsxs(_Fragment, { children: [_jsxs(Text, { backgroundColor: "#B45309", color: "#FFFFFF", bold: true, children: [" ", compacting ? "COMPACTING" : "RUNNING", " "] }), _jsx(Text, { children: " " }), _jsxs(Text, { color: "magenta", children: [spinner, " "] }), _jsx(Box, { width: runningActivityWidth, flexShrink: 1, children: _jsx(Text, { color: "yellow", wrap: "truncate-end", children: runningActivity }) }), _jsx(Text, { children: " " }), _jsxs(Text, { backgroundColor: "#334155", color: "#F8FAFC", children: [" ", "ESC CANCEL", " "] }), state.queued.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ${state.queued.length} QUEUED ` })] })) : null] })) : (_jsxs(_Fragment, { 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"} ` })] })), maxOffset > offset ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ▲ ${maxOffset - offset} ` })] })) : null, offset > 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { backgroundColor: "#854D0E", color: "#FFFFFF", bold: true, children: ` ▼ ${offset} ` })] })) : null] })) : null] }));
 }
 //# sourceMappingURL=App.js.map