@cortexkit/opencode-openai-auth 1.0.5 → 1.2.0

package/src/tui-compiled/runtime/tui.js

@@ -1,6 +1,7 @@
-import { memo as _$memo } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { createTextNode as _$createTextNode } from "opentui:runtime-module:%40opentui%2Fsolid";
+import { memo as _$memo } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { createComponent as _$createComponent } from "opentui:runtime-module:%40opentui%2Fsolid";
+import { use as _$use } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { effect as _$effect } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { insertNode as _$insertNode } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { insert as _$insert } from "opentui:runtime-module:%40opentui%2Fsolid";
@@ -11,14 +12,15 @@ import { createElement as _$createElement } from "opentui:runtime-module:%40open
 import { readFileSync } from "node:fs";
 import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
-import { formatQuota, quotaTextParts } from "./shared/d5a8f1061ee2f114-index.js";
-import { createEffect, createSignal, For, onCleanup, Show } from "opentui:runtime-module:solid-js";
+import { formatQuota, quotaTextParts, quotaWindowParts } from "./shared/d5a8f1061ee2f114-index.js";
+import { createEffect, createSignal, For, Index, onCleanup, Show } from "opentui:runtime-module:solid-js";
 import { createLogger } from "./logger.js";
 import { isNotifyPayload } from "./rpc/protocol.js";
 import { createRpcClient } from "./rpc/rpc-client.js";
 import { resolveRpcDir } from "./rpc/rpc-dir.js";
-import { computeQuotaPacing, DEFAULT_SIDEBAR_STATE, getCollapsedQuotaSummary, getPresentQuotaWindows, getSidebarState, resolveActiveAccount, resolveSessionSidebarRouting, resolveSessionStickyAccount, sidebarQuotaProjection } from "./sidebar-state.js";
+import { computeQuotaPacing, DEFAULT_SIDEBAR_STATE, displayWidth, fitCollapsedLabel, getCollapsedAccountLines, getCollapsedQuotaSummary, getPresentQuotaWindows, getSidebarState, resolveActiveAccount, resolveSessionSidebarRouting, resolveSessionStickyAccount, sidebarQuotaProjection } from "./sidebar-state.js";
 import { openCommandDialog } from "./tui/command-dialogs.js";
+import { setupTui } from "./tui/v2.js";
 import { computeEffectiveOrder, DEFAULT_SLOT_ORDER, PLUGIN_KEY, queueTuiPreferenceUpdate, readTuiPreferencesFile, resolveOpenaiAuthPrefs, watchTuiPreferences } from "./tui-preferences.js";
 const RPC_POLL_MS = 500;
 let rpcPollStarted = false;
@@ -202,19 +204,82 @@ function StatRow(props) {
   })();
 }
 
-// Compact row for the collapsed view: muted label left, caller-provided value
-// right. Mirrors StatRow's layout so columns line up.
-function CollapsedRow(props) {
+// One account in the collapsed view: label left; narrow quota text and the
+// status dot right (red ⊘ when killed). The session's account keeps the
+// usage tone; other accounts, and any account whose reading is stale, are
+// drawn muted. The row measures its own width so only the label is cut (with
+// …) when the line does not fit; the quota text is never cut.
+function CollapsedAccountRow(props) {
+  const [width, setWidth] = createSignal(0);
+  let row;
+  const dim = () => props.line.stale || !props.line.active;
+  const label = () => {
+    const columns = width();
+    if (columns <= 0) return props.line.name;
+    // The value side is the text plus ` ●`, or a lone `—`; one column
+    // separates it from the label.
+    const value = props.line.text === null ? 1 : displayWidth(props.line.text) + 2;
+    return fitCollapsedLabel(props.line.name, columns - value - 1);
+  };
   return (() => {
     var _el$8 = _$createElement("box"),
       _el$9 = _$createElement("text");
     _$insertNode(_el$8, _el$9);
+    _$use(element => {
+      row = element;
+    }, _el$8);
+    _$setProp(_el$8, "onSizeChange", () => setWidth(row?.width ?? 0));
     _$setProp(_el$8, "width", '100%');
     _$setProp(_el$8, "flexDirection", 'row');
     _$setProp(_el$8, "justifyContent", 'space-between');
-    _$insert(_el$9, () => props.label);
-    _$insert(_el$8, () => props.children, null);
-    _$effect(_$p => _$setProp(_el$9, "fg", props.theme.textMuted, _$p));
+    _$setProp(_el$9, "wrapMode", 'none');
+    _$setProp(_el$9, "flexShrink", 1);
+    _$insert(_el$9, label);
+    _$insert(_el$8, _$createComponent(Show, {
+      get when() {
+        return props.line.text !== null;
+      },
+      get fallback() {
+        return (() => {
+          var _el$12 = _$createElement("text");
+          _$insertNode(_el$12, _$createTextNode(`—`));
+          _$effect(_$p => _$setProp(_el$12, "fg", props.theme.textMuted, _$p));
+          return _el$12;
+        })();
+      },
+      get children() {
+        var _el$0 = _$createElement("box"),
+          _el$11 = _$createElement("text");
+        _$insertNode(_el$0, _el$11);
+        _$setProp(_el$0, "flexDirection", 'row');
+        _$setProp(_el$0, "flexShrink", 0);
+        _$insert(_el$0, _$createComponent(Show, {
+          get when() {
+            return !dim();
+          },
+          get fallback() {
+            return (() => {
+              var _el$14 = _$createElement("text");
+              _$insert(_el$14, () => props.line.text);
+              _$effect(_$p => _$setProp(_el$14, "fg", toneColor(props.theme, 'muted'), _$p));
+              return _el$14;
+            })();
+          },
+          get children() {
+            var _el$1 = _$createElement("text"),
+              _el$10 = _$createElement("b");
+            _$insertNode(_el$1, _el$10);
+            _$insert(_el$10, () => props.line.text);
+            _$effect(_$p => _$setProp(_el$1, "fg", toneColor(props.theme, props.tone), _$p));
+            return _el$1;
+          }
+        }), _el$11);
+        _$insert(_el$11, () => props.line.killed ? ' \u2298' : ' \u25cf');
+        _$effect(_$p => _$setProp(_el$11, "fg", toneColor(props.theme, props.line.killed ? 'err' : dim() ? 'muted' : props.tone), _$p));
+        return _el$0;
+      }
+    }), null);
+    _$effect(_$p => _$setProp(_el$9, "fg", toneColor(props.theme, dim() ? 'muted' : 'text'), _$p));
     return _el$8;
   })();
 }
@@ -244,7 +309,7 @@ function quotaRowLabels(quota) {
  */
 export function renderedQuotas(state) {
   // In vault mode only the vault accounts are rendered.
-  if (state.vaultAccounts !== undefined) return state.vaultAccounts.filter(account => account.enabled).map(account => account.quota);
+  if (state.vaultAccounts !== undefined) return state.vaultAccounts.map(account => account.quota);
   return [state.main?.quota ?? null, ...(state.fallbacks ?? []).filter(fallback => fallback.enabled).map(fallback => fallback.quota)];
 }
 export function computeQuotaLabelWidth(quotas) {
@@ -263,34 +328,48 @@ export function computeQuotaLabelWidth(quotas) {
 // that only inspect pacing may omit it and get this row set's own width.
 export function buildQuotaRowsForDisplay(quota, now, pacingEnabled, labelWidth) {
   const projection = sidebarQuotaProjection(quota, now);
-  const rows = getPresentQuotaWindows(quota).map(row => ({
-    key: row.key,
-    label: row.label,
-    window: row.window,
-    text: formatQuota(projection && {
+  const rows = getPresentQuotaWindows(quota).map(row => {
+    const rowProjection = projection && {
       ...projection,
       budget: undefined,
       limits: projection.limits.filter(limit => limit.label === row.key)
-    }, {
+    };
+    const reset = quotaWindowParts(rowProjection, {
       now,
-      form: 'compact',
       staleAfterMs: Number.POSITIVE_INFINITY
-    }),
-    pacing: pacingEnabled && row.windowMs !== null ? computeQuotaPacing(row.window, row.windowMs, now) : null
-  }));
+    }).windows[0];
+    return {
+      key: row.key,
+      label: row.label,
+      window: row.window,
+      text: formatQuota(rowProjection, {
+        now,
+        form: 'compact',
+        staleAfterMs: Number.POSITIVE_INFINITY
+      }),
+      resetText: reset?.resetIn ?? (reset?.resetSinceReading ? 'reset' : undefined),
+      pacing: pacingEnabled && row.windowMs !== null ? computeQuotaPacing(row.window, row.windowMs, now) : null
+    };
+  });
   const spendControl = quota?.spendControl;
   if (spendControl) {
+    const rowProjection = projection && {
+      ...projection,
+      limits: []
+    };
+    const reset = quotaWindowParts(rowProjection, {
+      now,
+      staleAfterMs: Number.POSITIVE_INFINITY
+    }).windows[0];
     rows.push({
       key: 'spendControl',
       label: SPEND_CONTROL_LABEL,
-      text: formatQuota(projection && {
-        ...projection,
-        limits: []
-      }, {
+      text: formatQuota(rowProjection, {
         now,
         form: 'compact',
         staleAfterMs: Number.POSITIVE_INFINITY
       }),
+      resetText: reset?.resetIn ?? (reset?.resetSinceReading ? 'reset' : undefined),
       window: {
         usedPercent: spendControl.usedPercent,
         remainingPercent: spendControl.remainingPercent,
@@ -378,90 +457,101 @@ function QuotaRow(props) {
     },
     get fallback() {
       return (() => {
-        var _el$15 = _$createElement("box"),
-          _el$16 = _$createElement("text"),
-          _el$17 = _$createElement("text");
-        _$insertNode(_el$15, _el$16);
-        _$insertNode(_el$15, _el$17);
-        _$setProp(_el$15, "width", '100%');
-        _$setProp(_el$15, "flexDirection", 'row');
-        _$insert(_el$16, () => props.label.padEnd(props.labelWidth));
-        _$insertNode(_el$17, _$createTextNode(`—`));
+        var _el$23 = _$createElement("box"),
+          _el$24 = _$createElement("text"),
+          _el$25 = _$createElement("text");
+        _$insertNode(_el$23, _el$24);
+        _$insertNode(_el$23, _el$25);
+        _$setProp(_el$23, "width", '100%');
+        _$setProp(_el$23, "flexDirection", 'row');
+        _$insert(_el$24, () => props.label.padEnd(props.labelWidth));
+        _$insertNode(_el$25, _$createTextNode(`—`));
         _$effect(_p$ => {
           var _v$9 = props.theme.textMuted,
             _v$0 = props.theme.textMuted;
-          _v$9 !== _p$.e && (_p$.e = _$setProp(_el$16, "fg", _v$9, _p$.e));
-          _v$0 !== _p$.t && (_p$.t = _$setProp(_el$17, "fg", _v$0, _p$.t));
+          _v$9 !== _p$.e && (_p$.e = _$setProp(_el$24, "fg", _v$9, _p$.e));
+          _v$0 !== _p$.t && (_p$.t = _$setProp(_el$25, "fg", _v$0, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$15;
+        return _el$23;
       })();
     },
     get children() {
       return [(() => {
-        var _el$0 = _$createElement("box"),
-          _el$1 = _$createElement("box"),
-          _el$10 = _$createElement("text"),
-          _el$11 = _$createElement("text");
-        _$insertNode(_el$0, _el$1);
-        _$setProp(_el$0, "width", '100%');
-        _$setProp(_el$0, "flexDirection", 'row');
-        _$setProp(_el$0, "justifyContent", 'space-between');
-        _$insertNode(_el$1, _el$10);
-        _$insertNode(_el$1, _el$11);
-        _$setProp(_el$1, "flexDirection", 'row');
-        _$insert(_el$10, () => props.label.padEnd(props.labelWidth));
-        _$insert(_el$1, _$createComponent(For, {
+        var _el$15 = _$createElement("box"),
+          _el$16 = _$createElement("box"),
+          _el$17 = _$createElement("text"),
+          _el$18 = _$createElement("text");
+        _$insertNode(_el$15, _el$16);
+        _$setProp(_el$15, "width", '100%');
+        _$setProp(_el$15, "flexDirection", 'row');
+        _$setProp(_el$15, "justifyContent", 'space-between');
+        _$insertNode(_el$16, _el$17);
+        _$insertNode(_el$16, _el$18);
+        _$setProp(_el$16, "flexDirection", 'row');
+        _$insert(_el$17, () => props.label.padEnd(props.labelWidth));
+        _$insert(_el$16, _$createComponent(For, {
           get each() {
             return quotaBarSegments(used(), props.appearance, props.pacing);
           },
           children: segment => (() => {
+            var _el$27 = _$createElement("text");
+            _$insert(_el$27, () => segment.text);
+            _$effect(_$p => _$setProp(_el$27, "fg", toneColor(props.theme, segment.tone), _$p));
+            return _el$27;
+          })()
+        }), _el$18);
+        _$insert(_el$18, () => ` ${props.text.slice(props.label.length + 1)}`);
+        _$insert(_el$15, _$createComponent(Show, {
+          get when() {
+            return props.resetText;
+          },
+          get children() {
             var _el$19 = _$createElement("text");
-            _$insert(_el$19, () => segment.text);
-            _$effect(_$p => _$setProp(_el$19, "fg", toneColor(props.theme, segment.tone), _$p));
+            _$insert(_el$19, () => props.resetText);
+            _$effect(_$p => _$setProp(_el$19, "fg", props.theme.textMuted, _$p));
             return _el$19;
-          })()
-        }), _el$11);
-        _$insert(_el$11, () => ` ${props.text.slice(props.label.length + 1)}`);
+          }
+        }), null);
         _$effect(_p$ => {
           var _v$5 = props.theme.textMuted,
             _v$6 = toneColor(props.theme, usageTone(used(), props.appearance));
-          _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$5 !== _p$.e && (_p$.e = _$setProp(_el$17, "fg", _v$5, _p$.e));
+          _v$6 !== _p$.t && (_p$.t = _$setProp(_el$18, "fg", _v$6, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$0;
+        return _el$15;
       })(), _$createComponent(Show, {
         get when() {
           return paceLine();
         },
         get children() {
-          var _el$12 = _$createElement("box"),
-            _el$13 = _$createElement("text"),
-            _el$14 = _$createElement("text");
-          _$insertNode(_el$12, _el$13);
-          _$insertNode(_el$12, _el$14);
-          _$setProp(_el$12, "width", '100%');
-          _$setProp(_el$12, "flexDirection", 'row');
-          _$insert(_el$13, () => ''.padEnd(props.labelWidth));
-          _$insert(_el$14, paceLine);
+          var _el$20 = _$createElement("box"),
+            _el$21 = _$createElement("text"),
+            _el$22 = _$createElement("text");
+          _$insertNode(_el$20, _el$21);
+          _$insertNode(_el$20, _el$22);
+          _$setProp(_el$20, "width", '100%');
+          _$setProp(_el$20, "flexDirection", 'row');
+          _$insert(_el$21, () => ''.padEnd(props.labelWidth));
+          _$insert(_el$22, paceLine);
           _$effect(_p$ => {
             var _v$7 = props.theme.textMuted,
               _v$8 = toneColor(props.theme, props.pacing?.state === 'deficit' ? 'warn' : 'muted');
-            _v$7 !== _p$.e && (_p$.e = _$setProp(_el$13, "fg", _v$7, _p$.e));
-            _v$8 !== _p$.t && (_p$.t = _$setProp(_el$14, "fg", _v$8, _p$.t));
+            _v$7 !== _p$.e && (_p$.e = _$setProp(_el$21, "fg", _v$7, _p$.e));
+            _v$8 !== _p$.t && (_p$.t = _$setProp(_el$22, "fg", _v$8, _p$.t));
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$12;
+          return _el$20;
         }
       })];
     }
@@ -476,34 +566,56 @@ function AccountBlock(props) {
   const statusTone = () => props.killed ? 'err' : props.active ? 'ok' : 'muted';
   const rows = () => buildQuotaRowsForDisplay(props.quota, Date.now(), props.pacingEnabled, props.labelWidth);
   return (() => {
-    var _el$20 = _$createElement("box"),
-      _el$21 = _$createElement("box"),
-      _el$22 = _$createElement("text"),
-      _el$23 = _$createElement("b"),
-      _el$24 = _$createElement("text"),
-      _el$25 = _$createElement("b");
-    _$insertNode(_el$20, _el$21);
-    _$setProp(_el$20, "width", '100%');
-    _$setProp(_el$20, "flexDirection", 'column');
-    _$insertNode(_el$21, _el$22);
-    _$insertNode(_el$21, _el$24);
-    _$setProp(_el$21, "width", '100%');
-    _$setProp(_el$21, "flexDirection", 'row');
-    _$setProp(_el$21, "justifyContent", 'space-between');
-    _$insertNode(_el$22, _el$23);
-    _$insert(_el$23, () => props.name);
-    _$insertNode(_el$24, _el$25);
-    _$insert(_el$25, statusWord);
-    _$insert(_el$20, _$createComponent(Show, {
+    var _el$28 = _$createElement("box"),
+      _el$29 = _$createElement("box"),
+      _el$30 = _$createElement("text"),
+      _el$31 = _$createElement("b"),
+      _el$32 = _$createElement("text"),
+      _el$33 = _$createElement("b");
+    _$insertNode(_el$28, _el$29);
+    _$setProp(_el$28, "width", '100%');
+    _$setProp(_el$28, "flexDirection", 'column');
+    _$insertNode(_el$29, _el$30);
+    _$insertNode(_el$29, _el$32);
+    _$setProp(_el$29, "width", '100%');
+    _$setProp(_el$29, "flexDirection", 'row');
+    _$setProp(_el$29, "justifyContent", 'space-between');
+    _$insertNode(_el$30, _el$31);
+    _$insert(_el$31, () => props.name);
+    _$insertNode(_el$32, _el$33);
+    _$insert(_el$33, statusWord);
+    _$insert(_el$28, _$createComponent(Show, {
+      get when() {
+        return props.vaultState;
+      },
+      get children() {
+        var _el$34 = _$createElement("text");
+        _$insert(_el$34, () => props.vaultState);
+        _$effect(_$p => _$setProp(_el$34, "fg", props.theme.warning, _$p));
+        return _el$34;
+      }
+    }), null);
+    _$insert(_el$28, _$createComponent(Show, {
+      get when() {
+        return props.hostDisabled;
+      },
+      get children() {
+        var _el$35 = _$createElement("text");
+        _$insertNode(_el$35, _$createTextNode(`off in /openai`));
+        _$effect(_$p => _$setProp(_el$35, "fg", props.theme.textMuted, _$p));
+        return _el$35;
+      }
+    }), null);
+    _$insert(_el$28, _$createComponent(Show, {
       get when() {
         return isQuotaLoaded(props.quota);
       },
       get fallback() {
         return (() => {
-          var _el$26 = _$createElement("text");
-          _$insertNode(_el$26, _$createTextNode(`checking…`));
-          _$effect(_$p => _$setProp(_el$26, "fg", props.theme.textMuted, _$p));
-          return _el$26;
+          var _el$37 = _$createElement("text");
+          _$insertNode(_el$37, _$createTextNode(`checking…`));
+          _$effect(_$p => _$setProp(_el$37, "fg", props.theme.textMuted, _$p));
+          return _el$37;
         })();
       },
       get children() {
@@ -513,10 +625,10 @@ function AccountBlock(props) {
           },
           get fallback() {
             return (() => {
-              var _el$28 = _$createElement("text");
-              _$insertNode(_el$28, _$createTextNode(`—`));
-              _$effect(_$p => _$setProp(_el$28, "fg", props.theme.textMuted, _$p));
-              return _el$28;
+              var _el$39 = _$createElement("text");
+              _$insertNode(_el$39, _$createTextNode(`—`));
+              _$effect(_$p => _$setProp(_el$39, "fg", props.theme.textMuted, _$p));
+              return _el$39;
             })();
           },
           get children() {
@@ -540,6 +652,9 @@ function AccountBlock(props) {
                 get text() {
                   return row.text;
                 },
+                get resetText() {
+                  return row.resetText;
+                },
                 get window() {
                   return row.window;
                 },
@@ -552,7 +667,7 @@ function AccountBlock(props) {
         });
       }
     }), null);
-    _$insert(_el$20, _$createComponent(For, {
+    _$insert(_el$28, _$createComponent(For, {
       get each() {
         return quotaTextParts(sidebarQuotaProjection(props.quota, Date.now()), {
           now: Date.now(),
@@ -560,13 +675,13 @@ function AccountBlock(props) {
         }).filter(part => part.startsWith('checked '));
       },
       children: age => (() => {
-        var _el$30 = _$createElement("text");
-        _$insert(_el$30, age);
-        _$effect(_$p => _$setProp(_el$30, "fg", props.theme.textMuted, _$p));
-        return _el$30;
+        var _el$41 = _$createElement("text");
+        _$insert(_el$41, age);
+        _$effect(_$p => _$setProp(_el$41, "fg", props.theme.textMuted, _$p));
+        return _el$41;
       })()
     }), null);
-    _$insert(_el$20, _$createComponent(For, {
+    _$insert(_el$28, _$createComponent(For, {
       get each() {
         return getAccountMetadataRows(props.resetCredits, props.quota?.spendControl);
       },
@@ -587,16 +702,16 @@ function AccountBlock(props) {
       var _v$1 = props.marginTop ?? 0,
         _v$10 = props.theme.text,
         _v$11 = toneColor(props.theme, statusTone());
-      _v$1 !== _p$.e && (_p$.e = _$setProp(_el$20, "marginTop", _v$1, _p$.e));
-      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$22, "fg", _v$10, _p$.t));
-      _v$11 !== _p$.a && (_p$.a = _$setProp(_el$24, "fg", _v$11, _p$.a));
+      _v$1 !== _p$.e && (_p$.e = _$setProp(_el$28, "marginTop", _v$1, _p$.e));
+      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$30, "fg", _v$10, _p$.t));
+      _v$11 !== _p$.a && (_p$.a = _$setProp(_el$32, "fg", _v$11, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$20;
+    return _el$28;
   })();
 }
 
@@ -643,15 +758,13 @@ function createSidebarController(initialPrefs) {
   const [collapsed, setCollapsed] = createSignal(seedCollapsed);
   let lastPersistedCollapsed = initialPrefs.collapsed;
   let lastApplied = JSON.stringify(initialPrefs);
-
-  // The watcher lives for the plugin/process lifetime — it is intentionally
-  // never disposed. Collapse guard mirrors the race-fix in toggleCollapsed:
-  // lastPersistedCollapsed is advanced only once our own write lands, so
-  // watcher echoes of the previous persisted value are rejected by the
-  // `!==` check and cannot revert a user click.
-  watchTuiPreferences(() => {
+  let disposed = false;
+  // Remember the last value written to disk, not an unpersisted click. A watcher
+  // echo of the previous disk value must not undo a click whose write is pending.
+  const unwatch = watchTuiPreferences(() => {
     void (async () => {
       const next = resolveOpenaiAuthPrefs(await readTuiPreferencesFile());
+      if (disposed) return;
       const serialized = JSON.stringify(next);
       if (serialized === lastApplied) return;
       lastApplied = serialized;
@@ -674,7 +787,11 @@ function createSidebarController(initialPrefs) {
   return {
     prefs,
     collapsed,
-    toggleCollapsed
+    toggleCollapsed,
+    dispose() {
+      disposed = true;
+      unwatch();
+    }
   };
 }
 function QuotaSidebar(props) {
@@ -683,9 +800,11 @@ function QuotaSidebar(props) {
   const [state, setState] = createSignal(DEFAULT_SIDEBAR_STATE);
   let lastUpdated = 0;
   let debounce = null;
+  let disposed = false;
   async function refresh() {
+    if (disposed) return;
     const next = await readStateFromFile();
-    if (next.lastUpdated !== lastUpdated) {
+    if (!disposed && next.lastUpdated !== lastUpdated) {
       lastUpdated = next.lastUpdated;
       setState(next);
     }
@@ -706,8 +825,10 @@ function QuotaSidebar(props) {
     onCleanup(() => clearInterval(timer));
   });
   const unsubs = [props.api.event.on('session.updated', scheduleRefresh), props.api.event.on('message.updated', scheduleRefresh)];
-  setTimeout(refresh, 300);
+  const initialRefresh = setTimeout(refresh, 300);
   onCleanup(() => {
+    disposed = true;
+    clearTimeout(initialRefresh);
     if (debounce) clearTimeout(debounce);
     for (const u of unsubs) u();
   });
@@ -716,8 +837,8 @@ function QuotaSidebar(props) {
   // Vault mode: the host uses only the vault's accounts, which the file lists
   // in `vaultAccounts`; main and the local fallbacks are not shown.
   const vaultMode = () => state().vaultAccounts !== undefined;
-  const enabledVaultAccounts = () => (state().vaultAccounts ?? []).filter(account => account.enabled);
-  const hasData = () => vaultMode() ? enabledVaultAccounts().length > 0 : state().main?.quota != null || enabledFallbacks().length > 0;
+  const vaultAccounts = () => state().vaultAccounts ?? [];
+  const hasData = () => vaultMode() ? vaultAccounts().length > 0 : state().main?.quota != null || enabledFallbacks().length > 0;
   const headerLabel = () => {
     const name = prefs().header.label;
     return !hasData() ? name : collapsed() ? `\u25b6 ${name}` : `\u25bc ${name}`;
@@ -729,6 +850,9 @@ function QuotaSidebar(props) {
     route: sessionRouting().route
   });
   const activeAccount = () => resolveActiveAccount(sessionState());
+  const collapsedLines = () => getCollapsedAccountLines(sessionState(), {
+    showFallbacks: prefs().sections.fallbackAccounts
+  });
   const quotaLabelWidth = () => computeQuotaLabelWidth(renderedQuotas(state()));
   const activeQuotaSummary = () => getCollapsedQuotaSummary(activeAccount().quota);
   const activePacingDeficit = () => {
@@ -745,38 +869,38 @@ function QuotaSidebar(props) {
     if (!activePacingDeficit()) return base;
     return base === 'ok' || base === 'muted' ? 'warn' : base;
   };
-  const killedNames = () => [state().main?.killed ? 'main' : '', ...enabledFallbacks().filter(f => f.killed).map(f => f.label ?? f.id)].filter(Boolean);
+  const killedNames = () => [!vaultMode() && state().main?.killed ? 'main' : '', ...(vaultMode() ? vaultAccounts() : enabledFallbacks()).filter(f => f.killed).map(f => f.label ?? f.id)].filter(Boolean);
   const quotaBackedOff = () => state().main?.quotaBackedOff === true;
   const refreshBackedOff = () => state().main?.refreshBackedOff === true;
   const degraded = () => killedNames().length > 0 || quotaBackedOff() || refreshBackedOff();
   return (() => {
-    var _el$31 = _$createElement("box"),
-      _el$32 = _$createElement("box"),
-      _el$33 = _$createElement("box"),
-      _el$34 = _$createElement("text"),
-      _el$35 = _$createElement("b");
-    _$insertNode(_el$31, _el$32);
-    _$setProp(_el$31, "width", '100%');
-    _$setProp(_el$31, "flexDirection", 'column');
-    _$setProp(_el$31, "border", SINGLE_BORDER);
-    _$setProp(_el$31, "paddingTop", 1);
-    _$setProp(_el$31, "paddingBottom", 1);
-    _$setProp(_el$31, "paddingLeft", 1);
-    _$setProp(_el$31, "paddingRight", 1);
-    _$insertNode(_el$32, _el$33);
-    _$setProp(_el$32, "width", '100%');
-    _$setProp(_el$32, "flexDirection", 'row');
-    _$setProp(_el$32, "justifyContent", 'space-between');
-    _$setProp(_el$32, "alignItems", 'center');
-    _$setProp(_el$32, "onMouseDown", () => {
+    var _el$42 = _$createElement("box"),
+      _el$43 = _$createElement("box"),
+      _el$44 = _$createElement("box"),
+      _el$45 = _$createElement("text"),
+      _el$46 = _$createElement("b");
+    _$insertNode(_el$42, _el$43);
+    _$setProp(_el$42, "width", '100%');
+    _$setProp(_el$42, "flexDirection", 'column');
+    _$setProp(_el$42, "border", SINGLE_BORDER);
+    _$setProp(_el$42, "paddingTop", 1);
+    _$setProp(_el$42, "paddingBottom", 1);
+    _$setProp(_el$42, "paddingLeft", 1);
+    _$setProp(_el$42, "paddingRight", 1);
+    _$insertNode(_el$43, _el$44);
+    _$setProp(_el$43, "width", '100%');
+    _$setProp(_el$43, "flexDirection", 'row');
+    _$setProp(_el$43, "justifyContent", 'space-between');
+    _$setProp(_el$43, "alignItems", 'center');
+    _$setProp(_el$43, "onMouseDown", () => {
       if (hasData()) props.controller.toggleCollapsed();
     });
-    _$insertNode(_el$33, _el$34);
-    _$setProp(_el$33, "paddingLeft", 1);
-    _$setProp(_el$33, "paddingRight", 1);
-    _$insertNode(_el$34, _el$35);
-    _$insert(_el$35, headerLabel);
-    _$insert(_el$32, _$createComponent(Show, {
+    _$insertNode(_el$44, _el$45);
+    _$setProp(_el$44, "paddingLeft", 1);
+    _$setProp(_el$44, "paddingRight", 1);
+    _$insertNode(_el$45, _el$46);
+    _$insert(_el$46, headerLabel);
+    _$insert(_el$43, _$createComponent(Show, {
       get when() {
         return degraded();
       },
@@ -786,89 +910,59 @@ function QuotaSidebar(props) {
             return prefs().header.showVersion && PLUGIN_VERSION !== '';
           },
           get children() {
-            var _el$44 = _$createElement("text");
-            _$insert(_el$44, `v${PLUGIN_VERSION}`);
-            _$effect(_$p => _$setProp(_el$44, "fg", theme().textMuted, _$p));
-            return _el$44;
+            var _el$51 = _$createElement("text");
+            _$insert(_el$51, `v${PLUGIN_VERSION}`);
+            _$effect(_$p => _$setProp(_el$51, "fg", theme().textMuted, _$p));
+            return _el$51;
           }
         });
       },
       get children() {
-        var _el$36 = _$createElement("box"),
-          _el$37 = _$createElement("text"),
-          _el$38 = _$createElement("b");
-        _$insertNode(_el$36, _el$37);
-        _$setProp(_el$36, "paddingLeft", 1);
-        _$setProp(_el$36, "paddingRight", 1);
-        _$insertNode(_el$37, _el$38);
-        _$insertNode(_el$38, _$createTextNode(`LIMITED`));
+        var _el$47 = _$createElement("box"),
+          _el$48 = _$createElement("text"),
+          _el$49 = _$createElement("b");
+        _$insertNode(_el$47, _el$48);
+        _$setProp(_el$47, "paddingLeft", 1);
+        _$setProp(_el$47, "paddingRight", 1);
+        _$insertNode(_el$48, _el$49);
+        _$insertNode(_el$49, _$createTextNode(`LIMITED`));
         _$effect(_p$ => {
           var _v$12 = theme().warning,
             _v$13 = theme().background;
-          _v$12 !== _p$.e && (_p$.e = _$setProp(_el$36, "backgroundColor", _v$12, _p$.e));
-          _v$13 !== _p$.t && (_p$.t = _$setProp(_el$37, "fg", _v$13, _p$.t));
+          _v$12 !== _p$.e && (_p$.e = _$setProp(_el$47, "backgroundColor", _v$12, _p$.e));
+          _v$13 !== _p$.t && (_p$.t = _$setProp(_el$48, "fg", _v$13, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$36;
+        return _el$47;
       }
     }), null);
-    _$insert(_el$31, _$createComponent(Show, {
+    _$insert(_el$42, _$createComponent(Show, {
       get when() {
         return _$memo(() => !!collapsed())() && hasData();
       },
       get children() {
-        return _$createComponent(CollapsedRow, {
-          get theme() {
-            return theme();
-          },
-          get label() {
-            return activeAccount().name;
+        return _$createComponent(Index, {
+          get each() {
+            return collapsedLines();
           },
-          get children() {
-            return _$createComponent(Show, {
-              get when() {
-                return activeQuotaSummary().text != null;
-              },
-              get fallback() {
-                return (() => {
-                  var _el$45 = _$createElement("text");
-                  _$insertNode(_el$45, _$createTextNode(`—`));
-                  _$effect(_$p => _$setProp(_el$45, "fg", theme().textMuted, _$p));
-                  return _el$45;
-                })();
-              },
-              get children() {
-                var _el$40 = _$createElement("box"),
-                  _el$41 = _$createElement("text"),
-                  _el$42 = _$createElement("b"),
-                  _el$43 = _$createElement("text");
-                _$insertNode(_el$40, _el$41);
-                _$insertNode(_el$40, _el$43);
-                _$setProp(_el$40, "flexDirection", 'row');
-                _$insertNode(_el$41, _el$42);
-                _$insert(_el$42, () => activeQuotaSummary().text);
-                _$insert(_el$43, () => activeAccount().killed ? ' \u2298' : ' \u25cf');
-                _$effect(_p$ => {
-                  var _v$14 = toneColor(theme(), activeQuotaTone()),
-                    _v$15 = toneColor(theme(), activeAccount().killed ? 'err' : activeQuotaTone());
-                  _v$14 !== _p$.e && (_p$.e = _$setProp(_el$41, "fg", _v$14, _p$.e));
-                  _v$15 !== _p$.t && (_p$.t = _$setProp(_el$43, "fg", _v$15, _p$.t));
-                  return _p$;
-                }, {
-                  e: undefined,
-                  t: undefined
-                });
-                return _el$40;
-              }
-            });
-          }
+          children: line => _$createComponent(CollapsedAccountRow, {
+            get theme() {
+              return theme();
+            },
+            get line() {
+              return line();
+            },
+            get tone() {
+              return activeQuotaTone();
+            }
+          })
         });
       }
     }), null);
-    _$insert(_el$31, _$createComponent(Show, {
+    _$insert(_el$42, _$createComponent(Show, {
       get when() {
         return !collapsed() || !hasData();
       },
@@ -879,14 +973,14 @@ function QuotaSidebar(props) {
           },
           get fallback() {
             return (() => {
-              var _el$47 = _$createElement("box"),
-                _el$48 = _$createElement("text");
-              _$insertNode(_el$47, _el$48);
-              _$setProp(_el$47, "marginTop", 1);
-              _$setProp(_el$47, "width", '100%');
-              _$insertNode(_el$48, _$createTextNode(`Waiting for quota…`));
-              _$effect(_$p => _$setProp(_el$48, "fg", theme().textMuted, _$p));
-              return _el$47;
+              var _el$52 = _$createElement("box"),
+                _el$53 = _$createElement("text");
+              _$insertNode(_el$52, _el$53);
+              _$setProp(_el$52, "marginTop", 1);
+              _$setProp(_el$52, "width", '100%');
+              _$insertNode(_el$53, _$createTextNode(`Waiting for quota…`));
+              _$effect(_$p => _$setProp(_el$53, "fg", theme().textMuted, _$p));
+              return _el$52;
             })();
           },
           get children() {
@@ -907,7 +1001,7 @@ function QuotaSidebar(props) {
                   get fallback() {
                     return _$createComponent(For, {
                       get each() {
-                        return enabledVaultAccounts();
+                        return vaultAccounts();
                       },
                       children: (account, index) => _$createComponent(AccountBlock, {
                         get theme() {
@@ -925,6 +1019,12 @@ function QuotaSidebar(props) {
                         get killed() {
                           return account.killed;
                         },
+                        get vaultState() {
+                          return account.vaultState;
+                        },
+                        get hostDisabled() {
+                          return !account.enabled;
+                        },
                         get active() {
                           return sessionRouting().activeId === account.id;
                         },
@@ -1127,19 +1227,19 @@ function QuotaSidebar(props) {
       }
     }), null);
     _$effect(_p$ => {
-      var _v$16 = theme().borderActive,
-        _v$17 = theme().accent,
-        _v$18 = theme().background;
-      _v$16 !== _p$.e && (_p$.e = _$setProp(_el$31, "borderColor", _v$16, _p$.e));
-      _v$17 !== _p$.t && (_p$.t = _$setProp(_el$33, "backgroundColor", _v$17, _p$.t));
-      _v$18 !== _p$.a && (_p$.a = _$setProp(_el$34, "fg", _v$18, _p$.a));
+      var _v$14 = theme().borderActive,
+        _v$15 = theme().accent,
+        _v$16 = theme().background;
+      _v$14 !== _p$.e && (_p$.e = _$setProp(_el$42, "borderColor", _v$14, _p$.e));
+      _v$15 !== _p$.t && (_p$.t = _$setProp(_el$44, "backgroundColor", _v$15, _p$.t));
+      _v$16 !== _p$.a && (_p$.a = _$setProp(_el$45, "fg", _v$16, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$31;
+    return _el$42;
   })();
 }
 const tui = async api => {
@@ -1196,8 +1296,37 @@ const tui = async api => {
     }, RPC_POLL_MS);
   }
 };
+async function setup(context, options = {}) {
+  if (options.sidebarText !== undefined || options.sidebar) return setupTui(context, options);
+  const root = await readTuiPreferencesFile();
+  const controller = createSidebarController(resolveOpenaiAuthPrefs(root));
+  const api = {
+    theme: {
+      get current() {
+        return context.theme;
+      }
+    },
+    event: {
+      on: (type, listener) => context.data.on(type === 'session.updated' ? 'session.metadata.updated' : 'session.usage.updated', listener)
+    }
+  };
+  return setupTui(context, {
+    ...options,
+    sidebar: {
+      render: input => _$createComponent(QuotaSidebar, {
+        api: api,
+        controller: controller,
+        get sessionId() {
+          return input.sessionID;
+        }
+      }),
+      dispose: controller.dispose
+    }
+  });
+}
 const plugin = {
   id: ID,
+  setup,
   tui
 };
 export default plugin;