@slkiser/opencode-quota 4.10.0 → 4.10.2

package/dist/tui.js

@@ -1,23 +1,23 @@
-import { createComponent as _$createComponent } from "@opentui/solid";
-import { effect as _$effect } from "@opentui/solid";
 import { createTextNode as _$createTextNode } from "@opentui/solid";
-import { memo as _$memo } from "@opentui/solid";
 import { insertNode as _$insertNode } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
 import { insert as _$insert } from "@opentui/solid";
+import { createComponent as _$createComponent } from "@opentui/solid";
 import { setProp as _$setProp } from "@opentui/solid";
 import { createElement as _$createElement } from "@opentui/solid";
 /** @jsxImportSource @opentui/solid */
 
-import { createEffect, createSignal, onCleanup, Show } from "solid-js";
-import { formatDisplayedPercentLabel, formatQuotaModeHeading, formatResetCountdown, isResetTimeDecimals, resolveDisplayedPercent } from "./lib/format-utils.js";
+import { createEffect, createSignal, Index, onCleanup, Show } from "solid-js";
+import { formatQuotaModeHeading, formatResetCountdown, isResetTimeDecimals, resolveDisplayedPercent } from "./lib/format-utils.js";
 import { buildQuotaDialogCommandOutput, QUOTA_DIALOG_COMMANDS } from "./lib/quota-dialog-commands.js";
-import { extractSingleWindowWindowLabel } from "./lib/quota-entry-display.js";
-import { formatQuotaRunway } from "./lib/quota-exhaustion-projection.js";
 import { disposeQuotaTelemetryOwner } from "./lib/quota-telemetry.js";
 import { getSidebarBodyLineColor } from "./lib/tui-line-style.js";
 import { getCompactStatusText, getHomeBottomAnnouncementText, getSidebarPanelLines, getSidebarPanelLinesExpanded, shouldRenderCompactStatus, shouldRenderHomeBottom, shouldRenderSidebarPanel } from "./lib/tui-panel-state.js";
+import { formatPromptBarPercentMeta, PROMPT_BAR_WIDTH, resolvePromptBarLabel } from "./lib/tui-prompt-bar-format.js";
 import { createTuiRefreshLifecycle } from "./lib/tui-refresh-lifecycle.js";
 import { createTuiQuotaClient, getTuiRuntimeRootHints, getTuiSessionModelMeta, loadTuiHomeBottomStatus, loadTuiSessionQuotaSurfaces, normalizeTuiSessionID, resolveTuiSurfaceRegistration, writeTuiQuotaExportIfEnabled } from "./lib/tui-runtime.js";
+import { buildSidebarContentRows } from "./lib/tui-sidebar-content.js";
 const id = "@slkiser/opencode-quota";
 // Place Quota near the top so variable-height built-in sections
 // (MCP/LSP/Todo/Files) do not push it below the visible fold.
@@ -258,54 +258,58 @@ function SidebarContentView(props) {
     if (!hasDetailLines()) return lines();
     return collapsed() ? lines() : getSidebarPanelLinesExpanded(panel());
   };
-  const toggleIcon = () => collapsed() ? "▶" : "▼";
-  const providerCount = () => panel().providerCount ?? 0;
-  const headerText = () => {
+  const contentRows = () => {
     const heading = panel().headerPercentMode ? formatQuotaModeHeading(panel().headerPercentMode) : "Quota";
-    return hasDetailLines() ? `${toggleIcon()} ${heading}` : heading;
+    return buildSidebarContentRows({
+      collapsed: collapsed(),
+      heading,
+      hasDetailLines: hasDetailLines(),
+      providerCount: panel().providerCount ?? 0,
+      lines: displayLines()
+    });
   };
   return _$createComponent(Show, {
     get when() {
       return shouldRenderSidebarPanel(panel());
     },
     get children() {
-      var _el$ = _$createElement("box"),
-        _el$2 = _$createElement("box"),
-        _el$3 = _$createElement("text"),
-        _el$4 = _$createElement("b"),
-        _el$8 = _$createElement("box");
-      _$insertNode(_el$, _el$2);
-      _$insertNode(_el$, _el$8);
+      var _el$ = _$createElement("box");
       _$setProp(_el$, "gap", 0);
-      _$insertNode(_el$2, _el$3);
-      _$setProp(_el$2, "flexDirection", "row");
-      _$insertNode(_el$3, _el$4);
-      _$setProp(_el$3, "onMouseDown", toggleCollapsed);
-      _$insert(_el$4, headerText);
-      _$insert(_el$2, _$createComponent(Show, {
-        get when() {
-          return _$memo(() => !!collapsed())() && providerCount() > 0;
+      _$setProp(_el$, "width", "100%");
+      _$insert(_el$, _$createComponent(Index, {
+        get each() {
+          return contentRows();
         },
-        get children() {
-          var _el$5 = _$createElement("text"),
-            _el$6 = _$createTextNode(` (`),
-            _el$7 = _$createTextNode(` providers)`);
-          _$insertNode(_el$5, _el$6);
-          _$insertNode(_el$5, _el$7);
-          _$insert(_el$5, providerCount, _el$7);
-          _$effect(_$p => _$setProp(_el$5, "fg", props.api.theme.current.textMuted, _$p));
-          return _el$5;
-        }
-      }), null);
-      _$setProp(_el$8, "gap", 0);
-      _$insert(_el$8, () => displayLines().map(line => (() => {
-        var _el$9 = _$createElement("text");
-        _$setProp(_el$9, "wrapMode", "none");
-        _$insert(_el$9, line || " ");
-        _$effect(_$p => _$setProp(_el$9, "fg", getSidebarBodyLineColor(line, props.api.theme.current), _$p));
-        return _el$9;
-      })()));
-      _$effect(_$p => _$setProp(_el$3, "fg", props.api.theme.current.text, _$p));
+        children: row => (() => {
+          var _el$2 = _$createElement("text");
+          _$setProp(_el$2, "wrapMode", "none");
+          _$setProp(_el$2, "width", "100%");
+          _$insert(_el$2, (() => {
+            var _c$ = _$memo(() => row().kind === "header");
+            return () => _c$() ? row().segments.map(segment => segment.style === "muted" ? (() => {
+              var _el$3 = _$createElement("span");
+              _$insert(_el$3, () => segment.text);
+              _$effect(_$p => _$setProp(_el$3, "fg", props.api.theme.current.textMuted, _$p));
+              return _el$3;
+            })() : (() => {
+              var _el$4 = _$createElement("b");
+              _$insert(_el$4, () => segment.text);
+              return _el$4;
+            })()) : row().text || " ";
+          })());
+          _$effect(_p$ => {
+            var _v$ = row().kind === "header" ? props.api.theme.current.text : getSidebarBodyLineColor(row().text, props.api.theme.current),
+              _v$2 = row().kind === "header" ? toggleCollapsed : undefined;
+            _v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "fg", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = _$setProp(_el$2, "onMouseDown", _v$2, _p$.t));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$2;
+        })()
+      }));
       return _el$;
     }
   });
@@ -317,23 +321,23 @@ function CompactStatusLine(props) {
     return getCompactStatusText(panel);
   };
   const line = () => (() => {
-    var _el$0 = _$createElement("box"),
-      _el$1 = _$createElement("text");
-    _$insertNode(_el$0, _el$1);
-    _$setProp(_el$0, "flexDirection", "row");
-    _$setProp(_el$1, "wrapMode", "none");
-    _$insert(_el$1, text);
+    var _el$5 = _$createElement("box"),
+      _el$6 = _$createElement("text");
+    _$insertNode(_el$5, _el$6);
+    _$setProp(_el$5, "flexDirection", "row");
+    _$setProp(_el$6, "wrapMode", "none");
+    _$insert(_el$6, text);
     _$effect(_p$ => {
-      var _v$ = props.justifyContent,
-        _v$2 = props.api.theme.current.textMuted;
-      _v$ !== _p$.e && (_p$.e = _$setProp(_el$0, "justifyContent", _v$, _p$.e));
-      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$1, "fg", _v$2, _p$.t));
+      var _v$3 = props.justifyContent,
+        _v$4 = props.api.theme.current.textMuted;
+      _v$3 !== _p$.e && (_p$.e = _$setProp(_el$5, "justifyContent", _v$3, _p$.e));
+      _v$4 !== _p$.t && (_p$.t = _$setProp(_el$6, "fg", _v$4, _p$.t));
       return _p$;
     }, {
       e: undefined,
       t: undefined
     });
-    return _el$0;
+    return _el$5;
   })();
   return _$createComponent(Show, {
     get when() {
@@ -348,13 +352,13 @@ function CompactStatusLine(props) {
           return line();
         },
         get children() {
-          var _el$10 = _$createElement("box"),
-            _el$11 = _$createElement("text");
-          _$insertNode(_el$10, _el$11);
-          _$setProp(_el$10, "gap", 0);
-          _$insertNode(_el$11, _$createTextNode(` `));
-          _$insert(_el$10, line, null);
-          return _el$10;
+          var _el$7 = _$createElement("box"),
+            _el$8 = _$createElement("text");
+          _$insertNode(_el$7, _el$8);
+          _$setProp(_el$7, "gap", 0);
+          _$insertNode(_el$8, _$createTextNode(` `));
+          _$insert(_el$7, line, null);
+          return _el$7;
         }
       });
     }
@@ -364,9 +368,9 @@ function SessionPromptWithCompactStatus(props) {
   const resource = useSessionQuotaResource(props.api, () => props.sessionID, props.initialLoads);
   const panel = () => resource().compact();
   return (() => {
-    var _el$13 = _$createElement("box");
-    _$setProp(_el$13, "gap", 0);
-    _$insert(_el$13, _$createComponent(props.api.ui.Prompt, {
+    var _el$0 = _$createElement("box");
+    _$setProp(_el$0, "gap", 0);
+    _$insert(_el$0, _$createComponent(props.api.ui.Prompt, {
       get sessionID() {
         return props.sessionID;
       },
@@ -384,17 +388,16 @@ function SessionPromptWithCompactStatus(props) {
         typeof _ref$ === "function" ? _ref$(r$) : props.promptRef = r$;
       }
     }), null);
-    _$insert(_el$13, _$createComponent(CompactStatusLine, {
+    _$insert(_el$0, _$createComponent(CompactStatusLine, {
       get api() {
         return props.api;
       },
       panel: panel,
       justifyContent: "flex-end"
     }), null);
-    return _el$13;
+    return _el$0;
   })();
 }
-const PROMPT_BAR_WIDTH = 12;
 function shouldRenderPromptBar(bar) {
   return bar.status === "ready" && Boolean(bar.entry);
 }
@@ -440,23 +443,20 @@ function buildPromptBarParts(params) {
   if (!shouldRenderPromptBar(bar)) return undefined;
   const entry = bar.entry;
   if (!entry) return undefined;
-  const reset = entry.resetTimeIso ? formatResetCountdown(entry.resetTimeIso, isResetTimeDecimals(bar.resetTimeDecimals) ? {
-    compactRounded: true,
-    decimals: bar.resetTimeDecimals
-  } : {
-    spaced: bar.resetTimeSpaced
-  }) : "";
-  const runway = formatQuotaRunway(entry.runway);
   const hasPercent = Number.isFinite(entry.percentRemaining);
   if (entry.semanticSegment && !hasPercent) {
+    const reset = entry.resetTimeIso ? formatResetCountdown(entry.resetTimeIso, isResetTimeDecimals(bar.resetTimeDecimals) ? {
+      compactRounded: true,
+      decimals: bar.resetTimeDecimals
+    } : {
+      spaced: bar.resetTimeSpaced
+    }) : "";
     return {
-      label: entry.semanticSegment,
+      label: resolvePromptBarLabel(entry),
       barText: "",
       meta: reset
     };
   }
-  const windowLabel = entry.semanticSegment ?? extractSingleWindowWindowLabel(entry.label ?? "") ?? extractSingleWindowWindowLabel(entry.name ?? "") ?? "Quota";
-  const percent = formatDisplayedPercentLabel(entry.percentRemaining ?? 0, bar.percentDisplayMode ?? "remaining", "bare");
   const p = Math.min(100, resolveDisplayedPercent(entry.percentRemaining ?? 0, bar.percentDisplayMode ?? "remaining"));
   const filled = Math.round(p / 100 * PROMPT_BAR_WIDTH);
   const empty = PROMPT_BAR_WIDTH - filled;
@@ -472,9 +472,16 @@ function buildPromptBarParts(params) {
     barText = cells.join("") + "░".repeat(empty);
   }
   return {
-    label: windowLabel,
+    label: resolvePromptBarLabel(entry),
     barText,
-    meta: entry.semanticSegment ? [reset, runway ? `r/o ${runway}` : ""].filter(Boolean).join(" | ") : [percent, reset, runway ? `r/o ${runway}` : ""].filter(Boolean).join(" | ")
+    meta: formatPromptBarPercentMeta({
+      percentRemaining: entry.percentRemaining ?? 0,
+      percentDisplayMode: bar.percentDisplayMode,
+      resetTimeIso: entry.resetTimeIso,
+      resetTimeDecimals: bar.resetTimeDecimals,
+      resetTimeSpaced: bar.resetTimeSpaced,
+      runway: entry.runway
+    })
   };
 }
 function PromptQuotaHint(props) {
@@ -488,36 +495,36 @@ function PromptQuotaHint(props) {
       return parts();
     },
     get children() {
-      var _el$14 = _$createElement("box"),
-        _el$15 = _$createElement("text"),
-        _el$16 = _$createElement("text"),
-        _el$17 = _$createElement("text");
-      _$insertNode(_el$14, _el$15);
-      _$insertNode(_el$14, _el$16);
-      _$insertNode(_el$14, _el$17);
-      _$setProp(_el$14, "flexDirection", "row");
-      _$setProp(_el$14, "justifyContent", "flex-end");
-      _$setProp(_el$14, "gap", 1);
-      _$setProp(_el$15, "wrapMode", "none");
-      _$insert(_el$15, label);
-      _$setProp(_el$16, "wrapMode", "none");
-      _$insert(_el$16, bar);
-      _$setProp(_el$17, "wrapMode", "none");
-      _$insert(_el$17, meta);
+      var _el$1 = _$createElement("box"),
+        _el$10 = _$createElement("text"),
+        _el$11 = _$createElement("text"),
+        _el$12 = _$createElement("text");
+      _$insertNode(_el$1, _el$10);
+      _$insertNode(_el$1, _el$11);
+      _$insertNode(_el$1, _el$12);
+      _$setProp(_el$1, "flexDirection", "row");
+      _$setProp(_el$1, "justifyContent", "flex-end");
+      _$setProp(_el$1, "gap", 1);
+      _$setProp(_el$10, "wrapMode", "none");
+      _$insert(_el$10, label);
+      _$setProp(_el$11, "wrapMode", "none");
+      _$insert(_el$11, bar);
+      _$setProp(_el$12, "wrapMode", "none");
+      _$insert(_el$12, meta);
       _$effect(_p$ => {
-        var _v$3 = props.api.theme.current.textMuted,
-          _v$4 = barColor(),
-          _v$5 = props.api.theme.current.textMuted;
-        _v$3 !== _p$.e && (_p$.e = _$setProp(_el$15, "fg", _v$3, _p$.e));
-        _v$4 !== _p$.t && (_p$.t = _$setProp(_el$16, "fg", _v$4, _p$.t));
-        _v$5 !== _p$.a && (_p$.a = _$setProp(_el$17, "fg", _v$5, _p$.a));
+        var _v$5 = props.api.theme.current.textMuted,
+          _v$6 = barColor(),
+          _v$7 = props.api.theme.current.textMuted;
+        _v$5 !== _p$.e && (_p$.e = _$setProp(_el$10, "fg", _v$5, _p$.e));
+        _v$6 !== _p$.t && (_p$.t = _$setProp(_el$11, "fg", _v$6, _p$.t));
+        _v$7 !== _p$.a && (_p$.a = _$setProp(_el$12, "fg", _v$7, _p$.a));
         return _p$;
       }, {
         e: undefined,
         t: undefined,
         a: undefined
       });
-      return _el$14;
+      return _el$1;
     }
   });
 }
@@ -535,9 +542,9 @@ function SessionQuotaPromptBar(props) {
     onCleanup(() => clearInterval(interval));
   });
   return (() => {
-    var _el$18 = _$createElement("box");
-    _$setProp(_el$18, "gap", 0);
-    _$insert(_el$18, _$createComponent(props.api.ui.Prompt, {
+    var _el$13 = _$createElement("box");
+    _$setProp(_el$13, "gap", 0);
+    _$insert(_el$13, _$createComponent(props.api.ui.Prompt, {
       get sessionID() {
         return props.sessionID;
       },
@@ -555,7 +562,7 @@ function SessionQuotaPromptBar(props) {
         typeof _ref$2 === "function" ? _ref$2(r$) : props.promptRef = r$;
       }
     }), null);
-    _$insert(_el$18, _$createComponent(PromptQuotaHint, {
+    _$insert(_el$13, _$createComponent(PromptQuotaHint, {
       get api() {
         return props.api;
       },
@@ -563,7 +570,7 @@ function SessionQuotaPromptBar(props) {
       running: running,
       phase: phase
     }), null);
-    return _el$18;
+    return _el$13;
   })();
 }
 function HomeBottomView(props) {
@@ -573,35 +580,35 @@ function HomeBottomView(props) {
   const compact = () => resource.bottom().compact;
   const visible = () => shouldRenderHomeBottom(resource.bottom());
   return (() => {
-    var _el$19 = _$createElement("box");
-    _$setProp(_el$19, "gap", 0);
-    _$insert(_el$19, _$createComponent(Show, {
+    var _el$14 = _$createElement("box");
+    _$setProp(_el$14, "gap", 0);
+    _$insert(_el$14, _$createComponent(Show, {
       get when() {
         return visible();
       },
       get children() {
-        var _el$20 = _$createElement("text");
-        _$insertNode(_el$20, _$createTextNode(` `));
-        return _el$20;
+        var _el$15 = _$createElement("text");
+        _$insertNode(_el$15, _$createTextNode(` `));
+        return _el$15;
       }
     }), null);
-    _$insert(_el$19, _$createComponent(Show, {
+    _$insert(_el$14, _$createComponent(Show, {
       get when() {
         return _$memo(() => !!visible())() && announcement();
       },
       get children() {
-        var _el$22 = _$createElement("box"),
-          _el$23 = _$createElement("text");
-        _$insertNode(_el$22, _el$23);
-        _$setProp(_el$22, "flexDirection", "row");
-        _$setProp(_el$22, "justifyContent", "center");
-        _$setProp(_el$23, "wrapMode", "none");
-        _$insert(_el$23, announcement);
-        _$effect(_$p => _$setProp(_el$23, "fg", props.api.theme.current.textMuted, _$p));
-        return _el$22;
+        var _el$17 = _$createElement("box"),
+          _el$18 = _$createElement("text");
+        _$insertNode(_el$17, _el$18);
+        _$setProp(_el$17, "flexDirection", "row");
+        _$setProp(_el$17, "justifyContent", "center");
+        _$setProp(_el$18, "wrapMode", "none");
+        _$insert(_el$18, announcement);
+        _$effect(_$p => _$setProp(_el$18, "fg", props.api.theme.current.textMuted, _$p));
+        return _el$17;
       }
     }), null);
-    _$insert(_el$19, _$createComponent(Show, {
+    _$insert(_el$14, _$createComponent(Show, {
       get when() {
         return visible();
       },
@@ -615,7 +622,7 @@ function HomeBottomView(props) {
         });
       }
     }), null);
-    return _el$19;
+    return _el$14;
   })();
 }
 function getActiveTuiSessionID(api) {
@@ -633,117 +640,117 @@ function getTuiCommandArguments(input) {
 }
 function CommandLoadingDialog(props) {
   return (() => {
-    var _el$24 = _$createElement("box"),
-      _el$25 = _$createElement("text"),
-      _el$26 = _$createElement("b"),
-      _el$27 = _$createElement("text");
-    _$insertNode(_el$24, _el$25);
-    _$insertNode(_el$24, _el$27);
-    _$setProp(_el$24, "gap", 1);
-    _$setProp(_el$24, "paddingLeft", 2);
-    _$setProp(_el$24, "paddingRight", 2);
-    _$setProp(_el$24, "paddingBottom", 1);
-    _$insertNode(_el$25, _el$26);
-    _$insert(_el$26, () => props.title);
-    _$insertNode(_el$27, _$createTextNode(`Loading deterministic local output…`));
+    var _el$19 = _$createElement("box"),
+      _el$20 = _$createElement("text"),
+      _el$21 = _$createElement("b"),
+      _el$22 = _$createElement("text");
+    _$insertNode(_el$19, _el$20);
+    _$insertNode(_el$19, _el$22);
+    _$setProp(_el$19, "gap", 1);
+    _$setProp(_el$19, "paddingLeft", 2);
+    _$setProp(_el$19, "paddingRight", 2);
+    _$setProp(_el$19, "paddingBottom", 1);
+    _$insertNode(_el$20, _el$21);
+    _$insert(_el$21, () => props.title);
+    _$insertNode(_el$22, _$createTextNode(`Loading deterministic local output…`));
     _$effect(_p$ => {
-      var _v$6 = props.api.theme.current.text,
-        _v$7 = props.api.theme.current.textMuted;
-      _v$6 !== _p$.e && (_p$.e = _$setProp(_el$25, "fg", _v$6, _p$.e));
-      _v$7 !== _p$.t && (_p$.t = _$setProp(_el$27, "fg", _v$7, _p$.t));
+      var _v$8 = props.api.theme.current.text,
+        _v$9 = props.api.theme.current.textMuted;
+      _v$8 !== _p$.e && (_p$.e = _$setProp(_el$20, "fg", _v$8, _p$.e));
+      _v$9 !== _p$.t && (_p$.t = _$setProp(_el$22, "fg", _v$9, _p$.t));
       return _p$;
     }, {
       e: undefined,
       t: undefined
     });
-    return _el$24;
+    return _el$19;
   })();
 }
 function CommandOutputDialog(props) {
   const lines = () => props.output.split("\n");
   const bodyHeight = () => Math.min(28, Math.max(6, lines().length));
   return (() => {
-    var _el$29 = _$createElement("box"),
-      _el$30 = _$createElement("text"),
-      _el$31 = _$createElement("b"),
-      _el$32 = _$createElement("scrollbox"),
-      _el$33 = _$createElement("box"),
-      _el$34 = _$createElement("text");
-    _$insertNode(_el$29, _el$30);
-    _$insertNode(_el$29, _el$32);
-    _$insertNode(_el$29, _el$34);
-    _$setProp(_el$29, "gap", 1);
-    _$setProp(_el$29, "width", "100%");
-    _$setProp(_el$29, "flexGrow", 1);
-    _$setProp(_el$29, "paddingLeft", 2);
-    _$setProp(_el$29, "paddingRight", 2);
-    _$setProp(_el$29, "paddingBottom", 1);
-    _$insertNode(_el$30, _el$31);
-    _$insert(_el$31, () => props.title);
-    _$insertNode(_el$32, _el$33);
-    _$setProp(_el$32, "width", "100%");
-    _$setProp(_el$32, "flexGrow", 1);
-    _$setProp(_el$32, "maxHeight", 28);
-    _$setProp(_el$33, "gap", 0);
-    _$setProp(_el$33, "width", "100%");
-    _$setProp(_el$33, "minWidth", 0);
-    _$insert(_el$33, () => lines().map(line => (() => {
-      var _el$36 = _$createElement("text");
-      _$setProp(_el$36, "wrapMode", "word");
-      _$setProp(_el$36, "width", "100%");
-      _$insert(_el$36, line || " ");
-      _$effect(_$p => _$setProp(_el$36, "fg", props.api.theme.current.text, _$p));
-      return _el$36;
+    var _el$24 = _$createElement("box"),
+      _el$25 = _$createElement("text"),
+      _el$26 = _$createElement("b"),
+      _el$27 = _$createElement("scrollbox"),
+      _el$28 = _$createElement("box"),
+      _el$29 = _$createElement("text");
+    _$insertNode(_el$24, _el$25);
+    _$insertNode(_el$24, _el$27);
+    _$insertNode(_el$24, _el$29);
+    _$setProp(_el$24, "gap", 1);
+    _$setProp(_el$24, "width", "100%");
+    _$setProp(_el$24, "flexGrow", 1);
+    _$setProp(_el$24, "paddingLeft", 2);
+    _$setProp(_el$24, "paddingRight", 2);
+    _$setProp(_el$24, "paddingBottom", 1);
+    _$insertNode(_el$25, _el$26);
+    _$insert(_el$26, () => props.title);
+    _$insertNode(_el$27, _el$28);
+    _$setProp(_el$27, "width", "100%");
+    _$setProp(_el$27, "flexGrow", 1);
+    _$setProp(_el$27, "maxHeight", 28);
+    _$setProp(_el$28, "gap", 0);
+    _$setProp(_el$28, "width", "100%");
+    _$setProp(_el$28, "minWidth", 0);
+    _$insert(_el$28, () => lines().map(line => (() => {
+      var _el$31 = _$createElement("text");
+      _$setProp(_el$31, "wrapMode", "word");
+      _$setProp(_el$31, "width", "100%");
+      _$insert(_el$31, line || " ");
+      _$effect(_$p => _$setProp(_el$31, "fg", props.api.theme.current.text, _$p));
+      return _el$31;
     })()));
-    _$insertNode(_el$34, _$createTextNode(`esc closes`));
+    _$insertNode(_el$29, _$createTextNode(`esc closes`));
     _$effect(_p$ => {
-      var _v$8 = props.api.theme.current.text,
-        _v$9 = bodyHeight(),
-        _v$0 = props.api.theme.current.textMuted;
-      _v$8 !== _p$.e && (_p$.e = _$setProp(_el$30, "fg", _v$8, _p$.e));
-      _v$9 !== _p$.t && (_p$.t = _$setProp(_el$32, "minHeight", _v$9, _p$.t));
-      _v$0 !== _p$.a && (_p$.a = _$setProp(_el$34, "fg", _v$0, _p$.a));
+      var _v$0 = props.api.theme.current.text,
+        _v$1 = bodyHeight(),
+        _v$10 = props.api.theme.current.textMuted;
+      _v$0 !== _p$.e && (_p$.e = _$setProp(_el$25, "fg", _v$0, _p$.e));
+      _v$1 !== _p$.t && (_p$.t = _$setProp(_el$27, "minHeight", _v$1, _p$.t));
+      _v$10 !== _p$.a && (_p$.a = _$setProp(_el$29, "fg", _v$10, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$29;
+    return _el$24;
   })();
 }
 function CommandErrorDialog(props) {
   const message = props.error instanceof Error ? props.error.message : String(props.error);
   return (() => {
-    var _el$37 = _$createElement("box"),
-      _el$38 = _$createElement("text"),
-      _el$39 = _$createElement("b"),
-      _el$40 = _$createElement("text"),
-      _el$42 = _$createElement("text"),
-      _el$43 = _$createElement("text");
-    _$insertNode(_el$37, _el$38);
-    _$insertNode(_el$37, _el$40);
-    _$insertNode(_el$37, _el$42);
-    _$insertNode(_el$37, _el$43);
-    _$setProp(_el$37, "gap", 1);
-    _$setProp(_el$37, "paddingLeft", 2);
-    _$setProp(_el$37, "paddingRight", 2);
-    _$setProp(_el$37, "paddingBottom", 1);
-    _$insertNode(_el$38, _el$39);
-    _$insert(_el$39, () => props.title);
-    _$insertNode(_el$40, _$createTextNode(`OpenCode Quota command failed.`));
-    _$setProp(_el$42, "wrapMode", "none");
-    _$insert(_el$42, message || "Unknown error");
-    _$insertNode(_el$43, _$createTextNode(`esc closes`));
+    var _el$32 = _$createElement("box"),
+      _el$33 = _$createElement("text"),
+      _el$34 = _$createElement("b"),
+      _el$35 = _$createElement("text"),
+      _el$37 = _$createElement("text"),
+      _el$38 = _$createElement("text");
+    _$insertNode(_el$32, _el$33);
+    _$insertNode(_el$32, _el$35);
+    _$insertNode(_el$32, _el$37);
+    _$insertNode(_el$32, _el$38);
+    _$setProp(_el$32, "gap", 1);
+    _$setProp(_el$32, "paddingLeft", 2);
+    _$setProp(_el$32, "paddingRight", 2);
+    _$setProp(_el$32, "paddingBottom", 1);
+    _$insertNode(_el$33, _el$34);
+    _$insert(_el$34, () => props.title);
+    _$insertNode(_el$35, _$createTextNode(`OpenCode Quota command failed.`));
+    _$setProp(_el$37, "wrapMode", "none");
+    _$insert(_el$37, message || "Unknown error");
+    _$insertNode(_el$38, _$createTextNode(`esc closes`));
     _$effect(_p$ => {
-      var _v$1 = props.api.theme.current.text,
-        _v$10 = props.api.theme.current.text,
-        _v$11 = props.api.theme.current.textMuted,
-        _v$12 = props.api.theme.current.textMuted;
-      _v$1 !== _p$.e && (_p$.e = _$setProp(_el$38, "fg", _v$1, _p$.e));
-      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$40, "fg", _v$10, _p$.t));
-      _v$11 !== _p$.a && (_p$.a = _$setProp(_el$42, "fg", _v$11, _p$.a));
-      _v$12 !== _p$.o && (_p$.o = _$setProp(_el$43, "fg", _v$12, _p$.o));
+      var _v$11 = props.api.theme.current.text,
+        _v$12 = props.api.theme.current.text,
+        _v$13 = props.api.theme.current.textMuted,
+        _v$14 = props.api.theme.current.textMuted;
+      _v$11 !== _p$.e && (_p$.e = _$setProp(_el$33, "fg", _v$11, _p$.e));
+      _v$12 !== _p$.t && (_p$.t = _$setProp(_el$35, "fg", _v$12, _p$.t));
+      _v$13 !== _p$.a && (_p$.a = _$setProp(_el$37, "fg", _v$13, _p$.a));
+      _v$14 !== _p$.o && (_p$.o = _$setProp(_el$38, "fg", _v$14, _p$.o));
       return _p$;
     }, {
       e: undefined,
@@ -751,7 +758,7 @@ function CommandErrorDialog(props) {
       a: undefined,
       o: undefined
     });
-    return _el$37;
+    return _el$32;
   })();
 }
 function getCommandPromptCopy(spec) {
@@ -795,11 +802,11 @@ async function runQuotaDialogCommandAsync(api, command, commandDisplay, rawInput
         return prompt.placeholder;
       },
       description: () => (() => {
-        var _el$45 = _$createElement("text");
-        _$setProp(_el$45, "wrapMode", "word");
-        _$insert(_el$45, () => prompt.description);
-        _$effect(_$p => _$setProp(_el$45, "fg", api.theme.current.textMuted, _$p));
-        return _el$45;
+        var _el$40 = _$createElement("text");
+        _$setProp(_el$40, "wrapMode", "word");
+        _$insert(_el$40, () => prompt.description);
+        _$effect(_$p => _$setProp(_el$40, "fg", api.theme.current.textMuted, _$p));
+        return _el$40;
       })(),
       onCancel: () => api.ui.dialog.clear(),
       onConfirm: value => {