@trydecember/cli 0.2.24 → 0.2.25

package/dist/december.js

@@ -169887,7 +169887,6 @@ 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+h", desc: "Session history" },
@@ -169900,16 +169899,8 @@ var init_shortcuts_menu = __esm(async () => {
 });
 
 // ../../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);
@@ -169926,7 +169917,6 @@ function TextArea({
         setCursorOffset((prev2) => prev2 + 1);
       } else {
         onSubmit(value);
-        setHistoryIndex(-1);
       }
       return;
     }
@@ -169948,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;
     }
@@ -169975,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;
     }
@@ -170067,7 +170039,6 @@ function InputBar({
   onInterrupt,
   onCopy,
   contextTokens,
-  history,
   showExitConfirm = false,
   toasts,
   queuedPrompts
@@ -170229,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),
@@ -214493,122 +214463,611 @@ var init_marked_esm = __esm(() => {
   Yt = x2.lex;
 });
 
-// ../../packages/tui/src/components/markdown.tsx
-function CodeBlock({ token }) {
+// ../../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 [expanded, setExpanded] = import_react43.useState(false);
+  const [showRaw, setShowRaw] = import_react43.useState(false);
   use_input_default((input, key) => {
-    if (key.ctrl && (key.name === "o" || input?.toLowerCase() === "o") || input === "\x0F" || 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(/\r?\n/);
-  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)}`;
-  const MAX_VISIBLE_LINES = 20;
-  const visibleLines = expanded ? lines.slice(0, MAX_VISIBLE_LINES) : [];
-  const isTruncated = expanded && lines.length > MAX_VISIBLE_LINES;
-  const highlighted = import_react43.default.useMemo(() => {
-    if (visibleLines.length === 0)
-      return "";
-    return import_cli_highlight.highlight(visibleLines.join(`
-`), {
-      language: lang,
-      ignoreIllegals: true
-    });
-  }, [visibleLines, 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(Box_default, {
+        justifyContent: "space-between",
         alignItems: "center",
-        gap: 1,
+        marginBottom: 1,
         children: [
           /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-            color: isFocused ? "#89B4F8" : "#475569",
-            children: topBar
-          }, undefined, false, undefined, this),
+            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: [
               "(",
-              expanded ? "ctrl+o / enter to collapse" : "ctrl+o / enter to expand",
+              showRaw ? "ctrl+o for visual" : "ctrl+o for code",
               ")"
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      expanded && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
-        children: [
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      showRaw ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        flexDirection: "column",
+        paddingLeft: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+          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",
-            paddingLeft: 2,
-            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-              children: highlighted
-            }, undefined, false, undefined, this)
+            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),
+      edges.length > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        flexDirection: "column",
+        marginTop: 1,
+        paddingLeft: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
+            color: "gray",
+            bold: true,
+            children: "Connections:"
           }, undefined, false, undefined, this),
-          isTruncated && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-            flexDirection: "column",
-            paddingLeft: 2,
-            children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-              color: "#AAAAAA",
+          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: [
-                "... (",
-                lines.length - MAX_VISIBLE_LINES,
-                " more lines)"
+                "• ",
+                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)
+    ]
+  }, 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: 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, {
+        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),
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text3, {
-        color: isFocused ? "#89B4F8" : "#475569",
-        children: bottomBar
+      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,
@@ -214622,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)
@@ -214663,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) => {
@@ -214732,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: [
@@ -214756,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)
@@ -214775,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: [
             "(",
@@ -214801,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);
@@ -214812,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") {
@@ -214823,18 +215276,18 @@ function CollapsibleCommandOutput({
   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_runtime11.jsxDEV(Box_default, {
+  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: [
               "(",
@@ -214844,7 +215297,7 @@ 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,
@@ -214861,19 +215314,19 @@ function CollapsibleCommandOutput({
             } else if (line.startsWith("@@") || line.startsWith("diff --git") || line.startsWith("---") || line.startsWith("+++")) {
               color = "#d1d5db";
             }
-            return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+            return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
               backgroundColor: bgColor,
               flexDirection: "row",
-              children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              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_runtime11.jsxDEV(Box_default, {
+          isTruncated && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             paddingTop: 0,
-            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+            children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
               color: "#AAAAAA",
               children: [
                 "... (",
@@ -214888,7 +215341,7 @@ function CollapsibleCommandOutput({
   }, 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,
@@ -214914,18 +215367,18 @@ function BotMessage({ blocks, usage, expandCommands }) {
           if (isThinking) {
             if (idx !== blocks.length - 1)
               return null;
-            return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+            return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
               flexDirection: "column",
               children: [
-                needsTopMargin && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                needsTopMargin && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                   children: " "
                 }, undefined, false, undefined, this),
-                /* @__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: block.content
                     }, undefined, false, undefined, this)
@@ -214935,13 +215388,13 @@ function BotMessage({ blocks, usage, expandCommands }) {
             }, idx, true, undefined, this);
           }
           if (block.color) {
-            return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+            return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
               flexDirection: "column",
               children: [
-                needsTopMargin && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                needsTopMargin && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                   children: " "
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+                /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                   color: block.color,
                   children: block.content
                 }, undefined, false, undefined, this)
@@ -214949,10 +215402,10 @@ function BotMessage({ blocks, usage, expandCommands }) {
             }, 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: [
-              needsTopMargin && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              needsTopMargin && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                 children: " "
               }, undefined, false, undefined, this),
               parts.map((part, pidx) => {
@@ -214960,15 +215413,15 @@ function BotMessage({ blocks, usage, expandCommands }) {
                   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, {
+                  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(CollapsibleThought, {
                     content: thoughtContent,
                     isStreaming
                   }, pidx, false, undefined, this);
                 }
                 if (part.trim() === "")
                   return null;
-                return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
-                  children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(SmoothMarkdown, {
+                return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+                  children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(SmoothMarkdown, {
                     text: part.trim(),
                     isRunning: true
                   }, undefined, false, undefined, this)
@@ -214978,13 +215431,13 @@ function BotMessage({ blocks, usage, expandCommands }) {
           }, idx, true, undefined, this);
         }
         case "error": {
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             flexDirection: "column",
             children: [
-              needsTopMargin && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              needsTopMargin && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                 children: " "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text3, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text3, {
                 color: "#FCA5A5",
                 children: block.error
               }, undefined, false, undefined, this)
@@ -214992,10 +215445,10 @@ function BotMessage({ blocks, usage, expandCommands }) {
           }, 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)
@@ -215003,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)
@@ -215044,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)
@@ -215086,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
@@ -215119,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: [
@@ -215155,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)
@@ -215176,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)
@@ -215218,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
@@ -215254,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: [
@@ -215268,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: [
               "(",
@@ -215289,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)
@@ -215310,38 +215747,38 @@ 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, hasTopMargin = false }) {
-  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     paddingX: 4,
     paddingY: 0,
     flexDirection: "column",
     children: [
-      hasTopMargin && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
+      hasTopMargin && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text3, {
         children: " "
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text3, {
+      /* @__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,
@@ -215349,16 +215786,16 @@ function UserMessage({ message }) {
     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)
@@ -215366,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,
@@ -215383,37 +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") {
-        const prevRole = index2 > 0 ? allMessages[index2 - 1]?.role : null;
-        const hasTopMargin = prevRole !== "user";
-        return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(ErrorMessage, {
-          message: msg.text ?? "",
-          hasTopMargin
-        }, 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(),
@@ -215422,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;
@@ -215439,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([
@@ -215473,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;
@@ -215577,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 ",
@@ -215605,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: [
@@ -215615,7 +216053,7 @@ 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,
@@ -215623,35 +216061,35 @@ function ByokKeyMenu(props) {
           }, 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)
@@ -215661,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
@@ -215964,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;
 });
 
@@ -216013,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;
@@ -216075,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;
 });
 
@@ -216103,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" },
@@ -216133,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)
@@ -216176,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
@@ -216208,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));
@@ -216220,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));
@@ -216228,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,
@@ -216272,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: ",
@@ -216301,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: ",
@@ -216320,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: ",
@@ -216339,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: ",
@@ -216358,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: ",
@@ -216383,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)
@@ -216402,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
@@ -216430,15 +216868,15 @@ function GrillQuestionMenu(props) {
       ...q2.options.map((opt, i2) => ({ label: `${i2 + 1}. ${opt}`, value: opt })),
       { label: `${q2.options.length + 1}. Write-in...`, value: "custom" }
     ];
-    return /* @__PURE__ */ jsx_dev_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: [
-            q2.docSource && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+            q2.docSource && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
               color: "#7DD3FC",
               bold: true,
               children: [
@@ -216447,7 +216885,7 @@ function GrillQuestionMenu(props) {
                 "]"
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Text3, {
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(Text3, {
               color: "#89B4F8",
               bold: true,
               children: [
@@ -216458,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)
@@ -216514,19 +216952,19 @@ 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,
@@ -216549,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)
@@ -216584,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(),
@@ -216592,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)
@@ -216658,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)
@@ -216734,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)
@@ -216807,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
@@ -216824,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)
@@ -216886,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
@@ -217013,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"
@@ -217028,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,
@@ -217052,27 +217490,27 @@ function SessionSelectMenu(props) {
         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)
@@ -217080,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: [
             "[",
@@ -217104,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)
@@ -217183,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
@@ -217237,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)
@@ -217298,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
@@ -217329,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: [
@@ -217345,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: [
@@ -217356,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: [
@@ -217367,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 ",
@@ -217397,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)
@@ -217408,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: [
                     "[",
@@ -217458,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)
@@ -217467,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)
@@ -217535,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
@@ -217550,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)
@@ -217599,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);
@@ -217669,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(),
@@ -217685,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;
@@ -217705,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)
@@ -217735,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");
@@ -217779,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,
@@ -217789,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)"
@@ -217798,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(/^- /, "")
@@ -217807,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
@@ -217949,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);
@@ -217970,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) => {
@@ -217994,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,
@@ -218015,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) {
@@ -218065,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(),
@@ -218076,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
@@ -218267,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);
@@ -218279,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
@@ -241147,14 +241580,14 @@ await __promiseAll([
   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.24",
+  version: "0.2.25",
   description: "Turn ideas into reality.",
   author: "Chaitanya Sonawane",
   license: "Apache-2.0",
@@ -241735,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.
@@ -242783,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)
@@ -242808,7 +243241,7 @@ function useAgentSession({
     setSettingsAuthPriority,
     setCurrentEmail
   ]);
-  import_react53.useEffect(() => {
+  import_react54.useEffect(() => {
     if (agent2) {
       if (!agent2.operations)
         agent2.operations = {};
@@ -242842,7 +243275,7 @@ function useAgentSession({
       };
     }
   }, [agent2]);
-  import_react53.useEffect(() => {
+  import_react54.useEffect(() => {
     if (authMode === "tasks_mode") {
       const update3 = () => {
         setTasksData([...taskManager.getTasks()]);
@@ -242852,11 +243285,11 @@ 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, ...useCliStore.getState().activeMessages]);
     setActiveMessages([
@@ -242898,7 +243331,7 @@ function useAgentSession({
       setIsStreaming(false);
     }
   }, [agent2]);
-  const generatePlanFromGrill = import_react53.useCallback(async (answers) => {
+  const generatePlanFromGrill = import_react54.useCallback(async (answers) => {
     setAuthMode("none");
     const originalPrompt = grillPrompt;
     setGrillPrompt(null);
@@ -242932,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;
@@ -242945,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);
@@ -243104,9 +243537,7 @@ Please run \`/login\` to:
 Opening usage dashboard...
 
 If it doesn't open automatically, please click here:
-[${url}](${url})
-
-*Note: BYOK (Bring Your Own Key) usage is not tracked. Only usage via December login (December Wallet) is tracked.*`
+[${url}](${url})`
             }
           ]
         }
@@ -243219,7 +243650,7 @@ Please run \`/login\` to:
     grillMode,
     setQueuedPrompts
   ]);
-  const handleAbort = import_react53.useCallback(() => {
+  const handleAbort = import_react54.useCallback(() => {
     if (isStreaming && agent2) {
       agent2.abort();
       setQueuedPrompts([]);
@@ -243239,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);
@@ -243512,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";
@@ -243601,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,