@trydecember/cli 0.2.23 → 0.2.25

package/dist/december.js

@@ -103245,15 +103245,12 @@ Interrupted · What should December do instead?`,
     }
     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 });
@@ -103460,8 +103457,8 @@ ${rule.content}
     try {
       const candidateFiles = [
         path7.join(this.config.workspaceDir, "AGENTS.md"),
-        path7.join(this.config.workspaceDir, ".december", "AGENTS.md"),
-        path7.join(this.config.workspaceDir, ".december", "rules.md")
+        path7.join(this.config.workspaceDir, ".december", "rules.md"),
+        path7.join(this.config.workspaceDir, ".december", "AGENTS.md")
       ];
       for (const rulePath of candidateFiles) {
         if (fs6.existsSync(rulePath)) {
@@ -169267,6 +169264,12 @@ var init_commands = __esm(() => {
         ctx.exit();
       }
     },
+    {
+      name: "feedback",
+      description: "Submit feedback, report a bug, or request a feature",
+      value: "/feedback",
+      action: (ctx) => {}
+    },
     {
       name: "fork",
       description: "Create a branch of the current conversation at this point",
@@ -169380,26 +169383,31 @@ var init_commands = __esm(() => {
     },
     {
       name: "init",
-      description: "Create a .december folder with initial rules, skills, and configuration",
+      description: "Create initial rules, skills, and AGENTS.md configuration",
       value: "/init",
       action: (ctx) => {
         try {
           const rootDir = process.cwd();
           const decDir = path8.join(rootDir, ".december");
-          if (fs9.existsSync(decDir)) {
+          const agentsFile = path8.join(rootDir, "AGENTS.md");
+          const rulesFile = path8.join(decDir, "rules.md");
+          const skillsFile = path8.join(decDir, "skills.md");
+          if (fs9.existsSync(agentsFile) && fs9.existsSync(rulesFile) && fs9.existsSync(skillsFile)) {
             ctx.toast.show({ message: "December workspace is already initialized." });
             return;
           }
           fs9.mkdirSync(decDir, { recursive: true });
-          const agentsFile = path8.join(decDir, "AGENTS.md");
-          const rulesFile = path8.join(decDir, "rules.md");
-          const skillsFile = path8.join(decDir, "skills.md");
-          fs9.writeFileSync(agentsFile, `# AGENTS.md
-`);
-          fs9.writeFileSync(rulesFile, `# Rules
+          if (!fs9.existsSync(agentsFile)) {
+            fs9.writeFileSync(agentsFile, "");
+          }
+          if (!fs9.existsSync(rulesFile)) {
+            fs9.writeFileSync(rulesFile, `Add rules in this file for the agent to use as context.
 `);
-          fs9.writeFileSync(skillsFile, `# Skills
+          }
+          if (!fs9.existsSync(skillsFile)) {
+            fs9.writeFileSync(skillsFile, `Add skills in this file for the agent to use as context.
 `);
+          }
           ctx.toast.show({
             variant: "success",
             message: "Initialized December workspace successfully!"
@@ -169879,23 +169887,20 @@ var init_shortcuts_menu = __esm(async () => {
     { key: "ctrl+k", desc: "Delete to end" },
     { key: "ctrl+u", desc: "Delete to start" },
     { key: "ctrl+w", desc: "Delete word" },
-    { key: "up/down", desc: "Input history" },
     { key: "ctrl+y", desc: "Quick copy (yank)" },
-    { key: "ctrl+c", desc: "Exit / Graceful interrupt" }
+    { key: "ctrl+c", desc: "Exit / Graceful interrupt" },
+    { key: "ctrl+h", desc: "Session history" },
+    { key: "ctrl+l", desc: "Login / Account menu" },
+    { key: "ctrl+o", desc: "Toggle expand commands" },
+    { key: "ctrl+t", desc: "Tasks mode" },
+    { key: "alt+enter", desc: "Insert newline" },
+    { key: "esc", desc: "Cancel / Close menu" }
   ];
 });
 
 // ../../packages/tui/src/components/text-area.tsx
-function TextArea({
-  value,
-  onChange,
-  onSubmit,
-  placeholder = "",
-  focus = true,
-  history = []
-}) {
+function TextArea({ value, onChange, onSubmit, placeholder = "", focus = true }) {
   const [cursorOffset, setCursorOffset] = import_react40.useState(value.length);
-  const [historyIndex, setHistoryIndex] = import_react40.useState(-1);
   import_react40.useEffect(() => {
     if (cursorOffset > value.length) {
       setCursorOffset(value.length);
@@ -169912,7 +169917,6 @@ function TextArea({
         setCursorOffset((prev2) => prev2 + 1);
       } else {
         onSubmit(value);
-        setHistoryIndex(-1);
       }
       return;
     }
@@ -169934,17 +169938,7 @@ function TextArea({
         const newOffset = cursorOffset - currentLineLength - 1 - (prevLineLength - newCol);
         setCursorOffset(Math.max(0, newOffset));
       } else {
-        if (history && history.length > 0) {
-          const nextIdx = Math.min(history.length - 1, historyIndex + 1);
-          if (nextIdx !== historyIndex) {
-            setHistoryIndex(nextIdx);
-            const hVal = history[history.length - 1 - nextIdx] || "";
-            onChange(hVal);
-            setCursorOffset(hVal.length);
-          }
-        } else {
-          setCursorOffset(0);
-        }
+        setCursorOffset(0);
       }
       return;
     }
@@ -169961,15 +169955,7 @@ function TextArea({
         const newOffset = cursorOffset + postLineZeroLength + 1 + newCol;
         setCursorOffset(Math.min(value.length, newOffset));
       } else {
-        if (historyIndex >= 0) {
-          const nextIdx = historyIndex - 1;
-          setHistoryIndex(nextIdx);
-          const hVal = nextIdx >= 0 ? history[history.length - 1 - nextIdx] || "" : "";
-          onChange(hVal);
-          setCursorOffset(hVal.length);
-        } else {
-          setCursorOffset(value.length);
-        }
+        setCursorOffset(value.length);
       }
       return;
     }
@@ -170053,9 +170039,9 @@ function InputBar({
   onInterrupt,
   onCopy,
   contextTokens,
-  history,
   showExitConfirm = false,
-  toasts
+  toasts,
+  queuedPrompts
 }) {
   const [value, setValue] = import_react41.useState("");
   const toast = useToast();
@@ -170116,10 +170102,15 @@ function InputBar({
   const handleCommand = import_react41.useCallback((command) => {
     if (!command)
       return;
+    const currentValue = value.trim();
     setValue("");
     handleContentChange("");
-    if (command.value === "/grill-me" || command.value === "/login" || command.value === "/logout" || command.value === "/exit" || command.value === "/model" || command.value === "/resume" || command.value === "/settings" || command.value === "/context" || command.value === "/tasks" || command.value === "/usage") {
-      onSubmit(command.value);
+    if (command.value === "/grill-me" || command.value === "/login" || command.value === "/logout" || command.value === "/exit" || command.value === "/model" || command.value === "/resume" || command.value === "/settings" || command.value === "/context" || command.value === "/tasks" || command.value === "/usage" || command.value === "/feedback") {
+      if (currentValue.length > command.value.length && currentValue.toLowerCase().startsWith(command.value.toLowerCase())) {
+        onSubmit(currentValue);
+      } else {
+        onSubmit(command.value);
+      }
       return;
     }
     if (command.action) {
@@ -170171,6 +170162,17 @@ function InputBar({
           close: dialog.close
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
+      queuedPrompts && queuedPrompts.length > 0 && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+        width: "100%",
+        marginBottom: 0,
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
+          color: "#89B4F8",
+          children: [
+            `Queued (${queuedPrompts.length}): "${queuedPrompts[0]}"`,
+            queuedPrompts.length > 1 ? ` (+${queuedPrompts.length - 1} more)` : ""
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         overflow: "hidden",
         height: 1,
@@ -170198,8 +170200,7 @@ function InputBar({
             onChange: handleChange,
             onSubmit: handleSubmit,
             placeholder: customInputMode ? "Type your custom answer..." : grillMode ? "" : placeholder,
-            focus: !disabled && !dialog.isOpen,
-            history
+            focus: !disabled && !dialog.isOpen
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -170213,7 +170214,7 @@ function InputBar({
           children: sep4
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      !showCommandMenu && !showShortcutsMenu && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      !showCommandMenu && !showShortcutsMenu && !authUI && /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
         width: "100%",
         justifyContent: "space-between",
         children: [
@@ -170229,7 +170230,7 @@ function InputBar({
                   color: "#AAAAAA",
                   children: [
                     activeModel,
-                    hasBothAuth && authMethod ? ` (via ${authMethod === "december" ? "December Cloud" : "BYOK"})` : ""
+                    hasBothAuth && authMethod ? ` (${authMethod === "december" ? "December Cloud" : "BYOK"})` : ""
                   ]
                 }, undefined, true, undefined, this),
                 activeToast ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text3, {
@@ -214462,114 +214463,611 @@ var init_marked_esm = __esm(() => {
   Yt = x2.lex;
 });
 
-// ../../packages/tui/src/components/markdown.tsx
-function CodeBlock({ token }) {
-  const { isFocused } = use_focus_default();
-  const [expanded, setExpanded] = import_react43.useState(false);
+// ../../packages/tui/src/components/mermaid.tsx
+function parseFlowchart(code) {
+  const lines = code.split(/\r?\n/);
+  let direction = "TD";
+  const nodesMap = new Map;
+  const edges = [];
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    if (!line || line.startsWith("%%"))
+      continue;
+    if (line.startsWith("graph") || line.startsWith("flowchart")) {
+      const parts = line.split(/\s+/);
+      if (parts.length > 1) {
+        const dir = parts[1].toUpperCase();
+        if (dir === "LR" || dir === "RL" || dir === "TD" || dir === "TB" || dir === "BT") {
+          direction = dir;
+        }
+      }
+      continue;
+    }
+    const edgeRegex = /^([A-Za-z0-9_]+)(?:\[(.*?)\]|\((.*?)\)|\{(.*?)\})?\s*(\-\-\>|\-\-\-|\=\=\>|\-\.\-\>)(?:\|(.*?)\|)?\s*([A-Za-z0-9_]+)(?:\[(.*?)\]|\((.*?)\)|\{(.*?)\})?/;
+    const match2 = line.match(edgeRegex);
+    if (match2) {
+      const fromId = match2[1];
+      const fromLabel = match2[2] || match2[3] || match2[4] || fromId;
+      const arrow = match2[5];
+      const edgeLabel = match2[6];
+      const toId = match2[7];
+      const toLabel = match2[8] || match2[9] || match2[10] || toId;
+      if (!nodesMap.has(fromId)) {
+        nodesMap.set(fromId, {
+          id: fromId,
+          label: fromLabel,
+          shape: match2[2] ? "box" : match2[3] ? "round" : match2[4] ? "diamond" : "box"
+        });
+      }
+      if (!nodesMap.has(toId)) {
+        nodesMap.set(toId, {
+          id: toId,
+          label: toLabel,
+          shape: match2[8] ? "box" : match2[9] ? "round" : match2[10] ? "diamond" : "box"
+        });
+      }
+      edges.push({
+        from: fromId,
+        to: toId,
+        label: edgeLabel,
+        style: arrow === "==>" ? "thick" : arrow === "-.->" ? "dashed" : "solid"
+      });
+      continue;
+    }
+    const nodeRegex = /^([A-Za-z0-9_]+)(?:\[(.*?)\]|\((.*?)\)|\{(.*?)\})/;
+    const nodeMatch = line.match(nodeRegex);
+    if (nodeMatch) {
+      const id = nodeMatch[1];
+      const label = nodeMatch[2] || nodeMatch[3] || nodeMatch[4] || id;
+      if (!nodesMap.has(id)) {
+        nodesMap.set(id, {
+          id,
+          label,
+          shape: nodeMatch[2] ? "box" : nodeMatch[3] ? "round" : nodeMatch[4] ? "diamond" : "box"
+        });
+      }
+    }
+  }
+  return { direction, nodes: Array.from(nodesMap.values()), edges };
+}
+function parseSequence(code) {
+  const lines = code.split(/\r?\n/);
+  const participantsSet = new Set;
+  const messages = [];
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    if (!line || line.startsWith("%%") || line.startsWith("sequenceDiagram"))
+      continue;
+    if (line.startsWith("participant ")) {
+      const name = line.replace("participant ", "").trim();
+      participantsSet.add(name);
+      continue;
+    }
+    const msgMatch = line.match(/^([A-Za-z0-9_]+)\s*(\-\>\>|\-\-\>\>|\-\>)\s*([A-Za-z0-9_]+)\s*:\s*(.*)$/);
+    if (msgMatch) {
+      const from = msgMatch[1];
+      const arrow = msgMatch[2];
+      const to = msgMatch[3];
+      const text3 = msgMatch[4];
+      participantsSet.add(from);
+      participantsSet.add(to);
+      messages.push({
+        from,
+        to,
+        text: text3,
+        style: arrow.includes("--") ? "dashed" : "solid"
+      });
+    }
+  }
+  return { participants: Array.from(participantsSet), messages };
+}
+function parsePie(code) {
+  const lines = code.split(/\r?\n/);
+  let title = "Chart";
+  const slices = [];
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    if (!line || line.startsWith("%%"))
+      continue;
+    if (line.startsWith("pie")) {
+      if (line.includes("title ")) {
+        title = line.split("title ")[1].trim();
+      }
+      continue;
+    }
+    const sliceMatch = line.match(/^"([^"]+)"\s*:\s*([0-9.]+)/);
+    if (sliceMatch) {
+      slices.push({
+        label: sliceMatch[1],
+        value: parseFloat(sliceMatch[2])
+      });
+    }
+  }
+  return { title, slices };
+}
+function Mermaid({ code }) {
+  const { isFocused } = use_focus_default({ autoFocus: true });
+  const [showRaw, setShowRaw] = import_react43.useState(false);
   use_input_default((input, key) => {
-    if (isFocused && key.return) {
-      setExpanded((prev2) => !prev2);
+    if (key.ctrl && (key.name === "o" || input?.toLowerCase() === "o") || input === "\x0F") {
+      setShowRaw((prev2) => !prev2);
     }
   });
-  const lines = token.text.split(`
-`);
-  const isLarge = lines.length > 30;
-  const lang = token.lang || "typescript";
-  const barWidth = 60;
-  const topBarLength = Math.max(0, barWidth - lang.length - 4);
-  const topBar = `┌── ${lang} ${"─".repeat(topBarLength)}`;
-  const bottomBar = `└${"─".repeat(barWidth - 1)}`;
-  let contentToHighlight = token.text;
-  if (isLarge && !expanded) {
-    contentToHighlight = lines.slice(0, 15).join(`
-`);
-  }
-  const highlighted = import_react43.default.useMemo(() => {
-    return import_cli_highlight.highlight(contentToHighlight, {
-      language: lang,
-      ignoreIllegals: true
-    });
-  }, [contentToHighlight, lang]);
+  const firstLine = code.split(/\r?\n/).map((l3) => l3.trim()).find((l3) => l3.length > 0 && !l3.startsWith("%%")) || "";
+  const isSequence = firstLine.startsWith("sequenceDiagram");
+  const isPie = firstLine.startsWith("pie");
+  const isFlowchart = firstLine.startsWith("graph") || firstLine.startsWith("flowchart");
   return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     flexDirection: "column",
+    paddingX: 2,
     paddingY: 1,
+    borderStyle: "round",
+    borderColor: "#A78BFA",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-        color: isFocused ? "#89B4F8" : "#475569",
-        children: topBar
-      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        justifyContent: "space-between",
+        alignItems: "center",
+        marginBottom: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+            color: "#A78BFA",
+            bold: true,
+            children: [
+              "❖ Mermaid Diagram (",
+              isSequence ? "sequence" : isPie ? "pie" : isFlowchart ? "flowchart" : "diagram",
+              ")"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+            color: "gray",
+            children: [
+              "(",
+              showRaw ? "ctrl+o for visual" : "ctrl+o for code",
+              ")"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      showRaw ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
-        paddingLeft: 2,
+        paddingLeft: 1,
         children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-          children: highlighted
+          color: "#AAAAAA",
+          children: code
         }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this) : isSequence ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(RenderSequence, {
+        code
+      }, undefined, false, undefined, this) : isPie ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(RenderPie, {
+        code
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(RenderFlowchart, {
+        code
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function RenderFlowchart({ code }) {
+  const { direction, nodes, edges } = parseFlowchart(code);
+  if (nodes.length === 0) {
+    return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      color: "#AAAAAA",
+      children: code
+    }, undefined, false, undefined, this);
+  }
+  const isLR = direction === "LR" || direction === "RL";
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+    flexDirection: "column",
+    gap: 1,
+    children: [
+      isLR ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        flexDirection: "row",
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: 1,
+        children: nodes.map((node2, i2) => {
+          const outgoingEdges = edges.filter((e2) => e2.from === node2.id);
+          return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_react43.default.Fragment, {
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                borderStyle: "round",
+                borderColor: "#89B4F8",
+                paddingX: 1,
+                children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+                  bold: true,
+                  color: "white",
+                  children: node2.label
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              outgoingEdges.length > 0 && i2 < nodes.length - 1 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                flexDirection: "column",
+                alignItems: "center",
+                children: [
+                  outgoingEdges[0].label && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+                    color: "#A78BFA",
+                    italic: true,
+                    children: [
+                      "[",
+                      outgoingEdges[0].label,
+                      "]"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+                    color: "#89B4F8",
+                    children: outgoingEdges[0].style === "dashed" ? " ┈► " : outgoingEdges[0].style === "thick" ? " ══► " : " ──► "
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, node2.id, true, undefined, this);
+        })
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        flexDirection: "column",
+        alignItems: "flex-start",
+        gap: 0,
+        children: nodes.map((node2, i2) => {
+          const outgoingEdges = edges.filter((e2) => e2.from === node2.id);
+          return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+            flexDirection: "column",
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                borderStyle: "round",
+                borderColor: "#89B4F8",
+                paddingX: 1,
+                children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+                  bold: true,
+                  color: "white",
+                  children: node2.label
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              outgoingEdges.length > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                flexDirection: "column",
+                paddingLeft: 3,
+                children: [
+                  outgoingEdges[0].label && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+                    color: "#A78BFA",
+                    italic: true,
+                    children: [
+                      "[",
+                      outgoingEdges[0].label,
+                      "]"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+                    color: "#89B4F8",
+                    children: outgoingEdges[0].style === "dashed" ? `  ┆  
+  ▼  ` : `  │  
+  ▼  `
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, node2.id, true, undefined, this);
+        })
       }, undefined, false, undefined, this),
-      isLarge && !expanded ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      edges.length > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
-        paddingLeft: 2,
+        marginTop: 1,
+        paddingLeft: 1,
         children: [
           /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-            color: "#475569",
-            children: "..."
+            color: "gray",
+            bold: true,
+            children: "Connections:"
           }, undefined, false, undefined, this),
-          /* @__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)
+          edges.map((edge, idx) => {
+            const fromNode = nodes.find((n) => n.id === edge.from)?.label || edge.from;
+            const toNode = nodes.find((n) => n.id === edge.to)?.label || edge.to;
+            return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+              color: "#CCCCCC",
+              children: [
+                "• ",
+                fromNode,
+                " ",
+                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+                  color: "#89B4F8",
+                  children: edge.style === "dashed" ? "┈►" : "──►"
+                }, undefined, false, undefined, this),
+                " ",
+                toNode,
+                edge.label ? ` (${edge.label})` : ""
+              ]
+            }, idx, true, undefined, this);
+          })
         ]
-      }, undefined, true, undefined, this) : isLarge && expanded ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function RenderSequence({ code }) {
+  const { participants, messages } = parseSequence(code);
+  if (participants.length === 0) {
+    return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      color: "#AAAAAA",
+      children: code
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+    flexDirection: "column",
+    gap: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        flexDirection: "row",
+        gap: 2,
+        children: participants.map((p) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+          borderStyle: "single",
+          borderColor: "#89B4F8",
+          paddingX: 1,
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+            bold: true,
+            color: "white",
+            children: p
+          }, undefined, false, undefined, this)
+        }, p, false, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         flexDirection: "column",
-        paddingLeft: 2,
-        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,
+        paddingLeft: 1,
+        marginTop: 1,
+        children: messages.map((msg, idx) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+          color: "#DDDDDD",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+              color: "#89B4F8",
+              bold: true,
+              children: msg.from
+            }, undefined, false, undefined, this),
+            " ",
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+              color: msg.style === "dashed" ? "#A78BFA" : "#89B4F8",
+              children: msg.style === "dashed" ? "◄┄┄" : "──►"
+            }, undefined, false, undefined, this),
+            " ",
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+              color: "#89B4F8",
+              bold: true,
+              children: msg.to
+            }, undefined, false, undefined, this),
+            ": ",
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+              color: "white",
+              children: msg.text
+            }, undefined, false, undefined, this)
+          ]
+        }, idx, true, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function RenderPie({ code }) {
+  const { title, slices } = parsePie(code);
+  const total = slices.reduce((sum2, s2) => sum2 + s2.value, 0);
+  if (slices.length === 0) {
+    return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      color: "#AAAAAA",
+      children: code
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+    flexDirection: "column",
+    gap: 1,
+    children: [
       /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-        color: isFocused ? "#89B4F8" : "#475569",
-        children: bottomBar
+        bold: true,
+        color: "white",
+        children: title
+      }, undefined, false, undefined, this),
+      slices.map((slice3, idx) => {
+        const percentage = total > 0 ? Math.round(slice3.value / total * 100) : 0;
+        const filledWidth = Math.round(percentage / 100 * 20);
+        const emptyWidth = 20 - filledWidth;
+        const bar = "█".repeat(filledWidth) + "░".repeat(emptyWidth);
+        const color = idx % 2 === 0 ? "#89B4F8" : "#A78BFA";
+        return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+          flexDirection: "row",
+          gap: 2,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+              width: 15,
+              children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+                color: "white",
+                children: slice3.label
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+              color,
+              children: bar
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+              color: "gray",
+              children: [
+                percentage,
+                "%"
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, idx, true, undefined, this);
+      })
+    ]
+  }, undefined, true, undefined, this);
+}
+var import_react43, jsx_dev_runtime9;
+var init_mermaid = __esm(async () => {
+  await init_build2();
+  import_react43 = __toESM(require_react(), 1);
+  jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
+});
+
+// ../../packages/tui/src/components/markdown.tsx
+function renderTableCell(cell, index2) {
+  if (cell?.tokens && Array.isArray(cell.tokens)) {
+    return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      children: cell.tokens.map((t2, i2) => renderToken(t2, i2))
+    }, index2, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+    children: cell?.text || cell?.raw || ""
+  }, index2, false, undefined, this);
+}
+function getCellTextLength(cell) {
+  if (!cell)
+    return 0;
+  if (typeof cell === "string")
+    return cell.length;
+  if (cell.text)
+    return cell.text.length;
+  if (cell.tokens && Array.isArray(cell.tokens)) {
+    return cell.tokens.reduce((acc, t2) => acc + (t2.text?.length || t2.raw?.length || 0), 0);
+  }
+  return cell.raw?.length || 0;
+}
+function Table({ token }) {
+  const headers = token.header || [];
+  const rows = token.rows || [];
+  if (headers.length === 0 && rows.length === 0) {
+    return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      children: token.raw
+    }, undefined, false, undefined, this);
+  }
+  const colCount = Math.max(headers.length, ...rows.map((r2) => r2.length));
+  const colWidths = [];
+  for (let c = 0;c < colCount; c++) {
+    let maxLen = headers[c] ? getCellTextLength(headers[c]) : 0;
+    for (const row of rows) {
+      if (row[c]) {
+        maxLen = Math.max(maxLen, getCellTextLength(row[c]));
+      }
+    }
+    colWidths[c] = Math.min(Math.max(maxLen, 3), 40);
+  }
+  const topBorder = `┌${colWidths.map((w2) => "─".repeat(w2 + 2)).join("┬")}┐`;
+  const headerSep = `├${colWidths.map((w2) => "─".repeat(w2 + 2)).join("┼")}┤`;
+  const bottomBorder = `└${colWidths.map((w2) => "─".repeat(w2 + 2)).join("┴")}┘`;
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+    flexDirection: "column",
+    marginY: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+        color: "#555555",
+        children: topBorder
+      }, undefined, false, undefined, this),
+      headers.length > 0 && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(jsx_dev_runtime10.Fragment, {
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+            flexDirection: "row",
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+                color: "#555555",
+                children: "│"
+              }, undefined, false, undefined, this),
+              headers.map((cell, c) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_react44.default.Fragment, {
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+                    width: colWidths[c] + 2,
+                    paddingX: 1,
+                    children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+                      bold: true,
+                      color: "white",
+                      children: renderTableCell(cell, c)
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+                    color: "#555555",
+                    children: "│"
+                  }, undefined, false, undefined, this)
+                ]
+              }, c, true, undefined, this))
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+            color: "#555555",
+            children: headerSep
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      rows.map((row, r2) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        flexDirection: "row",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+            color: "#555555",
+            children: "│"
+          }, undefined, false, undefined, this),
+          row.map((cell, c) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_react44.default.Fragment, {
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+                width: colWidths[c] + 2,
+                paddingX: 1,
+                children: renderTableCell(cell, c)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+                color: "#555555",
+                children: "│"
+              }, undefined, false, undefined, this)
+            ]
+          }, c, true, undefined, this))
+        ]
+      }, r2, true, undefined, this)),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+        color: "#555555",
+        children: bottomBorder
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
+function CodeBlock({ token }) {
+  const lang = token.lang || "typescript";
+  const highlighted = import_react44.default.useMemo(() => {
+    if (!token.text)
+      return "";
+    return import_cli_highlight.highlight(token.text, {
+      language: lang,
+      ignoreIllegals: true
+    });
+  }, [token.text, lang]);
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+    flexDirection: "column",
+    paddingY: 1,
+    paddingLeft: 2,
+    children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+      children: highlighted
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
 function Markdown({ children: children2 }) {
   if (!children2)
     return null;
   const tokens = g.lexer(children2).filter((t2) => t2.type !== "space");
-  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
     flexDirection: "column",
     gap: 1,
     children: tokens.map((token, index2) => renderToken(token, index2))
   }, undefined, false, undefined, this);
 }
-var import_cli_highlight, import_react43, jsx_dev_runtime9, renderToken = (token, index2) => {
+var import_cli_highlight, import_react44, jsx_dev_runtime10, renderToken = (token, index2) => {
   switch (token.type) {
     case "paragraph":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime10.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_runtime9.jsxDEV(Text3, {
+        return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
           children: token.tokens.map((t2, i2) => renderToken(t2, i2))
         }, index2, false, undefined, this);
       }
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
         children: token.text || token.raw
       }, index2, false, undefined, this);
     case "strong":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
         bold: true,
         children: token.tokens?.map((t2, i2) => renderToken(t2, i2))
       }, index2, false, undefined, this);
     case "em":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
         italic: true,
         children: token.tokens?.map((t2, i2) => renderToken(t2, i2))
       }, index2, false, undefined, this);
     case "codespan":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
         backgroundColor: "#303030",
         color: "#89B4F8",
         bold: false,
@@ -214583,40 +215081,25 @@ var import_cli_highlight, import_react43, jsx_dev_runtime9, renderToken = (token
       return null;
     case "code":
       if (token.lang === "mermaid") {
-        return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-          flexDirection: "column",
-          paddingX: 2,
-          paddingY: 1,
-          borderStyle: "round",
-          borderColor: "#A78BFA",
-          children: [
-            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-              color: "#A78BFA",
-              bold: true,
-              children: "Mermaid Diagram"
-            }, undefined, false, undefined, this),
-            /* @__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(Mermaid, {
+          code: token.text
+        }, index2, false, undefined, this);
       }
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(CodeBlock, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(CodeBlock, {
         token
       }, index2, false, undefined, this);
     case "list":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         flexDirection: "column",
         paddingLeft: 1,
-        children: token.items.map((item, i2) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        children: token.items.map((item, i2) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           flexDirection: "row",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
               color: "gray",
               children: "• "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
               flexDirection: "column",
               children: item.tokens.map((t2, j2) => renderToken(t2, j2))
             }, undefined, false, undefined, this)
@@ -214624,67 +215107,76 @@ var import_cli_highlight, import_react43, jsx_dev_runtime9, renderToken = (token
         }, i2, true, undefined, this))
       }, index2, false, undefined, this);
     case "heading":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
           bold: true,
           color: "white",
-          underline: true,
           children: token.tokens?.map((t2, i2) => renderToken(t2, i2))
         }, undefined, false, undefined, this)
       }, index2, false, undefined, this);
     case "link":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-        color: "blue",
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
+        color: "#89B4F8",
         underline: true,
         children: token.tokens?.map((t2, i2) => renderToken(t2, i2))
       }, index2, false, undefined, this);
+    case "hr":
+      return null;
+    case "blockquote":
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        borderStyle: "single",
+        borderLeft: true,
+        borderRight: false,
+        borderTop: false,
+        borderBottom: false,
+        borderColor: "#89B4F8",
+        paddingLeft: 1,
+        children: token.tokens?.map((t2, i2) => renderToken(t2, i2))
+      }, index2, false, undefined, this);
     case "html":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
         children: token.text
       }, index2, false, undefined, this);
     case "escape":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
         children: token.text
       }, index2, false, undefined, this);
     case "table":
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-        paddingX: 2,
-        paddingY: 1,
-        borderStyle: "round",
-        borderColor: "#555555",
-        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-          children: token.raw
-        }, undefined, false, undefined, this)
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Table, {
+        token
       }, index2, false, undefined, this);
     default:
-      return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+      return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text3, {
         children: token.raw
       }, index2, false, undefined, this);
   }
 };
 var init_markdown = __esm(async () => {
   init_marked_esm();
-  await init_build2();
+  await __promiseAll([
+    init_build2(),
+    init_mermaid()
+  ]);
   import_cli_highlight = __toESM(require_dist4(), 1);
-  import_react43 = __toESM(require_react(), 1);
-  jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react44 = __toESM(require_react(), 1);
+  jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/messages/smooth-markdown.tsx
 function SmoothMarkdown({ text: text3, isRunning }) {
-  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Markdown, {
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Markdown, {
     children: text3
   }, undefined, false, undefined, this);
 }
-var jsx_dev_runtime10;
+var jsx_dev_runtime11;
 var init_smooth_markdown = __esm(async () => {
   await init_markdown();
-  jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/messages/bot-message.tsx
 function CollapsibleThought({ content, isStreaming }) {
-  const [expanded, setExpanded] = import_react44.useState(false);
+  const [expanded, setExpanded] = import_react45.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) => {
@@ -214693,20 +215185,20 @@ function CollapsibleThought({ content, isStreaming }) {
     }
   });
   if (isStreaming) {
-    return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
       flexDirection: "column",
       marginY: 0.5,
-      children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+      children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
         color: "gray",
         children: content
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
     flexDirection: "column",
     marginY: 0.5,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
         color: "gray",
         italic: true,
         children: [
@@ -214717,10 +215209,10 @@ function CollapsibleThought({ content, isStreaming }) {
           ")"
         ]
       }, undefined, true, undefined, this),
-      expanded && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      expanded && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         paddingLeft: 1,
         paddingTop: 0.5,
-        children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
           color: "gray",
           children: content
         }, undefined, false, undefined, this)
@@ -214736,18 +215228,18 @@ function StyledCommand({ command, truncate: truncate3 = true }) {
       args = args.substring(0, 80) + "...";
     }
     const cmdColor = "#fef08a";
-    return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
       children: [
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
           color: cmdColor,
           children: "● "
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
           color: cmdColor,
           bold: true,
           children: match2[1]
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
           color: "#cbd5e1",
           children: [
             "(",
@@ -214762,7 +215254,7 @@ function StyledCommand({ command, truncate: truncate3 = true }) {
   if (truncate3 && displayCmd.length > 80) {
     displayCmd = displayCmd.substring(0, 80) + "...";
   }
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
     color: "white",
     children: displayCmd
   }, undefined, false, undefined, this);
@@ -214773,7 +215265,7 @@ function CollapsibleCommandOutput({
   forceExpanded
 }) {
   const { isFocused } = use_focus_default({ autoFocus: true });
-  const [userExpanded, setUserExpanded] = import_react44.useState(false);
+  const [userExpanded, setUserExpanded] = import_react45.useState(false);
   const isExpanded = userExpanded || Boolean(forceExpanded);
   use_input_default((input, key) => {
     if (key.ctrl && (key.name === "o" || input?.toLowerCase() === "o") || input === "\x0F") {
@@ -214781,18 +215273,21 @@ function CollapsibleCommandOutput({
     }
   });
   const lines = output ? output.trim().split(/\r?\n/) : [];
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+  const MAX_VISIBLE_LINES = 20;
+  const visibleLines = isExpanded ? lines.slice(0, MAX_VISIBLE_LINES) : [];
+  const isTruncated = isExpanded && lines.length > MAX_VISIBLE_LINES;
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
     flexDirection: "column",
     marginY: 0,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         alignItems: "center",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(StyledCommand, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(StyledCommand, {
             command
           }, undefined, false, undefined, this),
-          lines.length > 0 && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+          lines.length > 0 && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
             color: "gray",
             children: [
               "(",
@@ -214802,44 +215297,68 @@ function CollapsibleCommandOutput({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      isExpanded && lines.length > 0 && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      isExpanded && lines.length > 0 && /* @__PURE__ */ jsx_dev_runtime12.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)
+        children: [
+          visibleLines.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_runtime12.jsxDEV(Box_default, {
+              backgroundColor: bgColor,
+              flexDirection: "row",
+              children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                color,
+                wrap: "truncate-end",
+                children: line
+              }, undefined, false, undefined, this)
+            }, lidx, false, undefined, this);
+          }),
+          isTruncated && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+            paddingTop: 0,
+            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+              color: "#AAAAAA",
+              children: [
+                "... (",
+                lines.length - MAX_VISIBLE_LINES,
+                " more lines)"
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 function BotMessage({ blocks, usage, expandCommands }) {
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 4,
     paddingY: 0,
     gap: 0,
-    marginTop: 0.5,
+    marginTop: 0,
     children: blocks.map((block, idx) => {
+      let prevBlock = null;
+      for (let i2 = idx - 1;i2 >= 0; i2--) {
+        const b2 = blocks[i2];
+        if (!b2)
+          continue;
+        if (b2.type === "text" && (!b2.content || b2.content.trim() === ""))
+          continue;
+        prevBlock = b2;
+        break;
+      }
+      const needsTopMargin = Boolean(prevBlock && (prevBlock.type === "command" || prevBlock.type === "thinking" || prevBlock.type === "compaction"));
       switch (block.type) {
         case "text": {
           if (!block.content || block.content.trim() === "")
@@ -214848,65 +215367,88 @@ function BotMessage({ blocks, usage, expandCommands }) {
           if (isThinking) {
             if (idx !== blocks.length - 1)
               return null;
-            return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
-              gap: 1,
-              alignItems: "center",
+            return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              flexDirection: "column",
               children: [
-                /* @__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)
+                needsTopMargin && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                  children: " "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime12.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: "gray",
+                      children: block.content
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, 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);
+            return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              flexDirection: "column",
+              children: [
+                needsTopMargin && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                  children: " "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                  color: block.color,
+                  children: block.content
+                }, undefined, false, undefined, this)
+              ]
+            }, idx, true, undefined, this);
           }
           const parts = block.content.split(/(<thought(?:>| [^>]*>)[\s\S]*?<\/thought>|<thought(?:>| [^>]*>)[\s\S]*)/i);
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime12.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_runtime11.jsxDEV(CollapsibleThought, {
-                  content: thoughtContent,
-                  isStreaming
+            children: [
+              needsTopMargin && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                children: " "
+              }, undefined, false, undefined, this),
+              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,
+                    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, {
+                    text: part.trim(),
+                    isRunning: true
+                  }, undefined, false, undefined, this)
                 }, pidx, false, undefined, this);
-              }
-              if (part.trim() === "")
-                return null;
-              return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(SmoothMarkdown, {
-                  text: part.trim(),
-                  isRunning: true
-                }, undefined, false, undefined, this)
-              }, pidx, false, undefined, this);
-            })
-          }, idx, false, undefined, this);
+              })
+            ]
+          }, idx, true, undefined, this);
         }
         case "error": {
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             flexDirection: "column",
-            marginY: 0.5,
-            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
-              color: "#FCA5A5",
-              children: block.error
-            }, undefined, false, undefined, this)
-          }, idx, false, undefined, this);
+            children: [
+              needsTopMargin && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                children: " "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+                color: "#FCA5A5",
+                children: block.error
+              }, undefined, false, undefined, this)
+            ]
+          }, idx, true, undefined, this);
         }
         case "interrupt": {
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             flexDirection: "row",
             paddingY: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
               color: "gray",
               children: "Interrupted · What should December do instead?"
             }, undefined, false, undefined, this)
@@ -214914,30 +215456,30 @@ function BotMessage({ blocks, usage, expandCommands }) {
         }
         case "thinking": {
           const isStreaming = block.isStreaming ?? idx === blocks.length - 1;
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(CollapsibleThought, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(CollapsibleThought, {
             content: block.content,
             isStreaming
           }, idx, false, undefined, this);
         }
         case "compaction": {
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             flexDirection: "column",
             paddingY: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 flexDirection: "row",
                 gap: 1,
                 alignItems: "center",
-                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                   color: "#fef08a",
                   italic: true,
                   children: "Context Compacted"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 paddingLeft: 1,
                 paddingTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                   color: "gray",
                   children: block.summary.replace(/^\[COMPACTED HISTORY SUMMARY\]\n/, "")
                 }, undefined, false, undefined, this)
@@ -214955,12 +215497,12 @@ function BotMessage({ blocks, usage, expandCommands }) {
           if (!isRunning) {
             const isNoOutputTool = block.toolName === "read_file" || block.toolName === "view_file" || block.toolName === "ask_permission" || block.toolName === "list_permissions";
             if (isNoOutputTool) {
-              return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 flexDirection: "column",
-                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                   alignItems: "center",
                   gap: 1,
-                  children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(StyledCommand, {
+                  children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(StyledCommand, {
                     command: block.command
                   }, undefined, false, undefined, this)
                 }, undefined, false, undefined, this)
@@ -214997,7 +215539,7 @@ ${r2}`;
 `);
               }
             }
-            return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(CollapsibleCommandOutput, {
+            return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(CollapsibleCommandOutput, {
               command: block.command,
               output: displayOutput,
               forceExpanded: expandCommands
@@ -215030,27 +215572,27 @@ ${r2}`;
             statusLabel = "Sending message...";
           else if (block.toolName === "schedule")
             statusLabel = "Scheduling timer...";
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 gap: 1,
                 alignItems: "center",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Spinner2, {}, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Spinner2, {}, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                     color: "gray",
                     children: statusLabel
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              block.output && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              block.output && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 flexDirection: "column",
                 marginLeft: 0,
                 marginTop: 0.5,
                 paddingX: 1,
                 paddingY: 0.5,
-                children: block.output.trim().split(/\r?\n/).slice(-2).map((line, lidx) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                children: block.output.trim().split(/\r?\n/).slice(-2).map((line, lidx) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                   color: "#94a3b8",
                   wrap: "truncate-end",
                   children: [
@@ -215066,20 +215608,20 @@ ${r2}`;
           const isCreated = block.action === "created";
           const isDeleted = block.action === "deleted";
           const actionLabel = isCreated ? "CREATED" : isDeleted ? "DELETED" : "MODIFIED";
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             gap: 1,
             alignItems: "center",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                 color: "#fef08a",
                 children: "● "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                 color: "#fef08a",
                 bold: true,
                 children: actionLabel
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                 color: "#cbd5e1",
                 children: block.filePath
               }, undefined, false, undefined, this)
@@ -215087,37 +215629,21 @@ ${r2}`;
           }, idx, true, undefined, this);
         }
         case "code": {
-          const borderLength = Math.max(10, 60 - (block.filename?.length ?? 0));
-          const borderLine = "─".repeat(borderLength);
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             flexDirection: "column",
-            paddingLeft: 1,
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
-                color: "#4A5568",
-                wrap: "truncate",
-                children: block.filename ? `┌── ${block.filename} ${borderLine}` : `┌${borderLine}`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
-                flexDirection: "column",
-                paddingLeft: 2,
-                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_runtime11.jsxDEV(Text3, {
-                color: "#4A5568",
-                children: "└──"
-              }, undefined, false, undefined, this)
-            ]
-          }, idx, true, undefined, this);
+            paddingLeft: 2,
+            paddingY: 0.5,
+            children: block.code.split(/\r?\n/).map((line, lidx) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+              color: "#E2E8F0",
+              children: line
+            }, lidx, false, undefined, this))
+          }, idx, false, undefined, this);
         }
         case "status": {
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             gap: 1,
             alignItems: "center",
-            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
               color: block.success ? "#6EE7B7" : "#FCA5A5",
               children: block.label
             }, undefined, false, undefined, this)
@@ -215129,15 +215655,15 @@ ${r2}`;
     })
   }, undefined, false, undefined, this);
 }
-var import_react44, jsx_dev_runtime11;
+var import_react45, jsx_dev_runtime12;
 var init_bot_message = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_spinner(),
     init_smooth_markdown()
   ]);
-  import_react44 = __toESM(require_react(), 1);
-  jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react45 = __toESM(require_react(), 1);
+  jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/header.tsx
@@ -215165,13 +215691,13 @@ function Header({
 }) {
   const cwd2 = getCwd();
   const branch = getGitBranch();
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingLeft: 2,
     paddingTop: 1,
     paddingBottom: 0,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
         bold: true,
         color: "white",
         children: [
@@ -215179,18 +215705,18 @@ function Header({
           cliVersion.replace(/^v/, "")
         ]
       }, undefined, true, undefined, this),
-      userEmail && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+      userEmail && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
         color: "gray",
         children: userEmail
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         gap: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
             color: "gray",
             children: cwd2
           }, undefined, false, undefined, this),
-          branch && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+          branch && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
             color: "gray",
             children: [
               "(",
@@ -215200,19 +215726,19 @@ function Header({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
             color: "#89B4F8",
             children: "Tips for getting started"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
             color: "gray",
             children: "Run /init to scaffold .december workspace for custom rules and skills"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
             color: "gray",
             children: "Use /handoff to continue this session in December (trydecember.com)"
           }, undefined, false, undefined, this)
@@ -215221,49 +215747,55 @@ function Header({
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime12;
+var jsx_dev_runtime13;
 var init_header = __esm(async () => {
   await init_build2();
-  jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/messages/error-message.tsx
-function ErrorMessage({ message }) {
-  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+function ErrorMessage({ message, hasTopMargin = false }) {
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     paddingX: 4,
-    paddingY: 0.5,
-    children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
-      color: "#FCA5A5",
-      children: message
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    paddingY: 0,
+    flexDirection: "column",
+    children: [
+      hasTopMargin && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text3, {
+        children: " "
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text3, {
+        color: "#FCA5A5",
+        children: message.trim()
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime13;
+var jsx_dev_runtime14;
 var init_error_message = __esm(async () => {
   await init_build2();
-  jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/messages/user-message.tsx
 function UserMessage({ message }) {
-  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
     paddingLeft: 2,
     paddingRight: 4,
     paddingY: 0,
     marginTop: 1,
-    marginBottom: 0.5,
+    marginBottom: 1,
     flexDirection: "row",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
         marginRight: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text3, {
           color: "#89B4F8",
           children: "❭"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
         flexShrink: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text3, {
           color: "#89B4F8",
           children: message
         }, undefined, false, undefined, this)
@@ -215271,13 +215803,39 @@ function UserMessage({ message }) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime14;
+var jsx_dev_runtime15;
 var init_user_message = __esm(async () => {
   await init_build2();
-  jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/message-list.tsx
+function renderSingleMessage(msg, index2, allMessages, cliVersion, userEmail, expandCommands) {
+  const key = msg.id != null ? `${msg.id}-${index2}` : `msg-idx-${index2}`;
+  if (msg.role === "header") {
+    return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Header, {
+      cliVersion,
+      userEmail
+    }, key, false, undefined, this);
+  }
+  if (msg.role === "user")
+    return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(UserMessage, {
+      message: msg.text ?? ""
+    }, key, false, undefined, this);
+  if (msg.role === "error") {
+    const prevRole = index2 > 0 ? allMessages[index2 - 1]?.role : null;
+    const hasTopMargin = prevRole !== "user";
+    return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ErrorMessage, {
+      message: msg.text ?? "",
+      hasTopMargin
+    }, key, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(BotMessage, {
+    blocks: msg.blocks ?? [],
+    usage: msg.usage,
+    expandCommands
+  }, key, false, undefined, this);
+}
 function MessageList({
   staticKey,
   staticMessages,
@@ -215288,33 +215846,12 @@ function MessageList({
   expandCommands
 }) {
   const allMessages = [...staticMessages, ...activeMessages];
-  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Box_default, {
     flexDirection: "column",
-    children: allMessages.map((msg, index2) => {
-      const key = msg.id != null ? `${msg.id}-${index2}` : `msg-idx-${index2}`;
-      if (msg.role === "header") {
-        return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Header, {
-          cliVersion,
-          userEmail
-        }, key, false, undefined, this);
-      }
-      if (msg.role === "user")
-        return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(UserMessage, {
-          message: msg.text ?? ""
-        }, key, false, undefined, this);
-      if (msg.role === "error")
-        return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(ErrorMessage, {
-          message: msg.text ?? ""
-        }, key, false, undefined, this);
-      return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(BotMessage, {
-        blocks: msg.blocks ?? [],
-        usage: msg.usage,
-        expandCommands
-      }, key, false, undefined, this);
-    })
+    children: allMessages.map((msg, index2) => renderSingleMessage(msg, index2, allMessages, cliVersion, userEmail, expandCommands))
   }, undefined, false, undefined, this);
 }
-var jsx_dev_runtime15;
+var jsx_dev_runtime16;
 var init_message_list = __esm(async () => {
   await __promiseAll([
     init_build2(),
@@ -215323,7 +215860,7 @@ var init_message_list = __esm(async () => {
     init_error_message(),
     init_user_message()
   ]);
-  jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
 });
 // ../../packages/tui/src/theme.ts
 var COLORS;
@@ -215340,33 +215877,33 @@ var init_theme = __esm(() => {
 
 // ../../packages/tui/src/providers/theme/index.tsx
 function ThemeProvider({ children: children2 }) {
-  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ThemeContext.Provider, {
+  return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(ThemeContext.Provider, {
     value: { colors: COLORS },
     children: children2
   }, undefined, false, undefined, this);
 }
-var import_react45, jsx_dev_runtime16, ThemeContext;
+var import_react46, jsx_dev_runtime17, ThemeContext;
 var init_theme2 = __esm(() => {
   init_theme();
-  import_react45 = __toESM(require_react(), 1);
-  jsx_dev_runtime16 = __toESM(require_jsx_dev_runtime(), 1);
-  ThemeContext = import_react45.createContext({ colors: COLORS });
+  import_react46 = __toESM(require_react(), 1);
+  jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
+  ThemeContext = import_react46.createContext({ colors: COLORS });
 });
 
 // ../../packages/tui/src/layouts/root-layout.tsx
 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, {
+  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ThemeProvider, {
+    children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(KeyboardLayerProvider, {
+      children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(ToastProvider, {
         onToast,
-        children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(DialogProvider, {
+        children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(DialogProvider, {
           children: children2
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-var jsx_dev_runtime17;
+var jsx_dev_runtime18;
 var init_root_layout = __esm(async () => {
   init_theme2();
   await __promiseAll([
@@ -215374,33 +215911,33 @@ var init_root_layout = __esm(async () => {
     init_keyboard_layer(),
     init_toast()
   ]);
-  jsx_dev_runtime17 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime18 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/menu-items.tsx
-var jsx_dev_runtime18, CustomIndicator = ({ isSelected }) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Box_default, {
+var jsx_dev_runtime19, CustomIndicator = ({ isSelected }) => /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
   marginRight: 1,
-  children: /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text3, {
+  children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
     color: "#89B4F8",
     children: isSelected ? "❯" : " "
   }, undefined, false, undefined, this)
-}, undefined, false, undefined, this), CustomItem = ({ label, isSelected }) => /* @__PURE__ */ jsx_dev_runtime18.jsxDEV(Text3, {
+}, undefined, false, undefined, this), CustomItem = ({ label, isSelected }) => /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
   color: isSelected ? "#89B4F8" : "white",
   children: isSelected ? label : label
 }, undefined, false, undefined, this);
 var init_menu_items = __esm(async () => {
   await init_build2();
-  jsx_dev_runtime18 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime19 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../node_modules/.bun/ink-text-input@6.0.0+99d24c251f842efe/node_modules/ink-text-input/build/index.js
 function TextInput({ value: originalValue, placeholder = "", focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit }) {
-  const [state, setState] = import_react46.useState({
+  const [state, setState] = import_react47.useState({
     cursorOffset: (originalValue || "").length,
     cursorWidth: 0
   });
   const { cursorOffset, cursorWidth } = state;
-  import_react46.useEffect(() => {
+  import_react47.useEffect(() => {
     setState((previousState) => {
       if (!focus || !showCursor) {
         return previousState;
@@ -215478,26 +216015,26 @@ function TextInput({ value: originalValue, placeholder = "", focus = true, mask,
       onChange(nextValue);
     }
   }, { isActive: focus });
-  return import_react46.default.createElement(Text3, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
+  return import_react47.default.createElement(Text3, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
 }
-var import_react46, build_default2;
+var import_react47, build_default2;
 var init_build4 = __esm(async () => {
   init_source();
   await init_build2();
-  import_react46 = __toESM(require_react(), 1);
+  import_react47 = __toESM(require_react(), 1);
   build_default2 = TextInput;
 });
 
 // ../../packages/tui/src/components/menus/byok-key-menu.tsx
 function ByokKeyMenu(props) {
   const { selectedProvider, apiKey, setApiKey, handleKeySubmit } = props;
-  return /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
           color: "white",
           children: [
             "Enter API Key for ",
@@ -215506,9 +216043,9 @@ function ByokKeyMenu(props) {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
             color: "#89B4F8",
             bold: false,
             children: [
@@ -215516,44 +216053,43 @@ function ByokKeyMenu(props) {
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(build_default2, {
+          /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(build_default2, {
             focus: true,
             value: apiKey,
             onChange: setApiKey,
-            onSubmit: handleKeySubmit,
-            mask: "*"
+            onSubmit: handleKeySubmit
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      props.authError && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+      props.authError && /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
           color: "#FCA5A5",
           children: props.authError
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Submit"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -215563,13 +216099,13 @@ function ByokKeyMenu(props) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime19;
+var jsx_dev_runtime20;
 var init_byok_key_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build4()
   ]);
-  jsx_dev_runtime19 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime20 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../node_modules/.bun/is-unicode-supported@2.1.0/node_modules/is-unicode-supported/index.js
@@ -215866,24 +216402,24 @@ var init_figures = __esm(() => {
 
 // ../../node_modules/.bun/ink-select-input@6.2.0+99d24c251f842efe/node_modules/ink-select-input/build/Indicator.js
 function Indicator({ isSelected = false }) {
-  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, " "));
+  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, " "));
 }
-var import_react47, Indicator_default;
+var import_react48, Indicator_default;
 var init_Indicator = __esm(async () => {
   init_figures();
   await init_build2();
-  import_react47 = __toESM(require_react(), 1);
+  import_react48 = __toESM(require_react(), 1);
   Indicator_default = Indicator;
 });
 
 // ../../node_modules/.bun/ink-select-input@6.2.0+99d24c251f842efe/node_modules/ink-select-input/build/Item.js
 function Item({ isSelected = false, label }) {
-  return React19.createElement(Text3, { color: isSelected ? "blue" : undefined }, label);
+  return React20.createElement(Text3, { color: isSelected ? "blue" : undefined }, label);
 }
-var React19, Item_default;
+var React20, Item_default;
 var init_Item = __esm(async () => {
   await init_build2();
-  React19 = __toESM(require_react(), 1);
+  React20 = __toESM(require_react(), 1);
   Item_default = Item;
 });
 
@@ -215915,17 +216451,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_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(() => {
+  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(() => {
     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_react48.useCallback((input, key) => {
+  use_input_default(import_react49.useCallback((input, key) => {
     if (input === "k" || key.upArrow) {
       const lastIndex2 = (hasLimit ? limit3 : items.length) - 1;
       const atFirstIndex = selectedIndex === 0;
@@ -215977,19 +216513,19 @@ function SelectInput({ items = [], isFocused = true, initialIndex = 0, indicator
     onHighlight
   ]), { isActive: isFocused });
   const slicedItems = hasLimit ? toRotated(items, rotateIndex).slice(0, limit3) : items;
-  return import_react48.default.createElement(Box_default, { flexDirection: "column" }, slicedItems.map((item, index2) => {
+  return import_react49.default.createElement(Box_default, { flexDirection: "column" }, slicedItems.map((item, index2) => {
     const isSelected = index2 === selectedIndex;
-    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 }));
+    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 }));
   }));
 }
-var import_react48, SelectInput_default;
+var import_react49, SelectInput_default;
 var init_SelectInput = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_Indicator(),
     init_Item()
   ]);
-  import_react48 = __toESM(require_react(), 1);
+  import_react49 = __toESM(require_react(), 1);
   SelectInput_default = SelectInput;
 });
 
@@ -216005,18 +216541,18 @@ var init_build5 = __esm(async () => {
 // ../../packages/tui/src/components/menus/byok-provider-menu.tsx
 function ByokProviderMenu(props) {
   const { handleProviderSelect } = props;
-  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
           color: "white",
           children: "Select API Provider:"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(SelectInput_default, {
         items: [
           { label: "Anthropic", value: "anthropic" },
           { label: "DeepSeek", value: "deepseek" },
@@ -216035,40 +216571,40 @@ function ByokProviderMenu(props) {
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -216078,14 +216614,14 @@ function ByokProviderMenu(props) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime20;
+var jsx_dev_runtime21;
 var init_byok_provider_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build5(),
     init_menu_items()
   ]);
-  jsx_dev_runtime20 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime21 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/context-select-menu.tsx
@@ -216110,7 +216646,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_runtime21.jsxDEV(Text3, {
+      squares.push(/* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
         color,
         children: char
       }, filled, false, undefined, this));
@@ -216122,7 +216658,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_runtime21.jsxDEV(Text3, {
+    squares.push(/* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
       color: "#444444",
       children: "□"
     }, filled, false, undefined, this));
@@ -216130,37 +216666,37 @@ function ContextSelectMenu(props) {
   }
   const gridRows = [];
   for (let i2 = 0;i2 < totalSquares; i2 += 20) {
-    gridRows.push(/* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+    gridRows.push(/* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
       gap: 1,
       children: squares.slice(i2, i2 + 20)
     }, i2, false, undefined, this));
   }
-  return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
           bold: true,
           color: "white",
           children: "Context"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
         flexDirection: "row",
         gap: 4,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
             flexDirection: "column",
             children: gridRows
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
                 gap: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                   color: "#AAAAAA",
                   children: [
                     currentModelName,
@@ -216174,24 +216710,24 @@ function ContextSelectMenu(props) {
                   ]
                 }, undefined, true, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
                 marginTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                   color: "white",
                   children: "Token usage by category"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
                 flexDirection: "column",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#89B4F8",
                         children: "●"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "User messages: ",
@@ -216203,14 +216739,14 @@ function ContextSelectMenu(props) {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#6EE7B7",
                         children: "●"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "Agent responses: ",
@@ -216222,14 +216758,14 @@ function ContextSelectMenu(props) {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#FCD34D",
                         children: "●"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "Tool calls: ",
@@ -216241,14 +216777,14 @@ function ContextSelectMenu(props) {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: "●"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "System prompt: ",
@@ -216260,14 +216796,14 @@ function ContextSelectMenu(props) {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#444444",
                         children: "□"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+                      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
                         color: "#AAAAAA",
                         children: [
                           "Free space: ",
@@ -216285,16 +216821,16 @@ function ContextSelectMenu(props) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -216304,11 +216840,11 @@ function ContextSelectMenu(props) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime21;
+var jsx_dev_runtime22;
 var init_context_select_menu = __esm(async () => {
   init_src3();
   await init_build2();
-  jsx_dev_runtime21 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime22 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/grill-question-menu.tsx
@@ -216332,15 +216868,24 @@ 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_runtime22.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
       flexDirection: "column",
       paddingX: 1,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
           marginBottom: 1,
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+            q2.docSource && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+              color: "#7DD3FC",
+              bold: true,
+              children: [
+                "[Doc Grounding: ",
+                q2.docSource,
+                "]"
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
               color: "#89B4F8",
               bold: true,
               children: [
@@ -216351,55 +216896,55 @@ function GrillQuestionMenu(props) {
                 ":"
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime22.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_runtime22.jsxDEV(jsx_dev_runtime22.Fragment, {
+        !customInputMode ? /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
           children: [
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(SelectInput_default, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(SelectInput_default, {
               items,
               onSelect: handleGrillSelect,
               indicatorComponent: CustomIndicator,
               itemComponent: CustomItem
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
               paddingTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+              children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                 gap: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "↑↓"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Navigate"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "·"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "enter"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Select"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "·"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "esc"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Cancel"
                   }, undefined, false, undefined, this)
@@ -216407,26 +216952,28 @@ function GrillQuestionMenu(props) {
               }, undefined, true, undefined, this)
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
           flexDirection: "column",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
               flexDirection: "row",
               gap: 1,
               children: [
-                /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                   color: "#89B4F8",
                   children: "Your answer:"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(build_default2, {
+                /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(build_default2, {
                   focus: true,
                   value: customAnswer,
                   onChange: setCustomAnswer,
                   onSubmit: (value) => {
                     const answer = value.trim();
-                    if (answer.length === 0)
+                    if (answer.length === 0) {
+                      setCustomInputMode(false);
                       return;
+                    }
                     setCustomInputMode(false);
                     setCustomAnswer("");
                     const nextAnswers = [...grillAnswers, answer];
@@ -216440,28 +216987,28 @@ function GrillQuestionMenu(props) {
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
               paddingTop: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Box_default, {
+              children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
                 gap: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "enter"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Submit"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "·"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#89B4F8",
                     children: "esc"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+                  /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
                     color: "#AAAAAA",
                     children: "Cancel"
                   }, undefined, false, undefined, this)
@@ -216475,7 +217022,7 @@ function GrillQuestionMenu(props) {
   }
   return null;
 }
-var jsx_dev_runtime22;
+var jsx_dev_runtime23;
 var init_grill_question_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
@@ -216483,63 +217030,63 @@ var init_grill_question_menu = __esm(async () => {
     init_build4(),
     init_menu_items()
   ]);
-  jsx_dev_runtime22 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime23 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/logout-select-menu.tsx
 function LogoutSelectMenu(props) {
   const { handleLogoutSelect, logoutItems } = props;
-  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime23.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_runtime23.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_runtime23.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -216549,73 +217096,73 @@ function LogoutSelectMenu(props) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime23;
+var jsx_dev_runtime24;
 var init_logout_select_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build5(),
     init_menu_items()
   ]);
-  jsx_dev_runtime23 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime24 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/menu-menu.tsx
 function MenuMenu(props) {
   const { handleAuthMenuSelect } = props;
-  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime24.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_runtime24.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" }
+          { label: "Bring Your Own Key (BYOK)", value: "byok" },
+          { label: "Login via December (Cloud Wallet)", value: "december" }
         ],
         onSelect: handleAuthMenuSelect,
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -216625,70 +217172,70 @@ function MenuMenu(props) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime24;
+var jsx_dev_runtime25;
 var init_menu_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build5(),
     init_menu_items()
   ]);
-  jsx_dev_runtime24 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime25 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/model-select-menu.tsx
 function ModelSelectMenu(props) {
   const { handleModelSelect, selectedProvider, openRouterModels, getProviderModels } = props;
-  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime25.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_runtime25.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_runtime25.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -216698,14 +217245,14 @@ function ModelSelectMenu(props) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime25;
+var jsx_dev_runtime26;
 var init_model_select_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build5(),
     init_menu_items()
   ]);
-  jsx_dev_runtime25 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime26 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/plan-approve-menu.tsx
@@ -216715,59 +217262,59 @@ function PlanApproveMenu(props) {
     { label: "1. Approve and Execute", value: "approve" },
     { label: "2. Reject / Cancel", value: "reject" }
   ];
-  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         marginBottom: 1,
         flexDirection: "column",
         gap: 1,
         children: [
-          planSummary && /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+          planSummary && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
             borderStyle: "round",
             borderColor: "cyan",
             paddingX: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "cyan",
               children: planSummary
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime26.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_runtime26.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_runtime26.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime26.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this)
@@ -216777,14 +217324,14 @@ function PlanApproveMenu(props) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime26;
+var jsx_dev_runtime27;
 var init_plan_approve_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build5(),
     init_menu_items()
   ]);
-  jsx_dev_runtime26 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime27 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/session-select-menu.tsx
@@ -216904,13 +217451,13 @@ function SessionSelectMenu(props) {
       }
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
           bold: true,
           color: "white",
           children: "Sessions"
@@ -216919,17 +217466,17 @@ function SessionSelectMenu(props) {
       visibleItems.map((session, idx) => {
         const isSelected = idx === sessionSelectedIndex;
         if (isSelected && sessionRenameMode) {
-          return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
             flexDirection: "row",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
                 width: 2,
-                children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
                   color: "#89B4F8",
                   children: "❭ "
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(build_default2, {
+              /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(build_default2, {
                 value: sessionNewName,
                 onChange: setSessionNewName,
                 onSubmit: handleRenameSubmit,
@@ -216939,29 +217486,31 @@ function SessionSelectMenu(props) {
           }, session.id, true, undefined, this);
         }
         const isCustomName = !session.id.startsWith("session-");
-        const title = isCustomName ? session.id : session.preview || session.id;
+        const rawTitle = isCustomName ? session.id : session.preview || session.id;
+        const singleLineTitle = (rawTitle || "").replace(/\s+/g, " ").trim();
+        const title = singleLineTitle.length > 50 ? singleLineTitle.slice(0, 50) + "..." : singleLineTitle;
         const timeStr = timeAgo(session.updatedAt).padStart(10);
-        return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+        return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
           flexDirection: "row",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
               width: 2,
-              children: /* @__PURE__ */ jsx_dev_runtime27.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_runtime27.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
               width: 97,
-              children: /* @__PURE__ */ jsx_dev_runtime27.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_runtime27.jsxDEV(Box_default, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
               width: 12,
-              children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+              children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: timeStr
               }, undefined, false, undefined, this)
@@ -216969,17 +217518,17 @@ function SessionSelectMenu(props) {
           ]
         }, session.id, true, undefined, this);
       }),
-      totalItems === 0 && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+      totalItems === 0 && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime27.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_runtime27.jsxDEV(Box_default, {
+      totalItems > 0 && /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
         marginTop: 1,
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
           color: "#555555",
           children: [
             "[",
@@ -216993,76 +217542,76 @@ function SessionSelectMenu(props) {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑/↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "←/→"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Page"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "r"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Rename"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "d"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Delete"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -217072,13 +217621,13 @@ function SessionSelectMenu(props) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime27;
+var jsx_dev_runtime28;
 var init_session_select_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build4()
   ]);
-  jsx_dev_runtime27 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime28 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/settings-main-menu.tsx
@@ -217126,58 +217675,58 @@ function SettingsMainMenu(props) {
       value: "authPriority"
     });
   }
-  return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime28.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_runtime28.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_runtime28.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Toggle"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Cancel"
             }, undefined, false, undefined, this)
@@ -217187,14 +217736,14 @@ function SettingsMainMenu(props) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime28;
+var jsx_dev_runtime29;
 var init_settings_main_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build5(),
     init_menu_items()
   ]);
-  jsx_dev_runtime28 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime29 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/tasks-mode-menu.tsx
@@ -217203,13 +217752,12 @@ function TasksModeMenu(props) {
   const getStatusColor = (status) => {
     switch (status) {
       case "running":
-        return "#2ECC71";
+        return "#fef08a";
       case "completed":
-        return "#3498DB";
+        return "#6EE7B7";
       case "failed":
-        return "#E74C3C";
       case "killed":
-        return "#F1C40F";
+        return "#FCA5A5";
       default:
         return "white";
     }
@@ -217219,15 +217767,15 @@ function TasksModeMenu(props) {
     if (task) {
       const outputLines = task.output.split("\\n");
       const visibleLines = outputLines.slice(taskScrollOffset, taskScrollOffset + 15);
-      return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+      return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
         flexDirection: "column",
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             marginBottom: 1,
             justifyContent: "space-between",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 bold: true,
                 color: "white",
                 children: [
@@ -217235,7 +217783,7 @@ function TasksModeMenu(props) {
                   task.id
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 bold: true,
                 color: getStatusColor(task.status),
                 children: [
@@ -217246,9 +217794,9 @@ function TasksModeMenu(props) {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             marginBottom: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
               color: "#AAAAAA",
               bold: true,
               children: [
@@ -217257,24 +217805,24 @@ function TasksModeMenu(props) {
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime29.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_runtime29.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_runtime29.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_runtime29.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             marginTop: 1,
             justifyContent: "space-between",
-            children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
               color: "gray",
               children: [
                 "Showing lines ",
@@ -217287,9 +217835,9 @@ function TasksModeMenu(props) {
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             paddingTop: 1,
-            children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
               color: "#555555",
               children: "↑/↓ Scroll Line · ←/→ Page · esc Cancel"
             }, undefined, false, undefined, this)
@@ -217298,48 +217846,48 @@ function TasksModeMenu(props) {
       }, undefined, true, undefined, this);
     }
   } else {
-    return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
       flexDirection: "column",
       paddingX: 1,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
           marginBottom: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime29.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_runtime29.jsxDEV(Box_default, {
+        tasksData.length === 0 ? /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
           paddingLeft: 2,
-          children: /* @__PURE__ */ jsx_dev_runtime29.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_runtime29.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             flexDirection: "row",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
                 width: 2,
-                children: /* @__PURE__ */ jsx_dev_runtime29.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_runtime29.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
                 width: 25,
-                children: /* @__PURE__ */ jsx_dev_runtime29.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_runtime29.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
                 width: 15,
-                children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+                children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                   color: getStatusColor(task.status),
                   children: [
                     "[",
@@ -217348,8 +217896,8 @@ function TasksModeMenu(props) {
                   ]
                 }, undefined, true, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
-                children: /* @__PURE__ */ jsx_dev_runtime29.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)
@@ -217357,64 +217905,64 @@ function TasksModeMenu(props) {
             ]
           }, task.id, true, undefined, this);
         }),
-        /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
           paddingTop: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Box_default, {
+          children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
             gap: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "↑/↓"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "Navigate"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "·"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "←/→"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "Page"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "·"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "enter"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "View output"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "·"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "k"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "Kill Task"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "·"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#89B4F8",
                 children: "esc"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
                 color: "#AAAAAA",
                 children: "Cancel"
               }, undefined, false, undefined, this)
@@ -217425,10 +217973,10 @@ function TasksModeMenu(props) {
     }, undefined, true, undefined, this);
   }
 }
-var jsx_dev_runtime29;
+var jsx_dev_runtime30;
 var init_tasks_mode_menu = __esm(async () => {
   await init_build2();
-  jsx_dev_runtime29 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime30 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/tool-permission-menu.tsx
@@ -217440,46 +217988,46 @@ function ToolPermissionMenu({ questions, onComplete }) {
   const handleSelect = (item) => {
     onComplete(item.value);
   };
-  return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime30.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_runtime30.jsxDEV(SelectInput_default, {
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(SelectInput_default, {
         items,
         onSelect: handleSelect,
         indicatorComponent: CustomIndicator,
         itemComponent: CustomItem
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
         paddingTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Box_default, {
           gap: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "↑↓"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Navigate"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "·"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#89B4F8",
               children: "enter"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: "Select"
             }, undefined, false, undefined, this)
@@ -217489,65 +218037,65 @@ function ToolPermissionMenu({ questions, onComplete }) {
     ]
   }, undefined, true, undefined, this);
 }
-var jsx_dev_runtime30;
+var jsx_dev_runtime31;
 var init_tool_permission_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build5(),
     init_menu_items()
   ]);
-  jsx_dev_runtime30 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime31 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/auth-menus.tsx
 function AuthMenus(props) {
   switch (props.authMode) {
     case "menu":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(MenuMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(MenuMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "byok_provider":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(ByokProviderMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ByokProviderMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "byok_key":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(ByokKeyMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ByokKeyMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "model_select":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(ModelSelectMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ModelSelectMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "context_select":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(ContextSelectMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ContextSelectMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "logout_select":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(LogoutSelectMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(LogoutSelectMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "session_select":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(SessionSelectMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SessionSelectMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "tasks_mode":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(TasksModeMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(TasksModeMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "plan_approve":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(PlanApproveMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(PlanApproveMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "grill_question":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(GrillQuestionMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(GrillQuestionMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "settings_main":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(SettingsMainMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SettingsMainMenu, {
         ...props
       }, undefined, false, undefined, this);
     case "tool_permission":
-      return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(ToolPermissionMenu, {
+      return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(ToolPermissionMenu, {
         questions: props.pendingQuestions?.questions || [],
         onComplete: (answer) => {
           props.pendingQuestions?.resolve(answer);
@@ -217559,7 +218107,7 @@ function AuthMenus(props) {
       return null;
   }
 }
-var jsx_dev_runtime31;
+var jsx_dev_runtime32;
 var init_auth_menus = __esm(async () => {
   await __promiseAll([
     init_byok_key_menu(),
@@ -217575,13 +218123,13 @@ var init_auth_menus = __esm(async () => {
     init_tasks_mode_menu(),
     init_tool_permission_menu()
   ]);
-  jsx_dev_runtime31 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime32 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/menus/ask-question-menu.tsx
 function AskQuestionMenu({ questions, onComplete }) {
-  const [currentQuestionIdx, setCurrentQuestionIdx] = import_react49.useState(0);
-  const [answers, setAnswers] = import_react49.useState([]);
+  const [currentQuestionIdx, setCurrentQuestionIdx] = import_react50.useState(0);
+  const [answers, setAnswers] = import_react50.useState([]);
   const currentQ = questions[currentQuestionIdx];
   if (!currentQ)
     return null;
@@ -217595,29 +218143,29 @@ function AskQuestionMenu({ questions, onComplete }) {
       onComplete(newAnswers.length === 1 ? newAnswers[0] : newAnswers);
     }
   };
-  return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(Box_default, {
     flexDirection: "column",
     gap: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(Box_default, {
         flexDirection: "row",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime32.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_runtime32.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_runtime32.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(Box_default, {
         paddingLeft: 2,
-        children: /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SelectInput_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(SelectInput_default, {
           items,
           onSelect: handleSelect
         }, undefined, false, undefined, this)
@@ -217625,29 +218173,29 @@ function AskQuestionMenu({ questions, onComplete }) {
     ]
   }, undefined, true, undefined, this);
 }
-var import_react49, jsx_dev_runtime32;
+var import_react50, jsx_dev_runtime33;
 var init_ask_question_menu = __esm(async () => {
   await __promiseAll([
     init_build2(),
     init_build5()
   ]);
-  import_react49 = __toESM(require_react(), 1);
-  jsx_dev_runtime32 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react50 = __toESM(require_react(), 1);
+  jsx_dev_runtime33 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/pill.tsx
-var jsx_dev_runtime33;
+var jsx_dev_runtime34;
 var init_pill = __esm(async () => {
   await init_build2();
-  jsx_dev_runtime33 = __toESM(require_jsx_dev_runtime(), 1);
+  jsx_dev_runtime34 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/task-hud.tsx
 import fs10 from "fs";
 import path9 from "path";
 function TaskHUD({ cwd: cwd2, showTasks = true }) {
-  const [taskLines, setTaskLines] = import_react50.useState([]);
-  import_react50.useEffect(() => {
+  const [taskLines, setTaskLines] = import_react51.useState([]);
+  import_react51.useEffect(() => {
     if (!showTasks)
       return;
     const taskPath = path9.join(cwd2, "task.md");
@@ -217669,7 +218217,7 @@ function TaskHUD({ cwd: cwd2, showTasks = true }) {
   }, [cwd2, showTasks]);
   if (!showTasks || taskLines.length === 0)
     return null;
-  return /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(Box_default, {
     position: "absolute",
     top: 1,
     right: 2,
@@ -217679,7 +218227,7 @@ function TaskHUD({ cwd: cwd2, showTasks = true }) {
     paddingX: 1,
     width: 40,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Text3, {
+      /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(Text3, {
         color: "#A78BFA",
         bold: true,
         children: "Active Plan (task.md)"
@@ -217688,7 +218236,7 @@ function TaskHUD({ cwd: cwd2, showTasks = true }) {
         const isDone = line.includes("[x]");
         const isProg = line.includes("[/]");
         const color = isDone ? "#10B981" : isProg ? "#FBBF24" : "#AAAAAA";
-        return /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Text3, {
+        return /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(Text3, {
           color,
           wrap: "truncate",
           children: line.replace(/^- /, "")
@@ -217697,11 +218245,11 @@ function TaskHUD({ cwd: cwd2, showTasks = true }) {
     ]
   }, undefined, true, undefined, this);
 }
-var import_react50, jsx_dev_runtime34;
+var import_react51, jsx_dev_runtime35;
 var init_task_hud = __esm(async () => {
   await init_build2();
-  import_react50 = __toESM(require_react(), 1);
-  jsx_dev_runtime34 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react51 = __toESM(require_react(), 1);
+  jsx_dev_runtime35 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/components/global-shortcuts.tsx
@@ -217792,6 +218340,14 @@ function GlobalShortcuts(session) {
     }
     if (authMode !== "none") {
       if (key.escape && authMode !== "login") {
+        if (authMode === "grill_question") {
+          setGrillQuestions([]);
+          setCurrentGrillIndex(0);
+          setGrillAnswers([]);
+          setGrillPrompt(null);
+          setCustomInputMode(false);
+          setGrillMode(false);
+        }
         setAuthMode("none");
       }
       return;
@@ -217831,9 +218387,8 @@ function ChatApp({
   onLogin,
   session
 }) {
-  const [inputHistory, setInputHistory] = import_react51.useState([]);
-  const [exitConfirm, setExitConfirm] = import_react51.useState(false);
-  import_react51.useEffect(() => {
+  const [exitConfirm, setExitConfirm] = import_react52.useState(false);
+  import_react52.useEffect(() => {
     if (exitConfirm) {
       const timer = setTimeout(() => setExitConfirm(false), 3000);
       return () => clearTimeout(timer);
@@ -217852,22 +218407,19 @@ function ChatApp({
     setActiveMessages,
     setAuthMode
   } = session;
-  const authUI = authMode !== "none" ? authMode === "ask_question" && session.pendingQuestions ? /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(AskQuestionMenu, {
+  const authUI = authMode !== "none" ? authMode === "ask_question" && session.pendingQuestions ? /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(AskQuestionMenu, {
     questions: session.pendingQuestions.questions,
     onComplete: (answers) => {
       session.pendingQuestions?.resolve(typeof answers === "string" ? answers : answers.join(", "));
       setAuthMode("none");
       session.setPendingQuestions(null);
     }
-  }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(AuthMenus, {
+  }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(AuthMenus, {
     ...session,
     agent: agent2,
     getProviderModels: session.getProviderModels
   }, undefined, false, undefined, this) : null;
-  const handleFormSubmit = import_react51.useCallback((text3) => {
-    if (text3 && !text3.startsWith("/")) {
-      setInputHistory((prev2) => [...prev2, text3]);
-    }
+  const handleFormSubmit = import_react52.useCallback((text3) => {
     session.handleSubmit(text3);
   }, [session.handleSubmit]);
   const totalTokens = [...staticMessages, ...activeMessages].reduce((acc, msg) => {
@@ -217876,19 +218428,19 @@ function ChatApp({
     }
     return acc;
   }, 0);
-  return /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
     flexDirection: "column",
     width: "100%",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(GlobalShortcuts, {
+      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(GlobalShortcuts, {
         ...session,
         agent: agent2
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(TaskHUD, {
+      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(TaskHUD, {
         cwd: process.cwd(),
         showTasks: session.settingsShowTasks
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(MessageList, {
+      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(MessageList, {
         staticKey,
         staticMessages,
         activeMessages,
@@ -217897,9 +218449,8 @@ function ChatApp({
         userEmail: currentEmail || userEmail,
         expandCommands: session.expandCommands
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(InputBar, {
+      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(InputBar, {
         onSubmit: handleFormSubmit,
-        history: inputHistory,
         disabled: authMode !== "none",
         onInterrupt: () => {
           if (session.isStreaming) {
@@ -217936,8 +218487,10 @@ function ChatApp({
           setStaticMessages([{ id: "header-" + Date.now(), role: "header" }]);
           setStaticKey((k) => k + 1);
           setActiveMessages([]);
+          session.setQueuedPrompts?.([]);
           session.addToast?.("Started a new conversation.", "success");
         },
+        queuedPrompts: session.queuedPrompts,
         grillMode,
         customInputMode: false,
         showExitConfirm: exitConfirm
@@ -217945,7 +218498,7 @@ function ChatApp({
     ]
   }, undefined, true, undefined, this);
 }
-var import_react51, jsx_dev_runtime35;
+var import_react52, jsx_dev_runtime36;
 var init_app = __esm(async () => {
   await __promiseAll([
     init_build2(),
@@ -217956,8 +218509,8 @@ var init_app = __esm(async () => {
     init_message_list(),
     init_task_hud()
   ]);
-  import_react51 = __toESM(require_react(), 1);
-  jsx_dev_runtime35 = __toESM(require_jsx_dev_runtime(), 1);
+  import_react52 = __toESM(require_react(), 1);
+  jsx_dev_runtime36 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
 // ../../packages/tui/src/index.tsx
@@ -218147,11 +218700,11 @@ var init_vanilla = () => {};
 
 // ../../node_modules/.bun/zustand@5.0.14+93dbe784b8baa420/node_modules/zustand/esm/react.mjs
 function useStore(api2, selector = identity2) {
-  const slice3 = import_react52.default.useSyncExternalStore(api2.subscribe, import_react52.default.useCallback(() => selector(api2.getState()), [api2, selector]), import_react52.default.useCallback(() => selector(api2.getInitialState()), [api2, selector]));
-  import_react52.default.useDebugValue(slice3);
+  const slice3 = import_react53.default.useSyncExternalStore(api2.subscribe, import_react53.default.useCallback(() => selector(api2.getState()), [api2, selector]), import_react53.default.useCallback(() => selector(api2.getInitialState()), [api2, selector]));
+  import_react53.default.useDebugValue(slice3);
   return slice3;
 }
-var import_react52, identity2 = (arg) => arg, createImpl = (createState) => {
+var import_react53, identity2 = (arg) => arg, createImpl = (createState) => {
   const api2 = createStore(createState);
   const useBoundStore = (selector) => useStore(api2, selector);
   Object.assign(useBoundStore, api2);
@@ -218159,7 +218712,7 @@ var import_react52, identity2 = (arg) => arg, createImpl = (createState) => {
 }, create4 = (createState) => createState ? createImpl(createState) : createImpl;
 var init_react = __esm(() => {
   init_vanilla();
-  import_react52 = __toESM(require_react(), 1);
+  import_react53 = __toESM(require_react(), 1);
 });
 
 // ../../node_modules/.bun/zustand@5.0.14+93dbe784b8baa420/node_modules/zustand/esm/index.mjs
@@ -218233,6 +218786,10 @@ var init_store = __esm(async () => {
     })),
     isStreaming: false,
     setIsStreaming: (isStreaming) => set2({ isStreaming }),
+    queuedPrompts: [],
+    setQueuedPrompts: (updater) => set2((state) => ({
+      queuedPrompts: typeof updater === "function" ? updater(state.queuedPrompts) : updater
+    })),
     sessionItems: [],
     setSessionItems: (sessionItems) => set2({ sessionItems }),
     sessionsData: [],
@@ -218398,7 +218955,6 @@ function parseErrorMessage(err) {
     }
   }
   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");
@@ -227591,42 +228147,6 @@ var BrowserTool = {
     }
   }
 };
-// ../../packages/tools/src/github.ts
-var githubSchema = Type2.Object({
-  endpoint: Type2.String({ description: "GitHub API endpoint (e.g. /repos/owner/repo/issues)" }),
-  method: Type2.Optional(Type2.String({ description: "GET, POST, PATCH, etc. Defaults to GET." })),
-  body: Type2.Optional(Type2.String({ description: "JSON string of the request body" }))
-});
-var GitHubTool = {
-  name: "github",
-  description: "Interact with GitHub API (create PRs, read issues, etc). Automatically injects GITHUB_TOKEN if available in the environment.",
-  inputSchema: githubSchema,
-  execute: async ({ endpoint, method = "GET", body }, context) => {
-    try {
-      const token = context.operations.env.get("GITHUB_TOKEN");
-      const headers = {
-        Accept: "application/vnd.github.v3+json",
-        "User-Agent": "December-Agent"
-      };
-      if (token) {
-        headers["Authorization"] = `token ${token}`;
-      }
-      const url = endpoint.startsWith("http") ? endpoint : `https://api.github.com${endpoint.startsWith("/") ? "" : "/"}${endpoint}`;
-      const res = await fetch(url, {
-        method,
-        headers,
-        body: body ? body : undefined
-      });
-      const text = await res.text();
-      if (!res.ok) {
-        return `GitHub API Error (${res.status}): ${text}`;
-      }
-      return text;
-    } catch (error3) {
-      return `Failed to fetch from GitHub: ${error3.message}`;
-    }
-  }
-};
 // ../../packages/tools/src/web_search.ts
 init_src();
 
@@ -241054,78 +241574,20 @@ var WebSearchTool = {
     }
   }
 };
-// ../../packages/tools/src/wiki.ts
-var readWikiSchema = Type2.Object({
-  pageId: Type2.String({ description: "The ID or title of the wiki page to read" })
-});
-var readWikiTool = {
-  name: "read_wiki",
-  description: "Read a wiki page from the project folder documentation.",
-  inputSchema: readWikiSchema,
-  execute: async (args, context) => {
-    const { pageId } = args;
-    return `Wiki content for ${pageId} retrieved.`;
-  }
-};
-var updateWikiSchema = Type2.Object({
-  pageId: Type2.String({ description: "The ID or title of the wiki page to update" }),
-  content: Type2.String({ description: "The markdown content to save" })
-});
-var updateWikiTool = {
-  name: "update_wiki",
-  description: "Update or create a wiki page in the project folder documentation.",
-  inputSchema: updateWikiSchema,
-  execute: async (args, context) => {
-    const { pageId, content } = args;
-    return `Wiki page ${pageId} updated successfully.`;
-  }
-};
-// ../../packages/tools/src/pr.ts
-var createPrReviewSchema = Type2.Object({
-  prUrl: Type2.String({ description: "The GitHub Pull Request URL" }),
-  comments: Type2.Array(Type2.Object({
-    path: Type2.String(),
-    line: Type2.Number(),
-    body: Type2.String()
-  }), { description: "List of review comments" })
-});
-var createPrReviewTool = {
-  name: "create_pr_review",
-  description: "Create a PR review on GitHub with line-specific comments.",
-  inputSchema: createPrReviewSchema,
-  execute: async (args, context) => {
-    const { prUrl } = args;
-    return `Successfully submitted PR review for ${prUrl}.`;
-  }
-};
-var submitPrSchema = Type2.Object({
-  branch: Type2.String({ description: "The branch name to push" }),
-  title: Type2.String({ description: "The PR title" }),
-  body: Type2.String({ description: "The PR description body" })
-});
-var submitPrTool = {
-  name: "submit_pr",
-  description: "Push changes and submit a new Pull Request on GitHub.",
-  inputSchema: submitPrSchema,
-  execute: async (args, context) => {
-    const { branch, title } = args;
-    return `Successfully submitted PR "${title}" from branch ${branch}.`;
-  }
-};
 // src/index.ts
 await __promiseAll([
   init_src6(),
   init_src6(),
   init_build2()
 ]);
-var import_react54 = __toESM(require_react(), 1);
+var import_react55 = __toESM(require_react(), 1);
 // package.json
 var package_default = {
   name: "@trydecember/cli",
   module: "src/index.ts",
   type: "module",
   private: false,
-  version: "0.2.23",
+  version: "0.2.25",
   description: "Turn ideas into reality.",
   author: "Chaitanya Sonawane",
   license: "Apache-2.0",
@@ -241326,33 +241788,49 @@ async function handleLogoutCommand() {
   await saveConfig(config);
   console.log("Logged out successfully. Stored credentials removed.");
 }
-var DEFAULT_AGENTS_MD = `# AGENTS.md
-`;
-var DEFAULT_RULES_MD = `# Rules
+var DEFAULT_AGENTS_MD = "";
+var DEFAULT_RULES_MD = `Add rules in this file for the agent to use as context.
 `;
-var DEFAULT_SKILLS_MD = `# Skills
+var DEFAULT_SKILLS_MD = `Add skills in this file for the agent to use as context.
 `;
 async function handleInitCommand() {
-  const decDir = path11.join(process.cwd(), ".december");
+  const rootDir = process.cwd();
+  const decDir = path11.join(rootDir, ".december");
   await fs12.mkdir(decDir, { recursive: true });
   const filesToScaffold = [
-    { name: "AGENTS.md", content: DEFAULT_AGENTS_MD },
-    { name: "rules.md", content: DEFAULT_RULES_MD },
-    { name: "skills.md", content: DEFAULT_SKILLS_MD },
+    {
+      name: "AGENTS.md",
+      targetPath: path11.join(rootDir, "AGENTS.md"),
+      displayPath: "AGENTS.md",
+      content: DEFAULT_AGENTS_MD
+    },
+    {
+      name: "rules.md",
+      targetPath: path11.join(decDir, "rules.md"),
+      displayPath: ".december/rules.md",
+      content: DEFAULT_RULES_MD
+    },
+    {
+      name: "skills.md",
+      targetPath: path11.join(decDir, "skills.md"),
+      displayPath: ".december/skills.md",
+      content: DEFAULT_SKILLS_MD
+    },
     {
       name: "settings.json",
+      targetPath: path11.join(decDir, "settings.json"),
+      displayPath: ".december/settings.json",
       content: JSON.stringify({ thinkingLevel: "low", steeringMode: "all" }, null, 2) + `
 `
     }
   ];
   for (const file of filesToScaffold) {
-    const filePath = path11.join(decDir, file.name);
     try {
-      await fs12.access(filePath);
-      console.log(`.december/${file.name} already exists.`);
+      await fs12.access(file.targetPath);
+      console.log(`${file.displayPath} already exists.`);
     } catch {
-      await fs12.writeFile(filePath, file.content, "utf-8");
-      console.log(`Created .december/${file.name}`);
+      await fs12.writeFile(file.targetPath, file.content, "utf-8");
+      console.log(`Created ${file.displayPath}`);
     }
   }
   console.log(`
@@ -241690,7 +242168,7 @@ Headless task complete.
 // src/hooks/use-agent-session.ts
 init_src4();
 init_config();
-var import_react53 = __toESM(require_react(), 1);
+var import_react54 = __toESM(require_react(), 1);
 
 // src/constants/prompts.ts
 var getGrillPrompt = (userPrompt, projectContext) => `You are a principal software architect interviewing a developer to align on a technical specification before implementation.
@@ -241701,7 +242179,7 @@ ${projectContext ? `<project_context>
 ${projectContext}
 </project_context>
 ` : ""}
-Generate 5 to 8 targeted, high-impact multiple-choice questions to clarify requirements, architectural choices, tech stack decisions, edge cases, and potential breaking changes.
+Generate exactly 10 targeted, high-impact multiple-choice questions to clarify requirements, architectural choices, tech stack decisions, edge cases, and potential breaking changes.
 
 Requirements for questions:
 1. Focus on technical depth: probe architectural tradeoffs, API design, state management, edge cases, and error handling.
@@ -241823,6 +242301,38 @@ if (!globalSymbols.__taskManagerCleanupAdded) {
 
 // src/hooks/use-agent-session.ts
 init_error_parser();
+
+// src/utils/json-parser.ts
+function extractJsonArray(rawText) {
+  const trimmed = rawText.trim();
+  try {
+    const parsed = JSON.parse(trimmed);
+    if (Array.isArray(parsed)) {
+      return parsed;
+    }
+  } catch {}
+  const codeblockMatch = trimmed.match(/```(?:json)?\s*([\s\S]*?)\s*```/i);
+  if (codeblockMatch && codeblockMatch[1]) {
+    try {
+      const parsed = JSON.parse(codeblockMatch[1].trim());
+      if (Array.isArray(parsed)) {
+        return parsed;
+      }
+    } catch {}
+  }
+  const arrayBracketMatch = trimmed.match(/\[\s*\{[\s\S]*\}\s*\]/);
+  if (arrayBracketMatch) {
+    try {
+      const parsed = JSON.parse(arrayBracketMatch[0]);
+      if (Array.isArray(parsed)) {
+        return parsed;
+      }
+    } catch {}
+  }
+  throw new Error("Failed to extract a valid JSON array from model output.");
+}
+
+// src/hooks/use-agent-session.ts
 init_models5();
 
 // src/hooks/use-agent-runner.ts
@@ -242119,7 +242629,7 @@ function useAuthHandlers(agent2, onLogin, onLoginHeadless) {
           throw new Error("Login functionality is not provided by the host environment.");
         }
         const codeMsgId = getNextMsgId();
-        setStaticMessages((prev2) => [...prev2, ...activeMessages]);
+        setStaticMessages((prev2) => [...prev2, ...useCliStore.getState().activeMessages]);
         setActiveMessages([
           {
             id: codeMsgId,
@@ -242167,7 +242677,7 @@ function useAuthHandlers(agent2, onLogin, onLoginHeadless) {
           setHasBothAuth(authStatus.hasByok && authStatus.hasDecember);
           setSettingsAuthPriority(authStatus.authPriority);
         }
-        setStaticMessages((prev2) => [...prev2, ...activeMessages]);
+        setStaticMessages((prev2) => [...prev2, ...useCliStore.getState().activeMessages]);
         setActiveMessages([
           {
             id: getNextMsgId(),
@@ -242182,7 +242692,7 @@ function useAuthHandlers(agent2, onLogin, onLoginHeadless) {
         }
         const errorText = `Login failed: ${cleanMsg}`;
         setAuthError(errorText);
-        setStaticMessages((prev2) => [...prev2, ...activeMessages]);
+        setStaticMessages((prev2) => [...prev2, ...useCliStore.getState().activeMessages]);
         setActiveMessages([{ id: getNextMsgId(), role: "error", text: errorText }]);
       } finally {
         setIsStreaming(false);
@@ -242327,7 +242837,7 @@ function useAuthHandlers(agent2, onLogin, onLoginHeadless) {
         setAuthError(errorText);
         setAuthMode("none");
         setApiKey("");
-        setStaticMessages((prev2) => [...prev2, ...activeMessages]);
+        setStaticMessages((prev2) => [...prev2, ...useCliStore.getState().activeMessages]);
         setActiveMessages([
           {
             id: getNextMsgId(),
@@ -242374,7 +242884,7 @@ function useAuthHandlers(agent2, onLogin, onLoginHeadless) {
     } else {
       setAuthMethod(undefined);
     }
-    setStaticMessages((prev2) => [...prev2, ...activeMessages]);
+    setStaticMessages((prev2) => [...prev2, ...useCliStore.getState().activeMessages]);
     setActiveMessages([]);
     addToast(`Removed credentials for: ${removedName}`, "success");
   };
@@ -242389,15 +242899,6 @@ function useAuthHandlers(agent2, onLogin, onLoginHeadless) {
           resumedMessages.push({ id: getNextMsgId(), role: "user", text: msg.content });
         } else if (msg.role === "assistant") {
           const blocks = [];
-          if (msg.errorMessage) {
-            const { parseErrorMessage: parseErrorMessage2 } = await Promise.resolve().then(() => (init_error_parser(), exports_error_parser));
-            blocks.push({
-              type: "error",
-              error: parseErrorMessage2({ message: msg.errorMessage })
-            });
-          } else if (msg.content) {
-            blocks.push({ type: "text", content: msg.content });
-          }
           if (msg.toolCalls && msg.toolCalls.length > 0) {
             for (const tc of msg.toolCalls) {
               const toolMsg = agent2.messages.find((m3) => m3.role === "tool" && m3.toolCallId === tc.id);
@@ -242414,6 +242915,15 @@ function useAuthHandlers(agent2, onLogin, onLoginHeadless) {
               });
             }
           }
+          if (msg.errorMessage) {
+            const { parseErrorMessage: parseErrorMessage2 } = await Promise.resolve().then(() => (init_error_parser(), exports_error_parser));
+            blocks.push({
+              type: "error",
+              error: parseErrorMessage2({ message: msg.errorMessage })
+            });
+          } else if (msg.content) {
+            blocks.push({ type: "text", content: msg.content });
+          }
           if (blocks.length > 0) {
             resumedMessages.push({
               id: getNextMsgId(),
@@ -242650,6 +243160,8 @@ function useAgentSession({
     setActiveMessages,
     isStreaming,
     setIsStreaming,
+    queuedPrompts,
+    setQueuedPrompts,
     pendingQuestions,
     setPendingQuestions,
     pendingToolCall,
@@ -242704,11 +243216,11 @@ function useAgentSession({
     settingsFollowUpMode,
     setSettingsFollowUpMode
   } = state;
-  const [expandCommands, setExpandCommands] = import_react53.useState(false);
-  const toggleExpandCommands = import_react53.useCallback(() => {
+  const [expandCommands, setExpandCommands] = import_react54.useState(false);
+  const toggleExpandCommands = import_react54.useCallback(() => {
     setExpandCommands((prev2) => !prev2);
   }, []);
-  import_react53.useEffect(() => {
+  import_react54.useEffect(() => {
     setIsAuthenticated(initialAuth);
     setAuthMethod(initialAuthMethod);
     if (initialHasBothAuth !== undefined)
@@ -242729,7 +243241,7 @@ function useAgentSession({
     setSettingsAuthPriority,
     setCurrentEmail
   ]);
-  import_react53.useEffect(() => {
+  import_react54.useEffect(() => {
     if (agent2) {
       if (!agent2.operations)
         agent2.operations = {};
@@ -242763,7 +243275,7 @@ function useAgentSession({
       };
     }
   }, [agent2]);
-  import_react53.useEffect(() => {
+  import_react54.useEffect(() => {
     if (authMode === "tasks_mode") {
       const update3 = () => {
         setTasksData([...taskManager.getTasks()]);
@@ -242773,13 +243285,13 @@ function useAgentSession({
       return () => clearInterval(interval);
     }
   }, [authMode, setTasksData]);
-  const handleKillTask = import_react53.useCallback((taskId) => {
+  const handleKillTask = import_react54.useCallback((taskId) => {
     taskManager.killTask(taskId);
     setTasksData([...taskManager.getTasks()]);
   }, [setTasksData]);
-  const generateGrillQuestions = import_react53.useCallback(async (userPrompt) => {
+  const generateGrillQuestions = import_react54.useCallback(async (userPrompt) => {
     setIsStreaming(true);
-    setStaticMessages((prev2) => [...prev2, ...activeMessages]);
+    setStaticMessages((prev2) => [...prev2, ...useCliStore.getState().activeMessages]);
     setActiveMessages([
       {
         id: getNextMsgId(),
@@ -242793,7 +243305,7 @@ function useAgentSession({
       }
     ]);
     try {
-      const prompt = getGrillPrompt(userPrompt, agent2.systemPrompt);
+      const prompt = getGrillPrompt(userPrompt);
       const stream = agent2.llm.stream([{ role: "user", content: prompt }], undefined, undefined, agent2.modelOptions);
       let accumulatedText = "";
       for await (const chunk2 of stream) {
@@ -242801,12 +243313,7 @@ function useAgentSession({
           accumulatedText += chunk2.text;
         }
       }
-      let cleanJson = accumulatedText.trim();
-      if (cleanJson.startsWith("```")) {
-        cleanJson = cleanJson.replace(/^```[a-zA-Z]*\n/, "").replace(/\n```$/, "");
-      }
-      cleanJson = cleanJson.trim();
-      const questions = JSON.parse(cleanJson);
+      const questions = extractJsonArray(accumulatedText);
       if (!Array.isArray(questions) || questions.length === 0) {
         throw new Error("Invalid questions format returned from model.");
       }
@@ -242823,8 +243330,8 @@ function useAgentSession({
     } finally {
       setIsStreaming(false);
     }
-  }, [agent2, activeMessages]);
-  const generatePlanFromGrill = import_react53.useCallback(async (answers) => {
+  }, [agent2]);
+  const generatePlanFromGrill = import_react54.useCallback(async (answers) => {
     setAuthMode("none");
     const originalPrompt = grillPrompt;
     setGrillPrompt(null);
@@ -242835,7 +243342,7 @@ function useAgentSession({
     setCurrentPlannedPrompt(originalPrompt);
     const planPrompt = getPlanPrompt(originalPrompt || "", grillQuestions.map((q2, i2) => ({ question: q2.question, answer: answers[i2] || "" })));
     setIsStreaming(true);
-    setStaticMessages((prev2) => [...prev2, ...activeMessages]);
+    setStaticMessages((prev2) => [...prev2, ...useCliStore.getState().activeMessages]);
     const assistantMsgId = getNextMsgId();
     setActiveMessages([
       {
@@ -242858,7 +243365,7 @@ function useAgentSession({
       setAuthMode("plan_approve");
     }
   }, [agent2, grillPrompt, grillQuestions, activeMessages]);
-  const handleGrillSelect = import_react53.useCallback(async (item) => {
+  const handleGrillSelect = import_react54.useCallback(async (item) => {
     if (item.value === "custom") {
       setCustomInputMode(true);
       return;
@@ -242871,7 +243378,7 @@ function useAgentSession({
       await generatePlanFromGrill(nextAnswers);
     }
   }, [grillAnswers, currentGrillIndex, grillQuestions, generatePlanFromGrill]);
-  const handleSubmit = import_react53.useCallback(async (text3) => {
+  const handleSubmit = import_react54.useCallback(async (text3) => {
     if (text3.trim() === "/exit") {
       setShouldExit(true);
       process.exit(0);
@@ -242934,7 +243441,12 @@ Please run \`/login\` to:
             }
           ]
         };
-        setStaticMessages((prev2) => [...prev2, ...activeMessages, userMsg, noticeMsg]);
+        setStaticMessages((prev2) => [
+          ...prev2,
+          ...useCliStore.getState().activeMessages,
+          userMsg,
+          noticeMsg
+        ]);
         setActiveMessages([]);
         return;
       }
@@ -242955,7 +243467,12 @@ Please run \`/login\` to:
           role: "assistant",
           blocks: [{ type: "text", content: "Session repository not available." }]
         };
-        setStaticMessages((prev2) => [...prev2, ...activeMessages, userMsg, noticeMsg]);
+        setStaticMessages((prev2) => [
+          ...prev2,
+          ...useCliStore.getState().activeMessages,
+          userMsg,
+          noticeMsg
+        ]);
         setActiveMessages([]);
         return;
       }
@@ -243016,7 +243533,8 @@ Please run \`/login\` to:
           blocks: [
             {
               type: "text",
-              content: `Opening usage dashboard...
+              content: `
+Opening usage dashboard...
 
 If it doesn't open automatically, please click here:
 [${url}](${url})`
@@ -243029,6 +243547,32 @@ If it doesn't open automatically, please click here:
       }).catch(console.error);
       return;
     }
+    if (text3.trim() === "/feedback") {
+      const url = "https://github.com/phasehumans/december/issues";
+      setActiveMessages((prev2) => [
+        ...prev2,
+        {
+          id: getNextMsgId(),
+          role: "assistant",
+          blocks: [
+            {
+              type: "text",
+              content: `
+Opening GitHub issues...
+
+If it doesn't open automatically, please click here:
+[${url}](${url})
+
+*Have feedback, found a bug, or have a feature request? Let us know on GitHub issues!*`
+            }
+          ]
+        }
+      ]);
+      Promise.resolve().then(() => (init_open(), exports_open)).then((openUtils) => {
+        openUtils.openUrl(url);
+      }).catch(console.error);
+      return;
+    }
     if (!isAuthenticated) {
       const userMsg = { id: getNextMsgId(), role: "user", text: text3 };
       const noticeMsg = {
@@ -243045,33 +243589,50 @@ Please run \`/login\` to:
           }
         ]
       };
-      setStaticMessages((prev2) => [...prev2, ...activeMessages, userMsg, noticeMsg]);
+      setStaticMessages((prev2) => [
+        ...prev2,
+        ...useCliStore.getState().activeMessages,
+        userMsg,
+        noticeMsg
+      ]);
       setActiveMessages([]);
       return;
     }
     if (isStreaming) {
-      agent2.steer({ role: "user", content: text3, isUI: true });
-      setActiveMessages((prev2) => [...prev2, { id: getNextMsgId(), role: "user", text: text3 }]);
+      setQueuedPrompts((prev2) => [...prev2, text3.trim()]);
       return;
     }
-    setIsStreaming(true);
-    const assistantMsgId = getNextMsgId();
-    const newUserMsg = { id: getNextMsgId(), role: "user", text: text3 };
-    setStaticMessages((prev2) => [...prev2, ...activeMessages, newUserMsg]);
-    setActiveMessages([{ id: assistantMsgId, role: "assistant", blocks: [] }]);
-    const promptToSend = text3;
-    try {
-      const stream = runAgentLoop(agent2, promptToSend);
-      await processAgentStream({ stream, setActiveMessages, assistantMsgId });
-    } catch (err) {
-      setActiveMessages((prev2) => [
+    let currentText = text3.trim();
+    while (currentText) {
+      setIsStreaming(true);
+      const assistantMsgId = getNextMsgId();
+      const newUserMsg = { id: getNextMsgId(), role: "user", text: currentText };
+      setStaticMessages((prev2) => [
         ...prev2,
-        { id: getNextMsgId(), role: "error", text: err.message }
+        ...useCliStore.getState().activeMessages,
+        newUserMsg
       ]);
-    } finally {
-      setIsStreaming(false);
-      setStaticMessages((prev2) => [...prev2, ...activeMessages]);
-      setActiveMessages([]);
+      setActiveMessages([{ id: assistantMsgId, role: "assistant", blocks: [] }]);
+      try {
+        const stream = runAgentLoop(agent2, currentText);
+        await processAgentStream({ stream, setActiveMessages, assistantMsgId });
+      } catch (err) {
+        setActiveMessages((prev2) => [
+          ...prev2,
+          { id: getNextMsgId(), role: "error", text: err.message }
+        ]);
+      } finally {
+        setIsStreaming(false);
+        setStaticMessages((prev2) => [...prev2, ...useCliStore.getState().activeMessages]);
+        setActiveMessages([]);
+      }
+      const nextQueue = useCliStore.getState().queuedPrompts;
+      if (nextQueue.length > 0) {
+        currentText = nextQueue[0];
+        useCliStore.getState().setQueuedPrompts(nextQueue.slice(1));
+      } else {
+        currentText = undefined;
+      }
     }
   }, [
     agent2,
@@ -243086,13 +243647,15 @@ Please run \`/login\` to:
     sessionRepository,
     authMode,
     currentGrillIndex,
-    grillMode
+    grillMode,
+    setQueuedPrompts
   ]);
-  const handleAbort = import_react53.useCallback(() => {
+  const handleAbort = import_react54.useCallback(() => {
     if (isStreaming && agent2) {
       agent2.abort();
+      setQueuedPrompts([]);
     }
-  }, [isStreaming, agent2]);
+  }, [isStreaming, agent2, setQueuedPrompts]);
   const {
     handleSettingsMainSelect,
     handleSettingsAgentSelect,
@@ -243107,7 +243670,7 @@ Please run \`/login\` to:
     handleLogoutSelect,
     handleSessionSelect
   } = useAuthHandlers(agent2, onLogin, onLoginHeadless);
-  const handlePlanApprovalSelect = import_react53.useCallback(async (item) => {
+  const handlePlanApprovalSelect = import_react54.useCallback(async (item) => {
     setAuthMode("none");
     const originalPrompt = currentPlannedPrompt;
     setCurrentPlannedPrompt(null);
@@ -243218,7 +243781,9 @@ Please run \`/login\` to:
     toasts,
     addToast,
     expandCommands,
-    toggleExpandCommands
+    toggleExpandCommands,
+    queuedPrompts,
+    setQueuedPrompts
   };
 }
 
@@ -243378,7 +243943,7 @@ var localOperations = {
 // src/index.ts
 function AppWrapper(props) {
   const session = useAgentSession(props);
-  return import_react54.default.createElement(ChatApp, { ...props, session });
+  return import_react55.default.createElement(ChatApp, { ...props, session });
 }
 async function main() {
   process.title = "december";
@@ -243427,12 +243992,7 @@ async function main() {
       AskQuestionTool,
       ManageTaskTool,
       BrowserTool,
-      GitHubTool,
-      WebSearchTool,
-      readWikiTool,
-      updateWikiTool,
-      createPrReviewTool,
-      submitPrTool
+      WebSearchTool
     ],
     operations: localOperations,
     modelOptions: {
@@ -243472,7 +244032,7 @@ Executing Headless Task: "${parsedArgs.prompt}"
     const result2 = await runHeadlessTask(parsedArgs.prompt, { agent: agent2 });
     process.exit(result2.success ? 0 : 1);
   }
-  render_default(import_react54.default.createElement(RootLayout, null, import_react54.default.createElement(AppWrapper, {
+  render_default(import_react55.default.createElement(RootLayout, null, import_react55.default.createElement(AppWrapper, {
     agent: agent2,
     isAuthenticated,
     authMethod: providerConfig?.authMethod,