mindweave 2.4.2 → 2.4.5

package/dist/cli/App.js

@@ -38,6 +38,7 @@ import { APPROVAL_DISMISSED, APPROVAL_TEXT } from "../tools/approval.js";
 import { KeySetup } from "./components/KeySetup.js";
 import { setupView } from "./keySetup.js";
 import { KeyManager } from "./components/KeyManager.js";
+import { McpMinitabs } from "./components/McpMinitabs.js";
 import { providerRows, keyRowsFor, nextSlotFor } from "./keyManager.js";
 import { keysFor } from "./keyStore.js";
 import { TrustGate } from "./components/TrustGate.js";
@@ -74,6 +75,7 @@ import { currentInstall, requestRestart, runUpdate } from "./updateRunner.js";
 import { enableMouse, readMouse, readWheel } from "./mouse.js";
 import { applySelection, ctrlCShouldCopy, isEmpty, selectionText } from "./selection.js";
 import { latestScreen, repaintOverlay, setFrameOverlay } from "./framebuffer/overlay.js";
+import { requestFullRepaint } from "./framebuffer/writer.js";
 import { copyToClipboard } from "./clipboard.js";
 import { chatLayout, reflowScroll } from "./chatAnchor.js";
 import { growFill, INLINE_LIVE_RESERVE, NO_FILL } from "./startupFill.js";
@@ -92,7 +94,7 @@ import { workingVerb } from "./workingVerb.js";
 import { narrationPending, revealWait } from "./revealPace.js";
 import { summarizeTask, formatTokens } from "../dynamo/pricing.js";
 import { meterReset, meterDelta, meterTick, meterValue } from "../dynamo/liveMeter.js";
-import { addServerToConfig, configPathFor, parseAddSpec, removeServerFromConfig, splitArgs } from "../mcp/configWrite.js";
+import { addServerToConfig, configPathFor, parseAddSpec, removeServerFromConfig, resolveConfigPath, splitArgs } from "../mcp/configWrite.js";
 import { mapPromptArguments, promptCommand, promptUsage } from "../mcp/prompts.js";
 import { DEFAULT_MODE, modeById, modeFromFlags, nextMode } from "./modes.js";
 import { ApprovalChannel } from "./approvalChannel.js";
@@ -357,6 +359,13 @@ export function App({ resumeSessionId, initialScreen }) {
     // Distinct from the first-run setup screen, which only ever needs to get one key in.
     const [keysOpen, setKeysOpen] = useState(false);
     const [keysTick, setKeysTick] = useState(0);
+    // Opened by /mcp — the minitabs manager: a server list, and picking one drops into
+    // everything you can do to it. Its own footer overlay, same shape as /key's.
+    const [mcpOpen, setMcpOpen] = useState(false);
+    /** Which MCP servers we hold a stored credential for. Read when the box opens rather
+     *  than kept live: it changes only when someone signs in or out, both of which close
+     *  the box, and each entry is a file read that has no business on a render path. */
+    const [mcpSignedIn, setMcpSignedIn] = useState(() => new Set());
     // A /provider switch held back because that provider had no key. Finished the moment
     // one is saved for it, so choosing a provider and adding its key is one flow rather
     // than two commands with a dead end in between.
@@ -651,6 +660,14 @@ export function App({ resumeSessionId, initialScreen }) {
             // nothing else on screen would tell them their dev server had fallen over.
             if (kind === "ready")
                 continue;
+            // The watchdog flagged a running shell as stuck — a prompt it is blocked on, or a
+            // long silence on a command that should be working. Worth a line: otherwise it sits
+            // invisible until it times out.
+            if (kind === "stalled") {
+                const why = sh.stallReason === "prompt" ? "waiting for input?" : "no output for a while — stuck?";
+                addTool(`shell #${sh.id} (${clipCmd(sh.command)}) ${why}`, { error: true });
+                continue;
+            }
             if (sh.status === "killed" && sh.stoppedBy === "user")
                 continue;
             const verb = sh.status === "killed" ? "killed" : `finished — exit ${sh.exitCode}`;
@@ -666,7 +683,7 @@ export function App({ resumeSessionId, initialScreen }) {
             note(notice);
     }
     function attachApproval(s) {
-        s.toolContext.requestApproval = (q, o, detail, title) => askApproval.current(q, o, detail, title);
+        s.toolContext.requestApproval = (q, o, detail, title, freeText) => askApproval.current(q, o, detail, title, freeText);
         // Same stop Esc performs. A tool reaches for this when the USER has said, by
         // dismissing a question, that the work should not carry on without them.
         s.toolContext.interrupt = () => abortRef.current?.abort();
@@ -978,6 +995,11 @@ export function App({ resumeSessionId, initialScreen }) {
     // scrolled back down before the view moved at all. A flick or two past the top bought
     // a second of a wheel that did nothing, which reads as the app having frozen.
     const scrollBy = useCallback((lines) => {
+        // Repaint the whole next frame. A scroll can move a row out from under the
+        // framebuffer's model (see requestFullRepaint), which is what left a transcript row
+        // stranded on the pinned banner; a scroll already redraws almost every visible row, so
+        // redrawing the stable ones on top is nearly free and stops that.
+        requestFullRepaint();
         setScrollUp((s) => Math.max(0, Math.min(maxScrollRef.current, s + lines)));
     }, []);
     /**
@@ -1030,10 +1052,14 @@ export function App({ resumeSessionId, initialScreen }) {
         // back (see scrollPill.ts) names ctrl+End, so this is the half that makes the
         // chip true. CTRL is what keeps them off the input: plain End and Home belong to
         // the caret, whether or not the input claims them yet.
-        else if (key.end && key.ctrl)
+        else if (key.end && key.ctrl) {
+            requestFullRepaint();
             setScrollUp(0);
-        else if (key.home && key.ctrl)
+        }
+        else if (key.home && key.ctrl) {
+            requestFullRepaint();
             setScrollUp(maxScrollRef.current);
+        }
     }, { isActive: ready && overlay === null });
     // Leaving the reading view when it reaches the bottom needs no effect of its own:
     // `reading` is `scrollUp > 0`, so landing on zero — the wheel, the keys, ctrl+End, or
@@ -1212,11 +1238,21 @@ export function App({ resumeSessionId, initialScreen }) {
             return;
         }
         const caret = caretCell();
+        const { height, y } = measureElement(liveRef.current);
         if (!caret) {
-            setRowsBelowCaret(0);
+            // NO CARET IS NOT "NOTHING TO DO". It is declared null whenever the input is not the
+            // thing being typed into — a picker is open, a turn is in flight — and publishing
+            // zero there says "the cursor is already on the last row", which is a claim, not an
+            // absence. Exiting from that state left the cursor mid-frame and the shell printed
+            // its prompt across the conversation, one row per Enter.
+            //
+            // The whole region's height is the safe answer instead: CUD is clamped by the
+            // terminal at the bottom row, so overshooting costs a blank line and undershooting
+            // costs the corruption above. Only the full-screen shell publishes a true zero, and
+            // it means it — leaving the alternate buffer restores the cursor with it.
+            setRowsBelowCaret(Math.max(0, height - 1));
             return;
         }
-        const { height, y } = measureElement(liveRef.current);
         // `caretCell` reports the caret's row within the live region; `liveRef` measures that
         // region. The last row it drew is `height - 1`, so the gap is what remains below.
         setRowsBelowCaret(height - 1 - (caret.y - (y ?? 0)));
@@ -1307,6 +1343,7 @@ export function App({ resumeSessionId, initialScreen }) {
                 const hit = pillHit.current;
                 if (hit && hitsPill(hit, event.x, event.y)) {
                     clearSelection();
+                    requestFullRepaint();
                     setScrollUp(0);
                     continue;
                 }
@@ -1364,64 +1401,101 @@ export function App({ resumeSessionId, initialScreen }) {
         dispatch({ type: "endTurn" });
         setBusy(false);
     }
+    /**
+     * Write a server's config and connect it live — shared by the typed `/mcp add`, the
+     * `/mcp` box's Add and Edit, and (indirectly, through the same writer) the
+     * `add_mcp_server` tool. One path so a config any of them accepts is one the others
+     * would too. Connects immediately: writing the file and telling the user to restart
+     * would defeat the entire point of a guided add.
+     */
+    async function mcpWriteAndConnect(spec) {
+        const cur = session.current;
+        if (!cur)
+            return;
+        const path = configPathFor(spec.scope, cur.cwd);
+        try {
+            const written = await addServerToConfig(path, spec);
+            note(`${written.replaced ? "replaced" : "added"} '${spec.name}' in ${path} — connecting…`);
+            const status = await cur.toolContext.mcp?.addServer(spec.config);
+            if (status?.state === "connected") {
+                say(`${spec.name}: connected — ${status.toolCount} tool${status.toolCount === 1 ? "" : "s"} (protocol ${status.version}).`);
+            }
+            else if (status) {
+                // Say what went wrong HERE rather than leaving it to be discovered in /mcp: a
+                // typo'd command is the most likely outcome of typing this by hand.
+                say(`${spec.name}: ${status.state}${status.error ? ` — ${status.error}` : ""}. It's saved; fix the config and /mcp to retry.`);
+            }
+        }
+        catch (e) {
+            say(`Couldn't write ${path}: ${e instanceof Error ? e.message : String(e)}`);
+        }
+    }
+    /**
+     * Stop a server and take it out of the config — the file half AND the live half.
+     *
+     * The file half alone used to be the whole of `/mcp remove`, with its own reply saying
+     * "it stays connected until this session ends" — true, but not what "remove" sounds
+     * like it means. `mcp.removeServer` is the live half: it closes the connection and
+     * drops its tools from what the model is offered, right now, not at the next launch.
+     */
+    async function mcpRemove(name) {
+        const cur = session.current;
+        const mcp = cur?.toolContext.mcp;
+        if (!cur || !mcp)
+            return;
+        const gone = (await removeServerFromConfig(configPathFor("project", cur.cwd), name)) ||
+            (await removeServerFromConfig(configPathFor("global", cur.cwd), name));
+        const stopped = await mcp.removeServer(name);
+        if (!gone && !stopped)
+            return say(`No server called '${name}' is configured.`);
+        say(`Removed '${name}'${stopped ? " and stopped it" : " from the config (it was not running)"}.`);
+    }
     /**
      * `/mcp add <name> <command|url> [args…]` and `/mcp remove <name>`.
      *
      * Shares its parser and writer with the `add_mcp_server` tool, so a config the command
-     * accepts is exactly one the tool would, and vice versa. Connects immediately on add:
-     * writing the file and telling the user to restart would defeat the point.
+     * accepts is exactly one the tool would, and vice versa.
      */
     async function mcpConfigCommand(arg) {
-        const cur = session.current;
-        if (!cur)
-            return;
         const argv = splitArgs(arg);
         const verb = argv.shift();
         if (verb === "remove" || verb === "rm") {
             const target = argv[0];
             if (!target)
                 return say("Usage: /mcp remove <name>");
-            const root = cur.cwd;
-            const gone = (await removeServerFromConfig(configPathFor("project", root), target)) ||
-                (await removeServerFromConfig(configPathFor("global", root), target));
-            say(gone
-                ? `Removed '${target}' from the config. It stays connected until this session ends.`
-                : `No server called '${target}' is configured.`);
-            return;
+            return mcpRemove(target);
         }
         const parsed = parseAddSpec(argv);
         if (!parsed.ok)
             return say(parsed.error);
-        const path = configPathFor(parsed.spec.scope, cur.cwd);
+        await mcpWriteAndConnect(parsed.spec);
+    }
+    /**
+     * Flip a server's `disabled` flag and apply it live — the box's Enable/Disable.
+     *
+     * Reads the server's LIVE config rather than the file, because that is what is
+     * actually true right now; writes back to whichever file already defines it
+     * (`resolveConfigPath`), so this cannot create a second, shadowing entry for a
+     * server that already exists in the other config.
+     */
+    async function mcpSetDisabled(name, disabled) {
+        const cur = session.current;
+        const mcp = cur?.toolContext.mcp;
+        const config = mcp?.configFor(name);
+        if (!cur || !mcp || !config)
+            return;
+        const path = await resolveConfigPath(cur.cwd, name);
+        const scope = path === configPathFor("global", cur.cwd) ? "global" : "project";
+        const next = { ...config, disabled };
         try {
-            const written = await addServerToConfig(path, parsed.spec);
-            note(`${written.replaced ? "replaced" : "added"} '${parsed.spec.name}' in ${path} — connecting…`);
-            const status = await cur.toolContext.mcp?.addServer(parsed.spec.config);
-            if (status?.state === "connected") {
-                say(`${parsed.spec.name}: connected — ${status.toolCount} tool${status.toolCount === 1 ? "" : "s"} (protocol ${status.version}).`);
-            }
-            else if (status) {
-                // Say what went wrong HERE rather than leaving it to be discovered in /mcp: a
-                // typo'd command is the most likely outcome of typing this by hand.
-                say(`${parsed.spec.name}: ${status.state}${status.error ? ` — ${status.error}` : ""}. It's saved; fix the config and /mcp to retry.`);
-            }
+            await addServerToConfig(path, { name, scope, config: next });
+            await mcp.addServer(next);
+            note(`${name}: ${disabled ? "disabled" : "enabled"}.`);
         }
         catch (e) {
-            say(`Couldn't write ${path}: ${e instanceof Error ? e.message : String(e)}`);
+            note(`Couldn't update ${path}: ${e instanceof Error ? e.message : String(e)}`, { error: true });
         }
     }
-    // What Enter does on a /mcp row: review blocked tools if there are any, otherwise
-    // reconnect. Blocked tools take priority because that is the state the user cannot
-    // otherwise resolve — reconnecting will not clear a quarantine.
-    async function mcpAction(name) {
-        const mgr = session.current?.toolContext.mcp;
-        if (mgr && mgr.blockedCountFor(name) > 0) {
-            const allowed = await mgr.reviewQuarantine((q, options) => askApproval.current(q, options));
-            note(allowed ? `${name}: blocked tools allowed for this project.` : `${name}: tools stay blocked.`);
-            return;
-        }
-        await reconnectMcp(name);
-    }
     // Reconnect one MCP server by name, reporting the outcome in the chat rather than
     // silently. A server that stays down is the thing a user most needs told about.
     async function reconnectMcp(name) {
@@ -1439,6 +1513,57 @@ export function App({ resumeSessionId, initialScreen }) {
             note(`${name} is ${status.state}${status.error ? ` — ${status.error}` : ""}`);
         }
     }
+    /**
+     * Sign in to a remote MCP server. Closes the box first, for the same reason Review does:
+     * this takes a browser, a consent screen and a minute of the user's attention, and a
+     * footer overlay frozen on "signing in…" for that long is a frozen app.
+     *
+     * The URL is printed BEFORE the browser is launched. Launching silently fails on
+     * machines with no default browser or no desktop session at all, and the URL on screen
+     * is the difference between "nothing happened" and something the user can paste.
+     */
+    /**
+     * Sign in to a remote MCP server, reporting INTO the `/mcp` box rather than out here.
+     *
+     * Nothing is written to the transcript, and that is the point: the whole interaction
+     * belongs to one screen about one server, and the alternative was a running commentary
+     * ending in a 400-character URL pasted across the conversation. The box stays open and
+     * shows its own progress; this just does the work and hands back the line to show.
+     *
+     * Throws rather than reporting failure as a string, so the box can style it as an error
+     * and keep the server's own sentence, which is almost always the whole explanation.
+     */
+    async function mcpSignIn(name, handlers) {
+        const mgr = session.current?.toolContext.mcp;
+        if (!mgr)
+            throw new Error("no MCP manager in this session");
+        const status = await mgr.authenticate(name, handlers);
+        if (!status)
+            throw new Error(`${name} is no longer configured`);
+        if (status.state === "connected") {
+            return `${name} connected — ${status.toolCount} tool${status.toolCount === 1 ? "" : "s"}`;
+        }
+        throw new Error(status.error ? `${name} is ${status.state} — ${status.error}` : `${name} is ${status.state}`);
+    }
+    /** Drop a stored MCP credential. The connection is left running: it keeps working until
+     *  its current token is refused, and that 401 is what honestly returns it to needs-auth. */
+    async function mcpSignOut(name) {
+        const mgr = session.current?.toolContext.mcp;
+        if (!mgr)
+            return;
+        await mgr.signOut(name);
+        note(`signed out of ${name}.`);
+    }
+    /** Review blocked tools from the /mcp box: closes it first, since the approval channel
+     *  and the box's own screen cannot share the one footer surface at the same time. */
+    async function mcpReviewBlocked(name) {
+        setMcpOpen(false);
+        const mgr = session.current?.toolContext.mcp;
+        if (!mgr)
+            return;
+        const allowed = await mgr.reviewQuarantine((q, options) => askApproval.current(q, options));
+        note(allowed ? `${name}: blocked tools allowed for this project.` : `${name}: tools stay blocked.`);
+    }
     // Stop every root's background lane and any running shells from the current
     // session (before a swap).
     async function stopCurrentLanes() {
@@ -1522,6 +1647,11 @@ export function App({ resumeSessionId, initialScreen }) {
         const wait = revealWait({ flush: flush.current });
         pumpTimer.current = setTimeout(() => {
             pumpTimer.current = null;
+            // A revealed block shifts the transcript, which can move a row out from under the
+            // framebuffer's model and strand it on the pinned banner (see requestFullRepaint).
+            // Set BEFORE the dispatch, so the very frame that shows the new block redraws the
+            // banner too rather than leaving a stray row on it until the next paint.
+            requestFullRepaint();
             reveal();
             lastRevealAt.current = Date.now();
             pump();
@@ -1534,8 +1664,12 @@ export function App({ resumeSessionId, initialScreen }) {
             const a = revealQ.current.shift();
             if (a.type === "token")
                 applySilent(a);
-            else
+            else {
+                // An in-place resolve grows a row into its result, shifting everything below it —
+                // the same de-sync risk a reveal carries, so heal the banner on the same frame.
+                requestFullRepaint();
                 dispatch(a);
+            }
             // A group stays open once shown; anything that isn't part of it (a
             // standalone tool, narration, a sub-agent) closes it, mirroring exactly
             // what the transcript reducer's own closeToolGroup does on the same actions.
@@ -2113,11 +2247,6 @@ export function App({ resumeSessionId, initialScreen }) {
                 note(`stopped shell #${sh.id} (${clipCmd(sh.command)})`);
             }
         }
-        else if (o.kind === "mcp") {
-            const server = o.items[index];
-            if (server && server.state !== "disabled")
-                void mcpAction(server.name);
-        }
         else if (o.kind === "approval") {
             approvals.current.answer(o.options[index] ?? o.options[0]);
             showNextApproval.current();
@@ -2432,15 +2561,15 @@ export function App({ resumeSessionId, initialScreen }) {
             await mcpConfigCommand(route.arg);
             return;
         }
-        // /mcp — server health; selecting one reconnects it.
+        // /mcp — the minitabs manager: your servers, and "+ Add a server" always at the top,
+        // so an empty config is a place to add one rather than a dead end.
         if (name === "/mcp") {
-            const mcp = s.toolContext.mcp;
-            if (!mcp?.hasServers()) {
-                say("No MCP servers configured. Add them in .mindweave/mcp.json (this project) or " +
-                    "~/.mindweave/mcp.json (everywhere), then /mcp to check they came up.");
-                return;
-            }
-            setOverlay({ kind: "mcp", items: mcp.statuses() });
+            // Which servers are signed in is read once, here, before the box is shown. Doing it
+            // as the box opens rather than on every render keeps a handful of file reads off
+            // the render path, and this is the only moment the answer can change unseen.
+            const mgr = session.current?.toolContext.mcp;
+            setMcpSignedIn(mgr ? await mgr.credentialed().catch(() => new Set()) : new Set());
+            setMcpOpen(true);
             return;
         }
         if (name === "/continue") {
@@ -2881,6 +3010,10 @@ export function App({ resumeSessionId, initialScreen }) {
                     setKeysOpen(false);
                 } }, keysTick));
         }
+        if (mcpOpen) {
+            const mcp = session.current?.toolContext.mcp;
+            return (_jsx(McpMinitabs, { servers: mcp?.statuses() ?? [], blockedCountFor: (name) => mcp?.blockedCountFor(name) ?? 0, configFor: (name) => mcp?.configFor(name), onSubmit: (spec) => void mcpWriteAndConnect(spec), onSetDisabled: (name, disabled) => void mcpSetDisabled(name, disabled), onRemove: (name) => void mcpRemove(name), onReconnect: (name) => void reconnectMcp(name), onReviewBlocked: (name) => void mcpReviewBlocked(name), signedIn: mcpSignedIn, onSignIn: mcpSignIn, onCopyLink: (url) => copyToClipboard(url), onSignOut: (name) => void mcpSignOut(name), width: width, maxRows: maxRows, onClose: () => setMcpOpen(false) }));
+        }
         if (!overlay)
             return null;
         const cur = session.current;
@@ -2909,14 +3042,6 @@ export function App({ resumeSessionId, initialScreen }) {
             }));
             return (_jsx(Picker, { title: "Background shells", items: items, width: width, maxRows: maxRows, onSelect: onOverlaySelect, onCancel: onOverlayCancel }));
         }
-        if (overlay.kind === "mcp") {
-            const mgr = cur?.toolContext.mcp;
-            const items = overlay.items.map((srv) => ({
-                label: mcpLabel(srv),
-                description: mcpDetail(srv, mgr?.blockedCountFor(srv.name) ?? 0),
-            }));
-            return _jsx(Picker, { title: "MCP servers", items: items, width: width, maxRows: maxRows, onSelect: onOverlaySelect, onCancel: onOverlayCancel });
-        }
         if (overlay.kind === "provider") {
             const activeModel = cur?.modelConfig.model ?? DEFAULT_MODEL_CONFIG.model;
             const active = providerOf(activeModel).id;
@@ -3716,44 +3841,6 @@ function clipCmd(command, max = 44) {
 function shellElapsed(sh) {
     return fmtElapsed(Math.floor((Date.now() - sh.startedAt) / 1000));
 }
-/** One MCP server's headline row: name plus a state marker readable at a glance. */
-export function mcpLabel(server) {
-    const marker = server.state === "connected" ? "●" : server.state === "pending" ? "◐" : server.state === "disabled" ? "○" : "✗";
-    return `${marker} ${server.name}`;
-}
-/** The dim detail column: what this server is doing, and what Enter would do to it. */
-export function mcpDetail(server, blocked = 0) {
-    // A blocked tool is the one state the user must act on, so it outranks everything
-    // else in the row — including a healthy connection.
-    if (blocked > 0) {
-        return `${blocked} tool${blocked === 1 ? "" : "s"} BLOCKED (description changed) — Enter to review`;
-    }
-    switch (server.state) {
-        case "connected": {
-            // Prompts are counted separately because they are the user's to invoke, not the
-            // model's: a server offering only prompts would otherwise read as "0 tools" and
-            // look broken.
-            const counts = [
-                `${server.toolCount} tool${server.toolCount === 1 ? "" : "s"}`,
-                ...(server.promptCount ? [`${server.promptCount} prompt${server.promptCount === 1 ? "" : "s"}`] : []),
-                ...(server.offersResources ? ["resources"] : []),
-            ];
-            const tools = counts.join(", ");
-            // The negotiated revision is worth surfacing: "legacy" is why a server may be
-            // missing capabilities, and it is otherwise invisible.
-            const proto = server.version ? ` · ${server.version}${server.legacy ? " (legacy)" : ""}` : "";
-            return `${tools}${proto} — Enter to reconnect`;
-        }
-        case "pending":
-            return "connecting…";
-        case "needs-auth":
-            return "needs authentication — Enter to retry";
-        case "disabled":
-            return "disabled in mcp.json";
-        default:
-            return `${server.error ?? "failed"} — Enter to retry`;
-    }
-}
 /**
  * The under-the-chat indicator for background shells: one running shell shows its
  * command + elapsed; several collapse to a count. It self-ticks once a second while
@@ -3764,11 +3851,33 @@ export function mcpDetail(server, blocked = 0) {
  *  The port comes from the process's own startup line (see detectPort), so it is
  *  shown only when the server actually said where it is listening. */
 function BackgroundBar({ shells }) {
+    // Tick once a second while anything runs, so the elapsed clock beside each command
+    // actually moves — that motion is the whole point: it says the command is still
+    // working, not wedged. The interval is torn down the moment nothing is running.
+    const [, setTick] = useState(0);
+    useEffect(() => {
+        if (shells.length === 0)
+            return;
+        const id = setInterval(() => setTick((t) => t + 1), 1000);
+        return () => clearInterval(id);
+    }, [shells.length]);
     if (shells.length === 0)
         return null;
-    const cmds = shells.map((s) => `$ ${clipCmd(s.command)}${s.port ? ` (${s.port})` : ""}`).join(" • ");
+    const now = Date.now();
+    const cmds = shells
+        .map((s) => `$ ${clipCmd(s.command)}${s.port ? ` (${s.port})` : ""} ${bgClock(now - s.startedAt)}`)
+        .join(" • ");
     return (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: "[BG] " }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: `${shells.length} running: ${cmds}` })] }));
 }
+/** Elapsed for the background bar: whole seconds under a minute, `1m 20s` past it. */
+function bgClock(ms) {
+    const seconds = Math.max(0, Math.round(ms / 1000));
+    if (seconds < 60)
+        return `${seconds}s`;
+    const m = Math.floor(seconds / 60);
+    const s = seconds % 60;
+    return s === 0 ? `${m}m` : `${m}m ${s}s`;
+}
 // One short, useful line rendered inside the input box (see PromptInput's
 // `tip` prop) — picked once per session, not rewritten every render. The
 // mode/model/thinking readout already lives in the header, so this slot is