@trydecember/cli 0.2.21 → 0.2.22

package/dist/december.js

@@ -182404,23 +182404,36 @@ function parseErrorMessage(err) {
     return null;
   };
   const extracted = extractMessage(errMsg);
-  if (extracted && extracted !== "[object Object]")
-    return extracted;
-  if (errMsg === "[object Object]" && err && typeof err === "object") {
-    try {
-      const inspected = util5.inspect(err);
-      if (inspected && inspected !== "{}" && inspected !== "{ cause: {} }") {
-        return inspected;
-      }
-    } catch {}
+  let finalResult = extracted && extracted !== "[object Object]" ? extracted : "";
+  if (!finalResult) {
+    if (errMsg === "[object Object]" && err && typeof err === "object") {
+      try {
+        const inspected = util5.inspect(err);
+        if (inspected && inspected !== "{}" && inspected !== "{ cause: {} }") {
+          finalResult = inspected;
+        }
+      } catch {}
+    }
   }
-  const result2 = errMsg.replace(/^\[.*?Error\]:\s*/, "").trim();
-  if (result2 === `{
+  if (!finalResult) {
+    const cleaned = errMsg.replace(/^\[.*?Error\]:\s*/, "").trim();
+    if (cleaned === `{
   "cause": {}
-}` || result2 === '{"cause":{}}' || result2 === "{}" || result2 === "{ cause: {} }") {
-    return "An unknown error occurred while communicating with the model provider.";
+}` || cleaned === '{"cause":{}}' || cleaned === "{}" || cleaned === "{ cause: {} }") {
+      finalResult = "An unknown error occurred while communicating with the model provider.";
+    } else {
+      finalResult = cleaned;
+    }
   }
-  return result2;
+  const rateLimitNotice = `Rate limit or quota exhausted from LLM provider. Please upgrade your API key tier with your provider (OpenAI, Anthropic, Gemini) or switch to December Cloud Subscription at https://trydecember.com/pricing
+
+`;
+  const lowerStr = (errMsg + " " + (finalResult || "")).toLowerCase();
+  const isRateLimit = lowerStr.includes("429") || lowerStr.includes("quota") || lowerStr.includes("rate limit") || lowerStr.includes("rate_limit") || lowerStr.includes("resource_exhausted") || lowerStr.includes("generativelanguage.googleapis.com");
+  if (isRateLimit && !finalResult.includes("Rate limit or quota exhausted from LLM provider")) {
+    return rateLimitNotice + finalResult;
+  }
+  return finalResult;
 }
 var init_error_parser = () => {};
 
@@ -196206,6 +196219,10 @@ function openaiProvider(baseURL, apiKey, defaultHeaders) {
       const choice = chunk.choices[0];
       if (!choice)
         continue;
+      const reasoning = choice.delta.reasoning_content || choice.delta.reasoning || choice.delta.thought || choice.delta.thinking;
+      if (reasoning && typeof reasoning === "string") {
+        yield { type: "thinking_delta", text: reasoning };
+      }
       if (choice.delta.content) {
         yield { type: "text", text: choice.delta.content };
       }
@@ -221420,7 +221437,12 @@ function geminiProvider(apiKey) {
       const parts = chunk.candidates?.[0]?.content?.parts || [];
       let chunkText = "";
       for (const part of parts) {
-        if (part.text && typeof part.text === "string") {
+        if (part.thought || part.thoughtText) {
+          const thoughtContent = part.thoughtText || part.text || "";
+          if (thoughtContent) {
+            yield { type: "thinking_delta", text: thoughtContent };
+          }
+        } else if (part.text && typeof part.text === "string") {
           chunkText += part.text;
         }
       }
@@ -222253,12 +222275,15 @@ async function streamAssistantResponse(agent, eventQueue, signal) {
         const actualError = error3.error || error3.originalError || error3;
         const status = actualError.status || actualError.statusCode || error3.status;
         const msg = (actualError.message || error3.message || String(actualError)).toLowerCase();
+        const isHighDemand = status === 503 || status === 529 || msg.includes("503") || msg.includes("529") || msg.includes("high demand") || msg.includes("overloaded") || msg.includes("capacity");
         const isRateLimit = status === 429 || msg.includes("429") || msg.includes("quota") || msg.includes("rate limit") || msg.includes("rate_limit");
-        if (isRateLimit) {
+        if (isHighDemand || isRateLimit) {
           const delaySeconds = Math.round(Math.pow(2, error3.attemptNumber - 1) * 2);
+          const hitType = isHighDemand ? "LLM Provider high demand" : "LLM Provider rate limit";
           eventQueue.push({
             type: "AgentStatus",
-            message: `Rate limit hit, waiting ~${delaySeconds}s to retry... (${error3.retriesLeft} retries left)`
+            message: `${hitType} hit. Retrying in ~${delaySeconds}s... (${error3.retriesLeft} retries left)
+`
           });
         } else {
           const errStr = formatError(error3);
@@ -222294,15 +222319,23 @@ Interrupted · What should December do instead?`,
       await agent.saveContext();
       return { assistantMessage, toolCalls, error: "Aborted" };
     }
-    if (errorMsg.includes("429") || errorMsg.toLowerCase().includes("quota") || errorMsg.toLowerCase().includes("rate limit")) {
-      errorMsg = `Rate limit exhausted after multiple retries. Please wait a few minutes or provide a different API key.
+    if (errorMsg.includes("402") || errorMsg.toLowerCase().includes("insufficient credits")) {
+      errorMsg = `Insufficient credits in December Wallet. Please add credits at https://trydecember.com/settings/billing to continue using December Cloud.
+
+` + errorMsg;
+    } else if (errorMsg.includes("429") || errorMsg.toLowerCase().includes("quota") || errorMsg.toLowerCase().includes("rate limit")) {
+      errorMsg = `Rate limit or quota exhausted from LLM provider. Please upgrade your API key tier with your provider (OpenAI, Anthropic, Gemini) or switch to December Cloud Subscription at https://trydecember.com/pricing
+
+` + errorMsg;
+    } else if (errorMsg.includes("503") || errorMsg.includes("529") || errorMsg.toLowerCase().includes("high demand") || errorMsg.toLowerCase().includes("overloaded") || errorMsg.toLowerCase().includes("capacity")) {
+      errorMsg = `This model is currently experiencing high demand or capacity limits from the provider. Spikes in demand are usually temporary. Please try again in a few moments or switch to a different model at https://trydecember.com/pricing
 
 ` + errorMsg;
     }
     eventQueue.push({ type: "AgentError", error: errorMsg });
     agent.addMessage({
       role: "assistant",
-      content: `Failed due to API error: ${errorMsg}`,
+      content: errorMsg,
       isUI: true,
       errorMessage: errorMsg
     });
@@ -222417,11 +222450,15 @@ You operate across two environments seamlessly: locally via a terminal CLI, and
 
 Guidelines:
 - Plan carefully before making broad changes.
-- Use bash tools to explore the environment before guessing file paths.
+- Code & Symbol Search: Use 'grep_search' to find functions, error strings, symbols, or imports across files instead of reading files one by one.
+- File Discovery: Use 'find_files' with glob patterns (e.g. "**/*.ts") to locate matching files instead of stepping through folders with list_dir.
+- File Editing: Use 'edit_file' or 'edit_diff' when modifying existing files to preserve untouched lines. Use 'write_file' primarily for creating new files.
+- Web & Docs: Use 'web_search' to look up current documentation, library APIs, or external error tracebacks.
+- Background Tasks: Use 'manage_task' to monitor or stop background processes started by bash.
 - Be extremely concise in your responses. The user is a developer who values speed and exactness.
 - ALWAYS show absolute file paths when viewing or editing files.
 - Before using a tool, you MUST enclose your thought process inside <thought>...</thought> tags.
-- At the end of your work, provide a summary of what you did, highlighting important keywords.`);
+- At the end of your work, provide a concise summary of what you did (4-5 lines maximum, written as a single cohesive paragraph), highlighting key actions and results.`);
     const rules = this.discoverRules();
     let finalPrompt = `${systemPrompt}
 
@@ -225243,17 +225280,44 @@ var editSchema = Type2.Object({
 });
 var EditFileTool = {
   name: "edit_file",
-  description: "Edits an existing file by searching for a specific block of text (targetContent) and replacing it exactly with replacementContent. targetContent must match exactly.",
+  description: "Edits an existing file by searching for a specific block of text (targetContent) and replacing it with replacementContent. Preserves unchanged lines.",
   inputSchema: editSchema,
   execute: async ({ path: path8, targetContent, replacementContent }, context) => {
     try {
       const content = await context.operations.fs.readFile(path8);
-      if (!content.includes(targetContent)) {
-        return `Error: targetContent not found in file. Ensure exact whitespace and line breaks match.`;
+      if (content.includes(targetContent)) {
+        const updated = content.replace(targetContent, replacementContent);
+        await context.operations.fs.writeFile(path8, updated);
+        return `Successfully edited file: ${path8}`;
       }
-      const updated = content.replace(targetContent, replacementContent);
-      await context.operations.fs.writeFile(path8, updated);
-      return `Successfully edited file: ${path8}`;
+      const contentLines = content.replace(/\r\n/g, `
+`).split(`
+`);
+      const targetLines = targetContent.replace(/\r\n/g, `
+`).split(`
+`).map((l) => l.trimEnd());
+      if (targetLines.length > 0) {
+        const targetLen = targetLines.length;
+        for (let i2 = 0;i2 <= contentLines.length - targetLen; i2++) {
+          let match2 = true;
+          for (let j = 0;j < targetLen; j++) {
+            const line = contentLines[i2 + j];
+            if (!line || line.trimEnd() !== targetLines[j]) {
+              match2 = false;
+              break;
+            }
+          }
+          if (match2) {
+            const originalLines = content.split(/\r?\n/);
+            originalLines.splice(i2, targetLen, ...replacementContent.split(/\r?\n/));
+            const updated = originalLines.join(`
+`);
+            await context.operations.fs.writeFile(path8, updated);
+            return `Successfully edited file (matched with normalized whitespace): ${path8}`;
+          }
+        }
+      }
+      return `Error: targetContent not found in file '${path8}'. Ensure line breaks and indentation match, or view the file using read_file.`;
     } catch (error3) {
       return `Failed to edit file: ${error3.message}`;
     }
@@ -225824,15 +225888,18 @@ var EditDiffTool = {
   execute: async ({ path: path8, diff }, context) => {
     try {
       const content = await context.operations.fs.readFile(path8);
-      let formattedDiff = diff;
+      let formattedDiff = diff.replace(/\r\n/g, `
+`);
       if (!formattedDiff.startsWith("--- ")) {
         formattedDiff = `--- a/${path8}
 +++ b/${path8}
 ` + formattedDiff;
       }
-      const updated = applyPatch(content, formattedDiff);
+      const normalizedContent = content.replace(/\r\n/g, `
+`);
+      const updated = applyPatch(normalizedContent, formattedDiff);
       if (updated === false) {
-        return `Error: Failed to apply unified diff patch. Ensure the context lines match the existing file exactly.`;
+        return `Error: Failed to apply unified diff patch to '${path8}'. Ensure context lines match the existing file exactly, or use edit_file instead.`;
       }
       await context.operations.fs.writeFile(path8, updated);
       return `Successfully patched file: ${path8}`;
@@ -225851,9 +225918,17 @@ var FindFilesTool = {
   inputSchema: findSchema,
   execute: async ({ pattern }, context) => {
     try {
-      const result = await context.operations.search.find(".", pattern);
+      let normalizedPattern = pattern.trim();
+      if (!normalizedPattern.includes("*") && !normalizedPattern.includes("?")) {
+        if (normalizedPattern.endsWith("/") || normalizedPattern.endsWith("\\")) {
+          normalizedPattern = `${normalizedPattern}**/*`;
+        } else {
+          normalizedPattern = `**/*${normalizedPattern}*`;
+        }
+      }
+      const result = await context.operations.search.find(".", normalizedPattern);
       if (!result)
-        return "No files found matching pattern.";
+        return `No files found matching pattern '${pattern}'.`;
       return truncateOutput(result, 1e4, 100).text;
     } catch (error3) {
       return `Error finding files: ${error3.message}`;
@@ -248022,25 +248097,6 @@ var getInstance = (stdout, createInstance) => {
 var import_constants5 = __toESM(require_constants8(), 1);
 // ../../node_modules/.bun/ink@7.1.0+90ffd46201e3176f/node_modules/ink/build/components/Static.js
 var import_react17 = __toESM(require_react(), 1);
-function Static15(props) {
-  const { items, children: render4, style: customStyle } = props;
-  const [index2, setIndex] = import_react17.useState(0);
-  const itemsToRender = import_react17.useMemo(() => {
-    return items.slice(index2);
-  }, [items, index2]);
-  import_react17.useLayoutEffect(() => {
-    setIndex(items.length);
-  }, [items.length]);
-  const children2 = itemsToRender.map((item, itemIndex) => {
-    return render4(item, index2 + itemIndex);
-  });
-  const style = import_react17.useMemo(() => ({
-    position: "absolute",
-    flexDirection: "column",
-    ...customStyle
-  }), [customStyle]);
-  return import_react17.default.createElement("ink-box", { internal_static: true, style }, children2);
-}
 // ../../node_modules/.bun/ink@7.1.0+90ffd46201e3176f/node_modules/ink/build/components/Transform.js
 var import_react18 = __toESM(require_react(), 1);
 // ../../node_modules/.bun/ink@7.1.0+90ffd46201e3176f/node_modules/ink/build/components/Newline.js
@@ -248765,7 +248821,7 @@ function useToast() {
   }
   return value;
 }
-function ToastProvider({ children: children2 }) {
+function ToastProvider({ children: children2, onToast }) {
   const [currentToast, setCurrentToast] = import_react37.useState(null);
   const timeoutHandleRef = import_react37.useRef(null);
   const clearCurrentTimeout = import_react37.useCallback(() => {
@@ -248777,15 +248833,19 @@ function ToastProvider({ children: children2 }) {
   const show = import_react37.useCallback((options) => {
     const duration3 = options.duration ?? DEFAULT_DURATION;
     clearCurrentTimeout();
-    setCurrentToast({
+    const toastObj = {
       variant: options.variant ?? "info",
       ...options,
       duration: duration3
-    });
+    };
+    setCurrentToast(toastObj);
+    if (onToast) {
+      onToast(toastObj);
+    }
     timeoutHandleRef.current = setTimeout(() => {
       setCurrentToast(null);
     }, duration3);
-  }, [clearCurrentTimeout]);
+  }, [clearCurrentTimeout, onToast]);
   const value = {
     currentToast,
     show
@@ -248798,7 +248858,7 @@ function ToastProvider({ children: children2 }) {
 
 // ../../packages/tui/src/components/command-menu/commands.tsx
 init_clipboard();
-import { execSync, exec as exec3, spawn as spawn4 } from "child_process";
+import { execSync, exec as exec3 } from "child_process";
 import fs9 from "node:fs";
 import os4 from "node:os";
 import path8 from "node:path";
@@ -249067,7 +249127,7 @@ var COMMANDS = [
     description: "Update to the latest version",
     value: "/update",
     action: (ctx) => {
-      ctx.toast.show({ message: "Updating CLI... The app will automatically restart." });
+      ctx.toast.show({ message: "Updating CLI..." });
       exec3("npm install -g @trydecember/cli", async (err) => {
         if (err) {
           ctx.toast.show({
@@ -249079,13 +249139,10 @@ var COMMANDS = [
         if (ctx.agent) {
           await ctx.agent.saveContext();
         }
-        console.clear();
-        const child = spawn4(process.argv[0], process.argv.slice(1), {
-          stdio: "inherit",
-          detached: true
+        ctx.toast.show({
+          variant: "success",
+          message: "December CLI updated successfully! Please restart the CLI in your terminal."
         });
-        child.unref();
-        ctx.exit();
       });
     }
   },
@@ -249649,11 +249706,13 @@ function InputBar({
   onInterrupt,
   onCopy,
   contextTokens,
-  showExitConfirm = false
+  showExitConfirm = false,
+  toasts
 }) {
   const [value, setValue] = import_react41.useState("");
   const toast = useToast();
   const dialog = useDialog();
+  const activeToast = toasts && toasts.length > 0 ? toasts[toasts.length - 1] : toast.currentToast ? { message: toast.currentToast.message, variant: toast.currentToast.variant } : null;
   const {
     showCommandMenu,
     commandQuery,
@@ -249758,6 +249817,7 @@ function InputBar({
   return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 2,
+    marginTop: 1,
     children: [
       dialog.isOpen && dialog.currentDialog && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         justifyContent: "flex-end",
@@ -249811,48 +249871,50 @@ function InputBar({
           children: sep4
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      !showCommandMenu && !showShortcutsMenu && !authUI && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      !showCommandMenu && !showShortcutsMenu && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         width: "100%",
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             gap: 2,
             alignItems: "center",
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
-                gap: 1,
-                children: [
-                  /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
-                    color: "#AAAAAA",
-                    children: [
-                      activeModel,
-                      hasBothAuth && authMethod ? ` (via ${authMethod === "december" ? "December Cloud" : "BYOK"})` : ""
-                    ]
-                  }, undefined, true, undefined, this),
-                  showExitConfirm ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
-                    color: "gray",
-                    children: "· Press Ctrl+C again to exit"
-                  }, undefined, false, undefined, this) : contextTokens !== undefined && contextTokens > 0 && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
-                    color: "#AAAAAA",
-                    children: [
-                      "· ",
-                      contextTokens,
-                      " tokens"
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              toast.currentToast && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
-                gap: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
-                  color: toast.currentToast.variant === "success" ? "#6EE7B7" : toast.currentToast.variant === "error" ? "#FCA5A5" : "gray",
-                  children: toast.currentToast.message
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
+            flexShrink: 1,
+            children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+              gap: 1,
+              flexShrink: 1,
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
+                  color: "#AAAAAA",
+                  children: [
+                    activeModel,
+                    hasBothAuth && authMethod ? ` (via ${authMethod === "december" ? "December Cloud" : "BYOK"})` : ""
+                  ]
+                }, undefined, true, undefined, this),
+                activeToast ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
+                  wrap: "truncate",
+                  color: activeToast.variant === "success" ? "#6EE7B7" : activeToast.variant === "error" ? "#FCA5A5" : "gray",
+                  children: [
+                    "· ",
+                    activeToast.message.replace(/\s+/g, " ").trim()
+                  ]
+                }, undefined, true, undefined, this) : showExitConfirm ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
+                  color: "gray",
+                  children: "· Press Ctrl+C again to exit"
+                }, undefined, false, undefined, this) : contextTokens !== undefined && contextTokens > 0 && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
+                  color: "#AAAAAA",
+                  children: [
+                    "· ",
+                    contextTokens,
+                    " tokens"
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
           /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
             gap: 0,
+            flexShrink: 0,
+            marginLeft: 2,
             children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "? for shortcuts"
@@ -249885,22 +249947,7 @@ function InputBar({
   }, undefined, true, undefined, this);
 }
 // ../../packages/tui/src/components/messages/bot-message.tsx
-var import_react45 = __toESM(require_react(), 1);
-
-// ../../packages/tui/src/components/pill.tsx
-var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
-function Pill({ label, color = "white", backgroundColor = "#333333", dimColor }) {
-  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
-    backgroundColor,
-    paddingX: 1,
-    marginX: 1,
-    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text3, {
-      color,
-      dimColor,
-      children: label
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
+var import_react44 = __toESM(require_react(), 1);
 
 // ../../node_modules/.bun/ink-spinner@5.0.0+99d24c251f842efe/node_modules/ink-spinner/build/index.js
 var import_react42 = __toESM(require_react(), 1);
@@ -249924,30 +249971,26 @@ function Spinner({ type = "dots" }) {
 var build_default = Spinner;
 
 // ../../packages/tui/src/components/spinner.tsx
-var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
 function Spinner2({ label }) {
-  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
     gap: 1,
     alignItems: "center",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-        dimColor: true,
-        color: "cyan",
-        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(build_default, {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text3, {
+        color: "gray",
+        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(build_default, {
           type: "dots"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      label && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-        dimColor: true,
+      label && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text3, {
+        color: "gray",
         children: label
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 
-// ../../packages/tui/src/components/messages/smooth-markdown.tsx
-var import_react44 = __toESM(require_react(), 1);
-
 // ../../packages/tui/src/components/markdown.tsx
 var import_cli_highlight = __toESM(require_dist5(), 1);
 
@@ -251286,34 +251329,34 @@ var Yt = x2.lex;
 
 // ../../packages/tui/src/components/markdown.tsx
 var import_react43 = __toESM(require_react(), 1);
-var jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
 var renderToken = (token, index2) => {
   switch (token.type) {
     case "paragraph":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         children: token.tokens?.map((t2, i2) => renderToken(t2, i2))
       }, index2, false, undefined, this);
     case "text":
       if ("tokens" in token && token.tokens) {
-        return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+        return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
           children: token.tokens.map((t2, i2) => renderToken(t2, i2))
         }, index2, false, undefined, this);
       }
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         children: token.text || token.raw
       }, index2, false, undefined, this);
     case "strong":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         bold: true,
         children: token.tokens?.map((t2, i2) => renderToken(t2, i2))
       }, index2, false, undefined, this);
     case "em":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         italic: true,
         children: token.tokens?.map((t2, i2) => renderToken(t2, i2))
       }, index2, false, undefined, this);
     case "codespan":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         backgroundColor: "#303030",
         color: "#89B4F8",
         bold: false,
@@ -251327,40 +251370,40 @@ var renderToken = (token, index2) => {
       return null;
     case "code":
       if (token.lang === "mermaid") {
-        return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
           flexDirection: "column",
           paddingX: 2,
           paddingY: 1,
           borderStyle: "round",
           borderColor: "#A78BFA",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
               color: "#A78BFA",
               bold: true,
               children: "Mermaid Diagram"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: token.text
             }, undefined, false, undefined, this)
           ]
         }, index2, true, undefined, this);
       }
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(CodeBlock, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(CodeBlock, {
         token
       }, index2, false, undefined, this);
     case "list":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
         paddingLeft: 1,
-        children: token.items.map((item, i2) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        children: token.items.map((item, i2) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
           flexDirection: "row",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
               color: "gray",
               children: "• "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
               flexDirection: "column",
               children: item.tokens.map((t2, j2) => renderToken(t2, j2))
             }, undefined, false, undefined, this)
@@ -251368,8 +251411,8 @@ var renderToken = (token, index2) => {
         }, i2, true, undefined, this))
       }, index2, false, undefined, this);
     case "heading":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
           bold: true,
           color: "white",
           underline: true,
@@ -251377,31 +251420,31 @@ var renderToken = (token, index2) => {
         }, undefined, false, undefined, this)
       }, index2, false, undefined, this);
     case "link":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         color: "blue",
         underline: true,
         children: token.tokens?.map((t2, i2) => renderToken(t2, i2))
       }, index2, false, undefined, this);
     case "html":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         children: token.text
       }, index2, false, undefined, this);
     case "escape":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         children: token.text
       }, index2, false, undefined, this);
     case "table":
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         paddingX: 2,
         paddingY: 1,
         borderStyle: "round",
         borderColor: "#555555",
-        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
           children: token.raw
         }, undefined, false, undefined, this)
       }, index2, false, undefined, this);
     default:
-      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         children: token.raw
       }, index2, false, undefined, this);
   }
@@ -251433,43 +251476,43 @@ function CodeBlock({ token }) {
       ignoreIllegals: true
     });
   }, [contentToHighlight, lang]);
-  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingY: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         color: isFocused ? "#89B4F8" : "#475569",
         children: topBar
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
           children: highlighted
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      isLarge && !expanded ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      isLarge && !expanded ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
         paddingLeft: 2,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
             color: "#475569",
             children: "..."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
             color: isFocused ? "#89B4F8" : "#888888",
             children: isFocused ? "> Press Enter to expand (" + (lines.length - 15) + " more lines)" : "... (truncated, tab to focus)"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : isLarge && expanded ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : isLarge && expanded ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
           color: isFocused ? "#89B4F8" : "#888888",
           children: isFocused ? "> Press Enter to collapse" : ""
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this) : null,
-      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
         color: isFocused ? "#89B4F8" : "#475569",
         children: bottomBar
       }, undefined, false, undefined, this)
@@ -251480,7 +251523,7 @@ function Markdown({ children: children2 }) {
   if (!children2)
     return null;
   const tokens = g.lexer(children2).filter((t2) => t2.type !== "space");
-  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     flexDirection: "column",
     gap: 1,
     children: tokens.map((token, index2) => renderToken(token, index2))
@@ -251488,115 +251531,80 @@ function Markdown({ children: children2 }) {
 }
 
 // ../../packages/tui/src/components/messages/smooth-markdown.tsx
-var jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
 function SmoothMarkdown({ text: text3, isRunning }) {
-  const [displayedText, setDisplayedText] = import_react44.useState(text3);
-  import_react44.useEffect(() => {
-    if (!isRunning) {
-      setDisplayedText(text3);
-      return;
-    }
-    if (displayedText.length >= text3.length) {
-      if (displayedText !== text3 && text3.length < displayedText.length) {
-        setDisplayedText(text3);
-      }
-      return;
-    }
-    const interval = setInterval(() => {
-      setDisplayedText((prev2) => {
-        if (prev2.length >= text3.length) {
-          clearInterval(interval);
-          return text3;
-        }
-        const remaining = text3.length - prev2.length;
-        const charsToAdd = Math.max(1, Math.min(3, Math.ceil(remaining / 5)));
-        return text3.slice(0, prev2.length + charsToAdd);
-      });
-    }, 20);
-    return () => clearInterval(interval);
-  }, [text3, isRunning, displayedText]);
-  import_react44.useEffect(() => {
-    if (text3.length - displayedText.length > 500) {
-      setDisplayedText(text3);
-    }
-  }, [text3]);
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Markdown, {
-    children: displayedText
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Markdown, {
+    children: text3
   }, undefined, false, undefined, this);
 }
 
 // ../../packages/tui/src/components/messages/bot-message.tsx
-var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
-function CollapsibleThought({ content }) {
-  const { isFocused } = use_focus_default({ autoFocus: false });
-  const [expanded, setExpanded] = import_react45.useState(false);
+var jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
+function CollapsibleThought({ content, isStreaming }) {
+  const [expanded, setExpanded] = import_react44.useState(false);
+  const words2 = content.trim() ? content.trim().split(/\s+/).length : 0;
+  const tokenCount = Math.max(1, Math.round(words2 * 1.33));
   use_input_default((input, key) => {
-    if (isFocused && key.return) {
+    if (key.ctrl && input.toLowerCase() === "o" || input === "\x0F") {
       setExpanded((prev2) => !prev2);
     }
   });
-  const lines = content.split(`
-`);
-  const isLarge = lines.length > 5;
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-    flexDirection: "row",
-    paddingBottom: 1,
+  if (isStreaming) {
+    return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      flexDirection: "column",
+      marginY: 0.5,
+      children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+        color: "gray",
+        children: content
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+    flexDirection: "column",
+    marginY: 0.5,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-        width: 2,
-        flexShrink: 0,
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-          color: isFocused ? "#89B4F8" : "#475569",
-          children: "│"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-        flexDirection: "column",
+      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+        color: "gray",
+        italic: true,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-            color: isFocused ? "#89B4F8" : "#64748b",
-            italic: true,
-            children: [
-              "Thinking...",
-              " ",
-              isFocused ? expanded ? "(Enter to collapse)" : "(Enter to expand)" : ""
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-            paddingY: 0.5,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-              color: "#475569",
-              dimColor: true,
-              children: isLarge && !expanded ? lines.slice(0, 3).join(`
-`) + `
-...` : content
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+          "Thoughts (",
+          tokenCount,
+          " tokens",
+          expanded ? " · ctrl+o to collapse" : "",
+          ")"
         ]
-      }, undefined, true, undefined, this)
+      }, undefined, true, undefined, this),
+      expanded && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+        paddingLeft: 1,
+        paddingTop: 0.5,
+        children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+          color: "gray",
+          children: content
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 function StyledCommand({ command, truncate: truncate3 = true }) {
-  const match2 = command.match(/^([A-Za-z_]+)\((.*)\)$/);
+  const match2 = command.match(/^([A-Za-z_]+)\(([\s\S]*)\)$/);
   if (match2) {
-    let args = match2[2] || "";
+    let args = (match2[2] || "").replace(/\r?\n/g, " ");
     if (truncate3 && args.length > 80) {
       args = args.substring(0, 80) + "...";
     }
     const cmdColor = "#fef08a";
-    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+    return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
       children: [
-        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
           color: cmdColor,
           children: "● "
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
           color: cmdColor,
           bold: true,
           children: match2[1]
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
           color: "#cbd5e1",
           children: [
             "(",
@@ -251607,55 +251615,133 @@ function StyledCommand({ command, truncate: truncate3 = true }) {
       ]
     }, undefined, true, undefined, this);
   }
-  let displayCmd = command;
-  if (truncate3 && command.length > 80) {
-    displayCmd = command.substring(0, 80) + "...";
+  let displayCmd = command.replace(/\r?\n/g, " ");
+  if (truncate3 && displayCmd.length > 80) {
+    displayCmd = displayCmd.substring(0, 80) + "...";
   }
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
     color: "white",
     children: displayCmd
   }, undefined, false, undefined, this);
 }
-function BotMessage({ blocks, usage }) {
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+function CollapsibleCommandOutput({
+  command,
+  output,
+  forceExpanded
+}) {
+  const { isFocused } = use_focus_default({ autoFocus: true });
+  const [userExpanded, setUserExpanded] = import_react44.useState(false);
+  const isExpanded = userExpanded || Boolean(forceExpanded);
+  use_input_default((input, key) => {
+    if (key.ctrl && (key.name === "o" || input?.toLowerCase() === "o") || input === "\x0F") {
+      setUserExpanded((prev2) => !prev2);
+    }
+  });
+  const lines = output ? output.trim().split(/\r?\n/) : [];
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+    flexDirection: "column",
+    marginY: 0,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+        alignItems: "center",
+        gap: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(StyledCommand, {
+            command
+          }, undefined, false, undefined, this),
+          lines.length > 0 && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+            color: "gray",
+            children: [
+              "(",
+              isExpanded ? "ctrl+o to collapse" : "ctrl+o to expand",
+              ")"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      isExpanded && lines.length > 0 && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+        flexDirection: "column",
+        marginTop: 0,
+        paddingX: 1,
+        children: lines.map((line, lidx) => {
+          let color = "#d1d5db";
+          let bgColor = undefined;
+          if (line.startsWith("+")) {
+            color = "#6EE7B7";
+            bgColor = "#122f1e";
+          } else if (line.startsWith("-")) {
+            color = "#FCA5A5";
+            bgColor = "#3f1316";
+          } else if (line.startsWith("@@") || line.startsWith("diff --git") || line.startsWith("---") || line.startsWith("+++")) {
+            color = "#d1d5db";
+          }
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+            backgroundColor: bgColor,
+            flexDirection: "row",
+            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              color,
+              wrap: "truncate-end",
+              children: line
+            }, undefined, false, undefined, this)
+          }, lidx, false, undefined, this);
+        })
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function BotMessage({ blocks, usage, expandCommands }) {
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 4,
     paddingY: 0,
-    gap: 1,
-    marginTop: 1,
+    gap: 0,
+    marginTop: 0.5,
     children: blocks.map((block, idx) => {
       switch (block.type) {
         case "text": {
+          if (!block.content || block.content.trim() === "")
+            return null;
           const isThinking = block.content === "Thinking..." || block.content === "Working..." || block.content === "Generating...";
           if (isThinking) {
             if (idx !== blocks.length - 1)
               return null;
-            return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+            return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
               gap: 1,
               alignItems: "center",
               children: [
-                /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Spinner2, {}, undefined, false, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Spinner2, {}, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
                   color: "gray",
                   children: block.content
                 }, undefined, false, undefined, this)
               ]
             }, idx, true, undefined, this);
           }
+          if (block.color) {
+            return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                color: block.color,
+                children: block.content
+              }, undefined, false, undefined, this)
+            }, idx, false, undefined, this);
+          }
           const parts = block.content.split(/(<thought(?:>| [^>]*>)[\s\S]*?<\/thought>|<thought(?:>| [^>]*>)[\s\S]*)/i);
-          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
             flexDirection: "column",
             children: parts.map((part, pidx) => {
               if (/^<thought(?:>| [^>]*>)/i.test(part)) {
+                const isClosed = /<\/thought>$/i.test(part);
+                const isStreaming = !isClosed && idx === blocks.length - 1 && pidx === parts.length - 1;
                 const thoughtContent = part.replace(/^<thought(?:>| [^>]*>)/i, "").replace(/<\/thought>$/i, "").trim();
-                return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(CollapsibleThought, {
-                  content: thoughtContent
+                return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(CollapsibleThought, {
+                  content: thoughtContent,
+                  isStreaming
                 }, pidx, false, undefined, this);
               }
               if (part.trim() === "")
                 return null;
-              return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(SmoothMarkdown, {
+              return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(SmoothMarkdown, {
                   text: part.trim(),
                   isRunning: true
                 }, undefined, false, undefined, this)
@@ -251664,61 +251750,52 @@ function BotMessage({ blocks, usage }) {
           }, idx, false, undefined, this);
         }
         case "error": {
-          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
             flexDirection: "column",
-            paddingLeft: 1,
-            marginY: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-              color: "white",
-              children: [
-                "Agent Error: ",
-                block.error
-              ]
-            }, undefined, true, undefined, this)
+            marginY: 0.5,
+            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              color: "#FCA5A5",
+              children: block.error
+            }, undefined, false, undefined, this)
           }, idx, false, undefined, this);
         }
         case "interrupt": {
-          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
             flexDirection: "row",
             paddingY: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              color: "gray",
               children: "Interrupted · What should December do instead?"
             }, undefined, false, undefined, this)
           }, idx, false, undefined, this);
         }
         case "thinking": {
-          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(CollapsibleThought, {
-            content: block.content
+          const isStreaming = block.isStreaming ?? idx === blocks.length - 1;
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(CollapsibleThought, {
+            content: block.content,
+            isStreaming
           }, idx, false, undefined, this);
         }
         case "compaction": {
-          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
             flexDirection: "column",
             paddingY: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
                 flexDirection: "row",
                 gap: 1,
                 alignItems: "center",
-                children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Pill, {
-                    label: "SYSTEM",
-                    backgroundColor: "#303030",
-                    color: "#a78bfa"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-                    color: "#a78bfa",
-                    italic: true,
-                    children: "Context Compacted"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                  color: "#fef08a",
+                  italic: true,
+                  children: "Context Compacted"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
                 paddingLeft: 1,
                 paddingTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-                  color: "#94a3b8",
-                  dimColor: true,
+                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                  color: "gray",
                   children: block.summary.replace(/^\[COMPACTED HISTORY SUMMARY\]\n/, "")
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this)
@@ -251733,115 +251810,46 @@ function BotMessage({ blocks, usage }) {
             parsedInput = JSON.parse(block.toolInput || "{}");
           } catch {}
           if (!isRunning) {
-            if (block.toolName === "read_file" || block.toolName === "view_file") {
-              const lines = block.output ? block.output.split(/\r?\n/).length : 0;
-              return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+            const isNoOutputTool = block.toolName === "read_file" || block.toolName === "view_file" || block.toolName === "write_file" || block.toolName === "write_to_file" || block.toolName === "ask_permission" || block.toolName === "list_permissions";
+            if (isNoOutputTool) {
+              return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
                 flexDirection: "column",
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                  gap: 1,
+                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
                   alignItems: "center",
-                  children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(StyledCommand, {
+                  gap: 1,
+                  children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(StyledCommand, {
                     command: block.command
                   }, undefined, false, undefined, this)
                 }, undefined, false, undefined, this)
               }, idx, false, undefined, this);
             }
-            if (block.toolName === "edit_file" || block.toolName === "edit_diff" || block.toolName === "write_file" || block.toolName === "write_to_file" || block.toolName === "multi_replace_file_content" || block.toolName === "replace_file_content") {
-              const path9 = parsedInput.path || parsedInput.filePath || parsedInput.TargetFile || "";
-              const diffStr = block.toolName === "write_file" || block.toolName === "write_to_file" ? parsedInput.content || parsedInput.CodeContent : parsedInput.diff;
-              const isWrite = block.toolName === "write_file" || block.toolName === "write_to_file";
-              const lines = diffStr ? diffStr.replace(/\r?\n$/, "").split(/\r?\n/) : [];
-              return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                flexDirection: "column",
-                children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                    gap: 1,
-                    alignItems: "center",
-                    children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(StyledCommand, {
-                      command: block.command
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  isSuccess && lines.length > 0 && !isWrite && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                    flexDirection: "column",
-                    paddingLeft: 0,
-                    children: [
-                      lines.slice(0, 40).map((line, lidx) => {
-                        let prefixColor = "#d1d5db";
-                        let bgColor = undefined;
-                        let prefix = " ";
-                        let rest2 = line;
-                        if (isWrite) {
-                          prefixColor = "#4ade80";
-                          bgColor = "#122f1e";
-                          prefix = "+";
-                          rest2 = line;
-                        } else {
-                          prefix = " ";
-                          if (line.startsWith("+")) {
-                            prefixColor = "#4ade80";
-                            bgColor = "#122f1e";
-                            prefix = "+";
-                            rest2 = line.slice(1);
-                          } else if (line.startsWith("-")) {
-                            prefixColor = "#f87171";
-                            bgColor = "#3f1316";
-                            prefix = "-";
-                            rest2 = line.slice(1);
-                          } else if (line.startsWith("@@")) {
-                            prefixColor = "#a78bfa";
-                            prefix = "@";
-                            rest2 = line.slice(1);
-                          } else if (line.startsWith(" ")) {
-                            rest2 = line.slice(1);
-                          }
-                        }
-                        return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                          backgroundColor: bgColor,
-                          flexDirection: "row",
-                          paddingLeft: 2,
-                          children: [
-                            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                              width: 2,
-                              flexShrink: 0,
-                              children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-                                color: prefixColor,
-                                children: prefix
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-                              color: bgColor ? "white" : "#d1d5db",
-                              wrap: "truncate-end",
-                              children: rest2
-                            }, undefined, false, undefined, this)
-                          ]
-                        }, lidx, true, undefined, this);
-                      }),
-                      lines.length > 40 && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                        paddingLeft: 1,
-                        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-                          color: "#94a3b8",
-                          children: [
-                            "... (",
-                            lines.length - 40,
-                            " more lines)"
-                          ]
-                        }, undefined, true, undefined, this)
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, idx, true, undefined, this);
+            let displayOutput = block.output;
+            if (block.toolName === "replace_file_content" || block.toolName === "multi_replace_file_content" || block.toolName === "edit_file" || block.toolName === "edit_diff") {
+              if (parsedInput.TargetContent || parsedInput.ReplacementContent) {
+                const target = (parsedInput.TargetContent || "").split(/\r?\n/).map((l3) => l3.startsWith("-") ? l3 : `-${l3}`).join(`
+`);
+                const replacement = (parsedInput.ReplacementContent || "").split(/\r?\n/).map((l3) => l3.startsWith("+") ? l3 : `+${l3}`).join(`
+`);
+                displayOutput = `${target}
+${replacement}`;
+              } else if (parsedInput.ReplacementChunks && Array.isArray(parsedInput.ReplacementChunks)) {
+                displayOutput = parsedInput.ReplacementChunks.map((chunk2) => {
+                  const t2 = (chunk2.TargetContent || "").split(/\r?\n/).map((l3) => l3.startsWith("-") ? l3 : `-${l3}`).join(`
+`);
+                  const r2 = (chunk2.ReplacementContent || "").split(/\r?\n/).map((l3) => l3.startsWith("+") ? l3 : `+${l3}`).join(`
+`);
+                  return `${t2}
+${r2}`;
+                }).join(`
+`);
+              } else if (parsedInput.diff) {
+                displayOutput = parsedInput.diff;
+              }
             }
-            return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-              flexDirection: "column",
-              gap: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
-                alignItems: "center",
-                gap: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(StyledCommand, {
-                  command: block.command
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+            return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(CollapsibleCommandOutput, {
+              command: block.command,
+              output: displayOutput,
+              forceExpanded: expandCommands
             }, idx, false, undefined, this);
           }
           let statusLabel = "Working...";
@@ -251871,32 +251879,27 @@ function BotMessage({ blocks, usage }) {
             statusLabel = "Sending message...";
           else if (block.toolName === "schedule")
             statusLabel = "Scheduling timer...";
-          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
                 gap: 1,
                 alignItems: "center",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Spinner2, {}, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-                    color: "cyan",
+                  /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Spinner2, {}, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                    color: "gray",
                     children: statusLabel
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(StyledCommand, {
-                    command: block.command,
-                    truncate: false
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              block.output && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              block.output && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
                 flexDirection: "column",
                 marginLeft: 0,
                 marginTop: 0.5,
                 paddingX: 1,
                 paddingY: 0.5,
-                backgroundColor: "#1e293b",
-                children: block.output.trim().split(/\r?\n/).slice(-2).map((line, lidx) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                children: block.output.trim().split(/\r?\n/).slice(-2).map((line, lidx) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
                   color: "#94a3b8",
                   wrap: "truncate-end",
                   children: [
@@ -251912,18 +251915,21 @@ function BotMessage({ blocks, usage }) {
           const isCreated = block.action === "created";
           const isDeleted = block.action === "deleted";
           const actionLabel = isCreated ? "CREATED" : isDeleted ? "DELETED" : "MODIFIED";
-          const fgColor = isCreated ? "#4ade80" : isDeleted ? "#f87171" : "#89B4F8";
-          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
             gap: 1,
             alignItems: "center",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Pill, {
-                label: actionLabel,
-                backgroundColor: "#303030",
-                color: fgColor
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                color: "#fef08a",
+                children: "● "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-                color: "white",
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                color: "#fef08a",
+                bold: true,
+                children: actionLabel
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                color: "#cbd5e1",
                 children: block.filePath
               }, undefined, false, undefined, this)
             ]
@@ -251932,24 +251938,24 @@ function BotMessage({ blocks, usage }) {
         case "code": {
           const borderLength = Math.max(10, 60 - (block.filename?.length ?? 0));
           const borderLine = "─".repeat(borderLength);
-          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
             flexDirection: "column",
             paddingLeft: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
                 color: "#4A5568",
                 wrap: "truncate",
                 children: block.filename ? `┌── ${block.filename} ${borderLine}` : `┌${borderLine}`
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
                 flexDirection: "column",
                 paddingLeft: 2,
-                children: block.code.split(/\r?\n/).map((line, lidx) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                children: block.code.split(/\r?\n/).map((line, lidx) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
                   color: "#E2E8F0",
                   children: line
                 }, lidx, false, undefined, this))
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
                 color: "#4A5568",
                 children: "└──"
               }, undefined, false, undefined, this)
@@ -251957,22 +251963,14 @@ function BotMessage({ blocks, usage }) {
           }, idx, true, undefined, this);
         }
         case "status": {
-          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
             gap: 1,
             alignItems: "center",
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Pill, {
-                label: block.success ? "SUCCESS" : "FAILED",
-                backgroundColor: "#303030",
-                color: block.success ? "#4ade80" : "#f87171"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
-                color: "white",
-                bold: block.success,
-                children: block.label
-              }, undefined, false, undefined, this)
-            ]
-          }, idx, true, undefined, this);
+            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              color: block.success ? "#6EE7B7" : "#FCA5A5",
+              children: block.label
+            }, undefined, false, undefined, this)
+          }, idx, false, undefined, this);
         }
         default:
           return null;
@@ -251983,7 +251981,7 @@ function BotMessage({ blocks, usage }) {
 // ../../packages/tui/src/components/header.tsx
 import { execSync as execSync2 } from "node:child_process";
 import { homedir } from "node:os";
-var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
 function getGitBranch() {
   try {
     return execSync2("git rev-parse --abbrev-ref HEAD", { stdio: "pipe" }).toString().trim();
@@ -252006,13 +252004,13 @@ function Header({
 }) {
   const cwd2 = getCwd();
   const branch = getGitBranch();
-  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingLeft: 2,
     paddingTop: 1,
-    paddingBottom: 1,
+    paddingBottom: 0,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
         bold: true,
         color: "white",
         children: [
@@ -252020,18 +252018,18 @@ function Header({
           cliVersion.replace(/^v/, "")
         ]
       }, undefined, true, undefined, this),
-      userEmail && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
+      userEmail && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
         color: "gray",
         children: userEmail
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         gap: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
             color: "gray",
             children: cwd2
           }, undefined, false, undefined, this),
-          branch && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
+          branch && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
             color: "gray",
             children: [
               "(",
@@ -252041,19 +252039,19 @@ function Header({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
             color: "#89B4F8",
             children: "Tips for getting started"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
             color: "gray",
             children: "Run /init to scaffold .december workspace for custom rules and skills"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
             color: "gray",
             children: "Use /handoff to continue this session in December (trydecember.com)"
           }, undefined, false, undefined, this)
@@ -252064,12 +252062,12 @@ function Header({
 }
 
 // ../../packages/tui/src/components/messages/error-message.tsx
-var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
 function ErrorMessage({ message }) {
-  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     paddingX: 4,
-    paddingY: 1,
-    children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text3, {
+    paddingY: 0.5,
+    children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
       color: "#FCA5A5",
       children: message
     }, undefined, false, undefined, this)
@@ -252077,28 +252075,26 @@ function ErrorMessage({ message }) {
 }
 
 // ../../packages/tui/src/components/messages/user-message.tsx
-var jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
 function UserMessage({ message }) {
-  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     paddingLeft: 2,
     paddingRight: 4,
     paddingY: 0,
     marginTop: 1,
-    marginBottom: 0,
+    marginBottom: 0.5,
     flexDirection: "row",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         marginRight: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text3, {
-          bold: true,
+        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text3, {
           color: "#89B4F8",
           children: "❭"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         flexShrink: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text3, {
-          bold: true,
+        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text3, {
           color: "#89B4F8",
           children: message
         }, undefined, false, undefined, this)
@@ -252108,57 +252104,41 @@ function UserMessage({ message }) {
 }
 
 // ../../packages/tui/src/components/message-list.tsx
-var jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
 function MessageList({
   staticKey,
   staticMessages,
   activeMessages,
   isAuthenticated,
   cliVersion,
-  userEmail
+  userEmail,
+  expandCommands
 }) {
-  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(jsx_dev_runtime16.Fragment, {
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Static15, {
-        items: staticMessages,
-        style: { flexDirection: "column" },
-        children: (msg) => {
-          if (msg.role === "header") {
-            return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Header, {
-              cliVersion,
-              userEmail
-            }, msg.id, false, undefined, this);
-          }
-          if (msg.role === "user")
-            return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(UserMessage, {
-              message: msg.text ?? ""
-            }, msg.id, false, undefined, this);
-          if (msg.role === "error")
-            return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ErrorMessage, {
-              message: msg.text ?? ""
-            }, msg.id, false, undefined, this);
-          return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(BotMessage, {
-            blocks: msg.blocks ?? [],
-            usage: msg.usage
-          }, msg.id, false, undefined, this);
-        }
-      }, staticKey, false, undefined, this),
-      activeMessages.map((msg) => {
-        if (msg.role === "user")
-          return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(UserMessage, {
-            message: msg.text ?? ""
-          }, msg.id, false, undefined, this);
-        if (msg.role === "error")
-          return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ErrorMessage, {
-            message: msg.text ?? ""
-          }, msg.id, false, undefined, this);
-        return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(BotMessage, {
-          blocks: msg.blocks ?? [],
-          usage: msg.usage
+  const allMessages = [...staticMessages, ...activeMessages];
+  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+    flexDirection: "column",
+    children: allMessages.map((msg) => {
+      if (msg.role === "header") {
+        return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Header, {
+          cliVersion,
+          userEmail
         }, msg.id, false, undefined, this);
-      })
-    ]
-  }, undefined, true, undefined, this);
+      }
+      if (msg.role === "user")
+        return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(UserMessage, {
+          message: msg.text ?? ""
+        }, msg.id, false, undefined, this);
+      if (msg.role === "error")
+        return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(ErrorMessage, {
+          message: msg.text ?? ""
+        }, msg.id, false, undefined, this);
+      return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(BotMessage, {
+        blocks: msg.blocks ?? [],
+        usage: msg.usage,
+        expandCommands
+      }, msg.id, false, undefined, this);
+    })
+  }, undefined, false, undefined, this);
 }
 // ../../packages/tui/src/theme.ts
 var COLORS = {
@@ -252170,23 +252150,24 @@ var COLORS = {
   info: "gray"
 };
 // ../../packages/tui/src/providers/theme/index.tsx
-var import_react46 = __toESM(require_react(), 1);
-var jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
-var ThemeContext = import_react46.createContext({ colors: COLORS });
+var import_react45 = __toESM(require_react(), 1);
+var jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
+var ThemeContext = import_react45.createContext({ colors: COLORS });
 function ThemeProvider({ children: children2 }) {
-  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ThemeContext.Provider, {
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ThemeContext.Provider, {
     value: { colors: COLORS },
     children: children2
   }, undefined, false, undefined, this);
 }
 
 // ../../packages/tui/src/layouts/root-layout.tsx
-var jsx_dev_runtime18 = __toESM(require_jsx_dev_runtime(), 1);
-function RootLayout({ children: children2 }) {
-  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ThemeProvider, {
-    children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(KeyboardLayerProvider, {
-      children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ToastProvider, {
-        children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(DialogProvider, {
+var jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
+function RootLayout({ children: children2, onToast }) {
+  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ThemeProvider, {
+    children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(KeyboardLayerProvider, {
+      children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ToastProvider, {
+        onToast,
+        children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(DialogProvider, {
           children: children2
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
@@ -252194,27 +252175,27 @@ function RootLayout({ children: children2 }) {
   }, undefined, false, undefined, this);
 }
 // ../../packages/tui/src/components/menus/menu-items.tsx
-var jsx_dev_runtime19 = __toESM(require_jsx_dev_runtime(), 1);
-var CustomIndicator = ({ isSelected }) => /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+var jsx_dev_runtime18 = __toESM(require_jsx_dev_runtime(), 1);
+var CustomIndicator = ({ isSelected }) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
   marginRight: 1,
-  children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+  children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text3, {
     color: "#89B4F8",
     children: isSelected ? "❯" : " "
   }, undefined, false, undefined, this)
 }, undefined, false, undefined, this);
-var CustomItem = ({ label, isSelected }) => /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+var CustomItem = ({ label, isSelected }) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text3, {
   color: isSelected ? "#89B4F8" : "white",
   children: isSelected ? label : label
 }, undefined, false, undefined, this);
 // ../../node_modules/.bun/ink-text-input@6.0.0+99d24c251f842efe/node_modules/ink-text-input/build/index.js
-var import_react47 = __toESM(require_react(), 1);
+var import_react46 = __toESM(require_react(), 1);
 function TextInput({ value: originalValue, placeholder = "", focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit }) {
-  const [state, setState] = import_react47.useState({
+  const [state, setState] = import_react46.useState({
     cursorOffset: (originalValue || "").length,
     cursorWidth: 0
   });
   const { cursorOffset, cursorWidth } = state;
-  import_react47.useEffect(() => {
+  import_react46.useEffect(() => {
     setState((previousState) => {
       if (!focus || !showCursor) {
         return previousState;
@@ -252292,21 +252273,21 @@ function TextInput({ value: originalValue, placeholder = "", focus = true, mask,
       onChange(nextValue);
     }
   }, { isActive: focus });
-  return import_react47.default.createElement(Text3, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
+  return import_react46.default.createElement(Text3, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
 }
 var build_default2 = TextInput;
 
 // ../../packages/tui/src/components/menus/byok-key-menu.tsx
-var jsx_dev_runtime20 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime19 = __toESM(require_jsx_dev_runtime(), 1);
 function ByokKeyMenu(props) {
   const { selectedProvider, apiKey, setApiKey, handleKeySubmit } = props;
-  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
           color: "white",
           children: [
             "Enter API Key for ",
@@ -252315,9 +252296,9 @@ function ByokKeyMenu(props) {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
             color: "#89B4F8",
             bold: false,
             children: [
@@ -252325,7 +252306,7 @@ function ByokKeyMenu(props) {
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(build_default2, {
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(build_default2, {
             focus: true,
             value: apiKey,
             onChange: setApiKey,
@@ -252334,28 +252315,28 @@ function ByokKeyMenu(props) {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Submit"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -252367,7 +252348,7 @@ function ByokKeyMenu(props) {
 }
 
 // ../../node_modules/.bun/ink-select-input@6.2.0+99d24c251f842efe/node_modules/ink-select-input/build/Indicator.js
-var import_react48 = __toESM(require_react(), 1);
+var import_react47 = __toESM(require_react(), 1);
 
 // ../../node_modules/.bun/is-unicode-supported@2.1.0/node_modules/is-unicode-supported/index.js
 import process16 from "node:process";
@@ -252658,17 +252639,17 @@ var replacements = Object.entries(specialMainSymbols);
 
 // ../../node_modules/.bun/ink-select-input@6.2.0+99d24c251f842efe/node_modules/ink-select-input/build/Indicator.js
 function Indicator({ isSelected = false }) {
-  return import_react48.default.createElement(Box_default, { marginRight: 1 }, isSelected ? import_react48.default.createElement(Text3, { color: "blue" }, figures_default.pointer) : import_react48.default.createElement(Text3, null, " "));
+  return import_react47.default.createElement(Box_default, { marginRight: 1 }, isSelected ? import_react47.default.createElement(Text3, { color: "blue" }, figures_default.pointer) : import_react47.default.createElement(Text3, null, " "));
 }
 var Indicator_default = Indicator;
 // ../../node_modules/.bun/ink-select-input@6.2.0+99d24c251f842efe/node_modules/ink-select-input/build/Item.js
-var React20 = __toESM(require_react(), 1);
+var React19 = __toESM(require_react(), 1);
 function Item({ isSelected = false, label }) {
-  return React20.createElement(Text3, { color: isSelected ? "blue" : undefined }, label);
+  return React19.createElement(Text3, { color: isSelected ? "blue" : undefined }, label);
 }
 var Item_default = Item;
 // ../../node_modules/.bun/ink-select-input@6.2.0+99d24c251f842efe/node_modules/ink-select-input/build/SelectInput.js
-var import_react49 = __toESM(require_react(), 1);
+var import_react48 = __toESM(require_react(), 1);
 import { isDeepStrictEqual } from "node:util";
 
 // ../../node_modules/.bun/to-rotated@1.0.0/node_modules/to-rotated/index.js
@@ -252698,17 +252679,17 @@ function SelectInput({ items = [], isFocused = true, initialIndex = 0, indicator
   const hasLimit = typeof customLimit === "number" && items.length > customLimit;
   const limit3 = hasLimit ? Math.min(customLimit, items.length) : items.length;
   const lastIndex = limit3 - 1;
-  const [rotateIndex, setRotateIndex] = import_react49.useState(initialIndex > lastIndex ? lastIndex - initialIndex : 0);
-  const [selectedIndex, setSelectedIndex] = import_react49.useState(initialIndex ? initialIndex > lastIndex ? lastIndex : initialIndex : 0);
-  const previousItems = import_react49.useRef(items);
-  import_react49.useEffect(() => {
+  const [rotateIndex, setRotateIndex] = import_react48.useState(initialIndex > lastIndex ? lastIndex - initialIndex : 0);
+  const [selectedIndex, setSelectedIndex] = import_react48.useState(initialIndex ? initialIndex > lastIndex ? lastIndex : initialIndex : 0);
+  const previousItems = import_react48.useRef(items);
+  import_react48.useEffect(() => {
     if (!isDeepStrictEqual(previousItems.current.map((item) => item.value), items.map((item) => item.value))) {
       setRotateIndex(0);
       setSelectedIndex(0);
     }
     previousItems.current = items;
   }, [items]);
-  use_input_default(import_react49.useCallback((input, key) => {
+  use_input_default(import_react48.useCallback((input, key) => {
     if (input === "k" || key.upArrow) {
       const lastIndex2 = (hasLimit ? limit3 : items.length) - 1;
       const atFirstIndex = selectedIndex === 0;
@@ -252760,28 +252741,28 @@ function SelectInput({ items = [], isFocused = true, initialIndex = 0, indicator
     onHighlight
   ]), { isActive: isFocused });
   const slicedItems = hasLimit ? toRotated(items, rotateIndex).slice(0, limit3) : items;
-  return import_react49.default.createElement(Box_default, { flexDirection: "column" }, slicedItems.map((item, index2) => {
+  return import_react48.default.createElement(Box_default, { flexDirection: "column" }, slicedItems.map((item, index2) => {
     const isSelected = index2 === selectedIndex;
-    return import_react49.default.createElement(Box_default, { key: item.key ?? item.value }, import_react49.default.createElement(indicatorComponent, { isSelected }), import_react49.default.createElement(itemComponent, { ...item, isSelected }));
+    return import_react48.default.createElement(Box_default, { key: item.key ?? item.value }, import_react48.default.createElement(indicatorComponent, { isSelected }), import_react48.default.createElement(itemComponent, { ...item, isSelected }));
   }));
 }
 var SelectInput_default = SelectInput;
 // ../../packages/tui/src/components/menus/byok-provider-menu.tsx
-var jsx_dev_runtime21 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime20 = __toESM(require_jsx_dev_runtime(), 1);
 function ByokProviderMenu(props) {
   const { handleProviderSelect } = props;
-  return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
           color: "white",
           children: "Select API Provider:"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(SelectInput_default, {
         items: [
           { label: "Anthropic", value: "anthropic" },
           { label: "DeepSeek", value: "deepseek" },
@@ -252800,40 +252781,40 @@ function ByokProviderMenu(props) {
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -252845,7 +252826,7 @@ function ByokProviderMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/context-select-menu.tsx
-var jsx_dev_runtime22 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime21 = __toESM(require_jsx_dev_runtime(), 1);
 function getModelLabel(id) {
   return id;
 }
@@ -252867,7 +252848,7 @@ function ContextSelectMenu(props) {
   let filled = 0;
   const addSquares = (count, char, color) => {
     for (let i2 = 0;i2 < count && filled < totalSquares; i2++) {
-      squares.push(/* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+      squares.push(/* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
         color,
         children: char
       }, filled, false, undefined, this));
@@ -252879,7 +252860,7 @@ function ContextSelectMenu(props) {
   addSquares(Math.round(toolTokens / maxTokens * totalSquares), "●", "#FCD34D");
   addSquares(Math.round(sysTokens / maxTokens * totalSquares), "●", "#AAAAAA");
   while (filled < totalSquares) {
-    squares.push(/* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+    squares.push(/* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
       color: "#444444",
       children: "□"
     }, filled, false, undefined, this));
@@ -252887,37 +252868,37 @@ function ContextSelectMenu(props) {
   }
   const gridRows = [];
   for (let i2 = 0;i2 < totalSquares; i2 += 20) {
-    gridRows.push(/* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+    gridRows.push(/* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
       gap: 1,
       children: squares.slice(i2, i2 + 20)
     }, i2, false, undefined, this));
   }
-  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
           bold: true,
           color: "white",
           children: "Context"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
         flexDirection: "row",
         gap: 4,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
             flexDirection: "column",
             children: gridRows
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
                 gap: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                   color: "#AAAAAA",
                   children: [
                     currentModelName,
@@ -252931,24 +252912,24 @@ function ContextSelectMenu(props) {
                   ]
                 }, undefined, true, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
                 marginTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                   color: "white",
                   children: "Token usage by category"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#89B4F8",
                         children: "●"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "User messages: ",
@@ -252960,14 +252941,14 @@ function ContextSelectMenu(props) {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#6EE7B7",
                         children: "●"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "Agent responses: ",
@@ -252979,14 +252960,14 @@ function ContextSelectMenu(props) {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#FCD34D",
                         children: "●"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "Tool calls: ",
@@ -252998,14 +252979,14 @@ function ContextSelectMenu(props) {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: "●"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "System prompt: ",
@@ -253017,14 +252998,14 @@ function ContextSelectMenu(props) {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#444444",
                         children: "□"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "Free space: ",
@@ -253042,16 +253023,16 @@ function ContextSelectMenu(props) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -253063,21 +253044,21 @@ function ContextSelectMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/december-login-select-menu.tsx
-var jsx_dev_runtime23 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime22 = __toESM(require_jsx_dev_runtime(), 1);
 function DecemberLoginSelectMenu(props) {
   const { handleAuthMenuSelect } = props;
-  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
           color: "white",
           children: "Select December login method:"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(SelectInput_default, {
         items: [
           { label: "Login via Browser (Local)", value: "december_browser" },
           {
@@ -253089,40 +253070,40 @@ function DecemberLoginSelectMenu(props) {
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -253134,7 +253115,7 @@ function DecemberLoginSelectMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/grill-question-menu.tsx
-var jsx_dev_runtime24 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime23 = __toESM(require_jsx_dev_runtime(), 1);
 function GrillQuestionMenu(props) {
   const {
     grillQuestions,
@@ -253155,15 +253136,15 @@ function GrillQuestionMenu(props) {
       ...q2.options.map((opt, i2) => ({ label: `${i2 + 1}. ${opt}`, value: opt })),
       { label: `${q2.options.length + 1}. Write-in...`, value: "custom" }
     ];
-    return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
       flexDirection: "column",
       paddingX: 1,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
           marginBottom: 1,
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
               color: "#89B4F8",
               bold: true,
               children: [
@@ -253174,55 +253155,55 @@ function GrillQuestionMenu(props) {
                 ":"
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
               color: "white",
               bold: true,
               children: q2.question
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        !customInputMode ? /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(jsx_dev_runtime24.Fragment, {
+        !customInputMode ? /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
           children: [
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(SelectInput_default, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(SelectInput_default, {
               items,
               onSelect: handleGrillSelect,
               indicatorComponent: CustomIndicator,
               itemComponent: CustomItem
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
               paddingTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+              children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                 gap: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "↑↓"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Navigate"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "·"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "enter"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Select"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "·"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "esc"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Cancel"
                   }, undefined, false, undefined, this)
@@ -253230,19 +253211,19 @@ function GrillQuestionMenu(props) {
               }, undefined, true, undefined, this)
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
           flexDirection: "column",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
               flexDirection: "row",
               gap: 1,
               children: [
-                /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                   color: "#89B4F8",
                   children: "Your answer:"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(build_default2, {
+                /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(build_default2, {
                   focus: true,
                   value: customAnswer,
                   onChange: setCustomAnswer,
@@ -253263,28 +253244,28 @@ function GrillQuestionMenu(props) {
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
               paddingTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+              children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                 gap: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "enter"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Submit"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "·"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "esc"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Cancel"
                   }, undefined, false, undefined, this)
@@ -253300,60 +253281,60 @@ function GrillQuestionMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/logout-select-menu.tsx
-var jsx_dev_runtime25 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime24 = __toESM(require_jsx_dev_runtime(), 1);
 function LogoutSelectMenu(props) {
   const { handleLogoutSelect, logoutItems } = props;
-  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
           color: "white",
           children: "Select credential to remove:"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(SelectInput_default, {
         items: logoutItems,
         onSelect: (item) => handleLogoutSelect(item.value),
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -253365,21 +253346,21 @@ function LogoutSelectMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/menu-menu.tsx
-var jsx_dev_runtime26 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime25 = __toESM(require_jsx_dev_runtime(), 1);
 function MenuMenu(props) {
   const { handleAuthMenuSelect } = props;
-  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
           color: "white",
           children: "Select authentication method:"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(SelectInput_default, {
         items: [
           { label: "Login via December (Cloud Wallet)", value: "december" },
           { label: "Bring Your Own Key (BYOK)", value: "byok" }
@@ -253388,40 +253369,40 @@ function MenuMenu(props) {
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -253433,60 +253414,60 @@ function MenuMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/model-select-menu.tsx
-var jsx_dev_runtime27 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime26 = __toESM(require_jsx_dev_runtime(), 1);
 function ModelSelectMenu(props) {
   const { handleModelSelect, selectedProvider, openRouterModels, getProviderModels } = props;
-  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
           color: "white",
           children: "Select Model:"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(SelectInput_default, {
         items: selectedProvider === "openrouter" ? openRouterModels || [{ label: "Loading models...", value: "loading" }] : getProviderModels(selectedProvider),
         onSelect: handleModelSelect,
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -253498,66 +253479,66 @@ function ModelSelectMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/plan-approve-menu.tsx
-var jsx_dev_runtime28 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime27 = __toESM(require_jsx_dev_runtime(), 1);
 function PlanApproveMenu(props) {
   const { handlePlanApprovalSelect, planSummary } = props;
   const planItems = [
     { label: "1. Approve and Execute", value: "approve" },
     { label: "2. Reject / Cancel", value: "reject" }
   ];
-  return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         marginBottom: 1,
         flexDirection: "column",
         gap: 1,
         children: [
-          planSummary && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+          planSummary && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
             borderStyle: "round",
             borderColor: "cyan",
             paddingX: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "cyan",
               children: planSummary
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
             color: "white",
             bold: true,
             children: "Plan generated. Please approve or reject:"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(SelectInput_default, {
         items: planItems,
         onSelect: handlePlanApprovalSelect,
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this)
@@ -253569,7 +253550,7 @@ function PlanApproveMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/session-select-menu.tsx
-var jsx_dev_runtime29 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime28 = __toESM(require_jsx_dev_runtime(), 1);
 function SessionSelectMenu(props) {
   const {
     sessionRenameMode,
@@ -253686,13 +253667,13 @@ function SessionSelectMenu(props) {
       }
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
           bold: true,
           color: "white",
           children: "Sessions"
@@ -253701,17 +253682,17 @@ function SessionSelectMenu(props) {
       visibleItems.map((session, idx) => {
         const isSelected = idx === sessionSelectedIndex;
         if (isSelected && sessionRenameMode) {
-          return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
             flexDirection: "row",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
                 width: 2,
-                children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
                   color: "#89B4F8",
                   children: "❭ "
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(build_default2, {
+              /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(build_default2, {
                 value: sessionNewName,
                 onChange: setSessionNewName,
                 onSubmit: handleRenameSubmit,
@@ -253723,27 +253704,27 @@ function SessionSelectMenu(props) {
         const isCustomName = !session.id.startsWith("session-");
         const title = isCustomName ? session.id : session.preview || session.id;
         const timeStr = timeAgo(session.updatedAt).padStart(10);
-        return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+        return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
           flexDirection: "row",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
               width: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
                 color: isSelected ? "#89B4F8" : "white",
                 children: isSelected ? "❭ " : "  "
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
               width: 97,
-              children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
                 color: isSelected ? "#89B4F8" : "#AAAAAA",
                 wrap: "truncate",
                 children: title
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
               width: 12,
-              children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: timeStr
               }, undefined, false, undefined, this)
@@ -253751,17 +253732,17 @@ function SessionSelectMenu(props) {
           ]
         }, session.id, true, undefined, this);
       }),
-      totalItems === 0 && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      totalItems === 0 && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
           color: "#555555",
           children: "No sessions found."
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      totalItems > 0 && /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      totalItems > 0 && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
         marginTop: 1,
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
           color: "#555555",
           children: [
             "[",
@@ -253775,76 +253756,76 @@ function SessionSelectMenu(props) {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑/↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "←/→"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Page"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "r"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Rename"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "d"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Delete"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -253856,7 +253837,7 @@ function SessionSelectMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/settings-main-menu.tsx
-var jsx_dev_runtime30 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime29 = __toESM(require_jsx_dev_runtime(), 1);
 function SettingsMainMenu(props) {
   const {
     settingsNonWorkspace,
@@ -253901,58 +253882,58 @@ function SettingsMainMenu(props) {
       value: "authPriority"
     });
   }
-  return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
           bold: true,
           color: "white",
           children: "Settings"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(SelectInput_default, {
         items: mainItems,
         onSelect: handleSettingsMainSelect,
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Toggle"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -253964,7 +253945,7 @@ function SettingsMainMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/tasks-mode-menu.tsx
-var jsx_dev_runtime31 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime30 = __toESM(require_jsx_dev_runtime(), 1);
 function TasksModeMenu(props) {
   const { tasksData, taskViewingId, taskScrollOffset, taskSelectedIndex } = props;
   const getStatusColor = (status) => {
@@ -253986,15 +253967,15 @@ function TasksModeMenu(props) {
     if (task) {
       const outputLines = task.output.split("\\n");
       const visibleLines = outputLines.slice(taskScrollOffset, taskScrollOffset + 15);
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+      return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
         flexDirection: "column",
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             marginBottom: 1,
             justifyContent: "space-between",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 bold: true,
                 color: "white",
                 children: [
@@ -254002,7 +253983,7 @@ function TasksModeMenu(props) {
                   task.id
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 bold: true,
                 color: getStatusColor(task.status),
                 children: [
@@ -254013,9 +253994,9 @@ function TasksModeMenu(props) {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             marginBottom: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
               color: "#AAAAAA",
               bold: true,
               children: [
@@ -254024,24 +254005,24 @@ function TasksModeMenu(props) {
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             borderColor: "#333333",
             borderStyle: "round",
             flexDirection: "column",
             minHeight: 8,
             paddingX: 1,
-            children: visibleLines.length === 0 || visibleLines.length === 1 && visibleLines[0] === "" ? /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+            children: visibleLines.length === 0 || visibleLines.length === 1 && visibleLines[0] === "" ? /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
               color: "gray",
               children: "[No output recorded yet]"
-            }, undefined, false, undefined, this) : visibleLines.map((line, idx) => /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+            }, undefined, false, undefined, this) : visibleLines.map((line, idx) => /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
               color: "white",
               children: line
             }, idx, false, undefined, this))
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             marginTop: 1,
             justifyContent: "space-between",
-            children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
               color: "gray",
               children: [
                 "Showing lines ",
@@ -254054,9 +254035,9 @@ function TasksModeMenu(props) {
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             paddingTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
               color: "#555555",
               children: "↑/↓ Scroll Line · ←/→ Page · esc Cancel"
             }, undefined, false, undefined, this)
@@ -254065,48 +254046,48 @@ function TasksModeMenu(props) {
       }, undefined, true, undefined, this);
     }
   } else {
-    return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
       flexDirection: "column",
       paddingX: 1,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
           marginBottom: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+          children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
             bold: true,
             color: "white",
             children: "Tasks"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        tasksData.length === 0 ? /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+        tasksData.length === 0 ? /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
           paddingLeft: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+          children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
             color: "#555555",
             children: "No background tasks."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this) : tasksData.map((task, idx) => {
           const isSelected = idx === taskSelectedIndex;
           const truncatedCommand = task.command.length > 50 ? task.command.slice(0, 47) + "..." : task.command;
-          return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             flexDirection: "row",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
                 width: 2,
-                children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                   color: isSelected ? "#89B4F8" : "white",
                   children: isSelected ? "> " : "  "
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
                 width: 25,
-                children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                   color: isSelected ? "white" : "#AAAAAA",
                   wrap: "truncate",
                   children: task.id
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
                 width: 15,
-                children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                   color: getStatusColor(task.status),
                   children: [
                     "[",
@@ -254115,8 +254096,8 @@ function TasksModeMenu(props) {
                   ]
                 }, undefined, true, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                   color: isSelected ? "white" : "gray",
                   children: truncatedCommand
                 }, undefined, false, undefined, this)
@@ -254124,64 +254105,64 @@ function TasksModeMenu(props) {
             ]
           }, task.id, true, undefined, this);
         }),
-        /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
           paddingTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
+          children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             gap: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "↑/↓"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "Navigate"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "·"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "←/→"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "Page"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "·"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "enter"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "View output"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "·"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "k"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "Kill Task"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "·"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "esc"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "Cancel"
               }, undefined, false, undefined, this)
@@ -254194,7 +254175,7 @@ function TasksModeMenu(props) {
 }
 
 // ../../packages/tui/src/components/menus/tool-permission-menu.tsx
-var jsx_dev_runtime32 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime31 = __toESM(require_jsx_dev_runtime(), 1);
 function ToolPermissionMenu({ questions, onComplete }) {
   const currentQ = questions[0];
   if (!currentQ)
@@ -254203,46 +254184,46 @@ function ToolPermissionMenu({ questions, onComplete }) {
   const handleSelect = (item) => {
     onComplete(item.value);
   };
-  return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
           color: "white",
           bold: true,
           children: currentQ.question
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(SelectInput_default, {
         items,
         onSelect: handleSelect,
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this)
@@ -254254,59 +254235,59 @@ function ToolPermissionMenu({ questions, onComplete }) {
 }
 
 // ../../packages/tui/src/components/menus/auth-menus.tsx
-var jsx_dev_runtime33 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime32 = __toESM(require_jsx_dev_runtime(), 1);
 function AuthMenus(props) {
   switch (props.authMode) {
     case "menu":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(MenuMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(MenuMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "december_login_select":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(DecemberLoginSelectMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(DecemberLoginSelectMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "byok_provider":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(ByokProviderMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ByokProviderMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "byok_key":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(ByokKeyMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ByokKeyMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "model_select":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(ModelSelectMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ModelSelectMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "context_select":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(ContextSelectMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ContextSelectMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "logout_select":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(LogoutSelectMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(LogoutSelectMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "session_select":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(SessionSelectMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SessionSelectMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "tasks_mode":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(TasksModeMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(TasksModeMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "plan_approve":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(PlanApproveMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(PlanApproveMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "grill_question":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(GrillQuestionMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(GrillQuestionMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "settings_main":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(SettingsMainMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SettingsMainMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "tool_permission":
-      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(ToolPermissionMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ToolPermissionMenu, {
         questions: props.pendingQuestions?.questions || [],
         onComplete: (answer) => {
           props.pendingQuestions?.resolve(answer);
@@ -254319,11 +254300,11 @@ function AuthMenus(props) {
   }
 }
 // ../../packages/tui/src/components/menus/ask-question-menu.tsx
-var import_react50 = __toESM(require_react(), 1);
-var jsx_dev_runtime34 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react49 = __toESM(require_react(), 1);
+var jsx_dev_runtime33 = __toESM(require_jsx_dev_runtime(), 1);
 function AskQuestionMenu({ questions, onComplete }) {
-  const [currentQuestionIdx, setCurrentQuestionIdx] = import_react50.useState(0);
-  const [answers, setAnswers] = import_react50.useState([]);
+  const [currentQuestionIdx, setCurrentQuestionIdx] = import_react49.useState(0);
+  const [answers, setAnswers] = import_react49.useState([]);
   const currentQ = questions[currentQuestionIdx];
   if (!currentQ)
     return null;
@@ -254337,29 +254318,29 @@ function AskQuestionMenu({ questions, onComplete }) {
       onComplete(newAnswers.length === 1 ? newAnswers[0] : newAnswers);
     }
   };
-  return /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(Box_default, {
     flexDirection: "column",
     gap: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(Box_default, {
         flexDirection: "row",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(Text3, {
             color: "cyan",
             bold: true,
             children: `Q${currentQuestionIdx + 1}/${questions.length}:`
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(Text3, {
             color: "white",
             bold: true,
             children: currentQ.question
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(Box_default, {
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(SelectInput_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(SelectInput_default, {
           items,
           onSelect: handleSelect
         }, undefined, false, undefined, this)
@@ -254367,14 +254348,16 @@ function AskQuestionMenu({ questions, onComplete }) {
     ]
   }, undefined, true, undefined, this);
 }
+// ../../packages/tui/src/components/pill.tsx
+var jsx_dev_runtime34 = __toESM(require_jsx_dev_runtime(), 1);
 // ../../packages/tui/src/components/task-hud.tsx
 import fs10 from "fs";
 import path9 from "path";
-var import_react51 = __toESM(require_react(), 1);
+var import_react50 = __toESM(require_react(), 1);
 var jsx_dev_runtime35 = __toESM(require_jsx_dev_runtime(), 1);
 function TaskHUD({ cwd: cwd2, showTasks = true }) {
-  const [taskLines, setTaskLines] = import_react51.useState([]);
-  import_react51.useEffect(() => {
+  const [taskLines, setTaskLines] = import_react50.useState([]);
+  import_react50.useEffect(() => {
     if (!showTasks)
       return;
     const taskPath = path9.join(cwd2, "task.md");
@@ -254425,7 +254408,7 @@ function TaskHUD({ cwd: cwd2, showTasks = true }) {
   }, undefined, true, undefined, this);
 }
 // ../../packages/tui/src/app.tsx
-var import_react52 = __toESM(require_react(), 1);
+var import_react51 = __toESM(require_react(), 1);
 var jsx_dev_runtime36 = __toESM(require_jsx_dev_runtime(), 1);
 function ChatApp({
   agent: agent2,
@@ -254437,9 +254420,9 @@ function ChatApp({
   onLoginHeadless,
   session
 }) {
-  const [inputHistory, setInputHistory] = import_react52.useState([]);
-  const [exitConfirm, setExitConfirm] = import_react52.useState(false);
-  import_react52.useEffect(() => {
+  const [inputHistory, setInputHistory] = import_react51.useState([]);
+  const [exitConfirm, setExitConfirm] = import_react51.useState(false);
+  import_react51.useEffect(() => {
     if (exitConfirm) {
       const timer = setTimeout(() => setExitConfirm(false), 3000);
       return () => clearTimeout(timer);
@@ -254471,7 +254454,7 @@ function ChatApp({
     agent: agent2,
     getProviderModels: session.getProviderModels
   }, undefined, false, undefined, this) : null;
-  const handleFormSubmit = import_react52.useCallback((text3) => {
+  const handleFormSubmit = import_react51.useCallback((text3) => {
     if (text3 && !text3.startsWith("/")) {
       setInputHistory((prev2) => [...prev2, text3]);
     }
@@ -254501,7 +254484,8 @@ function ChatApp({
         activeMessages,
         isAuthenticated,
         cliVersion,
-        userEmail: currentEmail || userEmail
+        userEmail: currentEmail || userEmail,
+        expandCommands: session.expandCommands
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(InputBar, {
         onSubmit: handleFormSubmit,
@@ -254536,11 +254520,13 @@ function ChatApp({
         hasBothAuth: session.hasBothAuth,
         authUI,
         agent: agent2,
+        toasts: session.toasts,
         resetChat: () => {
           console.clear();
           setStaticMessages([{ id: "header-" + Date.now(), role: "header" }]);
           setStaticKey((k) => k + 1);
           setActiveMessages([]);
+          session.addToast?.("Started a new conversation.", "success");
         },
         planMode,
         grillMode,
@@ -254663,19 +254649,23 @@ function GlobalShortcuts(session) {
       setAuthMode("settings");
     } else if (key.ctrl && input === "t") {
       setAuthMode("tasks_mode");
+    } else if (key.ctrl && (key.name === "o" || input?.toLowerCase() === "o") || input === "\x0F") {
+      if (session.toggleExpandCommands) {
+        session.toggleExpandCommands();
+      }
     }
   });
   return null;
 }
 // src/index.ts
-var import_react55 = __toESM(require_react(), 1);
+var import_react54 = __toESM(require_react(), 1);
 // package.json
 var package_default = {
   name: "@trydecember/cli",
   module: "src/index.ts",
   type: "module",
   private: false,
-  version: "0.2.21",
+  version: "0.2.22",
   description: "Turn ideas into reality.",
   author: "Chaitanya Sonawane",
   license: "Apache-2.0",
@@ -255335,7 +255325,7 @@ Execute ${toolCall.name}? (y/n): `);
           hasError = true;
           errorMessage = event.error;
           writeErr(`
-[Agent Error: ${event.error}]
+[Error: ${event.error}]
 `);
           break;
       }
@@ -255354,7 +255344,7 @@ Headless task complete.
 }
 // src/hooks/use-agent-session.ts
 init_config();
-var import_react54 = __toESM(require_react(), 1);
+var import_react53 = __toESM(require_react(), 1);
 
 // src/constants/prompts.ts
 var getGrillPrompt = (userPrompt) => `You are a product manager interviewing a developer.
@@ -255407,11 +255397,11 @@ var createStoreImpl = (createState) => {
 var createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
 
 // ../../node_modules/.bun/zustand@5.0.14+93dbe784b8baa420/node_modules/zustand/esm/react.mjs
-var import_react53 = __toESM(require_react(), 1);
+var import_react52 = __toESM(require_react(), 1);
 var identity2 = (arg) => arg;
 function useStore(api3, selector = identity2) {
-  const slice3 = import_react53.default.useSyncExternalStore(api3.subscribe, import_react53.default.useCallback(() => selector(api3.getState()), [api3, selector]), import_react53.default.useCallback(() => selector(api3.getInitialState()), [api3, selector]));
-  import_react53.default.useDebugValue(slice3);
+  const slice3 = import_react52.default.useSyncExternalStore(api3.subscribe, import_react52.default.useCallback(() => selector(api3.getState()), [api3, selector]), import_react52.default.useCallback(() => selector(api3.getInitialState()), [api3, selector]));
+  import_react52.default.useDebugValue(slice3);
   return slice3;
 }
 var createImpl = (createState) => {
@@ -255535,9 +255525,15 @@ var useCliStore = create4((set3) => ({
   pendingToolCall: null,
   setPendingToolCall: (pendingToolCall) => set3({ pendingToolCall }),
   toasts: [],
-  addToast: (message, variant = "info") => set3((state) => ({
-    toasts: [...state.toasts, { id: Date.now().toString(), message, variant }]
-  })),
+  addToast: (message, variant = "info") => {
+    const id = Date.now().toString() + Math.random().toString();
+    set3((state) => ({
+      toasts: [...state.toasts, { id, message, variant }]
+    }));
+    setTimeout(() => {
+      set3((state) => ({ toasts: state.toasts.filter((t2) => t2.id !== id) }));
+    }, 3000);
+  },
   removeToast: (id) => set3((state) => ({ toasts: state.toasts.filter((t2) => t2.id !== id) })),
   shouldExit: false,
   setShouldExit: (shouldExit) => set3({ shouldExit })
@@ -255756,16 +255752,22 @@ function getToolSummary(name, inputStr) {
     const args = JSON.parse(inputStr || "{}");
     switch (name) {
       case "read_file":
-      case "view_file":
-        return `Read(${args.AbsolutePath || args.filePath || args.path || ""})`.trim();
+      case "view_file": {
+        const path13 = args.AbsolutePath || args.TargetFile || args.filePath || args.filepath || args.path || args.file || "";
+        return `Read(${path13})`.trim();
+      }
       case "write_file":
-      case "write_to_file":
-        return `Create(${args.TargetFile || args.filePath || args.path || ""})`.trim();
+      case "write_to_file": {
+        const path13 = args.TargetFile || args.AbsolutePath || args.filePath || args.filepath || args.path || args.file || "";
+        return `Create(${path13})`.trim();
+      }
       case "edit_file":
       case "edit_diff":
       case "replace_file_content":
-      case "multi_replace_file_content":
-        return `Edit(${args.TargetFile || args.filePath || args.path || ""})`.trim();
+      case "multi_replace_file_content": {
+        const path13 = args.TargetFile || args.AbsolutePath || args.filePath || args.filepath || args.path || args.file || "";
+        return `Edit(${path13})`.trim();
+      }
       case "list_dir":
         return `ListDir(${args.DirectoryPath || args.dirPath || args.path || ""})`.trim();
       case "bash":
@@ -255810,12 +255812,17 @@ async function processAgentStream({
         return msg;
       const blocks = [...msg.blocks || []];
       let finalMsg = { ...msg };
+      const isStatusMessage = (content) => content === "Working..." || content === "Thinking..." || content.startsWith("Rate limit") || content.startsWith("High demand") || content.startsWith("LLM Provider rate limit") || content.startsWith("LLM Provider high demand");
       for (const event of eventsToProcess) {
         switch (event.type) {
           case "TurnStart":
             blocks.push({ type: "text", content: "Working..." });
             break;
           case "AgentError": {
+            const lastBlock = blocks[blocks.length - 1];
+            if (lastBlock && (lastBlock.type === "thinking" || lastBlock.type === "text" && isStatusMessage(lastBlock.content))) {
+              blocks.pop();
+            }
             const errMsg = parseErrorMessage({ message: event.error });
             blocks.push({
               type: "error",
@@ -255825,18 +255832,22 @@ async function processAgentStream({
           }
           case "AgentInterrupt": {
             const lastBlock = blocks[blocks.length - 1];
-            if (lastBlock && lastBlock.type === "text" && (lastBlock.content === "Working..." || lastBlock.content === "Thinking..." || lastBlock.content.startsWith("Rate limit hit"))) {
+            if (lastBlock && lastBlock.type === "text" && isStatusMessage(lastBlock.content)) {
               lastBlock.content = "";
             }
             blocks.push({ type: "interrupt" });
             break;
           }
           case "AgentStatus": {
+            const isRetryStatus = event.message?.startsWith("LLM Provider") || event.message?.startsWith("Rate limit") || event.message?.startsWith("High demand");
+            const color = isRetryStatus ? "#FCA5A5" : undefined;
             const statusBlock = blocks[blocks.length - 1];
-            if (statusBlock && statusBlock.type === "text" && (statusBlock.content === "Working..." || statusBlock.content === "Thinking..." || statusBlock.content.startsWith("Rate limit hit"))) {
+            if (statusBlock && statusBlock.type === "text" && isStatusMessage(statusBlock.content)) {
               statusBlock.content = event.message || "Working...";
+              if (color)
+                statusBlock.color = color;
             } else if (event.message) {
-              blocks.push({ type: "text", content: event.message });
+              blocks.push({ type: "text", content: event.message, color });
             }
             break;
           }
@@ -255847,7 +255858,7 @@ async function processAgentStream({
           case "StreamChunk": {
             const lastBlock = blocks[blocks.length - 1];
             if (lastBlock && lastBlock.type === "text") {
-              lastBlock.content = (lastBlock.content === "Working..." || lastBlock.content === "Thinking..." || lastBlock.content.startsWith("Rate limit hit") ? "" : lastBlock.content) + event.content;
+              lastBlock.content = (isStatusMessage(lastBlock.content) ? "" : lastBlock.content) + event.content;
             } else {
               blocks.push({ type: "text", content: event.content });
             }
@@ -255858,7 +255869,7 @@ async function processAgentStream({
             if (lastThinkBlock && lastThinkBlock.type === "thinking") {
               lastThinkBlock.content += event.content;
             } else {
-              if (blocks.length > 0 && blocks[blocks.length - 1].type === "text" && (blocks[blocks.length - 1].content === "Working..." || blocks[blocks.length - 1].content === "Thinking...")) {
+              if (blocks.length > 0 && blocks[blocks.length - 1].type === "text" && isStatusMessage(blocks[blocks.length - 1].content)) {
                 blocks.pop();
               }
               blocks.push({ type: "thinking", content: event.content });
@@ -255908,11 +255919,17 @@ async function processAgentStream({
   };
   for await (const event of stream) {
     pendingEvents.push(event);
-    if (!flushTimeout) {
+    if (event.type === "StreamChunk" || event.type === "TextChunk" || event.type === "ThinkingChunk") {
+      if (flushTimeout) {
+        clearTimeout(flushTimeout);
+        flushTimeout = null;
+      }
+      flush();
+    } else if (!flushTimeout) {
       flushTimeout = setTimeout(() => {
         flush();
         flushTimeout = null;
-      }, 50);
+      }, 16);
     }
   }
   if (flushTimeout) {
@@ -255938,6 +255955,11 @@ var MESSAGES = {
   CONFIG: {
     MODEL_UPDATED: (model) => `Default model updated to ${model}`,
     MAX_TOKENS_SET: (tokens) => `Max tokens set to ${tokens}`
+  },
+  ERROR: {
+    RATE_LIMIT: `Rate limit or quota exhausted from LLM provider. Please upgrade your API key tier with your provider (OpenAI, Anthropic, Gemini) or switch to December Cloud Subscription at https://trydecember.com/pricing
+
+`
   }
 };
 
@@ -255996,7 +256018,8 @@ function useAuthHandlers(agent2, onLogin, onLoginHeadless) {
     setHasBothAuth,
     setSettingsAuthPriority,
     setAuthMethod,
-    setStaticKey
+    setStaticKey,
+    addToast
   } = useCliStore();
   const handleAuthMenuSelect = async (item) => {
     if (item.value === "december") {
@@ -256004,14 +256027,7 @@ function useAuthHandlers(agent2, onLogin, onLoginHeadless) {
     } else if (item.value === "december_browser") {
       setAuthMode("none");
       setIsStreaming(true);
-      setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-      setActiveMessages([
-        {
-          id: getNextMsgId(),
-          role: "assistant",
-          blocks: [{ type: "text", content: `Opening browser to log in...` }]
-        }
-      ]);
+      addToast("Opening browser to log in...", "info");
       try {
         if (!onLogin) {
           throw new Error("Login functionality is not provided by the host environment.");
@@ -256046,19 +256062,9 @@ If it doesn't open automatically, please click here:
           agent2.setLLM(provider);
           setIsAuthenticated(true);
         }
-        setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-        setActiveMessages([
-          {
-            id: getNextMsgId(),
-            role: "assistant",
-            blocks: [{ type: "text", content: MESSAGES.AUTH.LOGIN_SUCCESS_DECEMBER }]
-          }
-        ]);
+        addToast(MESSAGES.AUTH.LOGIN_SUCCESS_DECEMBER, "success");
       } catch (err) {
-        setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-        setActiveMessages([
-          { id: getNextMsgId(), role: "error", text: `Login failed: ${err.message}` }
-        ]);
+        addToast(`Login failed: ${err.message}`, "error");
       } finally {
         setIsStreaming(false);
       }
@@ -256089,7 +256095,7 @@ If it doesn't open automatically, please click here:
                   content: `Please open [${uri}](${uri}) on any device and enter code: \`${code}\``
                 },
                 {
-                  type: "thinking",
+                  type: "text",
                   content: "Waiting for authorization..."
                 }
               ]
@@ -256143,14 +256149,7 @@ If it doesn't open automatically, please click here:
     await saveConfig(config2);
     agent2.modelOptions = { model: item.value };
     setAuthMode("none");
-    setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-    setActiveMessages([
-      {
-        id: getNextMsgId(),
-        role: "assistant",
-        blocks: [{ type: "text", content: `Model successfully changed to ${item.value}!` }]
-      }
-    ]);
+    addToast(`Model changed to ${item.value}`, "success");
   };
   const handleProviderSelect = async (item) => {
     const config2 = await loadConfig();
@@ -256170,19 +256169,7 @@ If it doesn't open automatically, please click here:
       setSettingsAuthPriority(authStatus.authPriority);
       setIsAuthenticated(true);
       setAuthMode("none");
-      setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-      setActiveMessages([
-        {
-          id: getNextMsgId(),
-          role: "assistant",
-          blocks: [
-            {
-              type: "text",
-              content: `Switched active provider to ${item.value.toUpperCase()} (using saved key).`
-            }
-          ]
-        }
-      ]);
+      addToast(`Switched active provider to ${item.value.toUpperCase()}`, "success");
     } else {
       setSelectedProvider(item.value);
       setAuthMode("byok_key");
@@ -256221,20 +256208,7 @@ If it doesn't open automatically, please click here:
       setSettingsAuthPriority(authStatus.authPriority);
       setAuthMode("none");
       setApiKey("");
-      setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-      setActiveMessages([
-        {
-          id: getNextMsgId(),
-          role: "assistant",
-          blocks: [
-            {
-              type: "status",
-              success: true,
-              label: MESSAGES.AUTH.API_KEY_SAVED(selectedProvider)
-            }
-          ]
-        }
-      ]);
+      addToast(MESSAGES.AUTH.API_KEY_SAVED(selectedProvider), "success");
     } catch (err) {
       const errStr = (err?.message || JSON.stringify(err) || String(err)).toLowerCase();
       if (errStr.includes("429") || errStr.includes("quota") || errStr.includes("rate limit") || errStr.includes("404") || errStr.includes("not found")) {
@@ -256256,22 +256230,8 @@ If it doesn't open automatically, please click here:
         setSettingsAuthPriority(authStatus.authPriority);
         setAuthMode("none");
         setApiKey("");
-        setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-        setActiveMessages([
-          {
-            id: getNextMsgId(),
-            role: "assistant",
-            blocks: [
-              {
-                type: "status",
-                success: true,
-                label: `API Key saved for ${selectedProvider}`
-              }
-            ]
-          }
-        ]);
+        addToast(`API Key saved for ${selectedProvider}`, "success");
       } else {
-        setStaticMessages((prev2) => [...prev2, ...activeMessages]);
         let cleanMessage = err?.message || String(err);
         try {
           const parsed = JSON.parse(cleanMessage);
@@ -256287,21 +256247,9 @@ If it doesn't open automatically, please click here:
             cleanMessage = parsed.message;
           }
         } catch {}
-        setActiveMessages([
-          {
-            id: getNextMsgId(),
-            role: "assistant",
-            blocks: [
-              {
-                type: "status",
-                success: false,
-                label: `Invalid API Key for ${selectedProvider}`
-              },
-              { type: "text", content: cleanMessage }
-            ]
-          }
-        ]);
+        setAuthMode("none");
         setApiKey("");
+        addToast(`Invalid API Key for ${selectedProvider}: ${cleanMessage}`, "error");
       }
     } finally {
       setIsStreaming(false);
@@ -256341,13 +256289,7 @@ If it doesn't open automatically, please click here:
       setAuthMethod(undefined);
     }
     setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-    setActiveMessages([
-      {
-        id: getNextMsgId(),
-        role: "assistant",
-        blocks: [{ type: "text", content: `Removed credentials for: ${removedName}` }]
-      }
-    ]);
+    addToast(`Removed credentials for: ${removedName}`, "success");
   };
   const handleSessionSelect = async (item) => {
     setAuthMode("none");
@@ -256396,22 +256338,10 @@ If it doesn't open automatically, please click here:
       }
       setStaticMessages([{ id: "header", role: "header" }, ...resumedMessages]);
       setStaticKey((k) => k + 1);
-      setActiveMessages([
-        {
-          id: getNextMsgId(),
-          role: "assistant",
-          blocks: [{ type: "text", content: `Resumed session: ${item.value}` }]
-        }
-      ]);
+      setActiveMessages([]);
+      addToast(`Resumed session: ${item.value}`, "success");
     } catch (err) {
-      setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-      setActiveMessages([
-        {
-          id: getNextMsgId(),
-          role: "error",
-          text: `Failed to resume session: ${err.message}`
-        }
-      ]);
+      addToast(`Failed to resume session: ${err.message}`, "error");
     }
   };
   return {
@@ -256626,6 +256556,7 @@ function useAgentSession({
     setPendingQuestions,
     pendingToolCall,
     setPendingToolCall,
+    toasts,
     addToast,
     setShouldExit,
     tasksData,
@@ -256675,7 +256606,11 @@ function useAgentSession({
     settingsFollowUpMode,
     setSettingsFollowUpMode
   } = state;
-  import_react54.useEffect(() => {
+  const [expandCommands, setExpandCommands] = import_react53.useState(false);
+  const toggleExpandCommands = import_react53.useCallback(() => {
+    setExpandCommands((prev2) => !prev2);
+  }, []);
+  import_react53.useEffect(() => {
     setIsAuthenticated(initialAuth);
     setAuthMethod(initialAuthMethod);
     if (initialHasBothAuth !== undefined)
@@ -256696,7 +256631,7 @@ function useAgentSession({
     setSettingsAuthPriority,
     setCurrentEmail
   ]);
-  import_react54.useEffect(() => {
+  import_react53.useEffect(() => {
     if (agent2) {
       if (!agent2.operations)
         agent2.operations = {};
@@ -256730,7 +256665,7 @@ function useAgentSession({
       };
     }
   }, [agent2]);
-  import_react54.useEffect(() => {
+  import_react53.useEffect(() => {
     if (authMode === "tasks_mode") {
       const update3 = () => {
         setTasksData([...taskManager.getTasks()]);
@@ -256740,11 +256675,11 @@ function useAgentSession({
       return () => clearInterval(interval);
     }
   }, [authMode, setTasksData]);
-  const handleKillTask = import_react54.useCallback((taskId) => {
+  const handleKillTask = import_react53.useCallback((taskId) => {
     taskManager.killTask(taskId);
     setTasksData([...taskManager.getTasks()]);
   }, [setTasksData]);
-  const generateGrillQuestions = import_react54.useCallback(async (userPrompt) => {
+  const generateGrillQuestions = import_react53.useCallback(async (userPrompt) => {
     setIsStreaming(true);
     setStaticMessages((prev2) => [...prev2, ...activeMessages]);
     setActiveMessages([
@@ -256786,19 +256721,12 @@ function useAgentSession({
       setActiveMessages([]);
     } catch (err) {
       const cleanError = parseErrorMessage(err);
-      addToast("Failed to generate grill questions.");
-      setActiveMessages([
-        {
-          id: getNextMsgId(),
-          role: "error",
-          text: `Grill Failed: ${cleanError}`
-        }
-      ]);
+      addToast(`Grill Failed: ${cleanError}`, "error");
     } finally {
       setIsStreaming(false);
     }
   }, [agent2, activeMessages]);
-  const generatePlanFromGrill = import_react54.useCallback(async (answers) => {
+  const generatePlanFromGrill = import_react53.useCallback(async (answers) => {
     setAuthMode("none");
     const originalPrompt = grillPrompt;
     setGrillPrompt(null);
@@ -256832,7 +256760,7 @@ function useAgentSession({
       setAuthMode("plan_approve");
     }
   }, [agent2, grillPrompt, grillQuestions, activeMessages]);
-  const handleGrillSelect = import_react54.useCallback(async (item) => {
+  const handleGrillSelect = import_react53.useCallback(async (item) => {
     if (item.value === "custom") {
       setCustomInputMode(true);
       return;
@@ -256845,7 +256773,7 @@ function useAgentSession({
       await generatePlanFromGrill(nextAnswers);
     }
   }, [grillAnswers, currentGrillIndex, grillQuestions, generatePlanFromGrill]);
-  const handleSubmit = import_react54.useCallback(async (text3) => {
+  const handleSubmit = import_react53.useCallback(async (text3) => {
     if (text3.trim() === "/exit") {
       setShouldExit(true);
       process.exit(0);
@@ -256866,19 +256794,7 @@ function useAgentSession({
         }
       }
       if (items.length === 0) {
-        setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-        setActiveMessages([
-          {
-            id: getNextMsgId(),
-            role: "assistant",
-            blocks: [
-              {
-                type: "text",
-                content: "No stored credentials to remove. `/logout` only removes credentials saved by `/login`."
-              }
-            ]
-          }
-        ]);
+        addToast("No stored credentials to remove.", "info");
       } else {
         setLogoutItems(items);
         setAuthMode("logout_select");
@@ -256914,9 +256830,7 @@ function useAgentSession({
             blocks: [
               {
                 type: "text",
-                content: `**Authentication Required**
-
-You are not logged in and have no custom API keys (BYOK) configured.
+                content: `You are not logged in and have no custom API keys (BYOK) configured.
 
 Please run \`/login\` to:
 - Sign in with your December account (Cloud Wallet), or
@@ -256953,15 +256867,7 @@ Please run \`/login\` to:
       }
       sessionRepository.listSessions().then((sessions) => {
         if (sessions.length === 0) {
-          setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-          setActiveMessages([
-            { id: getNextMsgId(), role: "user", text: text3 },
-            {
-              id: getNextMsgId(),
-              role: "assistant",
-              blocks: [{ type: "text", content: "No previous sessions found." }]
-            }
-          ]);
+          addToast("No previous sessions found.", "info");
           return;
         }
         setSessionsData(sessions);
@@ -257057,9 +256963,7 @@ If it doesn't open automatically, please click here:
           blocks: [
             {
               type: "text",
-              content: `**Authentication Required**
-
-You are not logged in and have no custom API keys (BYOK) configured.
+              content: `You are not logged in and have no custom API keys (BYOK) configured.
 
 Please run \`/login\` to:
 - Sign in with your December account (Cloud Wallet), or
@@ -257119,7 +257023,7 @@ Explain which files need to be created, modified, or deleted, and what the chang
     grillMode,
     planMode
   ]);
-  const handleAbort = import_react54.useCallback(() => {
+  const handleAbort = import_react53.useCallback(() => {
     if (isStreaming && agent2) {
       agent2.abort();
     }
@@ -257138,7 +257042,7 @@ Explain which files need to be created, modified, or deleted, and what the chang
     handleLogoutSelect,
     handleSessionSelect
   } = useAuthHandlers(agent2, onLogin, onLoginHeadless);
-  const handlePlanApprovalSelect = import_react54.useCallback(async (item) => {
+  const handlePlanApprovalSelect = import_react53.useCallback(async (item) => {
     setAuthMode("none");
     const originalPrompt = currentPlannedPrompt;
     setCurrentPlannedPrompt(null);
@@ -257147,17 +257051,9 @@ Explain which files need to be created, modified, or deleted, and what the chang
         await handleSubmit(originalPrompt);
       }
     } else {
-      addToast("Plan rejected.");
-      setActiveMessages((prev2) => [
-        ...prev2,
-        {
-          id: getNextMsgId(),
-          role: "assistant",
-          blocks: [{ type: "text", content: "*Plan rejected by user.*" }]
-        }
-      ]);
+      addToast("Plan rejected.", "error");
     }
-  }, [currentPlannedPrompt, handleSubmit, addToast, setAuthMode, setActiveMessages]);
+  }, [currentPlannedPrompt, handleSubmit, addToast, setAuthMode]);
   const handleContextSelect = () => {};
   return {
     currentPlannedPrompt,
@@ -257253,12 +257149,16 @@ Explain which files need to be created, modified, or deleted, and what the chang
     setPendingQuestions,
     getProviderModels,
     handleAbort,
-    handleKillTask
+    handleKillTask,
+    toasts,
+    addToast,
+    expandCommands,
+    toggleExpandCommands
   };
 }
 
 // src/local-operations.ts
-import { exec as exec5, spawn as spawn5 } from "node:child_process";
+import { exec as exec5, spawn as spawn4 } from "node:child_process";
 import fs14 from "node:fs/promises";
 import path13 from "node:path";
 import { promisify as promisify3 } from "node:util";
@@ -257269,7 +257169,7 @@ var localOperations = {
   bash: {
     exec: async (command, cwd2, options) => {
       return new Promise((resolve4, reject2) => {
-        const child = spawn5(command, {
+        const child = spawn4(command, {
           cwd: cwd2,
           detached: process.platform !== "win32",
           env: options.env ?? process.env,
@@ -257295,14 +257195,15 @@ var localOperations = {
               taskManager.killTask(task.id);
           }, options.timeout * 1000);
         }
-        const bgTimeout = setTimeout(() => {
+        const bgTimeout = options?.waitMsBeforeAsync ? setTimeout(() => {
           if (!resolved) {
             resolved = true;
             resolve4({ exitCode: null, output, taskId: task.id });
           }
-        }, 3000);
+        }, options.waitMsBeforeAsync) : undefined;
         child.on("close", (code) => {
-          clearTimeout(bgTimeout);
+          if (bgTimeout)
+            clearTimeout(bgTimeout);
           if (timeoutHandle)
             clearTimeout(timeoutHandle);
           taskManager.markCompleted(task.id, code);
@@ -257412,7 +257313,7 @@ var localOperations = {
 // src/index.ts
 function AppWrapper(props) {
   const session = useAgentSession(props);
-  return import_react55.default.createElement(ChatApp, { ...props, session });
+  return import_react54.default.createElement(ChatApp, { ...props, session });
 }
 async function main() {
   process.title = "december";
@@ -257464,11 +257365,15 @@ async function main() {
     baseSystemPrompt: `You are December, an autonomous, expert coding agent. You help the user by exploring codebases, executing terminal commands, editing files, and resolving complex tasks.
 Guidelines:
 - Plan carefully before making broad changes.
-- Use bash tools to explore the environment before guessing file paths.
+- Code & Symbol Search: Use 'grep_search' to find functions, error strings, symbols, or imports across files instead of reading files one by one.
+- File Discovery: Use 'find_files' with glob patterns (e.g. "**/*.ts") to locate matching files instead of stepping through folders with list_dir.
+- File Editing: Use 'edit_file' or 'edit_diff' when modifying existing files to preserve untouched lines. Use 'write_file' primarily for creating new files.
+- Web & Docs: Use 'web_search' to look up current documentation, library APIs, or external error tracebacks.
+- Background Tasks: Use 'manage_task' to monitor or stop background processes started by bash.
 - Be extremely concise in your responses. The user is a developer who values speed and exactness.
 - ALWAYS show absolute file paths when viewing or editing files.
 - Before using a tool, you MUST enclose your thought process inside <thought>...</thought> tags.
-- At the end of your work, provide a summary of what you did, highlighting important keywords.`,
+- At the end of your work, provide a concise summary of what you did (4-5 lines maximum, written as a single cohesive paragraph), highlighting key actions and results.`,
     llm,
     tools: [
       BashTool,
@@ -257520,7 +257425,7 @@ Executing Headless Task: "${parsedArgs.prompt}"
     const result2 = await runHeadlessTask(parsedArgs.prompt, { agent: agent2 });
     process.exit(result2.success ? 0 : 1);
   }
-  render_default(import_react55.default.createElement(RootLayout, null, import_react55.default.createElement(AppWrapper, {
+  render_default(import_react54.default.createElement(RootLayout, null, import_react54.default.createElement(AppWrapper, {
     agent: agent2,
     isAuthenticated,
     authMethod: providerConfig?.authMethod,