@kernelonpanic/kitcode 1.2.6 → 1.2.9

package/dist/index.js

@@ -62,7 +62,7 @@ var themeSchema = z.object({
 var langSchema = z.enum(["en", "ru"]);
 var budgetSchema = z.object({
   maxTokensPerTurn: z.number().int().min(0).max(1e7).default(1e7),
-  maxCostUsdPerTurn: z.number().positive().max(1e3).default(5),
+  maxCostUsdPerTurn: z.number().nonnegative().max(1e3).default(0),
   maxSubagentsPerTurn: z.number().int().min(0).max(16).default(3)
 });
 var diagnosticsSchema = z.object({
@@ -79,7 +79,7 @@ var configSchema = z.object({
   maxTokens: z.number().int().positive().max(2e5).default(64e3),
   budget: budgetSchema.default({
     maxTokensPerTurn: 1e7,
-    maxCostUsdPerTurn: 5,
+    maxCostUsdPerTurn: 0,
     maxSubagentsPerTurn: 3
   }),
   diagnostics: diagnosticsSchema.default({ autoRun: true, commands: [] }),
@@ -999,6 +999,14 @@ function sanitizeTerminalText(value) {
   }
   return output;
 }
+function sanitizeThinkingText(text, streaming = false) {
+  const clean = sanitizeTerminalText(text).replace(/<\/?think(?:ing)?>/gi, "");
+  if (!streaming) return clean;
+  const start = clean.lastIndexOf("<");
+  if (start === -1) return clean;
+  const suffix = clean.slice(start).toLowerCase();
+  return ["<think>", "</think>", "<thinking>", "</thinking>"].some((tag) => tag.startsWith(suffix)) ? clean.slice(0, start) : clean;
+}
 function skipCsi(text, from) {
   for (let index = from; index < text.length; index += 1) {
     const code = text.charCodeAt(index);
@@ -1422,6 +1430,10 @@ async function runTurn(cfg, history, hooks, signal) {
   let pauses = 0;
   let steps = 0;
   for (; ; ) {
+    if (signal.aborted) {
+      hooks.onEvent({ type: "turn_end", stopReason: "aborted" });
+      return sanitizeHistory(messages);
+    }
     if (++steps > MAX_TURN_STEPS) {
       hooks.onEvent({
         type: "notice",
@@ -1508,12 +1520,16 @@ async function consumeStream(cfg, messages, hooks, signal, maxTokens) {
     signal
   };
   let outcome;
+  let text = "";
+  let thinking = "";
   for await (const event of streamWithRetry(cfg.provider, request, cfg.modelRef, signal)) {
     switch (event.type) {
       case "text_delta":
+        text += event.text;
         hooks.onEvent({ type: "text_delta", text: event.text });
         break;
       case "thinking_delta":
+        thinking += event.text;
         hooks.onEvent({ type: "thinking_delta", text: event.text });
         break;
       case "usage":
@@ -1532,7 +1548,12 @@ async function consumeStream(cfg, messages, hooks, signal, maxTokens) {
     }
   }
   if (outcome) return outcome;
-  if (signal.aborted) return { content: [], stopReason: "aborted" };
+  if (signal.aborted) {
+    const content = [];
+    if (thinking) content.push({ type: "thinking", text: thinking });
+    if (text) content.push({ type: "text", text });
+    return { content, stopReason: "aborted" };
+  }
   throw new Error(
     `"${cfg.provider.id}" ended the stream without completing the turn \u2014 nothing was generated. The endpoint answered, but not with a usable ${cfg.provider.kind} response.`
   );
@@ -1542,8 +1563,29 @@ async function* streamWithRetry(provider, request, modelRef, signal) {
   for (let attempt = 0; attempt <= MAX_RETRIES2; attempt++) {
     if (signal.aborted) return;
     try {
-      for await (const event of provider.stream(request)) {
-        yield event;
+      const stream = provider.stream(request)[Symbol.asyncIterator]();
+      let cancel;
+      let cancelTimer;
+      const cancelled = new Promise((resolve3) => {
+        cancel = () => {
+          cancelTimer ??= setTimeout(() => resolve3({ done: true, value: void 0 }), 100);
+        };
+        signal.addEventListener("abort", cancel, { once: true });
+        if (signal.aborted) cancel();
+      });
+      try {
+        for (; ; ) {
+          const next = await Promise.race([stream.next(), cancelled]);
+          if (next.done) break;
+          if (!signal.aborted || next.value.type === "usage" || next.value.type === "done") {
+            yield next.value;
+          }
+          if (next.value.type === "done") break;
+        }
+      } finally {
+        signal.removeEventListener("abort", cancel);
+        if (cancelTimer !== void 0) clearTimeout(cancelTimer);
+        void stream.return?.().catch(() => void 0);
       }
       return;
     } catch (error) {
@@ -1551,7 +1593,12 @@ async function* streamWithRetry(provider, request, modelRef, signal) {
       if (attempt >= MAX_RETRIES2) break;
       const waitMs = retryBackoffMs(error, attempt);
       if (waitMs > 0) {
-        await sleep(waitMs, signal);
+        try {
+          await sleep(waitMs, signal);
+        } catch (error2) {
+          if (signal.aborted) return;
+          throw error2;
+        }
         continue;
       }
       break;
@@ -1762,7 +1809,7 @@ function createTurnBudget(limits, resolvePricing = pricingFor) {
           reason: `Turn stopped at the token budget (${limits.maxTokensPerTurn.toLocaleString()} tokens). This is a safety limit to prevent runaway costs. To disable it, run: /budget 0`
         };
       }
-      if (current.costUsd !== null && current.costUsd >= limits.maxCostUsdPerTurn) {
+      if (limits.maxCostUsdPerTurn > 0 && current.costUsd !== null && current.costUsd >= limits.maxCostUsdPerTurn) {
         return {
           allowed: false,
           reason: `Turn stopped at the cost budget ($${limits.maxCostUsdPerTurn.toFixed(2)}). Send another message to continue.`
@@ -1781,7 +1828,7 @@ function createTurnBudget(limits, resolvePricing = pricingFor) {
         };
       }
       const pricing = resolvePricing(request.modelRef);
-      if (current.costUsd !== null) {
+      if (limits.maxCostUsdPerTurn > 0 && current.costUsd !== null) {
         const remainingUsd = limits.maxCostUsdPerTurn - current.costUsd;
         const effectivePricing = pricing ?? UNKNOWN_MODEL_PRICING;
         const inputUsd = estimatedInput * effectivePricing.input / 1e6;
@@ -3258,11 +3305,25 @@ function createSubagentRunner(makeConfig, tools) {
   return {
     async run(request) {
       if (request.signal.aborted) return SUBAGENT_CANCELLED;
+      let steps = 0;
       const base = makeConfig(SUBAGENT_SYSTEM, tools);
       const cfg = {
         ...base,
+        provider: {
+          id: base.provider.id,
+          kind: base.provider.kind,
+          listModels: () => base.provider.listModels(),
+          knownModels: () => base.provider.knownModels(),
+          stream: (chat) => base.provider.stream(steps === MAX_SUBAGENT_STEPS ? {
+            ...chat,
+            tools: [],
+            system: `${chat.system}
+
+This is your last model call. Do not call tools. Return your findings now, clearly stating any unfinished work.`
+          } : chat)
+        },
         tools: {
-          get: (name) => name === TASK_TOOL_NAME ? void 0 : base.tools.get(name),
+          get: (name) => name === TASK_TOOL_NAME || steps >= MAX_SUBAGENT_STEPS ? void 0 : base.tools.get(name),
           schemas: () => base.tools.schemas().filter((schema) => schema.name !== TASK_TOOL_NAME)
         },
         system: `${SUBAGENT_SYSTEM}
@@ -3271,7 +3332,6 @@ Working directory: ${base.cwd}`
       };
       const limit = new AbortController();
       const signal = AbortSignal.any([request.signal, limit.signal]);
-      let steps = 0;
       const hooks = {
         onEvent(event) {
           if (event.type === "turn_start" && ++steps > MAX_SUBAGENT_STEPS) limit.abort();
@@ -3295,6 +3355,7 @@ Working directory: ${base.cwd}`
       ];
       const text = finalText(await runTurn(cfg, history, hooks, signal));
       if (!limit.signal.aborted) return text;
+      if (request.signal.aborted && text === SUBAGENT_NO_ANSWER) return SUBAGENT_CANCELLED;
       return text === SUBAGENT_NO_ANSWER ? STEP_LIMIT_NOTE : `${text}
 
 ${STEP_LIMIT_NOTE}`;
@@ -3472,7 +3533,7 @@ function clip(value) {
 // package.json
 var package_default = {
   name: "@kernelonpanic/kitcode",
-  version: "1.2.6",
+  version: "1.2.9",
   description: "Terminal coding agent with a config you never have to write by hand",
   type: "module",
   license: "MIT",
@@ -3540,7 +3601,7 @@ var package_default = {
 
 // src/version.ts
 var KITCODE_VERSION = package_default.version;
-var KITCODE_COMMIT = true ? "f40cc2cb3cebf7fa8b3c20dbbff5b14047d1e983" : "development";
+var KITCODE_COMMIT = true ? "cc499fc443e73408f49b928f204b77c48e9d2d05" : "development";
 
 // src/mcp/client.ts
 var clientInfo = { name: "kitcode", version: KITCODE_VERSION };
@@ -3928,7 +3989,7 @@ async function limitedResponseText(response, limit) {
 import { chmod as chmod4, readFile as readFile7, writeFile as writeFile5 } from "fs/promises";
 import path8 from "path";
 var MAX_AGE_MS = 24 * 60 * 60 * 1e3;
-var CACHE_VERSION = 2;
+var CACHE_VERSION = 3;
 async function loadModels(provider, refresh = false) {
   const file = cacheFile(provider.id);
   const cached = await readCache(file);
@@ -4155,13 +4216,15 @@ async function* streamTurn(client, providerId, apiKey2, req) {
     final = await stream.finalMessage();
   } catch (error) {
     if (isUserAbort(error, req.signal)) {
-      const partial = stream.currentMessage;
-      if (partial) yield { type: "usage", usage: toUsage(partial.usage) };
+      const partial2 = stream.currentMessage;
+      if (partial2) yield { type: "usage", usage: toUsage(partial2.usage) };
       const limits3 = parseRateLimits(capture.headers());
       if (limits3) yield { type: "rate_limits", limits: limits3 };
       yield { type: "done", stopReason: "aborted", content: partialContent(thinking, text) };
       return;
     }
+    const partial = stream.currentMessage;
+    if (partial) yield { type: "usage", usage: toUsage(partial.usage) };
     const limits2 = parseRateLimits(capture.headers());
     if (limits2) yield { type: "rate_limits", limits: limits2 };
     if (events === 0 && capture.succeeded() && !isConnectionFailure(error)) {
@@ -4195,7 +4258,7 @@ async function listModels(client, providerId, apiKey2) {
         name: model.display_name,
         contextWindow: model.max_input_tokens ?? void 0,
         maxOutput: model.max_tokens ?? void 0,
-        pricing: pricingFor(model.id)
+        pricing: modelInfoFromRaw(model)?.pricing ?? pricingFor(model.id)
       });
     }
     return models;
@@ -4355,6 +4418,7 @@ async function* streamTurn2(client, providerId, apiKey2, req) {
     }
   } catch (error) {
     if (!isUserAbort(error, req.signal)) {
+      if (sawUsage) yield { type: "usage", usage };
       const limits2 = parseRateLimits(capture.headers());
       if (limits2) yield { type: "rate_limits", limits: limits2 };
       throw toProviderError(error, providerId, [apiKey2]);
@@ -4370,13 +4434,13 @@ async function* streamTurn2(client, providerId, apiKey2, req) {
     return;
   }
   if (recognised === 0) throw await invalidStreamError(providerId, capture, void 0, [apiKey2]);
+  if (sawUsage) yield { type: "usage", usage };
   const content = toContentBlocks2(providerId, thinking, text, calls);
   for (const block of content) {
     if (block.type === "tool_use") {
       yield { type: "tool_call", id: block.id, name: block.name, input: block.input };
     }
   }
-  if (sawUsage) yield { type: "usage", usage };
   const limits = parseRateLimits(capture.headers());
   if (limits) yield { type: "rate_limits", limits };
   yield { type: "done", stopReason: resolveStop(finishReason, calls.size > 0), content };
@@ -6505,6 +6569,7 @@ async function boot(options) {
     async setMaxTokensPerTurn(tokens3) {
       await persistConfig((draft) => {
         draft.budget.maxTokensPerTurn = tokens3;
+        draft.budget.maxCostUsdPerTurn = 0;
       });
     },
     getLang: () => config.lang,
@@ -7037,8 +7102,48 @@ function validateKey(value) {
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { Box as Box13, Text as Text12, useApp, useInput as useInput2, useWindowSize as useWindowSize4 } from "ink";
-import { useCallback, useEffect as useEffect2, useMemo as useMemo4, useRef as useRef4, useState as useState5 } from "react";
+import { Box as Box13, Text as Text12, useApp, useInput as useInput2, useStdout as useStdout2 } from "ink";
+import { useCallback, useEffect as useEffect2, useMemo as useMemo5, useRef as useRef4, useState as useState5 } from "react";
+
+// src/ui/terminal-size.ts
+import { useStdout } from "ink";
+import { useMemo, useSyncExternalStore } from "react";
+var stores = /* @__PURE__ */ new WeakMap();
+function createStore(stdout) {
+  let size = { columns: stdout.columns || 80, rows: stdout.rows || 24 };
+  const listeners = /* @__PURE__ */ new Set();
+  const update = () => {
+    const columns = stdout.columns || 80;
+    const rows = stdout.rows || 24;
+    if (columns === size.columns && rows === size.rows) return;
+    size = { columns, rows };
+    for (const listener of listeners) listener();
+  };
+  return {
+    getSnapshot: () => size,
+    subscribe(listener) {
+      if (listeners.size === 0) stdout.on("resize", update);
+      listeners.add(listener);
+      update();
+      return () => {
+        listeners.delete(listener);
+        if (listeners.size === 0) stdout.off("resize", update);
+      };
+    }
+  };
+}
+function useTerminalSize() {
+  const { stdout } = useStdout();
+  const store = useMemo(() => {
+    let current = stores.get(stdout);
+    if (!current) {
+      current = createStore(stdout);
+      stores.set(stdout, current);
+    }
+    return current;
+  }, [stdout]);
+  return useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
+}
 
 // src/mcp/add.ts
 var SERVER_NAME = /^[a-zA-Z0-9][a-zA-Z0-9_-]{0,63}$/;
@@ -7665,7 +7770,7 @@ import { Box as Box3, Text as Text3 } from "ink";
 import { useState } from "react";
 
 // src/ui/components/Logo.tsx
-import { Box as Box2, Text as Text2, useWindowSize } from "ink";
+import { Box as Box2, Text as Text2 } from "ink";
 
 // src/ui/workspace.ts
 import { homedir } from "os";
@@ -7712,7 +7817,7 @@ var CAT = ["  \u2571\\_\u2571\\ ", " ( o.o )", "  > ^ <  "];
 function Logo({ subtitle, workspace }) {
   const theme = useTheme();
   const strings = useStrings();
-  const { columns } = useWindowSize();
+  const { columns } = useTerminalSize();
   const location = workspace ? formatWorkspacePath(workspace, Math.max(6, Math.min(72, columns - 15))) : "";
   return /* @__PURE__ */ jsxs2(Box2, { width: "100%", marginBottom: 1, children: [
     /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", flexShrink: 0, children: CAT.map((line) => /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: line }, line)) }),
@@ -7970,15 +8075,16 @@ function previewText(value, limit = MAX_PREVIEW_CHARS) {
 
 // src/ui/components/Picker.tsx
 import { Box as Box7, Text as Text7 } from "ink";
-import { useMemo, useState as useState3 } from "react";
+import { useMemo as useMemo2, useState as useState3 } from "react";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var WINDOW = 10;
 function Picker({ title, items, onSelect, onCancel }) {
   const theme = useTheme();
+  const { columns } = useTerminalSize();
   const strings = useStrings();
   const [query, setQuery] = useState3("");
   const [cursor, setCursor] = useState3(0);
-  const matches = useMemo(() => {
+  const matches = useMemo2(() => {
     const needle = query.toLowerCase();
     if (needle === "") return items;
     return items.filter(
@@ -8005,7 +8111,7 @@ function Picker({ title, items, onSelect, onCancel }) {
   });
   const start = Math.max(0, Math.min(active2 - WINDOW + 2, matches.length - WINDOW));
   const visible = matches.slice(start, start + WINDOW);
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs7(Box7, { width: columns, maxWidth: "100%", flexShrink: 0, flexDirection: "column", borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
     /* @__PURE__ */ jsxs7(Text7, { bold: true, color: theme.accent, children: [
       sanitizeTerminalText(title),
       query !== "" && /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
@@ -8015,7 +8121,7 @@ function Picker({ title, items, onSelect, onCancel }) {
     ] }),
     matches.length === 0 ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: strings.noMatches }) : visible.map((item, index) => {
       const selected = start + index === active2;
-      return /* @__PURE__ */ jsxs7(Text7, { color: selected ? theme.accent : void 0, inverse: selected, children: [
+      return /* @__PURE__ */ jsxs7(Text7, { wrap: "truncate-end", color: selected ? theme.accent : void 0, inverse: selected, children: [
         truncate2(sanitizeTerminalText(item.label), 70),
         item.hint && /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
           " ",
@@ -8071,6 +8177,7 @@ var PromptInput = memo(function PromptInput2({
   attachments = []
 }) {
   const theme = useTheme();
+  const { columns } = useTerminalSize();
   const strings = useStrings();
   const safeValue = sanitizeTerminalText(value);
   const [selectionCursor, setSelectionCursor] = useState4(0);
@@ -8206,7 +8313,7 @@ var PromptInput = memo(function PromptInput2({
   });
   const start = Math.max(0, Math.min(active2 - WINDOW2 + 2, suggestions.length - WINDOW2));
   const visible = suggestions.slice(start, start + WINDOW2);
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs8(Box8, { width: columns, maxWidth: "100%", flexDirection: "column", marginTop: 1, flexShrink: 0, children: [
     /* @__PURE__ */ jsxs8(
       Box8,
       {
@@ -8217,7 +8324,7 @@ var PromptInput = memo(function PromptInput2({
         paddingX: 1,
         children: [
           /* @__PURE__ */ jsx8(Text8, { color: disabled ? "gray" : theme.accent, children: "\u203A " }),
-          /* @__PURE__ */ jsx8(EditableText, { value: safeValue, cursor: inputCursor, placeholder: strings.placeholder }),
+          /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx8(EditableText, { value: safeValue, cursor: inputCursor, placeholder: strings.placeholder }) }),
           pending && pending > 0 ? /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
             " \xB7 ",
             strings.queued(pending)
@@ -8510,9 +8617,12 @@ function liveTranscriptRows(rows) {
   return Math.max(1, interactiveViewportRows(rows) - INTERACTIVE_CHROME_ROWS);
 }
 function TerminalViewport({ children, rows }) {
+  const { columns } = useTerminalSize();
   return /* @__PURE__ */ jsx10(
     Box10,
     {
+      width: columns,
+      maxWidth: "100%",
       flexDirection: "column",
       maxHeight: interactiveViewportRows(rows),
       overflowY: "hidden",
@@ -8522,18 +8632,18 @@ function TerminalViewport({ children, rows }) {
 }
 
 // src/ui/components/Transcript.tsx
-import { Box as Box12, Static, Text as Text11, useWindowSize as useWindowSize3 } from "ink";
-import { memo as memo2, useMemo as useMemo3, useRef as useRef3 } from "react";
+import { Box as Box12, Static, Text as Text11 } from "ink";
+import { memo as memo2, useMemo as useMemo4, useRef as useRef3 } from "react";
 import Spinner2 from "ink-spinner";
 import stringWidth2 from "string-width";
 
 // src/ui/markdown.tsx
-import { Box as Box11, Text as Text10, useWindowSize as useWindowSize2 } from "ink";
-import { Fragment as Fragment4, useMemo as useMemo2 } from "react";
+import { Box as Box11, Text as Text10 } from "ink";
+import { Fragment as Fragment4, useMemo as useMemo3 } from "react";
 import stringWidth from "string-width";
 import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function Markdown({ children }) {
-  const blocks = useMemo2(() => extractBlocks(children), [children]);
+  const blocks = useMemo3(() => extractBlocks(children), [children]);
   return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", children: blocks.map((block, i) => /* @__PURE__ */ jsx11(BlockView, { block }, i)) });
 }
 function BlockView({ block }) {
@@ -8567,7 +8677,7 @@ function BlockView({ block }) {
     case "code":
       return /* @__PURE__ */ jsx11(CodeBlock, { code: block.text ?? "" });
     case "hr":
-      return /* @__PURE__ */ jsx11(Box11, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx11(Text10, { dimColor: true, wrap: "truncate-end", children: "\u2500".repeat(60) }) });
+      return /* @__PURE__ */ jsx11(Box11, { height: 1 });
   }
 }
 function CodeBlock({ code }) {
@@ -8575,7 +8685,7 @@ function CodeBlock({ code }) {
   return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", marginTop: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx11(Text10, { color: "cyan", children: line }, i)) });
 }
 function TableView({ block }) {
-  const { columns } = useWindowSize2();
+  const { columns } = useTerminalSize();
   const headers = block.headers ?? [];
   const rows = block.rows ?? [];
   if (headers.length === 0 && rows.length === 0) {
@@ -9148,26 +9258,41 @@ var BubbleView = memo2(function BubbleView2({
     return /* @__PURE__ */ jsx12(AssistantView, { bubble, maxRows });
   }
   if (bubble.kind === "subagent") {
-    return /* @__PURE__ */ jsx12(SubagentView, { bubble });
+    return /* @__PURE__ */ jsx12(SubagentView, { bubble, maxRows });
   }
   return /* @__PURE__ */ jsx12(ToolView, { bubble });
 });
-function AssistantView({ bubble, maxRows }) {
-  const { columns } = useWindowSize3();
+function splitThinkingPrefix(text, streaming) {
+  const opening = /^\s*<think(?:ing)?>/i.exec(text);
+  if (!opening) {
+    const prefix = text.trimStart().toLowerCase();
+    return { thinking: "", text: streaming && prefix !== "" && ["<think>", "<thinking>"].some((tag) => tag.startsWith(prefix)) ? "" : text };
+  }
+  const rest = text.slice(opening[0].length);
+  const closing = /<\/think(?:ing)?>/i.exec(rest);
+  return closing ? { thinking: sanitizeThinkingText(rest.slice(0, closing.index)), text: rest.slice(closing.index + closing[0].length) } : { thinking: sanitizeThinkingText(rest, streaming), text: "" };
+}
+function AssistantView({ bubble: source, maxRows }) {
+  const tagged = splitThinkingPrefix(source.text, source.streaming);
+  const bubble = { ...source, text: tagged.text, thinking: [source.thinking, tagged.thinking].filter(Boolean).join("\n") };
+  const { columns } = useTerminalSize();
   const frozenThinking = useRef3(void 0);
   const answering = bubble.streaming && bubble.text !== "";
   if (!answering) frozenThinking.current = void 0;
   if (answering && frozenThinking.current === void 0) {
     frozenThinking.current = bubble.thinking;
   }
-  const visibleThinking = assistantThinkingForFrame(bubble, frozenThinking.current);
+  const visibleThinking = sanitizeThinkingText(
+    assistantThinkingForFrame(bubble, frozenThinking.current),
+    bubble.streaming
+  );
   const liveBudget = bubble.streaming && maxRows !== void 0 ? Math.max(1, maxRows - 1) : void 0;
   const thinkingBudget = liveBudget === void 0 ? void 0 : bubble.text !== "" ? Math.min(3, Math.max(0, liveBudget - 1)) : Math.max(0, liveBudget - 1);
   const frameThinking = thinkingBudget === void 0 ? visibleThinking.trim() : clipTextToRows(visibleThinking.trim(), thinkingBudget, columns);
   const usedThinkingRows = frameThinking === "" ? 0 : frameThinking.split("\n").length;
   const frameText = liveBudget === void 0 ? bubble.text : clipTextToRows(bubble.text, Math.max(1, liveBudget - usedThinkingRows), columns);
   return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginTop: 1, children: [
-    frameThinking !== "" && /* @__PURE__ */ jsx12(Text11, { dimColor: true, italic: true, children: frameThinking }),
+    frameThinking !== "" && /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", maxHeight: thinkingBudget, overflowY: "hidden", children: /* @__PURE__ */ jsx12(Markdown, { children: frameThinking }) }),
     bubble.streaming ? /* @__PURE__ */ jsx12(Text11, { children: frameText }) : /* @__PURE__ */ jsx12(Markdown, { children: bubble.text }),
     bubble.streaming && bubble.text === "" && /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
       /* @__PURE__ */ jsx12(Spinner2, { type: "dots" }),
@@ -9206,7 +9331,7 @@ function ToolView({ bubble }) {
   const mark = bubble.state === "running" ? "\u25CC" : bubble.state === "ok" ? "\u25CF" : "\u2717";
   const color = bubble.state === "error" ? theme.error : bubble.state === "ok" ? theme.ok : theme.warn;
   const display = bubble.display;
-  const diff = useMemo3(
+  const diff = useMemo4(
     () => display?.kind === "diff" ? diffLines(display.before, display.after) : null,
     [display]
   );
@@ -9244,20 +9369,20 @@ function previewLines(content) {
   if (lines.length <= 6) return lines;
   return [...lines.slice(0, 6), `\u2026 ${lines.length - 6} more lines`];
 }
-function SubagentView({ bubble }) {
+function SubagentView({ bubble, maxRows }) {
   const theme = useTheme();
+  const { columns } = useTerminalSize();
   const mark = bubble.state === "running" ? "\u25CC" : "\u25CF";
   const color = bubble.state === "running" ? theme.warn : theme.ok;
-  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsxs11(Text11, { color, bold: true, children: [
+  const latest = bubble.bubbles.at(-1);
+  const progress = latest?.kind === "assistant" ? sanitizeThinkingText(latest.text || latest.thinking, latest.streaming) : latest?.kind === "tool" ? latest.summary : "";
+  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginTop: 1, minWidth: 0, children: [
+    /* @__PURE__ */ jsxs11(Text11, { color, bold: true, wrap: "truncate-end", children: [
       mark,
       " subagent: ",
       bubble.description
     ] }),
-    /* @__PURE__ */ jsxs11(Box12, { marginLeft: 2, flexDirection: "column", children: [
-      bubble.bubbles.map((inner, index) => /* @__PURE__ */ jsx12(BubbleView, { bubble: inner }, index)),
-      bubble.state === "done" && bubble.result && /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "\u2500\u2500 result \u2500\u2500" }) })
-    ] })
+    /* @__PURE__ */ jsx12(Box12, { marginLeft: 2, flexDirection: "column", minWidth: 0, children: bubble.state === "running" ? /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", maxHeight: Math.max(1, (maxRows ?? 6) - 2), overflowY: "hidden", children: /* @__PURE__ */ jsx12(Markdown, { children: clipTextToRows(progress, Math.max(1, (maxRows ?? 6) - 2), Math.max(1, columns - 2)) }) }) : bubble.result ? /* @__PURE__ */ jsx12(Markdown, { children: sanitizeThinkingText(bubble.result) }) : null })
   ] });
 }
 
@@ -9507,8 +9632,9 @@ function App({
   initialHistory,
   warnings = []
 }) {
-  const { exit } = useApp();
-  const { rows } = useWindowSize4();
+  const { exit, suspendTerminal } = useApp();
+  const { stdout } = useStdout2();
+  const { rows } = useTerminalSize();
   const [transcript, setTranscript] = useState5(
     () => warnings.reduce((state, text) => pushNotice(state, "warn", text), fromHistory(initialHistory))
   );
@@ -9526,6 +9652,7 @@ function App({
   const drainQueueRef = useRef4(() => void 0);
   const [attachments, setAttachments] = useState5([]);
   const attachmentsRef = useRef4([]);
+  const attachmentGeneration = useRef4(0);
   const automaticAttachmentTask = useRef4(null);
   const clipboardPasteTask = useRef4(null);
   const [overlay, setOverlay] = useState5({ kind: "none" });
@@ -9542,6 +9669,9 @@ function App({
   const [context, setContext] = useState5(() => runtime.modelContext());
   const transcriptEvents = useRef4([]);
   const transcriptTimer = useRef4(null);
+  const clearScreen = useCallback(() => {
+    if (stdout.isTTY) stdout.write("\x1B[2J\x1B[3J\x1B[H");
+  }, [stdout]);
   const replaceAttachments = useCallback((next) => {
     attachmentsRef.current = next;
     setAttachments(next);
@@ -9590,8 +9720,8 @@ function App({
     const timer = setInterval(() => tick((n) => n + 1), 1e3);
     return () => clearInterval(timer);
   }, [turnStart]);
-  const theme = useMemo4(() => makeTheme(accent), [accent]);
-  const strings = useMemo4(() => stringsFor(lang), [lang]);
+  const theme = useMemo5(() => makeTheme(accent), [accent]);
+  const strings = useMemo5(() => stringsFor(lang), [lang]);
   const notice = useCallback(
     (level, text) => {
       flushTranscriptEvents();
@@ -9709,12 +9839,20 @@ function App({
           exit();
           return;
         case "clear":
+          if (busyRef.current && abort.current) {
+            abort.current.abort();
+          }
+          queueRef.current = [];
+          setPendingCount(0);
           await runtime.newSession();
           history.current = [];
           replaceAttachments([]);
           setPromptHistory([]);
-          setTranscript(emptyTranscript());
-          setTranscriptRevision((revision) => revision + 1);
+          await suspendTerminal(async () => {
+            setTranscript(emptyTranscript());
+            setTranscriptRevision((revision) => revision + 1);
+            clearScreen();
+          });
           sessionStart.current = Date.now();
           turns.current = 0;
           void runtime.persist([]).catch(
@@ -10212,6 +10350,9 @@ ${strings.mcpAddUsage}`
         }
         case "attach": {
           if (rawRest.toLowerCase() === "clear") {
+            attachmentGeneration.current += 1;
+            automaticAttachmentTask.current = null;
+            clipboardPasteTask.current = null;
             replaceAttachments([]);
             notice("info", strings.attachmentsCleared);
             return;
@@ -10223,15 +10364,18 @@ ${strings.mcpAddUsage}`
             }
             if (clipboardPasteTask.current) return;
             const task = runtime.loadClipboardImage().then((block) => {
+              if (clipboardPasteTask.current !== task) return;
               if (appendAttachment(block)) {
                 notice(
                   "info",
                   strings.attachmentAdded(attachmentLabel(block) ?? "clipboard image")
                 );
               }
-            }).catch(
-              (error) => notice("error", error instanceof Error ? error.message : String(error))
-            );
+            }).catch((error) => {
+              if (clipboardPasteTask.current === task) {
+                notice("error", error instanceof Error ? error.message : String(error));
+              }
+            });
             clipboardPasteTask.current = task;
             try {
               await task;
@@ -10540,6 +10684,7 @@ Rename the file if you want a different name.`);
         return Promise.resolve(true);
       }
       const task = runtime.loadAutomaticAttachment(requestedPath).then((block) => {
+        if (automaticAttachmentTask.current !== task) return true;
         if (!block) return false;
         if (!appendAttachment(block)) {
           notice("warn", `At most ${MAX_ATTACHMENTS} attachments can be queued for one message.`);
@@ -10548,6 +10693,7 @@ Rename the file if you want a different name.`);
         notice("info", strings.attachmentAdded(attachmentLabel(block) ?? "attachment"));
         return true;
       }).catch(() => {
+        if (automaticAttachmentTask.current !== task) return true;
         return false;
       });
       automaticAttachmentTask.current = task;
@@ -10565,12 +10711,17 @@ Rename the file if you want a different name.`);
       return;
     }
     const task = runtime.loadClipboardImage().then((block) => {
+      if (clipboardPasteTask.current !== task) return;
       if (!appendAttachment(block)) {
         notice("warn", `At most ${MAX_ATTACHMENTS} attachments can be queued for one message.`);
         return;
       }
       notice("info", strings.attachmentAdded(attachmentLabel(block) ?? "clipboard image"));
-    }).catch((error) => notice("error", error instanceof Error ? error.message : String(error)));
+    }).catch((error) => {
+      if (clipboardPasteTask.current === task) {
+        notice("error", error instanceof Error ? error.message : String(error));
+      }
+    });
     clipboardPasteTask.current = task;
     void task.finally(() => {
       if (clipboardPasteTask.current === task) clipboardPasteTask.current = null;
@@ -10578,6 +10729,7 @@ Rename the file if you want a different name.`);
   }, [appendAttachment, notice, runtime, strings]);
   const submit = useCallback(
     async (raw) => {
+      const generation = attachmentGeneration.current;
       const pendingAttachments = [automaticAttachmentTask.current, clipboardPasteTask.current].filter(
         (task) => task !== null
       );
@@ -10585,6 +10737,7 @@ Rename the file if you want a different name.`);
       if (detachedInput) {
         setInput("");
         await Promise.all(pendingAttachments);
+        if (generation !== attachmentGeneration.current) return;
       }
       const text = raw.trim();
       const submitSlash = () => {
@@ -10602,6 +10755,7 @@ Rename the file if you want a different name.`);
       }
       if (text && looksLikeAttachmentPath(text)) {
         const attached = await tryQueueAutomaticAttachment(text);
+        if (generation !== attachmentGeneration.current) return;
         if (attached) {
           if (!detachedInput) setInput("");
           return;
@@ -10640,20 +10794,21 @@ Rename the file if you want a different name.`);
       return;
     }
     if (!key.escape) return;
-    if (input !== "" || attachmentsRef.current.length > 0) {
+    if (busyRef.current && abort.current) {
+      if (!abort.current.signal.aborted) {
+        abort.current.abort();
+        notice("warn", strings.cancelled);
+      }
+      return;
+    }
+    if (input !== "" || attachmentsRef.current.length > 0 || automaticAttachmentTask.current || clipboardPasteTask.current) {
+      attachmentGeneration.current += 1;
       setInput("");
       replaceAttachments([]);
       if (automaticAttachmentTask.current) automaticAttachmentTask.current = null;
       if (clipboardPasteTask.current) clipboardPasteTask.current = null;
       return;
     }
-    if (busy && abort.current) {
-      abort.current.abort();
-      queueRef.current = [];
-      setPendingCount(0);
-      notice("warn", strings.cancelled);
-      return;
-    }
     if (overlay.kind === "permission") {
       overlay.resolve("deny");
       setOverlay({ kind: "none" });