@cortexkit/opencode-openai-auth 1.0.5 → 1.1.0

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

@@ -11,7 +11,7 @@ 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 { formatQuota, quotaTextParts, quotaWindowParts } from "./shared/d5a8f1061ee2f114-index.js";
 import { createEffect, createSignal, For, onCleanup, Show } from "opentui:runtime-module:solid-js";
 import { createLogger } from "./logger.js";
 import { isNotifyPayload } from "./rpc/protocol.js";
@@ -19,6 +19,7 @@ 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 { 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;
@@ -244,7 +245,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 +264,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,26 +393,26 @@ 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$16 = _$createElement("box"),
+          _el$17 = _$createElement("text"),
+          _el$18 = _$createElement("text");
+        _$insertNode(_el$16, _el$17);
+        _$insertNode(_el$16, _el$18);
+        _$setProp(_el$16, "width", '100%');
+        _$setProp(_el$16, "flexDirection", 'row');
+        _$insert(_el$17, () => props.label.padEnd(props.labelWidth));
+        _$insertNode(_el$18, _$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$17, "fg", _v$9, _p$.e));
+          _v$0 !== _p$.t && (_p$.t = _$setProp(_el$18, "fg", _v$0, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$15;
+        return _el$16;
       })();
     },
     get children() {
@@ -419,13 +434,24 @@ function QuotaRow(props) {
             return quotaBarSegments(used(), props.appearance, props.pacing);
           },
           children: segment => (() => {
-            var _el$19 = _$createElement("text");
-            _$insert(_el$19, () => segment.text);
-            _$effect(_$p => _$setProp(_el$19, "fg", toneColor(props.theme, segment.tone), _$p));
-            return _el$19;
+            var _el$20 = _$createElement("text");
+            _$insert(_el$20, () => segment.text);
+            _$effect(_$p => _$setProp(_el$20, "fg", toneColor(props.theme, segment.tone), _$p));
+            return _el$20;
           })()
         }), _el$11);
         _$insert(_el$11, () => ` ${props.text.slice(props.label.length + 1)}`);
+        _$insert(_el$0, _$createComponent(Show, {
+          get when() {
+            return props.resetText;
+          },
+          get children() {
+            var _el$12 = _$createElement("text");
+            _$insert(_el$12, () => props.resetText);
+            _$effect(_$p => _$setProp(_el$12, "fg", props.theme.textMuted, _$p));
+            return _el$12;
+          }
+        }), null);
         _$effect(_p$ => {
           var _v$5 = props.theme.textMuted,
             _v$6 = toneColor(props.theme, usageTone(used(), props.appearance));
@@ -442,26 +468,26 @@ function QuotaRow(props) {
           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$13 = _$createElement("box"),
+            _el$14 = _$createElement("text"),
+            _el$15 = _$createElement("text");
+          _$insertNode(_el$13, _el$14);
+          _$insertNode(_el$13, _el$15);
+          _$setProp(_el$13, "width", '100%');
+          _$setProp(_el$13, "flexDirection", 'row');
+          _$insert(_el$14, () => ''.padEnd(props.labelWidth));
+          _$insert(_el$15, 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$14, "fg", _v$7, _p$.e));
+            _v$8 !== _p$.t && (_p$.t = _$setProp(_el$15, "fg", _v$8, _p$.t));
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$12;
+          return _el$13;
         }
       })];
     }
@@ -476,34 +502,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');
+    var _el$21 = _$createElement("box"),
+      _el$22 = _$createElement("box"),
+      _el$23 = _$createElement("text"),
+      _el$24 = _$createElement("b"),
+      _el$25 = _$createElement("text"),
+      _el$26 = _$createElement("b");
     _$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');
+    _$setProp(_el$21, "flexDirection", 'column');
     _$insertNode(_el$22, _el$23);
-    _$insert(_el$23, () => props.name);
-    _$insertNode(_el$24, _el$25);
-    _$insert(_el$25, statusWord);
-    _$insert(_el$20, _$createComponent(Show, {
+    _$insertNode(_el$22, _el$25);
+    _$setProp(_el$22, "width", '100%');
+    _$setProp(_el$22, "flexDirection", 'row');
+    _$setProp(_el$22, "justifyContent", 'space-between');
+    _$insertNode(_el$23, _el$24);
+    _$insert(_el$24, () => props.name);
+    _$insertNode(_el$25, _el$26);
+    _$insert(_el$26, statusWord);
+    _$insert(_el$21, _$createComponent(Show, {
+      get when() {
+        return props.vaultState;
+      },
+      get children() {
+        var _el$27 = _$createElement("text");
+        _$insert(_el$27, () => props.vaultState);
+        _$effect(_$p => _$setProp(_el$27, "fg", props.theme.warning, _$p));
+        return _el$27;
+      }
+    }), null);
+    _$insert(_el$21, _$createComponent(Show, {
+      get when() {
+        return props.hostDisabled;
+      },
+      get children() {
+        var _el$28 = _$createElement("text");
+        _$insertNode(_el$28, _$createTextNode(`off in /openai`));
+        _$effect(_$p => _$setProp(_el$28, "fg", props.theme.textMuted, _$p));
+        return _el$28;
+      }
+    }), null);
+    _$insert(_el$21, _$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$30 = _$createElement("text");
+          _$insertNode(_el$30, _$createTextNode(`checking…`));
+          _$effect(_$p => _$setProp(_el$30, "fg", props.theme.textMuted, _$p));
+          return _el$30;
         })();
       },
       get children() {
@@ -513,10 +561,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$32 = _$createElement("text");
+              _$insertNode(_el$32, _$createTextNode(`—`));
+              _$effect(_$p => _$setProp(_el$32, "fg", props.theme.textMuted, _$p));
+              return _el$32;
             })();
           },
           get children() {
@@ -540,6 +588,9 @@ function AccountBlock(props) {
                 get text() {
                   return row.text;
                 },
+                get resetText() {
+                  return row.resetText;
+                },
                 get window() {
                   return row.window;
                 },
@@ -552,7 +603,7 @@ function AccountBlock(props) {
         });
       }
     }), null);
-    _$insert(_el$20, _$createComponent(For, {
+    _$insert(_el$21, _$createComponent(For, {
       get each() {
         return quotaTextParts(sidebarQuotaProjection(props.quota, Date.now()), {
           now: Date.now(),
@@ -560,13 +611,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$34 = _$createElement("text");
+        _$insert(_el$34, age);
+        _$effect(_$p => _$setProp(_el$34, "fg", props.theme.textMuted, _$p));
+        return _el$34;
       })()
     }), null);
-    _$insert(_el$20, _$createComponent(For, {
+    _$insert(_el$21, _$createComponent(For, {
       get each() {
         return getAccountMetadataRows(props.resetCredits, props.quota?.spendControl);
       },
@@ -587,16 +638,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$21, "marginTop", _v$1, _p$.e));
+      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$23, "fg", _v$10, _p$.t));
+      _v$11 !== _p$.a && (_p$.a = _$setProp(_el$25, "fg", _v$11, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$20;
+    return _el$21;
   })();
 }
 
@@ -643,15 +694,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 +723,11 @@ function createSidebarController(initialPrefs) {
   return {
     prefs,
     collapsed,
-    toggleCollapsed
+    toggleCollapsed,
+    dispose() {
+      disposed = true;
+      unwatch();
+    }
   };
 }
 function QuotaSidebar(props) {
@@ -683,9 +736,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 +761,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 +773,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}`;
@@ -745,38 +802,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$35 = _$createElement("box"),
+      _el$36 = _$createElement("box"),
+      _el$37 = _$createElement("box"),
+      _el$38 = _$createElement("text"),
+      _el$39 = _$createElement("b");
+    _$insertNode(_el$35, _el$36);
+    _$setProp(_el$35, "width", '100%');
+    _$setProp(_el$35, "flexDirection", 'column');
+    _$setProp(_el$35, "border", SINGLE_BORDER);
+    _$setProp(_el$35, "paddingTop", 1);
+    _$setProp(_el$35, "paddingBottom", 1);
+    _$setProp(_el$35, "paddingLeft", 1);
+    _$setProp(_el$35, "paddingRight", 1);
+    _$insertNode(_el$36, _el$37);
+    _$setProp(_el$36, "width", '100%');
+    _$setProp(_el$36, "flexDirection", 'row');
+    _$setProp(_el$36, "justifyContent", 'space-between');
+    _$setProp(_el$36, "alignItems", 'center');
+    _$setProp(_el$36, "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$37, _el$38);
+    _$setProp(_el$37, "paddingLeft", 1);
+    _$setProp(_el$37, "paddingRight", 1);
+    _$insertNode(_el$38, _el$39);
+    _$insert(_el$39, headerLabel);
+    _$insert(_el$36, _$createComponent(Show, {
       get when() {
         return degraded();
       },
@@ -786,36 +843,36 @@ 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$48 = _$createElement("text");
+            _$insert(_el$48, `v${PLUGIN_VERSION}`);
+            _$effect(_$p => _$setProp(_el$48, "fg", theme().textMuted, _$p));
+            return _el$48;
           }
         });
       },
       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$40 = _$createElement("box"),
+          _el$41 = _$createElement("text"),
+          _el$42 = _$createElement("b");
+        _$insertNode(_el$40, _el$41);
+        _$setProp(_el$40, "paddingLeft", 1);
+        _$setProp(_el$40, "paddingRight", 1);
+        _$insertNode(_el$41, _el$42);
+        _$insertNode(_el$42, _$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$40, "backgroundColor", _v$12, _p$.e));
+          _v$13 !== _p$.t && (_p$.t = _$setProp(_el$41, "fg", _v$13, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$36;
+        return _el$40;
       }
     }), null);
-    _$insert(_el$31, _$createComponent(Show, {
+    _$insert(_el$35, _$createComponent(Show, {
       get when() {
         return _$memo(() => !!collapsed())() && hasData();
       },
@@ -834,41 +891,41 @@ function QuotaSidebar(props) {
               },
               get fallback() {
                 return (() => {
-                  var _el$45 = _$createElement("text");
-                  _$insertNode(_el$45, _$createTextNode(`—`));
-                  _$effect(_$p => _$setProp(_el$45, "fg", theme().textMuted, _$p));
-                  return _el$45;
+                  var _el$49 = _$createElement("text");
+                  _$insertNode(_el$49, _$createTextNode(`—`));
+                  _$effect(_$p => _$setProp(_el$49, "fg", theme().textMuted, _$p));
+                  return _el$49;
                 })();
               },
               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');
+                var _el$44 = _$createElement("box"),
+                  _el$45 = _$createElement("text"),
+                  _el$46 = _$createElement("b"),
+                  _el$47 = _$createElement("text");
+                _$insertNode(_el$44, _el$45);
+                _$insertNode(_el$44, _el$47);
+                _$setProp(_el$44, "flexDirection", 'row');
+                _$insertNode(_el$45, _el$46);
+                _$insert(_el$46, () => activeQuotaSummary().text);
+                _$insert(_el$47, () => 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));
+                  _v$14 !== _p$.e && (_p$.e = _$setProp(_el$45, "fg", _v$14, _p$.e));
+                  _v$15 !== _p$.t && (_p$.t = _$setProp(_el$47, "fg", _v$15, _p$.t));
                   return _p$;
                 }, {
                   e: undefined,
                   t: undefined
                 });
-                return _el$40;
+                return _el$44;
               }
             });
           }
         });
       }
     }), null);
-    _$insert(_el$31, _$createComponent(Show, {
+    _$insert(_el$35, _$createComponent(Show, {
       get when() {
         return !collapsed() || !hasData();
       },
@@ -879,14 +936,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$51 = _$createElement("box"),
+                _el$52 = _$createElement("text");
+              _$insertNode(_el$51, _el$52);
+              _$setProp(_el$51, "marginTop", 1);
+              _$setProp(_el$51, "width", '100%');
+              _$insertNode(_el$52, _$createTextNode(`Waiting for quota…`));
+              _$effect(_$p => _$setProp(_el$52, "fg", theme().textMuted, _$p));
+              return _el$51;
             })();
           },
           get children() {
@@ -907,7 +964,7 @@ function QuotaSidebar(props) {
                   get fallback() {
                     return _$createComponent(For, {
                       get each() {
-                        return enabledVaultAccounts();
+                        return vaultAccounts();
                       },
                       children: (account, index) => _$createComponent(AccountBlock, {
                         get theme() {
@@ -925,6 +982,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;
                         },
@@ -1130,16 +1193,16 @@ function QuotaSidebar(props) {
       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));
+      _v$16 !== _p$.e && (_p$.e = _$setProp(_el$35, "borderColor", _v$16, _p$.e));
+      _v$17 !== _p$.t && (_p$.t = _$setProp(_el$37, "backgroundColor", _v$17, _p$.t));
+      _v$18 !== _p$.a && (_p$.a = _$setProp(_el$38, "fg", _v$18, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$31;
+    return _el$35;
   })();
 }
 const tui = async api => {
@@ -1196,8 +1259,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;