mixdog 0.9.4 → 0.9.6

package/src/tui/dist/index.mjs

@@ -7,7 +7,7 @@ import { dirname as dirname6, join as join8 } from "node:path";
 import { performance as performance3 } from "node:perf_hooks";
 
 // src/tui/App.jsx
-import React20, { useState as useState8, useCallback as useCallback6, useEffect as useEffect10, useLayoutEffect as useLayoutEffect4, useMemo as useMemo2, useRef as useRef8 } from "react";
+import React20, { useState as useState8, useCallback as useCallback6, useEffect as useEffect10, useLayoutEffect as useLayoutEffect4, useMemo as useMemo2, useRef as useRef9 } from "react";
 import { Box as Box18, Text as Text20, useApp, useInput as useInput5, useStdin as useStdin3, useStdout as useStdout2 } from "../../../vendor/ink/build/index.js";
 
 // src/tui/themes/base.mjs
@@ -3492,7 +3492,7 @@ var STATUSLINE_BOOT_FULL_DELAY_ACTIVE_MS = 2200;
 var STATUSLINE_BOOT_FULL_RETRY_MS = 2e3;
 var STATUSLINE_BOOT_FULL_RETRY_MAX_MS = 3e4;
 var STATUSLINE_REFRESH_MS = 2e3;
-var STATUSLINE_ACTIVE_REFRESH_MS = 250;
+var STATUSLINE_ACTIVE_REFRESH_MS = 500;
 function isTerminalStatus(statusText) {
   return /idle|done|complete|success|closed|error|fail|cancel|killed|timeout/.test(String(statusText || "").toLowerCase());
 }
@@ -3571,7 +3571,8 @@ function localContextPct({
   autoCompactTokenLimit = 0
 } = {}) {
   const baseWindow = localNum(compactBoundaryTokens) > 0 ? localNum(compactBoundaryTokens) : localNum(displayContextWindow) > 0 ? localNum(displayContextWindow) : localNum(contextWindow) > 0 ? localNum(contextWindow) : localNum(rawContextWindow) > 0 ? localNum(rawContextWindow) : 2e5;
-  const window = baseWindow;
+  const trigger = localNum(autoCompactTokenLimit);
+  const window = trigger > 0 && trigger < baseWindow ? trigger : baseWindow;
   const s = stats && typeof stats === "object" ? stats : {};
   const source = String(s.currentContextSource || "").toLowerCase();
   const estimated = localNum(s.currentEstimatedContextTokens);
@@ -4701,10 +4702,11 @@ function PromptInput({
     if (disabled) return;
     const rawInput = String(input ?? "");
     const inputKey = rawInput.toLowerCase();
+    const rawShiftArrowForGrid = rawInput === "\x1B[1;2A" || rawInput === "\x1B[a" || rawInput === "[1;2A" || rawInput === "\x1B[1;2B" || rawInput === "\x1B[b" || rawInput === "[1;2B" || rawInput === "\x1B[1;2C" || rawInput === "\x1B[c" || rawInput === "[1;2C" || rawInput === "\x1B[1;2D" || rawInput === "\x1B[d" || rawInput === "[1;2D" || rawInput === "\x1B[1;6A" || rawInput === "[1;6A" || rawInput === "\x1B[1;6B" || rawInput === "[1;6B" || rawInput === "\x1B[1;6C" || rawInput === "[1;6C" || rawInput === "\x1B[1;6D" || rawInput === "[1;6D";
     const gridSelectionActive = typeof suppressShiftNavRef === "function" ? suppressShiftNavRef() : typeof suppressShiftNavRef?.current === "function" ? suppressShiftNavRef.current() : Boolean(suppressShiftNavRef?.current);
     if (gridSelectionActive) {
       const isShiftArrow = key.shift && (key.leftArrow || key.rightArrow || key.upArrow || key.downArrow || key.home || key.end);
-      if (isShiftArrow) return;
+      if (isShiftArrow || rawShiftArrowForGrid) return;
     }
     if (/(?:\x1b)?\[<\d+;\d+;\d+[Mm]/.test(rawInput) || /^\[?<\d+;\d+;\d+[Mm]?$/.test(rawInput)) {
       return;
@@ -5051,14 +5053,14 @@ function QueuedCommands({ queued, columns }) {
 }
 
 // src/tui/components/Picker.jsx
-import React6, { useState as useState3, useCallback, useEffect as useEffect3 } from "react";
+import React6, { useState as useState3, useCallback, useEffect as useEffect3, useRef as useRef4 } from "react";
 import { Box as Box6, Text as Text6, useInput as useInput2 } from "../../../vendor/ink/build/index.js";
 import stringWidth2 from "string-width";
 
 // src/tui/components/ConfirmBar.jsx
 import React5 from "react";
 import { Box as Box5, Text as Text5 } from "../../../vendor/ink/build/index.js";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function clampConfirmFocus(index, count) {
   const n = Math.max(0, Number(count) || 0);
   if (n === 0) return -1;
@@ -5069,25 +5071,30 @@ function clampConfirmFocus(index, count) {
 function ConfirmBar({ buttons = [], focusedIndex = -1 }) {
   const list = Array.isArray(buttons) ? buttons.filter(Boolean) : [];
   if (list.length === 0) return null;
-  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "row", width: "100%", justifyContent: "flex-start", children: list.map((button, index) => {
+  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "row", flexShrink: 0, justifyContent: "flex-start", alignItems: "center", children: list.map((button, index) => {
     const isFocused = index === focusedIndex;
-    return /* @__PURE__ */ jsxs4(Text5, { children: [
-      index > 0 ? /* @__PURE__ */ jsx5(Text5, { color: theme.subtle, children: "   " }) : null,
-      /* @__PURE__ */ jsx5(
-        Text5,
-        {
-          color: isFocused ? theme.selectionText : theme.text,
-          backgroundColor: isFocused ? theme.selectionBackground : void 0,
-          bold: isFocused,
-          children: ` ${button.label} `
-        }
-      )
-    ] }, button.value ?? index);
+    return /* @__PURE__ */ jsx5(
+      Box5,
+      {
+        marginLeft: index > 0 ? 1 : 0,
+        paddingX: 1,
+        backgroundColor: isFocused ? theme.selectionBackground : void 0,
+        children: /* @__PURE__ */ jsx5(
+          Text5,
+          {
+            color: isFocused ? theme.selectionText : theme.subtle,
+            bold: isFocused,
+            children: `[ ${button.label} ]`
+          }
+        )
+      },
+      button.value ?? index
+    );
   }) });
 }
 
 // src/tui/components/Picker.jsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var MAX_VISIBLE = 8;
 var DEFAULT_LABEL_WIDTH = 28;
 var SELECT_HELP = "\u2191/\u2193 Select \xB7 Enter Choose \xB7 Esc Back";
@@ -5168,6 +5175,7 @@ function Picker({
   const confirmButtons = Array.isArray(confirmBar?.buttons) ? confirmBar.buttons.filter(Boolean) : [];
   const hasConfirm = confirmButtons.length > 0;
   const [confirmFocus, setConfirmFocus] = useState3(-1);
+  const lastTabAtRef = useRef4(0);
   useEffect3(() => {
     setConfirmFocus(-1);
   }, [confirmButtons.length, confirmBar]);
@@ -5202,10 +5210,11 @@ function Picker({
     if (item) onHighlight(item.value, item, selectedIndex);
   }, [onHighlight, items, selectedIndex]);
   const activeFooter = typeof footer === "function" ? footer(items[selectedIndex], selectedIndex) : footer;
-  const footerLines = normalizeFooterLines(activeFooter, columns);
+  const confirmInlineWidth = hasConfirm ? confirmButtons.reduce((sum, button, index) => sum + (index > 0 ? 1 : 0) + stringWidth2(`[ ${button?.label || ""} ]`) + 2, 0) : 0;
+  const footerLines = normalizeFooterLines(activeFooter, Math.max(0, columns - (hasConfirm ? confirmInlineWidth + 1 : 0)));
   const footerGap = footerLines.length > 0 ? Math.max(0, Math.floor(Number(footerGapRows) || 0)) : 0;
   const footerReserveRows = footerLines.length > 0 ? footerLines.length + footerGap : 0;
-  const confirmReserveRows = hasConfirm ? 2 : 0;
+  const confirmReserveRows = hasConfirm && footerLines.length === 0 ? 2 : 0;
   const effectiveVisibleLimit = Math.max(1, visibleLimit - footerReserveRows - confirmReserveRows);
   const helpText = help || (hasConfirm ? CONFIRM_HELP : onLeft || onRight || onTab ? ADJUST_HELP : SELECT_HELP);
   useInput2(
@@ -5295,6 +5304,9 @@ function Picker({
           return;
         }
         if (key.tab || input === "	") {
+          const now = Date.now();
+          if (now - lastTabAtRef.current < 120) return;
+          lastTabAtRef.current = now;
           if (hasConfirm) {
             setConfirmFocus((f) => f < 0 ? 0 : f + 1 > confirmButtons.length - 1 ? -1 : f + 1);
             return;
@@ -5329,7 +5341,7 @@ function Picker({
   );
   if (items.length === 0) {
     const emptyLine = truncateText(String(description || "").replace(/\s+/g, " ").trim(), Math.max(0, columns - 4));
-    return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", flexShrink: 0, height: fillHeight ? "100%" : void 0, children: /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", flexShrink: 0, height: fillHeight ? "100%" : void 0, children: /* @__PURE__ */ jsxs4(
       Box6,
       {
         flexDirection: "column",
@@ -5339,7 +5351,7 @@ function Picker({
         height: fillHeight ? "100%" : void 0,
         width: "100%",
         children: [
-          /* @__PURE__ */ jsxs5(Box6, { flexDirection: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxs4(Box6, { flexDirection: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ jsx6(Text6, { color: theme.panelTitle, children: title || "Picker" }),
             /* @__PURE__ */ jsx6(Text6, { color: theme.subtle, children: helpText })
           ] }),
@@ -5347,7 +5359,7 @@ function Picker({
           /* @__PURE__ */ jsx6(Text6, { color: theme.text, children: emptyLine || " " }),
           /* @__PURE__ */ jsx6(Text6, { children: " " }),
           /* @__PURE__ */ jsx6(Text6, { color: theme.inactive, children: "(empty)" }),
-          hasConfirm ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          hasConfirm ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
             /* @__PURE__ */ jsx6(Box6, { flexGrow: 1 }),
             /* @__PURE__ */ jsx6(Text6, { children: " " }),
             /* @__PURE__ */ jsx6(ConfirmBar, { buttons: confirmButtons, focusedIndex: clampConfirmFocus(confirmFocus, confirmButtons.length) })
@@ -5374,7 +5386,7 @@ function Picker({
   const metaWidth = hasMeta ? clampMetaWidth(metaWidthOverride, columns, labelWidth) : 0;
   const descriptionWidth = Math.max(0, columns - indexOffset - markerWidth - labelWidth - (hasMeta ? metaWidth + 14 : 12));
   const panelDescription = truncateText(String(description || "").replace(/\s+/g, " ").trim(), Math.max(0, columns - 4));
-  return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", flexShrink: 0, width: "100%", height: fillHeight ? "100%" : void 0, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", flexShrink: 0, width: "100%", height: fillHeight ? "100%" : void 0, children: /* @__PURE__ */ jsxs4(
     Box6,
     {
       flexDirection: "column",
@@ -5384,7 +5396,7 @@ function Picker({
       width: "100%",
       height: fillHeight ? "100%" : void 0,
       children: [
-        /* @__PURE__ */ jsxs5(Box6, { flexDirection: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsxs4(Box6, { flexDirection: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ jsx6(Text6, { color: theme.panelTitle, children: title }),
           /* @__PURE__ */ jsx6(Text6, { color: theme.subtle, children: helpText })
         ] }),
@@ -5418,18 +5430,34 @@ function Picker({
             item.value
           );
         }),
-        footerLines.length > 0 ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+        footerLines.length > 0 ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
           /* @__PURE__ */ jsx6(Box6, { flexGrow: 1 }),
-          footerLines.map((line, index) => /* @__PURE__ */ jsxs5(Text6, { children: [
-            line.glyph ? /* @__PURE__ */ jsxs5(Text6, { color: line.color, children: [
-              line.glyph,
-              " "
-            ] }) : null,
-            /* @__PURE__ */ jsx6(Text6, { color: theme.text, children: line.text })
-          ] }, `footer-${index}`))
+          footerLines.map((line, index) => {
+            const attachConfirm = hasConfirm && index === footerLines.length - 1;
+            return /* @__PURE__ */ jsxs4(
+              Box6,
+              {
+                flexDirection: "row",
+                width: "100%",
+                justifyContent: attachConfirm ? "space-between" : "flex-start",
+                alignItems: "center",
+                children: [
+                  /* @__PURE__ */ jsxs4(Text6, { children: [
+                    line.glyph ? /* @__PURE__ */ jsxs4(Text6, { color: line.color, children: [
+                      line.glyph,
+                      " "
+                    ] }) : null,
+                    /* @__PURE__ */ jsx6(Text6, { color: theme.text, children: line.text })
+                  ] }),
+                  attachConfirm ? /* @__PURE__ */ jsx6(ConfirmBar, { buttons: confirmButtons, focusedIndex: clampConfirmFocus(confirmFocus, confirmButtons.length) }) : null
+                ]
+              },
+              `footer-${index}`
+            );
+          })
         ] }) : null,
-        hasConfirm ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          footerLines.length > 0 ? null : /* @__PURE__ */ jsx6(Box6, { flexGrow: 1 }),
+        hasConfirm && footerLines.length === 0 ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          /* @__PURE__ */ jsx6(Box6, { flexGrow: 1 }),
           /* @__PURE__ */ jsx6(Text6, { children: " " }),
           /* @__PURE__ */ jsx6(ConfirmBar, { buttons: confirmButtons, focusedIndex: clampConfirmFocus(confirmFocus, confirmButtons.length) })
         ] }) : null
@@ -5450,23 +5478,23 @@ var ItemRow = React6.memo(function ItemRow2({ indexText, indexWidth, marker, mar
   const displayMeta = truncateText(meta, metaWidth);
   const displayDescription = truncateText(description, descriptionWidth);
   const parts = Array.isArray(metaParts) ? metaParts : null;
-  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "row", width: "100%", backgroundColor: isSelected ? theme.selectionBackground : void 0, children: [
-    indexWidth > 0 ? /* @__PURE__ */ jsxs5(Text6, { color: rowIndexColor, children: [
+  return /* @__PURE__ */ jsxs4(Box6, { flexDirection: "row", width: "100%", backgroundColor: isSelected ? theme.selectionBackground : void 0, children: [
+    indexWidth > 0 ? /* @__PURE__ */ jsxs4(Text6, { color: rowIndexColor, children: [
       padCells(indexText, indexWidth),
       " "
     ] }) : null,
     markerWidth > 0 ? /* @__PURE__ */ jsx6(Text6, { color: isSelected ? theme.selectionText : marker ? markerColor || theme.success : rowText, children: padCells(displayMarker, markerWidth) }) : null,
     /* @__PURE__ */ jsx6(Text6, { color: rowText, children: displayLabel }),
-    suffix ? /* @__PURE__ */ jsxs5(Text6, { color: isSelected ? theme.selectionText : labelSuffixColor || theme.success, children: [
+    suffix ? /* @__PURE__ */ jsxs4(Text6, { color: isSelected ? theme.selectionText : labelSuffixColor || theme.success, children: [
       suffixGap,
       suffix
     ] }) : null,
     /* @__PURE__ */ jsx6(Text6, { color: rowText, children: labelPadding }),
-    showMeta ? /* @__PURE__ */ jsxs5(Text6, { color: rowText, children: [
+    showMeta ? /* @__PURE__ */ jsxs4(Text6, { color: rowText, children: [
       "  ",
       parts ? padCells(parts.map((part) => padCells(truncateText(part?.text || "", Number(part?.width) || 1), Number(part?.width) || 1)).join("  "), metaWidth) : padCells(displayMeta, metaWidth)
     ] }) : null,
-    displayDescription ? /* @__PURE__ */ jsxs5(Text6, { color: rowText, children: [
+    displayDescription ? /* @__PURE__ */ jsxs4(Text6, { color: rowText, children: [
       "  ",
       displayDescription
     ] }) : null
@@ -5477,7 +5505,7 @@ var ItemRow = React6.memo(function ItemRow2({ indexText, indexWidth, marker, mar
 import React7 from "react";
 import { Box as Box7, Text as Text7 } from "../../../vendor/ink/build/index.js";
 import stringWidth3 from "string-width";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var MAX_VISIBLE2 = 8;
 var COMMAND_LABEL_WIDTH = 18;
 var SLASH_HELP = "\u2191/\u2193 select \xB7 \u2190/\u2192 change \xB7 Enter run \xB7 Esc cancel";
@@ -5528,7 +5556,7 @@ function SlashCommandPalette({ commands, selectedIndex = 0, title = "Commands",
   const description = truncateText2(SLASH_DESCRIPTION, Math.max(0, columns - 4));
   const titleWidth = stringWidth3(String(title || ""));
   const help = truncateText2(SLASH_HELP, Math.max(0, columns - titleWidth - 7));
-  return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", flexShrink: 0, width: "100%", children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", flexShrink: 0, width: "100%", children: /* @__PURE__ */ jsxs5(
     Box7,
     {
       flexDirection: "column",
@@ -5537,7 +5565,7 @@ function SlashCommandPalette({ commands, selectedIndex = 0, title = "Commands",
       paddingX: 1,
       width: "100%",
       children: [
-        /* @__PURE__ */ jsxs6(Box7, { flexDirection: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsxs5(Box7, { flexDirection: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ jsx7(Text7, { color: theme.panelTitle, wrap: "truncate", children: title }),
           /* @__PURE__ */ jsx7(Text7, { color: theme.subtle, wrap: "truncate", children: help })
         ] }),
@@ -5565,9 +5593,9 @@ var CommandRow = React7.memo(function CommandRow2({ command, isSelected, labelWi
   const label = truncateText2(commandDisplayLabel(command, query), labelWidth);
   const description = truncateText2(command.description, descriptionWidth);
   const rowText = isSelected ? theme.selectionText : theme.text;
-  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "row", width: "100%", backgroundColor: isSelected ? theme.selectionBackground : void 0, children: [
+  return /* @__PURE__ */ jsxs5(Box7, { flexDirection: "row", width: "100%", backgroundColor: isSelected ? theme.selectionBackground : void 0, children: [
     /* @__PURE__ */ jsx7(Text7, { color: rowText, children: padCells2(label, labelWidth) }),
-    description ? /* @__PURE__ */ jsxs6(Text7, { color: rowText, children: [
+    description ? /* @__PURE__ */ jsxs5(Text7, { color: rowText, children: [
       "  ",
       description
     ] }) : null
@@ -5578,7 +5606,7 @@ var CommandRow = React7.memo(function CommandRow2({ command, isSelected, labelWi
 import React8 from "react";
 import { Box as Box8, Text as Text8 } from "../../../vendor/ink/build/index.js";
 import stringWidth4 from "string-width";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function truncateText3(value, width) {
   const text = String(value || "");
   if (!(width > 0)) return "";
@@ -5629,7 +5657,7 @@ function ProgressBar({ value = 0, total = 0, width = 24 }) {
   const safeWidth2 = Math.max(8, Math.floor(width));
   const filled = Math.max(0, Math.min(safeWidth2, Math.round(pct / 100 * safeWidth2)));
   const empty = safeWidth2 - filled;
-  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", width: safeWidth2, children: [
+  return /* @__PURE__ */ jsxs6(Box8, { flexDirection: "row", width: safeWidth2, children: [
     filled > 0 ? /* @__PURE__ */ jsx8(Text8, { color: usageColor(pct), children: "\u2588".repeat(filled) }) : null,
     empty > 0 ? /* @__PURE__ */ jsx8(Text8, { color: theme.inactive, children: "\u2591".repeat(empty) }) : null
   ] });
@@ -5641,7 +5669,7 @@ function DetailLine({ label, value, columns }) {
   const innerWidth = Math.max(24, Math.floor(columns || 80) - 4);
   const labelWidth = 10;
   const valueWidth = Math.max(0, innerWidth - labelWidth - 2);
-  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", width: "100%", children: [
+  return /* @__PURE__ */ jsxs6(Box8, { flexDirection: "row", width: "100%", children: [
     /* @__PURE__ */ jsx8(Text8, { color: theme.subtle, children: padCells3(truncateText3(label, labelWidth), labelWidth) }),
     /* @__PURE__ */ jsx8(Text8, { color: theme.inactive, children: "  " }),
     /* @__PURE__ */ jsx8(Text8, { color: theme.text, children: truncateText3(value, valueWidth) })
@@ -5662,7 +5690,7 @@ function CategoryItem({ label, tokens, total, width }) {
   const tokenWidth = 7;
   const barWidth = Math.max(6, Math.min(20, width - labelWidth - pctWidth - tokenWidth - 4));
   const pct = percent(tokens, total);
-  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", width, children: [
+  return /* @__PURE__ */ jsxs6(Box8, { flexDirection: "row", width, children: [
     /* @__PURE__ */ jsx8(Text8, { color: theme.subtle, children: padCells3(truncateText3(label, labelWidth), labelWidth) }),
     /* @__PURE__ */ jsx8(Text8, { color: theme.inactive, children: " " }),
     /* @__PURE__ */ jsx8(Text8, { color: usageColor(pct), children: padCells3(percentLabel(tokens, total), pctWidth) }),
@@ -5682,7 +5710,7 @@ function CategoryGrid({ categories, columns, total }) {
   const rightWidth = innerWidth - gap - leftWidth;
   const pairs = [];
   for (let i = 0; i < categories.length; i += 2) pairs.push(categories.slice(i, i + 2));
-  return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", width: "100%", children: pairs.map((pair, index) => /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", width: "100%", children: [
+  return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", width: "100%", children: pairs.map((pair, index) => /* @__PURE__ */ jsxs6(Box8, { flexDirection: "row", width: "100%", children: [
     /* @__PURE__ */ jsx8(CategoryItem, { ...pair[0], total, width: leftWidth }),
     /* @__PURE__ */ jsx8(Text8, { children: " ".repeat(gap) }),
     pair[1] ? /* @__PURE__ */ jsx8(CategoryItem, { ...pair[1], total, width: rightWidth }) : null
@@ -5742,20 +5770,20 @@ function ContextUsageView({ detail, columns }) {
     { label: "Overhead", tokens: finiteNumber(request.overheadTokens), meta: "request frame" },
     { label: "Tool I/O", tokens: semanticTokens(semantic, ["toolResults"]), meta: `${toolIo.calls || 0} calls \xB7 ${toolIo.results || 0} results` }
   ];
-  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", width: "100%", children: [
-    /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", width: "100%", children: [
+  return /* @__PURE__ */ jsxs6(Box8, { flexDirection: "column", width: "100%", children: [
+    /* @__PURE__ */ jsxs6(Box8, { flexDirection: "row", width: "100%", children: [
       /* @__PURE__ */ jsx8(Text8, { color: usageColor(usedPct), bold: true, children: padCells3(pctText, Math.min(10, innerWidth)) }),
       /* @__PURE__ */ jsx8(Text8, { color: theme.inactive, children: " " }),
       /* @__PURE__ */ jsx8(ProgressBar, { value: usedTokens, total: windowTokens, width: barWidth }),
       /* @__PURE__ */ jsx8(Text8, { color: theme.inactive, children: "  " }),
       /* @__PURE__ */ jsx8(Text8, { color: theme.text, children: truncateText3(summaryText, Math.max(0, innerWidth - Math.min(10, innerWidth) - barWidth - 3)) })
     ] }),
-    /* @__PURE__ */ jsxs7(Box8, { marginTop: 1, flexDirection: "column", width: "100%", children: [
+    /* @__PURE__ */ jsxs6(Box8, { marginTop: 1, flexDirection: "column", width: "100%", children: [
       /* @__PURE__ */ jsx8(DetailLine, { label: "Source", value: sourceLine, columns }),
       /* @__PURE__ */ jsx8(DetailLine, { label: "Compaction", value: compactionLine, columns }),
       /* @__PURE__ */ jsx8(DetailLine, { label: "API/cache", value: apiLine, columns })
     ] }),
-    /* @__PURE__ */ jsxs7(Box8, { marginTop: 1, flexDirection: "column", width: "100%", children: [
+    /* @__PURE__ */ jsxs6(Box8, { marginTop: 1, flexDirection: "column", width: "100%", children: [
       /* @__PURE__ */ jsx8(Text8, { color: theme.subtle, children: "Context mix" }),
       /* @__PURE__ */ jsx8(Box8, { marginTop: 1, flexDirection: "column", width: "100%", children: /* @__PURE__ */ jsx8(CategoryGrid, { categories, columns, total: windowTokens }) })
     ] })
@@ -5773,7 +5801,7 @@ function ContextPanel({ rows, title = "Context Usage", columns = 80, fillHeight
     String(description || (isContextUsage ? "Live context window usage by category." : "")).replace(/\s+/g, " ").trim(),
     Math.max(0, columns - 4)
   );
-  return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", flexShrink: 0, width: "100%", height: fillHeight ? "100%" : void 0, children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", flexShrink: 0, width: "100%", height: fillHeight ? "100%" : void 0, children: /* @__PURE__ */ jsxs6(
     Box8,
     {
       flexDirection: "column",
@@ -5783,16 +5811,16 @@ function ContextPanel({ rows, title = "Context Usage", columns = 80, fillHeight
       width: "100%",
       height: fillHeight ? "100%" : void 0,
       children: [
-        /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsxs6(Box8, { flexDirection: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ jsx8(Text8, { color: theme.panelTitle, children: title }),
           /* @__PURE__ */ jsx8(Text8, { color: theme.subtle, children: "Esc back" })
         ] }),
         /* @__PURE__ */ jsx8(Text8, { children: " " }),
         /* @__PURE__ */ jsx8(Text8, { color: theme.subtle, children: panelDescription || " " }),
         /* @__PURE__ */ jsx8(Text8, { children: " " }),
-        isContextUsage ? /* @__PURE__ */ jsx8(ContextUsageView, { detail, columns }) : safeRows.map((row) => /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", width: "100%", children: [
+        isContextUsage ? /* @__PURE__ */ jsx8(ContextUsageView, { detail, columns }) : safeRows.map((row) => /* @__PURE__ */ jsxs6(Box8, { flexDirection: "row", width: "100%", children: [
           /* @__PURE__ */ jsx8(Text8, { color: theme.inactive, children: padCells3(truncateText3(row.label, labelWidth), labelWidth) }),
-          /* @__PURE__ */ jsxs7(Text8, { color: theme.text, children: [
+          /* @__PURE__ */ jsxs6(Text8, { color: theme.text, children: [
             "  ",
             truncateText3(row.description, valueWidth)
           ] })
@@ -5806,7 +5834,7 @@ function ContextPanel({ rows, title = "Context Usage", columns = 80, fillHeight
 import React9, { useEffect as useEffect4, useState as useState4 } from "react";
 import { Box as Box9, Text as Text9, useInput as useInput3 } from "../../../vendor/ink/build/index.js";
 import stringWidth5 from "string-width";
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var PROVIDER_LABEL_WIDTH = 28;
 var CREDIT_LABEL = "Credit";
 var STATUS_SEPARATOR2 = " \u2502 ";
@@ -6053,7 +6081,7 @@ function UsagePanel({ dashboard, loading = false, columns = 80, fillHeight = fal
       setScrollOffset(maxScrollOffset);
     }
   });
-  return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", flexShrink: 0, width: "100%", height: fillHeight ? "100%" : void 0, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", flexShrink: 0, width: "100%", height: fillHeight ? "100%" : void 0, children: /* @__PURE__ */ jsxs7(
     Box9,
     {
       flexDirection: "column",
@@ -6063,15 +6091,15 @@ function UsagePanel({ dashboard, loading = false, columns = 80, fillHeight = fal
       width: "100%",
       height: fillHeight ? "100%" : void 0,
       children: [
-        /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", justifyContent: "space-between", marginBottom: 0, children: [
+        /* @__PURE__ */ jsxs7(Box9, { flexDirection: "row", justifyContent: "space-between", marginBottom: 0, children: [
           /* @__PURE__ */ jsx9(Text9, { color: theme.panelTitle, children: panelTitle }),
           /* @__PURE__ */ jsx9(Text9, { color: theme.subtle, children: helpText })
         ] }),
-        (isLoading || isChecking) && rows.length === 0 ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
+        (isLoading || isChecking) && rows.length === 0 ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
           /* @__PURE__ */ jsx9(Text9, { children: " " }),
           /* @__PURE__ */ jsx9(Text9, { color: theme.statusSubtle, children: "Checking providers..." }),
           /* @__PURE__ */ jsx9(Text9, { children: " " })
-        ] }) : /* @__PURE__ */ jsxs8(Fragment4, { children: [
+        ] }) : /* @__PURE__ */ jsxs7(Fragment4, { children: [
           /* @__PURE__ */ jsx9(Text9, { children: " " }),
           /* @__PURE__ */ jsx9(Text9, { color: theme.text, children: panelDescription }),
           /* @__PURE__ */ jsx9(Text9, { children: " " }),
@@ -6079,8 +6107,8 @@ function UsagePanel({ dashboard, loading = false, columns = 80, fillHeight = fal
             const provider = padCells4(truncate(row.label || row.id, labelWidth), labelWidth);
             const index = padCells4(`${scrollOffset + idx + 1}.`, indexWidth);
             const statusParts = fitParts(rowStatusParts(row, columns, statusWidth), statusWidth);
-            return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", width: "100%", children: [
-              /* @__PURE__ */ jsxs8(Text9, { color: theme.subtle, children: [
+            return /* @__PURE__ */ jsxs7(Box9, { flexDirection: "row", width: "100%", children: [
+              /* @__PURE__ */ jsxs7(Text9, { color: theme.subtle, children: [
                 index,
                 indexWidth > 0 ? " " : ""
               ] }),
@@ -6097,10 +6125,10 @@ function UsagePanel({ dashboard, loading = false, columns = 80, fillHeight = fal
 }
 
 // src/tui/components/TextEntryPanel.jsx
-import React10, { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState5 } from "react";
+import React10, { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef5, useState as useState5 } from "react";
 import { Box as Box10, Text as Text10, useInput as useInput4, usePaste as usePaste2, useStdin as useStdin2 } from "../../../vendor/ink/build/index.js";
 import stringWidth6 from "string-width";
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function insertText2(draft, input) {
   if (!input) return draft;
   return replaceSelection(draft, input);
@@ -6109,7 +6137,7 @@ function renderSelectedText2(displayValue, range, trailingSpace = false) {
   if (!range) return trailingSpace ? `${displayValue} ` : displayValue;
   const start = Math.max(0, Math.min(displayValue.length, range.start));
   const end = Math.max(start, Math.min(displayValue.length, range.end));
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
     start > 0 ? displayValue.slice(0, start) : null,
     end > start ? /* @__PURE__ */ jsx10(Text10, { color: theme.selectionText, backgroundColor: theme.selectionBackground, children: displayValue.slice(start, end) }) : null,
     displayValue.slice(end),
@@ -6221,11 +6249,11 @@ function TextEntryPanel({
 }) {
   const [draft, setDraft] = useState5(() => ({ value: String(initialValue || ""), cursor: String(initialValue || "").length, selectionAnchor: null }));
   const [, bumpCursorAnchorEpoch] = useState5(0);
-  const draftRef = useRef4(draft);
-  const boxRef = useRef4(null);
-  const cursorEnabledRef = useRef4(false);
-  const contentWidthRef = useRef4(80);
-  const preferredColumnRef = useRef4(null);
+  const draftRef = useRef5(draft);
+  const boxRef = useRef5(null);
+  const cursorEnabledRef = useRef5(false);
+  const contentWidthRef = useRef5(80);
+  const preferredColumnRef = useRef5(null);
   const { isRawModeSupported } = useStdin2();
   draftRef.current = draft;
   const flushImmediate = () => {
@@ -6466,19 +6494,19 @@ function TextEntryPanel({
   const helpText = `Enter to ${action} \xB7 Esc to cancel`;
   const hintText = truncateText4(singleLine(hint), Math.max(0, columns - 4));
   const detailText = String(detail || "").trim();
-  return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, width: "100%", children: /* @__PURE__ */ jsxs9(Box10, { borderStyle: "round", borderColor: theme.promptBorder, paddingX: 1, width: "100%", flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs9(Box10, { flexDirection: "row", justifyContent: "space-between", children: [
+  return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, width: "100%", children: /* @__PURE__ */ jsxs8(Box10, { borderStyle: "round", borderColor: theme.promptBorder, paddingX: 1, width: "100%", flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs8(Box10, { flexDirection: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ jsx10(Text10, { color: theme.panelTitle, children: title }),
       /* @__PURE__ */ jsx10(Text10, { color: theme.subtle, children: helpText })
     ] }),
     /* @__PURE__ */ jsx10(Text10, { children: " " }),
     /* @__PURE__ */ jsx10(Text10, { color: theme.subtle, children: hintText || " " }),
-    detailText ? /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", width: "100%", children: [
+    detailText ? /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", width: "100%", children: [
       /* @__PURE__ */ jsx10(Text10, { children: " " }),
       /* @__PURE__ */ jsx10(Text10, { color: theme.subtle, wrap: "wrap", children: detailText })
     ] }) : null,
     /* @__PURE__ */ jsx10(Text10, { children: " " }),
-    /* @__PURE__ */ jsxs9(Box10, { ref: boxRef, flexDirection: "row", width: "100%", backgroundColor: surfaceBackground(), children: [
+    /* @__PURE__ */ jsxs8(Box10, { ref: boxRef, flexDirection: "row", width: "100%", backgroundColor: surfaceBackground(), children: [
       /* @__PURE__ */ jsx10(Text10, { color: theme.inactive, children: promptLabel }),
       /* @__PURE__ */ jsx10(Text10, { color: theme.text, wrap: "truncate", children: renderedValue })
     ] })
@@ -8593,7 +8621,7 @@ function promptContentRows(value, contentColumns) {
 }
 
 // src/tui/app/use-mouse-input.mjs
-import { useCallback as useCallback2, useEffect as useEffect6, useRef as useRef5 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect6, useRef as useRef6 } from "react";
 
 // src/tui/markdown/measure-rendered-rows.mjs
 import stripAnsi4 from "strip-ansi";
@@ -10863,14 +10891,18 @@ function estimateTranscriptItemRowsCached(item, columns, toolOutputExpanded) {
   transcriptRowsCache.set(item, { id: item.id, kind: item.kind, variantKey, columns, toolExpanded, rows });
   return rows;
 }
-function buildTranscriptRowIndex(items, { columns = 80, toolOutputExpanded = false } = {}) {
+function buildTranscriptRowIndex(items, {
+  columns = 80,
+  toolOutputExpanded = false,
+  suppressMeasuredRowHeights = false
+} = {}) {
   const allItems = Array.isArray(items) ? items : [];
   const rows = new Array(allItems.length);
   const prefixRows = new Array(allItems.length + 1);
   prefixRows[0] = 0;
   for (let i = 0; i < allItems.length; i++) {
     const item = allItems[i];
-    const measured = measuredTranscriptRows(item, columns, toolOutputExpanded);
+    const measured = suppressMeasuredRowHeights ? null : measuredTranscriptRows(item, columns, toolOutputExpanded);
     const rowCount = measured != null ? measured : estimateTranscriptItemRowsCached(item, columns, toolOutputExpanded);
     rows[i] = rowCount;
     prefixRows[i + 1] = prefixRows[i] + rowCount;
@@ -10985,7 +11017,7 @@ function useMouseInput({
   setSlashIndex,
   setMeasuredRowsVersion
 }) {
-  const mouseZoomPassthroughTimerRef = useRef5(null);
+  const mouseZoomPassthroughTimerRef = useRef6(null);
   const passthroughCtrlWheelZoom = useCallback2(() => {
     if (!stdout?.write) return;
     try {
@@ -11266,7 +11298,7 @@ function useMouseInput({
 }
 
 // src/tui/app/use-transcript-scroll.mjs
-import { useCallback as useCallback3, useEffect as useEffect7, useRef as useRef6 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect7, useRef as useRef7 } from "react";
 function useTranscriptScroll({
   store,
   frameColumns,
@@ -11286,10 +11318,10 @@ function useTranscriptScroll({
   selectionLayoutRef,
   selectionTextRef
 }) {
-  const scrollAnimationRef = useRef6(null);
-  const selectionPaintRef = useRef6({ t: 0, rect: null, pending: null, timer: null });
-  const scrollCoalesceRef = useRef6({ pendingRows: 0, timer: null });
-  const selectionTextTimerRef = useRef6(null);
+  const scrollAnimationRef = useRef7(null);
+  const selectionPaintRef = useRef7({ t: 0, rect: null, pending: null, timer: null });
+  const scrollCoalesceRef = useRef7({ pendingRows: 0, timer: null });
+  const selectionTextTimerRef = useRef7(null);
   const stopSmoothScroll = useCallback3(() => {
     if (!scrollAnimationRef.current) return;
     clearInterval(scrollAnimationRef.current);
@@ -11474,7 +11506,7 @@ function useTranscriptScroll({
     if (lr != null && Number.isFinite(lr.x2)) return Math.max(0, lr.x2);
     return Math.max(0, frameColumns - 1);
   }, [store, frameColumns]);
-  const gridSelectionActiveRef = useRef6(() => {
+  const gridSelectionActiveRef = useRef7(() => {
     const drag = dragRef.current;
     if (!drag || drag.active) return false;
     if (drag.region !== "transcript" && drag.region !== "status") return false;
@@ -11608,7 +11640,9 @@ function useTranscriptScroll({
           row -= 1;
         } else if (region === "transcript") {
           const beforeTarget = scrollTargetRef.current;
-          scrollTranscriptRows(1);
+          const slack = Math.max(0, Number(transcriptBottomSlackRowsRef.current) || 0);
+          const deltaRows = beforeTarget <= slack ? slack + 1 - beforeTarget : 1;
+          scrollTranscriptRows(deltaRows);
           if (scrollTargetRef.current !== beforeTarget) {
             scrolledEdge = true;
             const shiftedRect = dragRef.current.rect;
@@ -11674,7 +11708,7 @@ function useTranscriptScroll({
 }
 
 // src/tui/app/use-transcript-window.mjs
-import { useCallback as useCallback4, useEffect as useEffect8, useLayoutEffect as useLayoutEffect3, useMemo, useRef as useRef7, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect8, useLayoutEffect as useLayoutEffect3, useMemo, useRef as useRef8, useState as useState6 } from "react";
 function useTranscriptWindow({
   items,
   themeEpoch,
@@ -11703,12 +11737,12 @@ function useTranscriptWindow({
   measuredRowsVersion,
   setMeasuredRowsVersion
 }) {
-  const transcriptTotalRowsRef = useRef7(0);
-  const preservedScrollDeltaRef = useRef7(0);
-  const prevViewportGeomRef = useRef7({ contentHeight: 0, floatingPanelRows: 0 });
-  const transcriptItemElsRef = useRef7(/* @__PURE__ */ new Map());
-  const transcriptMeasureRefCache = useRef7(/* @__PURE__ */ new Map());
-  const transcriptMeasureItemsRef = useRef7(/* @__PURE__ */ new Map());
+  const transcriptTotalRowsRef = useRef8(0);
+  const preservedScrollDeltaRef = useRef8(0);
+  const prevViewportGeomRef = useRef8({ contentHeight: 0, floatingPanelRows: 0 });
+  const transcriptItemElsRef = useRef8(/* @__PURE__ */ new Map());
+  const transcriptMeasureRefCache = useRef8(/* @__PURE__ */ new Map());
+  const transcriptMeasureItemsRef = useRef8(/* @__PURE__ */ new Map());
   const transcriptMeasureRef = useCallback4((item) => {
     if (!TRANSCRIPT_MEASURED_ROWS || !item || item.id == null) return void 0;
     if (shouldSuppressFullyFailedToolItem(item)) {
@@ -11736,11 +11770,21 @@ function useTranscriptWindow({
     () => transcriptStructureSignature(items, frameColumns, toolOutputExpanded),
     [items, frameColumns, toolOutputExpanded]
   );
+  const transcriptStreamingActive = (items || []).some(
+    (item) => item?.kind === "assistant" && item?.streaming
+  );
+  const scrolledUpRowsForPin = Math.max(0, Number(scrollTargetRef.current) || 0);
+  const transcriptPinnedForStreaming = followingRef.current || scrolledUpRowsForPin <= transcriptBottomSlackRows;
+  const scrolledUpForStreamingMeasure = scrolledUpRowsForPin > transcriptBottomSlackRows;
+  const prevEstimateGeometry = transcriptGeomRef.current?.suppressMeasuredRowHeights === true;
+  const hasStreamingReadingAnchor = !!transcriptAnchorRef.current || transcriptAnchorDirtyRef.current;
+  const suppressMeasuredRowHeights = transcriptStreamingActive && (transcriptPinnedForStreaming || scrolledUpForStreamingMeasure && hasStreamingReadingAnchor || scrolledUpForStreamingMeasure && prevEstimateGeometry && !transcriptPinnedForStreaming);
   const transcriptRowIndex = useMemo(() => buildTranscriptRowIndex(items, {
     columns: frameColumns,
-    toolOutputExpanded
+    toolOutputExpanded,
+    suppressMeasuredRowHeights
     // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional: sig captures the relevant item changes; measuredRowsVersion folds in app-level measured height corrections
-  }), [transcriptStructureSig, measuredRowsVersion]);
+  }), [transcriptStructureSig, measuredRowsVersion, suppressMeasuredRowHeights]);
   const hasReadingAnchor = !!transcriptAnchorRef.current && !transcriptAnchorDirtyRef.current;
   const scrolledUpRows = Math.max(0, Number(scrollTargetRef.current) || 0);
   const scrolledUp = scrolledUpRows > transcriptBottomSlackRows;
@@ -11849,7 +11893,8 @@ function useTranscriptWindow({
     // frame to reconstruct the exact top-edge row that was on screen, so the
     // capture matches what the user saw rather than the stale scrollOffset
     // state. Bottom-relative, matching transcriptRenderWindow's window math.
-    renderOffset: Math.max(0, Number(renderScrollOffset) || 0)
+    renderOffset: Math.max(0, Number(renderScrollOffset) || 0),
+    suppressMeasuredRowHeights
   };
   const transcriptVisibleItems = (items || []).slice(
     transcriptWindow.startIndex,
@@ -11869,6 +11914,7 @@ function useTranscriptWindow({
   useLayoutEffect3(() => {
     if (!TRANSCRIPT_MEASURED_ROWS) return;
     if (dragRef.current.active) return;
+    if (transcriptStreamingActive && transcriptTailPinned) return;
     const els = transcriptItemElsRef.current;
     if (!els || els.size === 0) return;
     const liveItems = transcriptMeasureItemsRef.current;
@@ -12073,10 +12119,10 @@ function workflowDisplayName(workflow = {}) {
   return clean(workflow?.name || workflow?.id) || "Default";
 }
 function workflowSwitchNotice(workflow = {}) {
-  return "Workflow updated \xB7 new sessions";
+  return "Workflow saved \xB7 new sessions";
 }
 function modelSwitchNotice() {
-  return "Model updated \xB7 new sessions";
+  return "Model saved \xB7 new sessions";
 }
 function compactJson(value, max = 180) {
   let text = "";
@@ -12139,12 +12185,19 @@ function formatSessionMessageCount(count) {
 function fitLine(value, columns, reserve = 4) {
   const text = String(value || "");
   const width = Math.max(1, Number(columns || 80) - reserve);
-  return text.length > width ? `${text.slice(0, Math.max(1, width - 1))}\u2026` : text;
+  if (stringWidth8(text) <= width) return text;
+  if (width <= 1) return "\u2026".repeat(Math.max(0, width));
+  let out = "";
+  for (const ch of text) {
+    if (stringWidth8(`${out}${ch}\u2026`) > width) break;
+    out += ch;
+  }
+  return `${out}\u2026`;
 }
 function centerLine(value, columns, reserve = 0) {
   const text = fitLine(value, columns, reserve);
   const width = Math.max(1, Number(columns || 80) - reserve);
-  const pad = Math.max(0, Math.floor((width - text.length) / 2));
+  const pad = Math.max(0, Math.floor((width - stringWidth8(text)) / 2));
   return `${" ".repeat(pad)}${text}`;
 }
 var WELCOME_PROMPT_HINTS = [
@@ -12280,6 +12333,7 @@ var modelFamily = (m) => {
 var modelContextWindow = (m) => {
   const raw = Number(m?.contextWindow);
   const n = Number.isFinite(raw) && raw > 0 ? raw : 0;
+  if (n > 0) return n;
   const provider = String(m?.provider || "").toLowerCase();
   const id = String(m?.id || "").toLowerCase();
   const version = parsedModelVersion(id);
@@ -12294,7 +12348,8 @@ var formatContextWindow = (tokens) => {
   if (!Number.isFinite(n) || n <= 0) return "";
   if (n >= 1e6) {
     const m = n / 1e6;
-    return `${Number.isInteger(m) ? m.toFixed(0) : m.toFixed(1)}M Context`;
+    const label = Number.isInteger(m) ? m.toFixed(0) : m.toFixed(3).replace(/0+$/, "").replace(/\.$/, "");
+    return `${label}M Context`;
   }
   return `${Math.round(n / 1e3)}k Context`;
 };
@@ -13617,14 +13672,13 @@ function createMaintenancePickers({
   const openAutoClearPicker = (options = {}) => {
     const returnTo = typeof options.returnTo === "function" ? options.returnTo : null;
     const HOUR_MS = 60 * 60 * 1e3;
-    const IDLE_WINDOWS = [
-      { value: "5m", label: "5m", ms: 5 * 60 * 1e3 },
-      { value: "10m", label: "10m", ms: 10 * 60 * 1e3 },
-      { value: "30m", label: "30m", ms: 30 * 60 * 1e3 },
-      { value: "1h", label: "1h", ms: HOUR_MS },
-      { value: "6h", label: "6h", ms: 6 * HOUR_MS },
-      { value: "24h", label: "24h", ms: 24 * HOUR_MS }
-    ];
+    const formatDurationInput = (ms) => {
+      const value = Math.max(0, Math.round(Number(ms) || 0));
+      if (value > 0 && value % HOUR_MS === 0) return `${value / HOUR_MS}h`;
+      if (value > 0 && value % 6e4 === 0) return `${value / 6e4}m`;
+      if (value > 0 && value % 1e3 === 0) return `${value / 1e3}s`;
+      return `${value}ms`;
+    };
     const readCurrent = () => {
       try {
         return store.getAutoClear?.() || null;
@@ -13645,6 +13699,49 @@ function createMaintenancePickers({
       }
       render2();
     };
+    const openProviderDurationEditor = (entry) => {
+      if (!entry?.provider) return;
+      setPicker(null);
+      setSettingsPrompt({
+        kind: "autoclear-provider",
+        label: `Auto-clear \xB7 ${entry.provider}`,
+        hint: `Type a duration like 10m, 1h, or 24h. Empty resets to built-in ${formatDurationInput(entry.builtInMs)}.`,
+        initialValue: formatDurationInput(entry.idleMs),
+        provider: entry.provider,
+        builtInMs: entry.builtInMs,
+        returnTo
+      });
+    };
+    const renderAdvanced = () => {
+      const current = readCurrent();
+      const provider = current?.provider || "default";
+      const providerDefaults = Array.isArray(current?.providerDefaults) ? current.providerDefaults : [];
+      const items = providerDefaults.map((entry) => ({
+        value: `provider:${entry.provider}`,
+        label: entry.provider,
+        marker: entry.provider === provider ? "\u2713" : "",
+        markerColor: theme2.success,
+        meta: `${formatDuration2(entry.idleMs)}${entry.custom ? " custom" : ""}`,
+        description: `Default idle window for ${entry.provider}. Enter to edit as text.`,
+        _action: "provider-default",
+        _entry: entry
+      }));
+      setPicker({
+        title: "Auto-clear \xB7 Advanced",
+        description: "Provider default idle windows. Enter edits the duration text.",
+        help: "\u2191/\u2193 Select \xB7 Enter Edit \xB7 Esc Back",
+        indexMode: "always",
+        labelWidth: 18,
+        metaWidth: 18,
+        items,
+        onSelect: (_value, item) => {
+          if (item?._action === "provider-default") openProviderDurationEditor(item._entry);
+        },
+        onCancel: () => {
+          render2();
+        }
+      });
+    };
     const render2 = () => {
       const current = readCurrent();
       const enabled = current?.enabled !== false;
@@ -13661,28 +13758,19 @@ function createMaintenancePickers({
           _action: "toggle"
         },
         {
-          value: "default",
-          label: "Default",
+          value: "advanced",
+          label: "Advanced",
           marker: !custom ? "\u2713" : "",
           markerColor: theme2.success,
-          meta: `Provider default \xB7 ${formatDuration2(providerDefault)}`,
-          description: `Uses the ${current?.provider || "current"} provider default idle window.`,
-          _action: "default"
-        },
-        ...IDLE_WINDOWS.map((win) => ({
-          value: win.value,
-          label: win.label,
-          marker: custom && idleMs === win.ms ? "\u2713" : "",
-          markerColor: theme2.success,
-          description: `Clear idle sessions after ${win.label}.`,
-          _action: "window",
-          _idleMs: win.ms
-        }))
+          meta: `${current?.provider || "current"} \xB7 ${formatDuration2(providerDefault)}`,
+          description: "Edit provider-paired default idle windows as text.",
+          _action: "advanced"
+        }
       ];
       setPicker({
         title: "Auto-clear",
         description: `Clear idle context after ${enabled ? formatDuration2(idleMs) : "never"} \xB7 lead cache TTL ${cacheTtlLabel}.`,
-        help: "\u2191/\u2193 Select \xB7 \u2190/\u2192 Toggle On/Off \xB7 Enter Apply \xB7 Esc Close",
+        help: "\u2191/\u2193 Select \xB7 \u2190/\u2192 Toggle On/Off \xB7 Enter Open/Toggle \xB7 Esc Close",
         indexMode: "always",
         labelWidth: 10,
         items,
@@ -13695,10 +13783,8 @@ function createMaintenancePickers({
         onSelect: (_value, item) => {
           if (item?._action === "toggle") {
             applyAutoClear({ enabled: !enabled });
-          } else if (item?._action === "default") {
-            applyAutoClear({ reset: true });
-          } else if (item?._action === "window") {
-            applyAutoClear({ enabled: true, idleMs: item._idleMs });
+          } else if (item?._action === "advanced") {
+            renderAdvanced();
           }
         },
         onCancel: () => {
@@ -13713,7 +13799,8 @@ function createMaintenancePickers({
     setSettingsPrompt(null);
     setContextPanel(null);
     closeUsagePanel();
-    render2();
+    if (options.advanced === true) renderAdvanced();
+    else render2();
   };
   const openProfilePicker = (options = {}) => {
     const returnTo = typeof options.returnTo === "function" ? options.returnTo : null;
@@ -14136,7 +14223,7 @@ function createChannelPickers({
     const isTelegram = backend === "telegram";
     const activeBackend = setup.backend || "discord";
     const tokenDescription = isTelegram ? `${setup.telegram?.status ?? "Off"}${setup.telegram?.problem ? " \xB7 Invalid" : ""}` : `${setup.discord.status}${setup.discord.problem ? " \xB7 Invalid" : ""}`;
-    const mainEntry = (setup.channels || []).find((ch) => ch.main) || (setup.channels || []).find((ch) => ch.name === "main");
+    const mainEntry = setup.channel || {};
     const mainTarget = isTelegram ? mainEntry?.telegramChatId || (activeBackend === "telegram" ? mainEntry?.channelId : "") : mainEntry?.discordChannelId || (activeBackend === "discord" ? mainEntry?.channelId : "");
     const mainDescription = isTelegram ? mainTarget ? `Chat ID ${mainTarget}` : "Not set \xB7 Enter Telegram chat ID" : mainTarget ? `Channel ID ${mainTarget}` : "Not set \xB7 Enter Discord channel ID";
     const openChannelPrompt = (prompt) => {
@@ -14218,7 +14305,7 @@ function createChannelPickers({
       return;
     }
     const activeBackend = setup.backend || "discord";
-    const mainEntry = (setup.channels || []).find((ch) => ch.main) || (setup.channels || []).find((ch) => ch.name === "main");
+    const mainEntry = setup.channel || {};
     const typeDescription = (backend) => {
       const selected = activeBackend === backend;
       const hasToken = backend === "telegram" ? setup.telegram?.authenticated === true : setup.discord?.authenticated === true;
@@ -16232,7 +16319,6 @@ function createSettingsPicker({
         else if (item?._action === "workflow") cycleWorkflow(1);
       },
       onSelect: (_value, item) => {
-        setPicker(null);
         if (item._action === "autoclear") openAutoClearPicker({ returnTo: openSettingsPicker });
         else if (item._action === "profile") openProfilePicker({ returnTo: openSettingsPicker });
         else if (item._action === "autocompact") applyCompaction({ auto: !(compaction.auto !== false) });
@@ -17112,7 +17198,7 @@ function MarkdownTable({ token, forceWidth }) {
 }
 
 // src/tui/components/Markdown.jsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function renderMarkdownElements(content, trimPartialFences = false, tableWidth) {
   const segments = renderTokenAnsiSegments(content, { trimPartialFences, width: tableWidth || 80 });
   const result = [];
@@ -17143,14 +17229,14 @@ function StreamingMarkdown({ children, themeEpoch = 0, columns, streamKey }) {
   if (parts.plain) {
     return /* @__PURE__ */ jsx13(Markdown, { themeEpoch, columns, children: parts.unstableForRender });
   }
-  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", gap: 1, children: [
+  return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", gap: 1, children: [
     parts.stablePrefix ? /* @__PURE__ */ jsx13(Markdown, { themeEpoch, columns, children: parts.stablePrefix }) : null,
     parts.unstableSuffix ? /* @__PURE__ */ jsx13(Markdown, { themeEpoch, columns, trimPartialFences: true, children: parts.unstableForRender }) : null
   ] });
 }
 
 // src/tui/components/Message.jsx
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var AssistantMessage = React14.memo(function AssistantMessage2({
   text,
   streaming = false,
@@ -17162,7 +17248,7 @@ var AssistantMessage = React14.memo(function AssistantMessage2({
     if (!streaming && assistantId) resetStreamingMarkdownStablePrefix(assistantId);
   }, [streaming, assistantId]);
   const bodyWidth = assistantBodyWidth(columns);
-  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", marginTop: 1, children: [
+  return /* @__PURE__ */ jsxs10(Box12, { flexDirection: "row", marginTop: 1, children: [
     /* @__PURE__ */ jsx14(Box12, { flexShrink: 0, minWidth: 2, children: /* @__PURE__ */ jsx14(Text14, { color: theme.text, children: TURN_MARKER }) }),
     /* @__PURE__ */ jsx14(Box12, { flexDirection: "column", flexShrink: 0, width: bodyWidth, children: streaming ? /* @__PURE__ */ jsx14(StreamingMarkdown, { themeEpoch, columns: bodyWidth, streamKey: assistantId, children: text }) : /* @__PURE__ */ jsx14(Markdown, { themeEpoch, columns: bodyWidth, children: text }) })
   ] });
@@ -17179,7 +17265,7 @@ function NoticeMessage({ text, tone, columns = 80 }) {
   const paddingLeft = 2;
   const rowWidth = Math.max(1, columns - 1);
   const bodyWidth = Math.max(1, rowWidth - paddingLeft - iconWidth);
-  return /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, paddingLeft, flexDirection: "row", width: rowWidth, children: [
+  return /* @__PURE__ */ jsxs10(Box12, { marginTop: 1, paddingLeft, flexDirection: "row", width: rowWidth, children: [
     prefix ? /* @__PURE__ */ jsx14(Box12, { flexShrink: 0, width: iconWidth, children: /* @__PURE__ */ jsx14(Text14, { color: accentColor, children: prefix }) }) : null,
     /* @__PURE__ */ jsx14(Box12, { flexDirection: "column", width: bodyWidth, flexShrink: 0, children: /* @__PURE__ */ jsx14(Text14, { color: bodyColor, wrap: "wrap", children: text }) })
   ] });
@@ -17635,7 +17721,7 @@ function toolStatusColor({ pending, groupCount, failedCount, terminalStatus = ""
 // src/tui/components/tool-execution/ResultBody.jsx
 import React15 from "react";
 import { Box as Box13, Text as Text15 } from "../../../vendor/ink/build/index.js";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function renderDeltaText(text) {
   return deltaTextParts(text).map((part, index) => part.color ? /* @__PURE__ */ jsx15(Text15, { color: part.color, children: part.text }, index) : part.text);
 }
@@ -17646,14 +17732,14 @@ function ResultBody({ lines, rawText, pathArg = "", isShell = false, columns, co
     { isShell }
   ) : lines || [];
   if (!renderLines || renderLines.length === 0) return null;
-  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", children: [
+  return /* @__PURE__ */ jsxs11(Box13, { flexDirection: "row", children: [
     /* @__PURE__ */ jsx15(Box13, { flexShrink: 0, flexDirection: "column", children: renderLines.map((_, i) => /* @__PURE__ */ jsx15(Text15, { color: theme.subtle, children: i === 0 ? RESULT_GUTTER : RESULT_GUTTER_CONT }, i)) }),
     /* @__PURE__ */ jsx15(Box13, { flexDirection: "column", flexShrink: 1, flexGrow: 1, children: renderLines.map((line, i) => /* @__PURE__ */ jsx15(Text15, { color: raw ? void 0 : color, wrap: "truncate", children: raw ? line || " " : renderDeltaText(fitResultLine(line || " ", columns)) }, i)) })
   ] });
 }
 
 // src/tui/components/ToolExecution.jsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var TOOL_BLINK_MS = 500;
 var TOOL_BLINK_LIMIT_MS = 3e3;
 var TOOL_PENDING_SHOW_DELAY_MS = 1e3;
@@ -17734,7 +17820,7 @@ function ToolExecution({ name, args, result, rawResult, isError, errorCount, exp
   if (pending && !pendingDisplayReady) {
     const placeholderNormalizedName = String(formatToolSurface(name, args)?.normalizedName || "").toLowerCase();
     const placeholderSingleRow = !aggregate && SKILL_SURFACE_NAMES2.has(placeholderNormalizedName);
-    return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", marginTop: attached ? 0 : 1, width: rowWidth, overflow: "hidden", children: [
+    return /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", marginTop: attached ? 0 : 1, width: rowWidth, overflow: "hidden", children: [
       /* @__PURE__ */ jsx16(Text16, { children: " " }),
       placeholderSingleRow ? null : /* @__PURE__ */ jsx16(Text16, { children: " " })
     ] });
@@ -17765,10 +17851,10 @@ function ToolExecution({ name, args, result, rawResult, isError, errorCount, exp
     const pendingPlaceholder = pending ? "Running" : "Finished";
     const detailLines2 = showRawAggregate ? rawRt.split("\n") : detailText ? [detailText] : [pendingPlaceholder];
     const aggregateDetailColor = isPlaceholderDetail ? theme.subtle : theme.text;
-    return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", marginTop: attached ? 0 : 1, width: rowWidth, overflow: "hidden", children: [
-      /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", width: rowWidth, overflow: "hidden", children: [
+    return /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", marginTop: attached ? 0 : 1, width: rowWidth, overflow: "hidden", children: [
+      /* @__PURE__ */ jsxs12(Box14, { flexDirection: "row", width: rowWidth, overflow: "hidden", children: [
         /* @__PURE__ */ jsx16(Box14, { flexShrink: 0, minWidth: 2, children: /* @__PURE__ */ jsx16(Text16, { color: dotColor2, children: dotText2 }) }),
-        /* @__PURE__ */ jsxs13(Text16, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsxs12(Text16, { wrap: "truncate", children: [
           /* @__PURE__ */ jsx16(Text16, { bold: true, color: theme.text, children: clippedHeader }),
           trailingText2 ? /* @__PURE__ */ jsx16(Text16, { color: trailingColor2, children: trailingText2 }) : null
         ] })
@@ -17889,10 +17975,10 @@ function ToolExecution({ name, args, result, rawResult, isError, errorCount, exp
     const truncatedSummary = summaryText && summaryWidth > 0 ? truncateToWidth(summaryText, summaryWidth) : "";
     summaryOut = truncatedSummary ? ` (${truncatedSummary})` : "";
   }
-  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", marginTop: attached ? 0 : 1, width: rowWidth, overflow: "hidden", children: [
-    /* @__PURE__ */ jsx16(Box14, { flexDirection: "row", width: "100%", children: /* @__PURE__ */ jsx16(Box14, { flexShrink: 1, flexGrow: 1, overflow: "hidden", minWidth: 0, children: /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", children: [
+  return /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", marginTop: attached ? 0 : 1, width: rowWidth, overflow: "hidden", children: [
+    /* @__PURE__ */ jsx16(Box14, { flexDirection: "row", width: "100%", children: /* @__PURE__ */ jsx16(Box14, { flexShrink: 1, flexGrow: 1, overflow: "hidden", minWidth: 0, children: /* @__PURE__ */ jsxs12(Box14, { flexDirection: "row", children: [
       /* @__PURE__ */ jsx16(Box14, { flexShrink: 0, minWidth: 2, children: /* @__PURE__ */ jsx16(Text16, { color: dotColor, children: dotText }) }),
-      /* @__PURE__ */ jsxs13(Text16, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsxs12(Text16, { wrap: "truncate", children: [
         /* @__PURE__ */ jsx16(Text16, { bold: true, color: theme.text, children: labelOut }),
         summaryOut ? /* @__PURE__ */ jsx16(Text16, { color: theme.text, children: summaryOut }) : null,
         inlineFailureText ? /* @__PURE__ */ jsx16(Text16, { color: theme.error, children: inlineFailureText }) : null,
@@ -17917,7 +18003,7 @@ function ToolExecution({ name, args, result, rawResult, isError, errorCount, exp
 // src/tui/components/TurnDone.jsx
 import React17 from "react";
 import { Box as Box15, Text as Text17 } from "../../../vendor/ink/build/index.js";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function statusMessageColor(tone) {
   if (tone === "error") return theme.error;
   if (tone === "warn" || tone === "cancel") return theme.warning;
@@ -17934,9 +18020,9 @@ function TurnDone({ elapsedMs = 0, status = "done", verb = "Thought", rightMessa
   const copy = cancelled ? elapsed ? `Cancelled after ${elapsed}` : "Cancelled" : elapsed ? `${doneVerb} for ${elapsed}` : doneVerb;
   const rightText = cleanRightMessage(rightMessage);
   const rightWidth = Math.max(1, Number(rightMessageWidth) || 24);
-  return /* @__PURE__ */ jsxs14(Box15, { marginTop, flexDirection: "row", width: "100%", children: [
-    /* @__PURE__ */ jsx17(Box15, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: /* @__PURE__ */ jsxs14(Text17, { wrap: "truncate", children: [
-      /* @__PURE__ */ jsxs14(Text17, { color: theme.spinnerGlyph, children: [
+  return /* @__PURE__ */ jsxs13(Box15, { marginTop, flexDirection: "row", width: "100%", children: [
+    /* @__PURE__ */ jsx17(Box15, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: /* @__PURE__ */ jsxs13(Text17, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsxs13(Text17, { color: theme.spinnerGlyph, children: [
         TURN_DONE_MARKER,
         " "
       ] }),
@@ -17950,14 +18036,14 @@ function StatusDone({ label = "Complete", detail = "", rightMessage = "", rightT
   const suffix = String(detail || "").trim();
   const rightText = cleanRightMessage(rightMessage);
   const rightWidth = Math.max(1, Number(rightMessageWidth) || 24);
-  return /* @__PURE__ */ jsxs14(Box15, { marginTop, flexDirection: "row", width: "100%", children: [
-    /* @__PURE__ */ jsx17(Box15, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: /* @__PURE__ */ jsxs14(Text17, { wrap: "truncate", children: [
-      /* @__PURE__ */ jsxs14(Text17, { color: theme.spinnerGlyph, children: [
+  return /* @__PURE__ */ jsxs13(Box15, { marginTop, flexDirection: "row", width: "100%", children: [
+    /* @__PURE__ */ jsx17(Box15, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: /* @__PURE__ */ jsxs13(Text17, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsxs13(Text17, { color: theme.spinnerGlyph, children: [
         TURN_DONE_MARKER,
         " "
       ] }),
       /* @__PURE__ */ jsx17(Text17, { color: theme.thinkingAccent, children: copy }),
-      suffix ? /* @__PURE__ */ jsxs14(Text17, { color: theme.subtle, children: [
+      suffix ? /* @__PURE__ */ jsxs13(Text17, { color: theme.subtle, children: [
         " \xB7 ",
         suffix
       ] }) : null
@@ -17969,7 +18055,7 @@ function StatusDone({ label = "Complete", detail = "", rightMessage = "", rightT
 // src/tui/components/ItemRightHintOverprint.jsx
 import React18 from "react";
 import { Box as Box16, Text as Text18 } from "../../../vendor/ink/build/index.js";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function hintColor(tone) {
   if (tone === "error") return theme.error;
   if (tone === "warn" || tone === "cancel") return theme.warning;
@@ -17988,9 +18074,9 @@ function ItemRightHintOverprint({
   const rightText = cleanRightMessage2(rightMessage);
   if (!rightText) return children;
   const rightWidth = Math.max(1, Number(rightMessageWidth) || 24);
-  return /* @__PURE__ */ jsxs15(Box16, { flexDirection: "column", width: "100%", flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", width: "100%", flexShrink: 0, children: [
     children,
-    /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsxs14(
       Box16,
       {
         height: 1,
@@ -18020,7 +18106,7 @@ function ItemRightHintOverprint({
 }
 
 // src/tui/components/TranscriptItem.jsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function ToolHookDenialCard({ item, columns = 80 }) {
   const { label, summary } = formatToolSurface(item.name, item.args);
   const detail = formatHookDenialDetail(toolItemResultText(item));
@@ -18030,16 +18116,16 @@ function ToolHookDenialCard({ item, columns = 80 }) {
   const summaryText = safeSummary ? ` (${safeSummary})` : "";
   const rowWidth = Math.max(1, Number(columns || 80));
   const detailWidth = Math.max(1, rowWidth - stringWidth10(RESULT_GUTTER));
-  return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", marginTop: 1, width: rowWidth, overflow: "hidden", children: [
-    /* @__PURE__ */ jsxs16(Box17, { flexDirection: "row", width: rowWidth, overflow: "hidden", children: [
+  return /* @__PURE__ */ jsxs15(Box17, { flexDirection: "column", marginTop: 1, width: rowWidth, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs15(Box17, { flexDirection: "row", width: rowWidth, overflow: "hidden", children: [
       /* @__PURE__ */ jsx19(Box17, { flexShrink: 0, minWidth: 2, children: /* @__PURE__ */ jsx19(Text19, { color: theme.error, children: TURN_MARKER }) }),
-      /* @__PURE__ */ jsx19(Box17, { flexGrow: 1, flexShrink: 1, overflow: "hidden", minWidth: 0, children: /* @__PURE__ */ jsxs16(Text19, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsx19(Box17, { flexGrow: 1, flexShrink: 1, overflow: "hidden", minWidth: 0, children: /* @__PURE__ */ jsxs15(Text19, { wrap: "truncate", children: [
         /* @__PURE__ */ jsx19(Text19, { bold: true, color: theme.text, children: safeLabel }),
         summaryText ? /* @__PURE__ */ jsx19(Text19, { color: theme.text, children: summaryText }) : null,
         /* @__PURE__ */ jsx19(Text19, { color: theme.error, children: " \xB7 Denied" })
       ] }) })
     ] }),
-    safeDetail ? /* @__PURE__ */ jsxs16(Box17, { flexDirection: "row", width: rowWidth, overflow: "hidden", children: [
+    safeDetail ? /* @__PURE__ */ jsxs15(Box17, { flexDirection: "row", width: rowWidth, overflow: "hidden", children: [
       /* @__PURE__ */ jsx19(Box17, { flexShrink: 0, width: stringWidth10(RESULT_GUTTER), children: /* @__PURE__ */ jsx19(Text19, { color: theme.subtle, children: RESULT_GUTTER }) }),
       /* @__PURE__ */ jsx19(Box17, { flexShrink: 0, width: detailWidth, overflow: "hidden", children: /* @__PURE__ */ jsx19(Text19, { color: theme.error, wrap: "truncate", children: safeDetail }) })
     ] }) : null
@@ -18089,7 +18175,7 @@ var Item = React19.memo(function Item2({ item, prevKind, columns, toolOutputExpa
 });
 
 // src/tui/App.jsx
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const state = useEngine(store);
   const [toolOutputExpanded, setToolOutputExpanded] = useState8(false);
@@ -18099,25 +18185,26 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const { stdout } = useStdout2();
   const [exiting, setExiting] = useState8(false);
   const [tuiReady, setTuiReady] = useState8(false);
-  const exitRequestedRef = useRef8(false);
+  const exitRequestedRef = useRef9(false);
   const [resizeState, setResizeState] = useState8(() => ({ ...terminalSize(stdout), epoch: 0 }));
+  const [panelTransitionEpoch, setPanelTransitionEpoch] = useState8(0);
   const windowsLikeTerminal = process.platform === "win32" || Boolean(process.env.WT_SESSION);
   const rightSafetyColumns = windowsLikeTerminal ? 1 : 0;
   const frameColumns = Math.max(1, resizeState.columns - rightSafetyColumns);
   const [scrollOffset, setScrollOffset] = useState8(0);
-  const scrollPositionRef = useRef8(0);
-  const scrollTargetRef = useRef8(0);
-  const maxScrollRowsRef = useRef8(0);
-  const transcriptBottomSlackRowsRef = useRef8(0);
-  const transcriptAnchorRef = useRef8(null);
-  const transcriptAnchorDirtyRef = useRef8(false);
-  const transcriptGeomRef = useRef8({ prefixRows: null, totalRows: 0, viewRows: 1 });
+  const scrollPositionRef = useRef9(0);
+  const scrollTargetRef = useRef9(0);
+  const maxScrollRowsRef = useRef9(0);
+  const transcriptBottomSlackRowsRef = useRef9(0);
+  const transcriptAnchorRef = useRef9(null);
+  const transcriptAnchorDirtyRef = useRef9(false);
+  const transcriptGeomRef = useRef9({ prefixRows: null, totalRows: 0, viewRows: 1 });
   const [measuredRowsVersion, setMeasuredRowsVersion] = useState8(0);
-  const followingRef = useRef8(false);
-  const lastItemsCountRef = useRef8(0);
-  const pickerOpenedFromEnterRef = useRef8(false);
-  const pickerOpenedFromEnterTimerRef = useRef8(null);
-  const projectPickerRef = useRef8(null);
+  const followingRef = useRef9(false);
+  const lastItemsCountRef = useRef9(0);
+  const pickerOpenedFromEnterRef = useRef9(false);
+  const pickerOpenedFromEnterTimerRef = useRef9(null);
+  const projectPickerRef = useRef9(null);
   const buildProjectPickerState = (opts) => projectPickerRef.current.buildProjectPickerState(opts);
   const [picker, setPickerState] = useState8(null);
   const setPicker = useCallback6((next) => {
@@ -18136,14 +18223,14 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   }, []);
   const [contextPanel, setContextPanel] = useState8(null);
   const [usagePanel, setUsagePanel] = useState8(null);
-  const usageRequestRef = useRef8(0);
-  const settingsHeavyCacheRef = useRef8(null);
+  const usageRequestRef = useRef9(0);
+  const settingsHeavyCacheRef = useRef9(null);
   const closeUsagePanel = useCallback6(() => {
     usageRequestRef.current += 1;
     setUsagePanel(null);
   }, []);
   const [providerPrompt, setProviderPrompt] = useState8(null);
-  const oauthSubmitRef = useRef8(false);
+  const oauthSubmitRef = useRef9(false);
   const [channelPrompt, setChannelPrompt] = useState8(null);
   const [hookPrompt, setHookPrompt] = useState8(null);
   const [settingsPrompt, setSettingsPrompt] = useState8(null);
@@ -18165,7 +18252,7 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
     pickFolder
   });
   projectPickerRef.current = projectPicker;
-  const initialPickerBuiltRef = useRef8(false);
+  const initialPickerBuiltRef = useRef9(false);
   if (!initialPickerBuiltRef.current) {
     initialPickerBuiltRef.current = true;
     let onboardingOwnsScreen = false;
@@ -18253,29 +18340,29 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const toolApproval = state.toolApproval || null;
   const [promptDraft, setPromptDraft] = useState8("");
   const [promptDraftOverride, setPromptDraftOverride] = useState8(null);
-  const promptLayoutValueRef = useRef8("");
+  const promptLayoutValueRef = useRef9("");
   const [, setPromptLayoutRows] = useState8(1);
   const [, setPastedImages] = useState8({});
-  const pastedImagesRef = useRef8({});
-  const nextPastedImageIdRef = useRef8(1);
+  const pastedImagesRef = useRef9({});
+  const nextPastedImageIdRef = useRef9(1);
   const [, setPastedTexts] = useState8({});
-  const pastedTextsRef = useRef8({});
-  const nextPastedTextIdRef = useRef8(1);
-  const promptValueRef = useRef8("");
-  const promptSelectionRef = useRef8(null);
-  const promptBoxRectRef = useRef8(null);
-  const promptMouseSelectionRef = useRef8(null);
-  const promptHistoryNavRef = useRef8({ active: false, index: -1, seed: "", lastValue: "" });
-  const promptHistoryDraftChangeRef = useRef8(false);
+  const pastedTextsRef = useRef9({});
+  const nextPastedTextIdRef = useRef9(1);
+  const promptValueRef = useRef9("");
+  const promptSelectionRef = useRef9(null);
+  const promptBoxRectRef = useRef9(null);
+  const promptMouseSelectionRef = useRef9(null);
+  const promptHistoryNavRef = useRef9({ active: false, index: -1, seed: "", lastValue: "" });
+  const promptHistoryDraftChangeRef = useRef9(false);
   const [promptHint, setPromptHint] = useState8("");
   const [promptHintTone, setPromptHintTone] = useState8("info");
   const [welcomePromptHintDismissed, setWelcomePromptHintDismissed] = useState8(false);
   const [conditionalWelcomePromptHint, setConditionalWelcomePromptHint] = useState8("");
-  const welcomePromptHintRef = useRef8(null);
+  const welcomePromptHintRef = useRef9(null);
   if (welcomePromptHintRef.current === null) {
     welcomePromptHintRef.current = randomWelcomePromptHint();
   }
-  const welcomePromptHintVisibleRef = useRef8(false);
+  const welcomePromptHintVisibleRef = useRef9(false);
   const dismissWelcomePromptHint = useCallback6(() => {
     if (!welcomePromptHintVisibleRef.current) return;
     setWelcomePromptHintDismissed((dismissed) => dismissed || true);
@@ -18283,14 +18370,15 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const toastErrorSignature = useMemo2(() => (state.toasts || []).filter((toast) => toast?.tone === "error").map((toast) => `${toast.id || ""}:${toast.text || ""}`).join("|"), [state.toasts]);
   const [slashIndex, setSlashIndex] = useState8(0);
   const [slashDismissedFor, setSlashDismissedFor] = useState8("");
-  const slashPaletteRef = useRef8({ open: false, count: 0 });
-  const scrollFocusRef = useRef8({});
-  const onboardingStartedRef = useRef8(false);
-  const onboardingRef = useRef8({ defaultRoute: null, searchRoute: null, agentRoutes: {}, agents: [], providerModels: [] });
-  const providerModelsCacheRef = useRef8({ models: null, at: 0 });
-  const searchModelsCacheRef = useRef8({ models: null, at: 0 });
-  const modelPickerRequestRef = useRef8(0);
-  const onboardingPrefetchSeqRef = useRef8(0);
+  const slashPaletteRef = useRef9({ open: false, count: 0 });
+  const workflowTabCycleRef = useRef9({ pending: false, lastAt: 0 });
+  const scrollFocusRef = useRef9({});
+  const onboardingStartedRef = useRef9(false);
+  const onboardingRef = useRef9({ defaultRoute: null, searchRoute: null, agentRoutes: {}, agents: [], providerModels: [] });
+  const providerModelsCacheRef = useRef9({ models: null, at: 0 });
+  const searchModelsCacheRef = useRef9({ models: null, at: 0 });
+  const modelPickerRequestRef = useRef9(0);
+  const onboardingPrefetchSeqRef = useRef9(0);
   const clearModelCaches = useCallback6((scope = "all") => {
     if (scope === "all" || scope === "provider") {
       providerModelsCacheRef.current = { models: null, at: 0 };
@@ -18458,11 +18546,12 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
     openUpdatePicker: (...a) => openUpdatePicker(...a),
     requestExit: (...a) => requestExit(...a)
   });
-  const promptHintTimerRef = useRef8(null);
-  const promptHintActiveRef = useRef8(false);
-  const dragRef = useRef8({ anchor: null, anchorScroll: 0, last: null, active: false, rect: null, region: null, anchorSpan: null });
-  const transcriptViewportRef = useRef8({ top: 0, bottom: 0 });
-  const frameRowsRef = useRef8(24);
+  const promptHintTimerRef = useRef9(null);
+  const promptHintActiveRef = useRef9(false);
+  const dragRef = useRef9({ anchor: null, anchorScroll: 0, last: null, active: false, rect: null, region: null, anchorSpan: null });
+  const transcriptViewportRef = useRef9({ top: 0, bottom: 0 });
+  const panelTransitionRef = useRef9({ signature: "", reserve: 0, clearRows: 0, guardRows: 0, epoch: 0 });
+  const frameRowsRef = useRef9(24);
   const STATUSLINE_BAND_ROWS = 3;
   const [voiceEnabled, setVoiceEnabled] = useState8(() => isVoiceEnabled());
   const voiceIndicatorVisible = Boolean(state.progressHint?.text) || voiceEnabled || getRecorderState() !== "idle";
@@ -18532,9 +18621,9 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
       alive = false;
     };
   }, [store, state.provider, state.model, state.workflow?.id, toastErrorSignature]);
-  const selectionLayoutRef = useRef8(null);
-  const selectionTextRef = useRef8("");
-  const lastClickRef = useRef8({ x: -1, y: -1, t: 0, count: 0 });
+  const selectionLayoutRef = useRef9(null);
+  const selectionTextRef = useRef9("");
+  const lastClickRef = useRef9({ x: -1, y: -1, t: 0, count: 0 });
   const showSelectionCopyHint = useCallback6((text, tone = "plain") => {
     if (promptHintTimerRef.current) clearTimeout(promptHintTimerRef.current);
     promptHintActiveRef.current = true;
@@ -18925,12 +19014,21 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
       toggleExpand();
       return;
     }
-    if (!picker && key.shift && (key.leftArrow || key.rightArrow || key.upArrow || key.downArrow || key.home || key.end)) {
+    const rawShiftUp = input === "\x1B[1;2A" || input === "\x1B[a" || input === "[1;2A";
+    const rawShiftDown = input === "\x1B[1;2B" || input === "\x1B[b" || input === "[1;2B";
+    const rawShiftRight = input === "\x1B[1;2C" || input === "\x1B[c" || input === "[1;2C";
+    const rawShiftLeft = input === "\x1B[1;2D" || input === "\x1B[d" || input === "[1;2D";
+    const rawCtrlShiftUp = input === "\x1B[1;6A" || input === "[1;6A";
+    const rawCtrlShiftDown = input === "\x1B[1;6B" || input === "[1;6B";
+    const rawCtrlShiftRight = input === "\x1B[1;6C" || input === "[1;6C";
+    const rawCtrlShiftLeft = input === "\x1B[1;6D" || input === "[1;6D";
+    const rawModifiedShiftArrow = rawShiftUp || rawShiftDown || rawShiftLeft || rawShiftRight || rawCtrlShiftUp || rawCtrlShiftDown || rawCtrlShiftLeft || rawCtrlShiftRight;
+    if (!picker && (key.shift && (key.leftArrow || key.rightArrow || key.upArrow || key.downArrow || key.home || key.end) || rawModifiedShiftArrow)) {
       let move = null;
-      if (key.leftArrow) move = "left";
-      else if (key.rightArrow) move = "right";
-      else if (key.upArrow) move = "up";
-      else if (key.downArrow) move = "down";
+      if (key.leftArrow || rawShiftLeft || rawCtrlShiftLeft) move = "left";
+      else if (key.rightArrow || rawShiftRight || rawCtrlShiftRight) move = "right";
+      else if (key.upArrow || rawShiftUp || rawCtrlShiftUp) move = "up";
+      else if (key.downArrow || rawShiftDown || rawCtrlShiftDown) move = "down";
       else if (key.home) move = "lineStart";
       else if (key.end) move = "lineEnd";
       if (move && gridSelectionActiveRef.current()) {
@@ -19364,16 +19462,10 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
         }
         const parts = commandText.split("|").map((part) => part.trim());
         if (channelPrompt.kind === "channel-add") {
-          const [first, pipeId, mode, mainFlag] = parts;
           const isPipe = parts.length > 1;
-          const name = isPipe ? first : "main";
-          const channelId = isPipe ? pipeId : first;
-          const main = !isPipe || String(mainFlag || "").toLowerCase() === "main" || String(name || "").toLowerCase() === "main";
-          store.saveChannel({
-            name,
+          const channelId = isPipe ? parts[1] : parts[0];
+          store.setChannel({
             channelId,
-            mode: isPipe ? mode : "interactive",
-            main,
             backend: channelPrompt.backend
           });
           resumeAfterChannelPrompt(channelPrompt);
@@ -19500,6 +19592,25 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
           void openSettingsPicker();
           return true;
         }
+        if (settingsPrompt.kind === "autoclear-provider") {
+          const provider = String(settingsPrompt.provider || "").trim();
+          if (!provider) {
+            store.pushNotice("auto-clear provider is missing", "warn");
+            return false;
+          }
+          const text2 = String(commandText || "").trim();
+          try {
+            if (text2) store.setAutoClear?.({ provider, duration: text2 });
+            else store.setAutoClear?.({ provider, resetProvider: true });
+            store.pushNotice(text2 ? `Auto-clear ${provider} default set to ${text2}` : `Auto-clear ${provider} default reset`, "info");
+          } catch (e) {
+            store.pushNotice(`autoclear failed: ${e?.message || e}`, "error");
+            return false;
+          }
+          setSettingsPrompt(null);
+          openAutoClearPicker({ advanced: true, returnTo: settingsPrompt.returnTo });
+          return true;
+        }
         if (settingsPrompt.kind === "profile-title") {
           try {
             store.setProfile?.({ title: commandText });
@@ -19729,6 +19840,8 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
       openProjectPicker();
     } else if (kind === "core-add" || kind === "core-edit" || kind === "core-delete-confirm") {
       openMemoryCorePicker();
+    } else if (kind === "autoclear-provider") {
+      openAutoClearPicker({ advanced: true, returnTo: settingsPrompt?.returnTo });
     }
   }, [settingsPrompt, showPromptHint]);
   const acceptSlashPalette = useCallback6((draftValue = "") => {
@@ -19847,11 +19960,13 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const hasTextEntryPrompt = !!textEntryPrompt;
   const hasFloatingPanel = !!(toolApproval || picker || contextPanel || usagePanel || slashPaletteOpen || hasTextEntryPrompt);
   const expandedOptionPanel = !!(toolApproval || picker || contextPanel || usagePanel || hasTextEntryPrompt);
+  const bootSettling = !tuiReady && state.items.length === 0 && !hasFloatingPanel;
   const projectSelectionActive = picker?.kind === "project" || settingsPrompt?.kind === "project-new" || settingsPrompt?.kind === "project-create-confirm" || settingsPrompt?.kind === "project-rename";
-  const inputBoxHidden = expandedOptionPanel;
+  const inputBoxHidden = expandedOptionPanel || bootSettling;
   const showWelcomeBanner = state.items.length === 0 && !hasFloatingPanel || projectSelectionActive || onboardingActive;
   const WELCOME_ROWS = showWelcomeBanner ? 11 : 0;
   const liveSpinner = state.spinner?.active ? state.spinner : state.commandStatus?.active ? state.commandStatus : null;
+  const liveSpinnerIsCommand = !state.spinner?.active && !!state.commandStatus?.active;
   const latestToast = state.toasts?.length ? state.toasts[state.toasts.length - 1] : null;
   const toastHint = latestToast ? latestToast.text : "";
   const progressHint = state.progressHint || null;
@@ -19885,10 +20000,41 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const desiredFloatingPanelRows = toolApproval ? PANEL_CHROME_ROWS + 2 + OPTION_PANEL_EXTRA_ROWS : picker ? picker.fillAvailable ? maxFloatingPanelRows : PANEL_BASE_ROWS + OPTION_PANEL_EXTRA_ROWS : contextPanel ? PANEL_BASE_ROWS + OPTION_PANEL_EXTRA_ROWS + 3 : usagePanel ? PANEL_BASE_ROWS + OPTION_PANEL_EXTRA_ROWS : slashPaletteOpen ? PANEL_MAX_VISIBLE + PANEL_CHROME_ROWS : hasTextEntryPrompt ? TEXT_ENTRY_ROWS : 0;
   const floatingPanelRows = desiredFloatingPanelRows > 0 ? Math.min(desiredFloatingPanelRows, maxFloatingPanelRows) : 0;
   const pickerVisibleRows = picker ? Math.max(1, floatingPanelRows - PICKER_CHROME_ROWS) : PANEL_MAX_VISIBLE;
-  const bottomReserve = baseReserve + floatingPanelRows;
+  const rawBottomReserve = baseReserve + floatingPanelRows;
+  const bottomClusterRows = INPUT_BOX_ROWS + STATUSLINE_ROWS + queuedRows + floatingPanelRows;
+  const panelLayoutSignature = [
+    toolApproval ? "tool" : "",
+    picker ? `picker:${picker.kind || ""}:${picker.fillAvailable ? "fill" : "fit"}` : "",
+    contextPanel ? "context" : "",
+    usagePanel ? "usage" : "",
+    slashPaletteOpen ? "slash" : "",
+    hasTextEntryPrompt ? `text:${textEntryPrompt?.kind || ""}` : "",
+    inputBoxHidden ? "input-hidden" : "input-visible",
+    floatingPanelRows,
+    promptBoxRows,
+    promptMetaRows,
+    queuedRows,
+    WELCOME_ROWS
+  ].join("|");
+  const panelTransition = panelTransitionRef.current;
+  const panelLayoutChanged = Boolean(panelTransition.signature && panelTransition.signature !== panelLayoutSignature);
+  let panelTransitionClearRows = 0;
+  let panelTransitionGuardRows = 0;
+  if (panelLayoutChanged) {
+    panelTransitionClearRows = Math.max(0, panelTransition.reserve - bottomClusterRows);
+    panelTransitionGuardRows = panelTransitionClearRows > 0 ? 1 : 0;
+    panelTransition.clearRows = panelTransitionClearRows;
+    panelTransition.guardRows = panelTransitionGuardRows;
+    panelTransition.epoch = panelTransitionEpoch;
+  } else if (panelTransition.epoch === panelTransitionEpoch) {
+    panelTransitionClearRows = panelTransition.clearRows || 0;
+    panelTransitionGuardRows = panelTransition.guardRows || 0;
+  }
+  const bottomReserve = rawBottomReserve + panelTransitionClearRows;
   const viewportHeight = Math.max(1, resizeState.rows - bottomReserve);
-  const baseGuardRows = viewportHeight > 1 ? 1 : 0;
-  const transcriptGuardRows = baseGuardRows;
+  const guardCapacityRows = Math.max(0, viewportHeight - 1);
+  const baseGuardRows = guardCapacityRows > 0 ? 1 : 0;
+  const transcriptGuardRows = Math.min(guardCapacityRows, baseGuardRows + panelTransitionGuardRows);
   const transcriptContentHeight = Math.max(1, viewportHeight - transcriptGuardRows);
   const transcriptBottomSlackRows = Math.max(0, baseGuardRows);
   transcriptBottomSlackRowsRef.current = transcriptBottomSlackRows;
@@ -19907,6 +20053,17 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
     welcomePromptHintText && !welcomePromptHintDismissed && state.items.length === 0 && !hasFloatingPanel && !inputBoxHidden && !queuedVisible && !liveSpinner && !inputHint
   );
   welcomePromptHintVisibleRef.current = welcomePromptHintVisible;
+  useEffect10(() => {
+    const transition = panelTransitionRef.current;
+    const hadTransitionClearance = panelTransitionClearRows > 0 || panelTransitionGuardRows > 0;
+    transition.signature = panelLayoutSignature;
+    transition.reserve = bottomClusterRows;
+    transition.clearRows = 0;
+    transition.guardRows = 0;
+    if (!hadTransitionClearance) return void 0;
+    const timer = setTimeout(() => setPanelTransitionEpoch((epoch) => epoch + 1), 0);
+    return () => clearTimeout(timer);
+  }, [panelLayoutSignature, bottomClusterRows, panelTransitionClearRows, panelTransitionGuardRows]);
   const {
     transcriptWindow,
     renderedTranscriptItems,
@@ -19945,6 +20102,14 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   });
   const cycleWorkflowFromPrompt = useCallback6(() => {
     if (slashPaletteOpen || toolApproval || picker || settingsPrompt || providerPrompt || channelPrompt || hookPrompt || contextPanel || usagePanel) return true;
+    const repeatGuardMs = 300;
+    const cycleGuard = workflowTabCycleRef.current;
+    const now = Date.now();
+    if (state.commandBusy || cycleGuard.pending || now - cycleGuard.lastAt < repeatGuardMs) {
+      cycleGuard.lastAt = now;
+      return true;
+    }
+    cycleGuard.lastAt = now;
     let workflows = [];
     try {
       workflows = store.listWorkflows?.() || [];
@@ -19964,15 +20129,18 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
     const activeIndex = workflows.findIndex((item) => item.active);
     const currentIndex = activeIndex >= 0 ? activeIndex : Math.max(0, workflows.findIndex((item) => item.id === workflow.id));
     const next = workflows[(currentIndex + 1 + workflows.length) % workflows.length];
-    void store.setWorkflow?.(next.id).then((result) => {
+    cycleGuard.pending = true;
+    void Promise.resolve().then(() => store.setWorkflow?.(next.id)).then((result) => {
       if (!result) {
-        store.pushNotice("Workflow switch is already running.", "warn");
         return;
       }
-      store.pushNotice(workflowSwitchNotice(result), "info");
-    }).catch((e) => store.pushNotice(`Couldn\u2019t switch workflow: ${e?.message || e}`, "error"));
+      store.pushNotice(workflowSwitchNotice(result), "info", { ttlMs: 1200 });
+    }).catch((e) => store.pushNotice(`Couldn\u2019t switch workflow: ${e?.message || e}`, "error")).finally(() => {
+      cycleGuard.pending = false;
+      cycleGuard.lastAt = Date.now();
+    });
     return true;
-  }, [slashPaletteOpen, toolApproval, picker, settingsPrompt, providerPrompt, channelPrompt, hookPrompt, contextPanel, usagePanel, state.workflow, store]);
+  }, [slashPaletteOpen, toolApproval, picker, settingsPrompt, providerPrompt, channelPrompt, hookPrompt, contextPanel, usagePanel, state.commandBusy, state.workflow, store]);
   const promptInputControl = /* @__PURE__ */ jsx20(
     PromptInput,
     {
@@ -20022,8 +20190,8 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
     // stack up from just over the input. A top flexGrow spacer sinks the whole
     // stack to the bottom; the transcript itself is a fixed-height clipping
     // viewport (see viewportHeight above).
-    /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", width: frameColumns, height: resizeState.rows, backgroundColor: surfaceBackground(), children: [
-      showWelcomeBanner ? /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", height: 7, flexShrink: 0, marginTop: 3, marginBottom: 1, backgroundColor: surfaceBackground(), children: [
+    /* @__PURE__ */ jsxs16(Box18, { flexDirection: "column", width: frameColumns, height: resizeState.rows, backgroundColor: surfaceBackground(), children: [
+      showWelcomeBanner ? /* @__PURE__ */ jsxs16(Box18, { flexDirection: "column", height: 7, flexShrink: 0, marginTop: 3, marginBottom: 1, backgroundColor: surfaceBackground(), children: [
         /* @__PURE__ */ jsx20(Text20, { color: theme.text, bold: true, children: centerLine("\u2588\u2588\u2588\u2557   \u2588\u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557 ", frameColumns) }),
         /* @__PURE__ */ jsx20(Text20, { color: theme.text, bold: true, children: centerLine("\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2554\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D ", frameColumns) }),
         /* @__PURE__ */ jsx20(Text20, { color: theme.logo ?? theme.claude, bold: true, children: centerLine("\u2588\u2588\u2554\u2588\u2588\u2588\u2588\u2554\u2588\u2588\u2551\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2554\u255D \u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2588\u2557", frameColumns) }),
@@ -20032,7 +20200,7 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
         /* @__PURE__ */ jsx20(Box18, { height: 1, flexShrink: 0 }),
         /* @__PURE__ */ jsx20(Text20, { color: theme.inactive, children: centerLine(`mixdog coding agent \xB7 ${state.cwd}`, frameColumns, 4) })
       ] }) : null,
-      /* @__PURE__ */ jsxs17(
+      /* @__PURE__ */ jsxs16(
         Box18,
         {
           flexDirection: "column",
@@ -20043,7 +20211,7 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
           overflow: "hidden",
           justifyContent: "flex-end",
           children: [
-            /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsxs16(
               Box18,
               {
                 flexDirection: "column",
@@ -20053,7 +20221,7 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
                 overflow: "hidden",
                 justifyContent: "flex-end",
                 children: [
-                  /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", width: "100%", flexShrink: 0, marginBottom: -transcriptWindow.effectiveScrollOffset, children: [
+                  /* @__PURE__ */ jsxs16(Box18, { flexDirection: "column", width: "100%", flexShrink: 0, marginBottom: -transcriptWindow.effectiveScrollOffset, children: [
                     renderedTranscriptItems.map((item, i, arr) => {
                       const measureRef = transcriptMeasureRef(item);
                       const attachOverlayHint = overlayHintOnLastItem && i === overlayHintAttachItemIndex;
@@ -20078,14 +20246,15 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
                 ]
               }
             ),
-            transcriptGuardRows > 0 ? /* @__PURE__ */ jsxs17(Box18, { height: transcriptGuardRows, flexShrink: 0, backgroundColor: surfaceBackground(), flexDirection: "row", width: "100%", overflow: "hidden", children: [
+            transcriptGuardRows > 0 ? /* @__PURE__ */ jsxs16(Box18, { height: transcriptGuardRows, flexShrink: 0, backgroundColor: surfaceBackground(), flexDirection: "row", width: "100%", overflow: "hidden", children: [
               /* @__PURE__ */ jsx20(Box18, { flexGrow: 1, flexShrink: 1, overflow: "hidden" }),
               overlayHintFallbackRow ? /* @__PURE__ */ jsx20(Box18, { flexShrink: 0, width: guardHintWidth || 1, marginLeft: 1, marginRight: 1, justifyContent: "flex-end", overflow: "hidden", children: /* @__PURE__ */ jsx20(Text20, { color: promptStatusColor(inputHintTone), wrap: "truncate", children: inputHint }) }) : null
             ] }) : null
           ]
         }
       ),
-      /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", flexShrink: 0, width: "100%", backgroundColor: surfaceBackground(), children: [
+      /* @__PURE__ */ jsxs16(Box18, { flexDirection: "column", flexShrink: 0, width: "100%", backgroundColor: surfaceBackground(), children: [
+        panelTransitionClearRows > 0 ? /* @__PURE__ */ jsx20(Box18, { height: panelTransitionClearRows, flexShrink: 0, width: "100%", overflow: "hidden", backgroundColor: surfaceBackground() }) : null,
         floatingPanelRows > 0 ? /* @__PURE__ */ jsx20(Box18, { flexDirection: "column", flexShrink: 0, height: floatingPanelRows, overflow: "hidden", justifyContent: "flex-end", backgroundColor: surfaceBackground(), children: toolApproval ? /* @__PURE__ */ jsx20(
           Picker,
           {
@@ -20238,15 +20407,15 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
             hint: settingsPrompt.hint || "Save setting.",
             columns: frameColumns,
             initialValue: settingsPrompt.initialValue || "",
-            actionLabel: settingsPrompt.kind === "skill-use" ? "run" : settingsPrompt.kind === "project-new" ? "open" : settingsPrompt.kind === "project-create-confirm" ? "confirm" : settingsPrompt.kind === "project-rename" ? "rename" : settingsPrompt.kind === "core-add" ? "add" : settingsPrompt.kind === "core-edit" ? "save" : settingsPrompt.kind === "core-delete-confirm" ? "confirm" : "save",
-            promptLabel: settingsPrompt.kind === "skill-use" ? "Command > " : settingsPrompt.kind === "project-new" ? "Path > " : settingsPrompt.kind === "project-create-confirm" ? "Create? (y/n) > " : settingsPrompt.kind === "project-rename" ? "Name > " : settingsPrompt.kind === "core-add" ? "Sentence > " : settingsPrompt.kind === "core-edit" ? "Sentence > " : settingsPrompt.kind === "core-delete-confirm" ? "Delete? (y/n) > " : "Value > ",
+            actionLabel: settingsPrompt.kind === "skill-use" ? "run" : settingsPrompt.kind === "autoclear-provider" ? "save" : settingsPrompt.kind === "project-new" ? "open" : settingsPrompt.kind === "project-create-confirm" ? "confirm" : settingsPrompt.kind === "project-rename" ? "rename" : settingsPrompt.kind === "core-add" ? "add" : settingsPrompt.kind === "core-edit" ? "save" : settingsPrompt.kind === "core-delete-confirm" ? "confirm" : "save",
+            promptLabel: settingsPrompt.kind === "skill-use" ? "Command > " : settingsPrompt.kind === "autoclear-provider" ? "Duration > " : settingsPrompt.kind === "project-new" ? "Path > " : settingsPrompt.kind === "project-create-confirm" ? "Create? (y/n) > " : settingsPrompt.kind === "project-rename" ? "Name > " : settingsPrompt.kind === "core-add" ? "Sentence > " : settingsPrompt.kind === "core-edit" ? "Sentence > " : settingsPrompt.kind === "core-delete-confirm" ? "Delete? (y/n) > " : "Value > ",
             onSubmit,
             onCancel: cancelSettingsPrompt
           }
         ) : null }) : null,
-        !inputBoxHidden ? /* @__PURE__ */ jsxs17(Fragment6, { children: [
-          promptMetaVisible ? /* @__PURE__ */ jsxs17(Fragment6, { children: [
-            /* @__PURE__ */ jsxs17(
+        !inputBoxHidden ? /* @__PURE__ */ jsxs16(Fragment6, { children: [
+          promptMetaVisible ? /* @__PURE__ */ jsxs16(Fragment6, { children: [
+            /* @__PURE__ */ jsxs16(
               Box18,
               {
                 marginTop: 0,
@@ -21770,7 +21939,7 @@ async function createEngineSession({
     const displayWindow = Number(status.contextWindow || 0);
     const compactBoundary = Number(status.compaction?.boundaryTokens || 0);
     const autoCompact = Number(
-      status.compaction?.autoCompactTokenLimit || runtime.session?.autoCompactTokenLimit || 0
+      status.compaction?.triggerTokens || status.compaction?.autoCompactTokenLimit || runtime.session?.autoCompactTokenLimit || 0
     );
     if (displayWindow > 0) state.displayContextWindow = displayWindow;
     if (compactBoundary > 0) state.compactBoundaryTokens = compactBoundary;
@@ -22171,7 +22340,7 @@ async function createEngineSession({
     const earlyResultBuffer = /* @__PURE__ */ new Map();
     const aggregateCards = [];
     let tailAggregate = null;
-    const TOOL_CARD_PUSH_DELAY_MS = 1e3;
+    const TOOL_CARD_PUSH_DELAY_MS = 0;
     let deferredSeqCounter = 0;
     const deferredEntries = [];
     const flushDeferredUpTo = (entry) => {
@@ -22408,7 +22577,7 @@ async function createEngineSession({
       thinkingSegmentStartedAt = 0;
       return now;
     };
-    const STREAM_BATCH_INTERVAL_MS = 8;
+    const STREAM_BATCH_INTERVAL_MS = 16;
     let _batchTimer = null;
     let _pendingTextFlush = false;
     let _pendingThinkFlush = false;
@@ -22552,6 +22721,7 @@ async function createEngineSession({
             await yieldToRenderer();
           }
           const touchedAggregates = /* @__PURE__ */ new Set();
+          let standaloneReserve = null;
           for (let i = 0; i < batchCalls.length; i++) {
             const c = batchCalls[i];
             const name = toolCallName(c);
@@ -22588,6 +22758,7 @@ async function createEngineSession({
                 cardByCallId.set(callId, card2);
               }
               toolCards.push(card2);
+              standaloneReserve = card2;
               tailAggregate = null;
               continue;
             }
@@ -22610,6 +22781,7 @@ async function createEngineSession({
           for (const aggregateCard of touchedAggregates) {
             syncAggregateHeader(aggregateCard);
           }
+          standaloneReserve?.ensureVisible?.();
           if (committedAssistantSegment) {
             const firstTouchedAggregate = [...touchedAggregates][0] || null;
             firstTouchedAggregate?.ensureVisible?.();
@@ -22645,7 +22817,7 @@ async function createEngineSession({
             detail: compactEventDetail(event)
           });
         },
-        onStageChange: (stage) => {
+        onStageChange: async (stage) => {
           if (!state.spinner) return;
           const value = String(stage || "");
           if (value === "compacting") {
@@ -22664,6 +22836,7 @@ async function createEngineSession({
                 mode: "compacting"
               }
             });
+            await yieldToRenderer();
             return;
           }
           if (value === "requesting" || value === "streaming") compactingActive = false;
@@ -23493,6 +23666,7 @@ async function createEngineSession({
       const startedAt2 = Date.now();
       set({ commandBusy: true, commandStatus: { active: true, verb: "Compacting conversation", startedAt: startedAt2, mode: "compacting" } });
       try {
+        await new Promise((resolve5) => setTimeout(resolve5, 0));
         const result = await runtime.compact({ recoverAgent: true });
         syncContextStats({ allowEstimated: true });
         set({ ...routeState(), stats: { ...state.stats } });
@@ -23516,6 +23690,13 @@ async function createEngineSession({
               error: result.error
             })
           });
+        } else {
+          pushItem({
+            kind: "statusdone",
+            id: nextId(),
+            label: "Compact failed",
+            detail: "no active session"
+          });
         }
         return result;
       } finally {
@@ -23806,14 +23987,9 @@ async function createEngineSession({
       pushNotice("webhook/ngrok authtoken forgotten", "info");
       return result;
     },
-    saveChannel: (entry) => {
-      const result = runtime.saveChannel(entry);
-      pushNotice(`channel saved: ${entry.name}`, "info");
-      return result;
-    },
-    deleteChannel: (name) => {
-      const result = runtime.deleteChannel(name);
-      pushNotice(`channel deleted: ${name}`, "info");
+    setChannel: (entry) => {
+      const result = runtime.setChannel(entry);
+      pushNotice("channel saved", "info");
       return result;
     },
     setWebhookConfig: (patch) => {
@@ -24339,7 +24515,9 @@ function paintBootSplash() {
   try {
     const cols = Math.max(1, Number(process.stdout.columns) || 80);
     const rows = Math.max(1, Number(process.stdout.rows) || 24);
-    const center = (s) => `${" ".repeat(Math.max(0, Math.floor((cols - s.length) / 2)))}${s}`;
+    const windowsLikeTerminal = process.platform === "win32" || Boolean(process.env.WT_SESSION);
+    const frameCols = Math.max(1, cols - (windowsLikeTerminal ? 1 : 0));
+    const center = (s) => `${" ".repeat(Math.max(0, Math.floor((frameCols - displayWidth(s)) / 2)))}${s}`;
     const logo = [
       "\u2588\u2588\u2588\u2557   \u2588\u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557 ",
       "\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2554\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D ",
@@ -24360,38 +24538,8 @@ function paintBootSplash() {
     }
     out += "\r\n";
     out += `${subtleFg}${center(`mixdog coding agent \xB7 ${process.cwd()}`)}${reset}`;
-    const floating = Math.min(17, rows - 15);
-    let spinnerRow = 0;
-    let spinnerFg = "";
-    if (floating >= 3) {
-      const borderFg = ansiFg(theme.promptBorder) || subtleFg;
-      const boxW = Math.max(4, cols - 1);
-      const innerW = boxW - 2;
-      const topRow = rows - 3 - floating + 1;
-      out += `\x1B[${topRow};1H${borderFg}\u256D${"\u2500".repeat(innerW)}\u256E`;
-      for (let i = 1; i < floating - 1; i++) {
-        out += `\x1B[${topRow + i};1H\u2502${" ".repeat(innerW)}\u2502`;
-      }
-      out += `\x1B[${rows - 3};1H\u2570${"\u2500".repeat(innerW)}\u256F${reset}`;
-      spinnerRow = topRow + 1;
-      spinnerFg = subtleFg;
-      out += `\x1B[${spinnerRow};3H${subtleFg}  Loading projects\u2026${reset}`;
-    }
     out += "\x1B[H";
     process.stdout.write(out);
-    if (spinnerRow > 0) {
-      const frames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-      let tick = 0;
-      const timer = setInterval(() => {
-        try {
-          process.stdout.write(`\x1B[${spinnerRow};3H${spinnerFg}${frames[tick % frames.length]}${reset}\x1B[H`);
-          tick += 1;
-        } catch {
-        }
-      }, 80);
-      timer.unref?.();
-      return { stop: () => clearInterval(timer) };
-    }
     return { stop: () => {
     } };
   } catch {
@@ -24591,7 +24739,7 @@ async function runTui({ provider, model, toolMode, remote, forceOnboarding } = {
   registerStdioDeath(process.stderr, "error", { requireCode: true });
   registerStdioDeath(process.stderr, "close");
   try {
-    const instance = render(/* @__PURE__ */ jsx21(App, { store, forceOnboarding: forceOnboarding === true }), { exitOnCtrlC: false, maxFps: 120, onRender: makeRenderProfiler() });
+    const instance = render(/* @__PURE__ */ jsx21(App, { store, forceOnboarding: forceOnboarding === true }), { exitOnCtrlC: false, maxFps: 60, onRender: makeRenderProfiler() });
     bootProfile2("render:mounted", { ms: (performance3.now() - startedAt).toFixed(1) });
     const { waitUntilExit } = instance;
     if (mouseTracking && typeof instance.setSelection === "function") {