@cortexkit/opencode-openai-auth 0.11.0 → 1.0.0

package/src/tui-compiled/runtime/{tui.tsx → tui.js}

@@ -11,25 +11,36 @@ 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 { createLogger } from "./logger.ts";
-import { createRpcClient } from "./rpc-rpc-client.ts";
-import { resolveRpcDir } from "./rpc-rpc-dir.ts";
-import { computeQuotaPacing, DEFAULT_SIDEBAR_STATE, getCollapsedQuotaSummary, getPresentQuotaWindows, getSidebarState, resolveActiveAccount, resolveSessionSidebarRouting, resolveSessionStickyAccount } from "./sidebar-state.ts";
-import { openCommandDialog } from "./tui-command-dialogs.tsx";
-import { computeEffectiveOrder, DEFAULT_SLOT_ORDER, PLUGIN_KEY, queueTuiPreferenceUpdate, readTuiPreferencesFile, resolveOpenaiAuthPrefs, watchTuiPreferences } from "./tui-preferences.ts";
+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 { openCommandDialog } from "./tui/command-dialogs.js";
+import { computeEffectiveOrder, DEFAULT_SLOT_ORDER, PLUGIN_KEY, queueTuiPreferenceUpdate, readTuiPreferencesFile, resolveOpenaiAuthPrefs, watchTuiPreferences } from "./tui-preferences.js";
 const RPC_POLL_MS = 500;
 let rpcPollStarted = false;
 const log = createLogger('rpc-tui');
 const ID = 'cortexkit.openai-auth';
-export function buildApplyRequest(command, arguments_, sessionId) {
+
+/** One drawer action as the RPC apply request carries it, with its session. */
+export function buildApplyRequest(request, sessionId) {
   return {
-    command,
-    arguments: arguments_,
-    sessionId
+    ...request,
+    ...(sessionId !== undefined ? {
+      sessionId
+    } : {})
   };
 }
 
+/**
+ * How long the drawer waits for one action: a reset-credit redemption polls
+ * the provider and can take most of this.
+ */
+const MENU_APPLY_TIMEOUT_MS = 90_000;
+
 // Read package metadata from the development source or either generated TUI
 // variant. Avoid a JSON import because package.json sits outside the declaration
 // build's rootDir.
@@ -232,6 +243,8 @@ function quotaRowLabels(quota) {
  * cannot be tested without the host's rendering runtime.
  */
 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);
   return [state.main?.quota ?? null, ...(state.fallbacks ?? []).filter(fallback => fallback.enabled).map(fallback => fallback.quota)];
 }
 export function computeQuotaLabelWidth(quotas) {
@@ -249,10 +262,20 @@ export function computeQuotaLabelWidth(quotas) {
 // `labelWidth` comes from computeQuotaLabelWidth for rendered sidebars; callers
 // 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 && {
+      ...projection,
+      budget: undefined,
+      limits: projection.limits.filter(limit => limit.label === row.key)
+    }, {
+      now,
+      form: 'compact',
+      staleAfterMs: Number.POSITIVE_INFINITY
+    }),
     pacing: pacingEnabled && row.windowMs !== null ? computeQuotaPacing(row.window, row.windowMs, now) : null
   }));
   const spendControl = quota?.spendControl;
@@ -260,6 +283,14 @@ export function buildQuotaRowsForDisplay(quota, now, pacingEnabled, labelWidth)
     rows.push({
       key: 'spendControl',
       label: SPEND_CONTROL_LABEL,
+      text: formatQuota(projection && {
+        ...projection,
+        limits: []
+      }, {
+        now,
+        form: 'compact',
+        staleAfterMs: Number.POSITIVE_INFINITY
+      }),
       window: {
         usedPercent: spendControl.usedPercent,
         remainingPercent: spendControl.remainingPercent,
@@ -269,6 +300,12 @@ export function buildQuotaRowsForDisplay(quota, now, pacingEnabled, labelWidth)
     });
   }
   const width = labelWidth ?? Math.max(3, ...rows.map(row => row.label.length + 1));
+  const parts = quotaTextParts(projection, {
+    now,
+    form: 'compact',
+    staleAfterMs: Number.POSITIVE_INFINITY
+  });
+  rows.sort((left, right) => parts.indexOf(left.text) - parts.indexOf(right.text));
   return rows.map(row => ({
     ...row,
     labelWidth: width
@@ -322,13 +359,12 @@ export function getAccountMetadataRows(resetCredits, spendControl) {
   return rows;
 }
 
-// Quota window row: muted label left, tone-colored bar + percentage right,
-// with an optional muted reset suffix. When pacing data is present, the bar
+// Quota window row: muted label left, tone-colored usage bar and shared quota text.
+// When pacing data is present, the bar
 // gains a pace segment and an off-pace window adds a muted subline with the
 // reserve/deficit delta and the projected runout.
 function QuotaRow(props) {
   const used = () => props.window?.usedPercent ?? 0;
-  const reset = () => formatResetIn(props.window?.resetsAt);
   const paceLine = () => {
     const pacing = props.pacing;
     if (!pacing || pacing.state === 'on-pace') return null;
@@ -342,26 +378,26 @@ function QuotaRow(props) {
     },
     get fallback() {
       return (() => {
-        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(`—`));
+        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(`—`));
         _$effect(_p$ => {
           var _v$9 = props.theme.textMuted,
             _v$0 = props.theme.textMuted;
-          _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));
+          _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));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$16;
+        return _el$15;
       })();
     },
     get children() {
@@ -383,24 +419,13 @@ function QuotaRow(props) {
             return quotaBarSegments(used(), props.appearance, props.pacing);
           },
           children: segment => (() => {
-            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;
+            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;
           })()
         }), _el$11);
-        _$insert(_el$11, () => ` ${String(Math.round(used())).padStart(3)}%`);
-        _$insert(_el$0, _$createComponent(Show, {
-          get when() {
-            return reset();
-          },
-          get children() {
-            var _el$12 = _$createElement("text");
-            _$insert(_el$12, reset);
-            _$effect(_$p => _$setProp(_el$12, "fg", props.theme.textMuted, _$p));
-            return _el$12;
-          }
-        }), null);
+        _$insert(_el$11, () => ` ${props.text.slice(props.label.length + 1)}`);
         _$effect(_p$ => {
           var _v$5 = props.theme.textMuted,
             _v$6 = toneColor(props.theme, usageTone(used(), props.appearance));
@@ -417,26 +442,26 @@ function QuotaRow(props) {
           return paceLine();
         },
         get children() {
-          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);
+          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);
           _$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$14, "fg", _v$7, _p$.e));
-            _v$8 !== _p$.t && (_p$.t = _$setProp(_el$15, "fg", _v$8, _p$.t));
+            _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));
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$13;
+          return _el$12;
         }
       })];
     }
@@ -451,34 +476,34 @@ 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$21 = _$createElement("box"),
-      _el$22 = _$createElement("box"),
-      _el$23 = _$createElement("text"),
-      _el$24 = _$createElement("b"),
-      _el$25 = _$createElement("text"),
-      _el$26 = _$createElement("b");
+    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", 'column');
+    _$setProp(_el$21, "flexDirection", 'row');
+    _$setProp(_el$21, "justifyContent", 'space-between');
     _$insertNode(_el$22, _el$23);
-    _$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, {
+    _$insert(_el$23, () => props.name);
+    _$insertNode(_el$24, _el$25);
+    _$insert(_el$25, statusWord);
+    _$insert(_el$20, _$createComponent(Show, {
       get when() {
         return isQuotaLoaded(props.quota);
       },
       get fallback() {
         return (() => {
-          var _el$27 = _$createElement("text");
-          _$insertNode(_el$27, _$createTextNode(`checking…`));
-          _$effect(_$p => _$setProp(_el$27, "fg", props.theme.textMuted, _$p));
-          return _el$27;
+          var _el$26 = _$createElement("text");
+          _$insertNode(_el$26, _$createTextNode(`checking…`));
+          _$effect(_$p => _$setProp(_el$26, "fg", props.theme.textMuted, _$p));
+          return _el$26;
         })();
       },
       get children() {
@@ -488,10 +513,10 @@ function AccountBlock(props) {
           },
           get fallback() {
             return (() => {
-              var _el$29 = _$createElement("text");
-              _$insertNode(_el$29, _$createTextNode(`—`));
-              _$effect(_$p => _$setProp(_el$29, "fg", props.theme.textMuted, _$p));
-              return _el$29;
+              var _el$28 = _$createElement("text");
+              _$insertNode(_el$28, _$createTextNode(`—`));
+              _$effect(_$p => _$setProp(_el$28, "fg", props.theme.textMuted, _$p));
+              return _el$28;
             })();
           },
           get children() {
@@ -512,6 +537,9 @@ function AccountBlock(props) {
                 get labelWidth() {
                   return row.labelWidth;
                 },
+                get text() {
+                  return row.text;
+                },
                 get window() {
                   return row.window;
                 },
@@ -524,7 +552,21 @@ function AccountBlock(props) {
         });
       }
     }), null);
-    _$insert(_el$21, _$createComponent(For, {
+    _$insert(_el$20, _$createComponent(For, {
+      get each() {
+        return quotaTextParts(sidebarQuotaProjection(props.quota, Date.now()), {
+          now: Date.now(),
+          form: 'compact'
+        }).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;
+      })()
+    }), null);
+    _$insert(_el$20, _$createComponent(For, {
       get each() {
         return getAccountMetadataRows(props.resetCredits, props.quota?.spendControl);
       },
@@ -545,134 +587,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$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));
+      _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));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$21;
-  })();
-}
-
-// --- Quota dialog content ---------------------------------------------------
-
-// Renders the same rich visualization as the sidebar (account blocks with
-// quota bars + pacing) so the modal matches the sidebar look.
-function QuotaDialogContent(props) {
-  const prefs = props.controller.prefs;
-  const [state, setState] = createSignal(DEFAULT_SIDEBAR_STATE);
-  let lastUpdated = 0;
-  async function refresh() {
-    const next = await readStateFromFile();
-    if (next.lastUpdated !== lastUpdated) {
-      lastUpdated = next.lastUpdated;
-      setState(next);
-    }
-  }
-  createEffect(() => {
-    const timer = setInterval(refresh, prefs().pollMs);
-    onCleanup(() => clearInterval(timer));
-  });
-  setTimeout(refresh, 0);
-  const theme = () => props.api.theme.current;
-  const enabledFallbacks = () => (state().fallbacks ?? []).filter(f => f.enabled);
-  const activeId = () => resolveQuotaDialogActiveId(state(), props.sessionId);
-  const quotaLabelWidth = () => computeQuotaLabelWidth(renderedQuotas(state()));
-  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, "flexDirection", 'column');
-    _$setProp(_el$31, "padding", 2);
-    _$setProp(_el$31, "width", '100%');
-    _$setProp(_el$31, "alignItems", 'center');
-    _$insertNode(_el$32, _el$33);
-    _$setProp(_el$32, "flexDirection", 'column');
-    _$setProp(_el$32, "width", 58);
-    _$insertNode(_el$33, _el$34);
-    _$setProp(_el$33, "width", '100%');
-    _$setProp(_el$33, "justifyContent", 'center');
-    _$setProp(_el$33, "marginBottom", 1);
-    _$insertNode(_el$34, _el$35);
-    _$insertNode(_el$35, _$createTextNode(`Codex Quota`));
-    _$insert(_el$32, _$createComponent(AccountBlock, {
-      get theme() {
-        return theme();
-      },
-      get appearance() {
-        return prefs().appearance;
-      },
-      name: "main",
-      get quota() {
-        return state().main?.quota ?? null;
-      },
-      get killed() {
-        return state().main?.killed ?? false;
-      },
-      get active() {
-        return activeId() === 'main';
-      },
-      get pacingEnabled() {
-        return prefs().sections.pacing;
-      },
-      get labelWidth() {
-        return quotaLabelWidth();
-      },
-      get resetCredits() {
-        return state().main?.resetCredits;
-      }
-    }), null);
-    _$insert(_el$32, _$createComponent(Show, {
-      get when() {
-        return prefs().sections.fallbackAccounts;
-      },
-      get children() {
-        return _$createComponent(For, {
-          get each() {
-            return enabledFallbacks();
-          },
-          children: fb => _$createComponent(AccountBlock, {
-            get theme() {
-              return theme();
-            },
-            get appearance() {
-              return prefs().appearance;
-            },
-            get name() {
-              return fb.label ?? fb.id;
-            },
-            get quota() {
-              return fb.quota;
-            },
-            get killed() {
-              return fb.killed;
-            },
-            get active() {
-              return activeId() === fb.id;
-            },
-            get pacingEnabled() {
-              return prefs().sections.pacing;
-            },
-            get labelWidth() {
-              return quotaLabelWidth();
-            },
-            get resetCredits() {
-              return fb.resetCredits;
-            },
-            marginTop: 1
-          })
-        });
-      }
-    }), null);
-    _$effect(_$p => _$setProp(_el$34, "fg", theme().text, _$p));
-    return _el$31;
+    return _el$20;
   })();
 }
 
@@ -789,7 +713,11 @@ function QuotaSidebar(props) {
   });
   const theme = () => props.api.theme.current;
   const enabledFallbacks = () => (state().fallbacks ?? []).filter(f => f.enabled);
-  const hasData = () => state().main?.quota != null || enabledFallbacks().length > 0;
+  // 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 headerLabel = () => {
     const name = prefs().header.label;
     return !hasData() ? name : collapsed() ? `\u25b6 ${name}` : `\u25bc ${name}`;
@@ -822,33 +750,33 @@ function QuotaSidebar(props) {
   const refreshBackedOff = () => state().main?.refreshBackedOff === true;
   const degraded = () => killedNames().length > 0 || quotaBackedOff() || refreshBackedOff();
   return (() => {
-    var _el$37 = _$createElement("box"),
-      _el$38 = _$createElement("box"),
-      _el$39 = _$createElement("box"),
-      _el$40 = _$createElement("text"),
-      _el$41 = _$createElement("b");
-    _$insertNode(_el$37, _el$38);
-    _$setProp(_el$37, "width", '100%');
-    _$setProp(_el$37, "flexDirection", 'column');
-    _$setProp(_el$37, "border", SINGLE_BORDER);
-    _$setProp(_el$37, "paddingTop", 1);
-    _$setProp(_el$37, "paddingBottom", 1);
-    _$setProp(_el$37, "paddingLeft", 1);
-    _$setProp(_el$37, "paddingRight", 1);
-    _$insertNode(_el$38, _el$39);
-    _$setProp(_el$38, "width", '100%');
-    _$setProp(_el$38, "flexDirection", 'row');
-    _$setProp(_el$38, "justifyContent", 'space-between');
-    _$setProp(_el$38, "alignItems", 'center');
-    _$setProp(_el$38, "onMouseDown", () => {
+    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", () => {
       if (hasData()) props.controller.toggleCollapsed();
     });
-    _$insertNode(_el$39, _el$40);
-    _$setProp(_el$39, "paddingLeft", 1);
-    _$setProp(_el$39, "paddingRight", 1);
-    _$insertNode(_el$40, _el$41);
-    _$insert(_el$41, headerLabel);
-    _$insert(_el$38, _$createComponent(Show, {
+    _$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, {
       get when() {
         return degraded();
       },
@@ -858,36 +786,36 @@ function QuotaSidebar(props) {
             return prefs().header.showVersion && PLUGIN_VERSION !== '';
           },
           get children() {
-            var _el$50 = _$createElement("text");
-            _$insert(_el$50, `v${PLUGIN_VERSION}`);
-            _$effect(_$p => _$setProp(_el$50, "fg", theme().textMuted, _$p));
-            return _el$50;
+            var _el$44 = _$createElement("text");
+            _$insert(_el$44, `v${PLUGIN_VERSION}`);
+            _$effect(_$p => _$setProp(_el$44, "fg", theme().textMuted, _$p));
+            return _el$44;
           }
         });
       },
       get children() {
-        var _el$42 = _$createElement("box"),
-          _el$43 = _$createElement("text"),
-          _el$44 = _$createElement("b");
-        _$insertNode(_el$42, _el$43);
-        _$setProp(_el$42, "paddingLeft", 1);
-        _$setProp(_el$42, "paddingRight", 1);
-        _$insertNode(_el$43, _el$44);
-        _$insertNode(_el$44, _$createTextNode(`LIMITED`));
+        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`));
         _$effect(_p$ => {
           var _v$12 = theme().warning,
             _v$13 = theme().background;
-          _v$12 !== _p$.e && (_p$.e = _$setProp(_el$42, "backgroundColor", _v$12, _p$.e));
-          _v$13 !== _p$.t && (_p$.t = _$setProp(_el$43, "fg", _v$13, _p$.t));
+          _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));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$42;
+        return _el$36;
       }
     }), null);
-    _$insert(_el$37, _$createComponent(Show, {
+    _$insert(_el$31, _$createComponent(Show, {
       get when() {
         return _$memo(() => !!collapsed())() && hasData();
       },
@@ -906,41 +834,41 @@ function QuotaSidebar(props) {
               },
               get fallback() {
                 return (() => {
-                  var _el$51 = _$createElement("text");
-                  _$insertNode(_el$51, _$createTextNode(`—`));
-                  _$effect(_$p => _$setProp(_el$51, "fg", theme().textMuted, _$p));
-                  return _el$51;
+                  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$46 = _$createElement("box"),
-                  _el$47 = _$createElement("text"),
-                  _el$48 = _$createElement("b"),
-                  _el$49 = _$createElement("text");
-                _$insertNode(_el$46, _el$47);
-                _$insertNode(_el$46, _el$49);
-                _$setProp(_el$46, "flexDirection", 'row');
-                _$insertNode(_el$47, _el$48);
-                _$insert(_el$48, () => activeQuotaSummary().text);
-                _$insert(_el$49, () => activeAccount().killed ? ' \u2298' : ' \u25cf');
+                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$47, "fg", _v$14, _p$.e));
-                  _v$15 !== _p$.t && (_p$.t = _$setProp(_el$49, "fg", _v$15, _p$.t));
+                  _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$46;
+                return _el$40;
               }
             });
           }
         });
       }
     }), null);
-    _$insert(_el$37, _$createComponent(Show, {
+    _$insert(_el$31, _$createComponent(Show, {
       get when() {
         return !collapsed() || !hasData();
       },
@@ -951,14 +879,14 @@ function QuotaSidebar(props) {
           },
           get fallback() {
             return (() => {
-              var _el$53 = _$createElement("box"),
-                _el$54 = _$createElement("text");
-              _$insertNode(_el$53, _el$54);
-              _$setProp(_el$53, "marginTop", 1);
-              _$setProp(_el$53, "width", '100%');
-              _$insertNode(_el$54, _$createTextNode(`Waiting for quota…`));
-              _$effect(_$p => _$setProp(_el$54, "fg", theme().textMuted, _$p));
-              return _el$53;
+              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;
             })();
           },
           get children() {
@@ -972,42 +900,16 @@ function QuotaSidebar(props) {
                     return theme();
                   },
                   title: "Quota"
-                }), _$createComponent(AccountBlock, {
-                  get theme() {
-                    return theme();
-                  },
-                  get appearance() {
-                    return prefs().appearance;
-                  },
-                  name: "main",
-                  get quota() {
-                    return state().main?.quota ?? null;
-                  },
-                  get killed() {
-                    return state().main?.killed ?? false;
-                  },
-                  get active() {
-                    return sessionRouting().activeId === 'main';
-                  },
-                  get pacingEnabled() {
-                    return prefs().sections.pacing;
-                  },
-                  get labelWidth() {
-                    return quotaLabelWidth();
-                  },
-                  get resetCredits() {
-                    return state().main?.resetCredits;
-                  }
                 }), _$createComponent(Show, {
                   get when() {
-                    return prefs().sections.fallbackAccounts;
+                    return !vaultMode();
                   },
-                  get children() {
+                  get fallback() {
                     return _$createComponent(For, {
                       get each() {
-                        return enabledFallbacks();
+                        return enabledVaultAccounts();
                       },
-                      children: fb => _$createComponent(AccountBlock, {
+                      children: (account, index) => _$createComponent(AccountBlock, {
                         get theme() {
                           return theme();
                         },
@@ -1015,16 +917,16 @@ function QuotaSidebar(props) {
                           return prefs().appearance;
                         },
                         get name() {
-                          return fb.label ?? fb.id;
+                          return account.label ?? account.id;
                         },
                         get quota() {
-                          return fb.quota;
+                          return account.quota;
                         },
                         get killed() {
-                          return fb.killed;
+                          return account.killed;
                         },
                         get active() {
-                          return sessionRouting().activeId === fb.id;
+                          return sessionRouting().activeId === account.id;
                         },
                         get pacingEnabled() {
                           return prefs().sections.pacing;
@@ -1033,11 +935,83 @@ function QuotaSidebar(props) {
                           return quotaLabelWidth();
                         },
                         get resetCredits() {
-                          return fb.resetCredits;
+                          return account.resetCredits;
                         },
-                        marginTop: 1
+                        get marginTop() {
+                          return index() === 0 ? 0 : 1;
+                        }
                       })
                     });
+                  },
+                  get children() {
+                    return [_$createComponent(AccountBlock, {
+                      get theme() {
+                        return theme();
+                      },
+                      get appearance() {
+                        return prefs().appearance;
+                      },
+                      name: "main",
+                      get quota() {
+                        return state().main?.quota ?? null;
+                      },
+                      get killed() {
+                        return state().main?.killed ?? false;
+                      },
+                      get active() {
+                        return sessionRouting().activeId === 'main';
+                      },
+                      get pacingEnabled() {
+                        return prefs().sections.pacing;
+                      },
+                      get labelWidth() {
+                        return quotaLabelWidth();
+                      },
+                      get resetCredits() {
+                        return state().main?.resetCredits;
+                      }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return prefs().sections.fallbackAccounts;
+                      },
+                      get children() {
+                        return _$createComponent(For, {
+                          get each() {
+                            return enabledFallbacks();
+                          },
+                          children: fb => _$createComponent(AccountBlock, {
+                            get theme() {
+                              return theme();
+                            },
+                            get appearance() {
+                              return prefs().appearance;
+                            },
+                            get name() {
+                              return fb.label ?? fb.id;
+                            },
+                            get quota() {
+                              return fb.quota;
+                            },
+                            get killed() {
+                              return fb.killed;
+                            },
+                            get active() {
+                              return sessionRouting().activeId === fb.id;
+                            },
+                            get pacingEnabled() {
+                              return prefs().sections.pacing;
+                            },
+                            get labelWidth() {
+                              return quotaLabelWidth();
+                            },
+                            get resetCredits() {
+                              return fb.resetCredits;
+                            },
+                            marginTop: 1
+                          })
+                        });
+                      }
+                    })];
                   }
                 })];
               }
@@ -1156,16 +1130,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$37, "borderColor", _v$16, _p$.e));
-      _v$17 !== _p$.t && (_p$.t = _$setProp(_el$39, "backgroundColor", _v$17, _p$.t));
-      _v$18 !== _p$.a && (_p$.a = _$setProp(_el$40, "fg", _v$18, _p$.a));
+      _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));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$37;
+    return _el$31;
   })();
 }
 const tui = async api => {
@@ -1207,16 +1181,14 @@ const tui = async api => {
       void rpcClient.pending(lastNotificationId, sessionId).then(messages => {
         for (const message of [...messages].sort((a, b) => a.id - b.id)) {
           lastNotificationId = Math.max(lastNotificationId, message.id);
-          if (message.payload.command === 'openai-quota') {
-            api.ui.dialog.setSize('xlarge');
-            api.ui.dialog.replace(() => _$createComponent(QuotaDialogContent, {
-              api: api,
-              controller: controller,
-              sessionId: sessionId
-            }));
+          const payload = message.payload;
+          if (isNotifyPayload(payload)) {
+            api.ui.toast({
+              message: payload.notify.message
+            });
             continue;
           }
-          openCommandDialog(api, message.payload, (command, args) => rpcClient.apply(buildApplyRequest(command, args, sessionId), command === 'openai-reset' ? 90_000 : undefined), sessionId);
+          openCommandDialog(api, payload, request => rpcClient.apply(buildApplyRequest(request, sessionId), MENU_APPLY_TIMEOUT_MS));
         }
       }).catch(() => {}).finally(() => {
         rpcInFlight = false;