@cortexkit/opencode-anthropic-auth 2.0.1 → 2.0.3

package/src/tui-compiled/tui.tsx

@@ -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 { createComponent as _$createComponent } from "opentui:runtime-module:%40opentui%2Fsolid";
+import { createTextNode as _$createTextNode } 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,11 +12,12 @@ 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 { formatQuotaMoney } from "@cortexkit/anthropic-auth-core";
+import { quotaDisplayProjection, quotaWindowParts } from "@cortexkit/anthropic-auth-core";
+import { TextAttributes } from "opentui:runtime-module:%40opentui%2Fcore";
 import { createEffect, createSignal, For, onCleanup, Show } from "opentui:runtime-module:solid-js";
 import { createRpcClient } from "./rpc/rpc-client.js";
 import { getRpcDir } from "./rpc/rpc-dir.js";
-import { computeQuotaPacing, DEFAULT_SIDEBAR_STATE, FIVE_HOUR_MS, formatPrimeAccountValue, formatScopedQuotaLabel, getCollapsedQuotaSummary, getFableRecoverySummary, getSidebarState, resolveActiveAccount, SEVEN_DAY_MS } from "./sidebar-state.js";
+import { computeQuotaPacing, DEFAULT_SIDEBAR_STATE, FIVE_HOUR_MS, formatPrimeAccountValue, formatQuotaRowLabel, getCollapsedAccounts, getCollapsedQuotaSummary, getFableRecoverySummary, getSidebarState, resolveActiveAccount, SEVEN_DAY_MS } from "./sidebar-state.js";
 import { openCommandDialog, openNativeMenuDialog } from "./tui/command-dialogs.js";
 import { computeEffectiveOrder, DEFAULT_SLOT_ORDER, PLUGIN_KEY, queueTuiPreferenceUpdate, readTuiPreferencesFile, resolveAnthropicAuthPrefs, watchTuiPreferences } from "./tui-preferences.js";
 const RPC_POLL_MS = 500;
@@ -198,14 +200,87 @@ function CollapsedRow(props) {
     return _el$8;
   })();
 }
+function CollapsedAccountRow(props) {
+  const [width, setWidth] = createSignal(40);
+  let row;
+  const summary = () => getCollapsedQuotaSummary(props.account.quota);
+  const value = () => summary().text ?? '—';
+  const labelWidth = () => Math.max(0, width() - Bun.stringWidth(value()) - 1);
+  const dim = () => !props.account.active || props.account.quotaDated || summary().stale;
+  const attributes = () => dim() ? TextAttributes.DIM : TextAttributes.BOLD;
+  const color = () => dim() ? props.theme.textMuted : toneColor(props.theme, props.tone);
+  return (() => {
+    var _el$0 = _$createElement("box"),
+      _el$12 = _$createElement("text");
+    _$insertNode(_el$0, _el$12);
+    _$use(element => {
+      row = element;
+      setWidth(element.width || 40);
+    }, _el$0);
+    _$setProp(_el$0, "width", '100%');
+    _$setProp(_el$0, "height", 1);
+    _$setProp(_el$0, "flexDirection", 'row');
+    _$setProp(_el$0, "onSizeChange", () => setWidth(row?.width || 40));
+    _$insert(_el$0, _$createComponent(Show, {
+      get when() {
+        return labelWidth() > 0;
+      },
+      get children() {
+        return [(() => {
+          var _el$1 = _$createElement("text");
+          _$setProp(_el$1, "flexShrink", 0);
+          _$setProp(_el$1, "wrapMode", 'none');
+          _$insert(_el$1, () => formatQuotaRowLabel(props.account.name, labelWidth()));
+          _$effect(_p$ => {
+            var _v$5 = labelWidth(),
+              _v$6 = color(),
+              _v$7 = attributes();
+            _v$5 !== _p$.e && (_p$.e = _$setProp(_el$1, "width", _v$5, _p$.e));
+            _v$6 !== _p$.t && (_p$.t = _$setProp(_el$1, "fg", _v$6, _p$.t));
+            _v$7 !== _p$.a && (_p$.a = _$setProp(_el$1, "attributes", _v$7, _p$.a));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined
+          });
+          return _el$1;
+        })(), (() => {
+          var _el$10 = _$createElement("text");
+          _$insertNode(_el$10, _$createTextNode(` `));
+          _$setProp(_el$10, "width", 1);
+          _$setProp(_el$10, "flexShrink", 0);
+          return _el$10;
+        })()];
+      }
+    }), _el$12);
+    _$setProp(_el$12, "flexShrink", 0);
+    _$setProp(_el$12, "wrapMode", 'none');
+    _$insert(_el$12, value);
+    _$effect(_p$ => {
+      var _v$8 = Bun.stringWidth(value()),
+        _v$9 = color(),
+        _v$0 = attributes();
+      _v$8 !== _p$.e && (_p$.e = _$setProp(_el$12, "width", _v$8, _p$.e));
+      _v$9 !== _p$.t && (_p$.t = _$setProp(_el$12, "fg", _v$9, _p$.t));
+      _v$0 !== _p$.a && (_p$.a = _$setProp(_el$12, "attributes", _v$0, _p$.a));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$0;
+  })();
+}
 
-// Quota window row: muted label left, tone-colored bar + percentage right,
+// Quota window row: muted label left, tone-colored bar + shared figure right,
 // with an optional muted reset suffix. 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 used = () => props.usedPercent ?? 0;
+  const reset = () => props.part?.resetIn;
   const paceLine = () => {
     const pacing = props.pacing;
     if (!pacing || pacing.state === 'on-pace') return null;
@@ -215,105 +290,105 @@ function QuotaRow(props) {
   };
   return _$createComponent(Show, {
     get when() {
-      return props.window;
+      return props.part;
     },
     get fallback() {
       return (() => {
-        var _el$17 = _$createElement("box"),
-          _el$18 = _$createElement("text"),
-          _el$19 = _$createElement("text");
-        _$insertNode(_el$17, _el$18);
-        _$insertNode(_el$17, _el$19);
-        _$setProp(_el$17, "width", '100%');
-        _$setProp(_el$17, "flexDirection", 'row');
-        _$insert(_el$18, () => props.label.padEnd(3));
-        _$insertNode(_el$19, _$createTextNode(`—`));
+        var _el$21 = _$createElement("box"),
+          _el$22 = _$createElement("text"),
+          _el$23 = _$createElement("text");
+        _$insertNode(_el$21, _el$22);
+        _$insertNode(_el$21, _el$23);
+        _$setProp(_el$21, "width", '100%');
+        _$setProp(_el$21, "flexDirection", 'row');
+        _$insert(_el$22, () => `${formatQuotaRowLabel(props.label)} `);
+        _$insertNode(_el$23, _$createTextNode(`—`));
         _$effect(_p$ => {
-          var _v$9 = props.theme.textMuted,
-            _v$0 = props.theme.textMuted;
-          _v$9 !== _p$.e && (_p$.e = _$setProp(_el$18, "fg", _v$9, _p$.e));
-          _v$0 !== _p$.t && (_p$.t = _$setProp(_el$19, "fg", _v$0, _p$.t));
+          var _v$13 = props.theme.textMuted,
+            _v$14 = props.theme.textMuted;
+          _v$13 !== _p$.e && (_p$.e = _$setProp(_el$22, "fg", _v$13, _p$.e));
+          _v$14 !== _p$.t && (_p$.t = _$setProp(_el$23, "fg", _v$14, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$17;
+        return _el$21;
       })();
     },
     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(3));
-        _$insert(_el$1, _$createComponent(For, {
+        var _el$13 = _$createElement("box"),
+          _el$14 = _$createElement("box"),
+          _el$15 = _$createElement("text"),
+          _el$16 = _$createElement("text");
+        _$insertNode(_el$13, _el$14);
+        _$setProp(_el$13, "width", '100%');
+        _$setProp(_el$13, "flexDirection", 'row');
+        _$setProp(_el$13, "justifyContent", 'space-between');
+        _$insertNode(_el$14, _el$15);
+        _$insertNode(_el$14, _el$16);
+        _$setProp(_el$14, "flexDirection", 'row');
+        _$insert(_el$15, () => `${formatQuotaRowLabel(props.label)} `);
+        _$insert(_el$14, _$createComponent(For, {
           get each() {
             return quotaBarSegments(used(), props.appearance, props.pacing);
           },
           children: segment => (() => {
-            var _el$21 = _$createElement("text");
-            _$insert(_el$21, () => segment.text);
-            _$effect(_$p => _$setProp(_el$21, "fg", toneColor(props.theme, segment.tone), _$p));
-            return _el$21;
+            var _el$25 = _$createElement("text");
+            _$insert(_el$25, () => segment.text);
+            _$effect(_$p => _$setProp(_el$25, "fg", toneColor(props.theme, segment.tone), _$p));
+            return _el$25;
           })()
-        }), _el$11);
-        _$insert(_el$11, () => ` ${String(Math.round(used())).padStart(3)}%${props.binding ? ' •' : ''}`);
-        _$insert(_el$0, _$createComponent(Show, {
+        }), _el$16);
+        _$insert(_el$16, () => ` ${props.part?.figure}${props.binding ? ' •' : ''}`);
+        _$insert(_el$13, _$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;
+            var _el$17 = _$createElement("text");
+            _$insert(_el$17, reset);
+            _$effect(_$p => _$setProp(_el$17, "fg", props.theme.textMuted, _$p));
+            return _el$17;
           }
         }), 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));
+          var _v$1 = props.theme.textMuted,
+            _v$10 = toneColor(props.theme, usageTone(used(), props.appearance));
+          _v$1 !== _p$.e && (_p$.e = _$setProp(_el$15, "fg", _v$1, _p$.e));
+          _v$10 !== _p$.t && (_p$.t = _$setProp(_el$16, "fg", _v$10, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$0;
+        return _el$13;
       })(), _$createComponent(Show, {
         get when() {
           return paceLine();
         },
         get children() {
-          var _el$13 = _$createElement("box"),
-            _el$14 = _$createElement("text"),
-            _el$16 = _$createElement("text");
-          _$insertNode(_el$13, _el$14);
-          _$insertNode(_el$13, _el$16);
-          _$setProp(_el$13, "width", '100%');
-          _$setProp(_el$13, "flexDirection", 'row');
-          _$insertNode(_el$14, _$createTextNode(`   `));
-          _$insert(_el$16, paceLine);
+          var _el$18 = _$createElement("box"),
+            _el$19 = _$createElement("text"),
+            _el$20 = _$createElement("text");
+          _$insertNode(_el$18, _el$19);
+          _$insertNode(_el$18, _el$20);
+          _$setProp(_el$18, "width", '100%');
+          _$setProp(_el$18, "flexDirection", 'row');
+          _$insert(_el$19, () => formatQuotaRowLabel('', 11));
+          _$insert(_el$20, 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$16, "fg", _v$8, _p$.t));
+            var _v$11 = props.theme.textMuted,
+              _v$12 = toneColor(props.theme, props.pacing?.state === 'deficit' ? 'warn' : 'muted');
+            _v$11 !== _p$.e && (_p$.e = _$setProp(_el$19, "fg", _v$11, _p$.e));
+            _v$12 !== _p$.t && (_p$.t = _$setProp(_el$20, "fg", _v$12, _p$.t));
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$13;
+          return _el$18;
         }
       })];
     }
@@ -324,38 +399,56 @@ function QuotaRow(props) {
 // Pacing is computed here — per window, against the wall clock at render time
 // (re-evaluated on every state poll) — and disabled by passing false.
 function AccountBlock(props) {
-  const statusWord = () => props.needsReauth ? 're-login' : props.vaultReauth ? 'vault reauth' : props.active ? 'active' : 'idle';
-  const statusTone = () => props.needsReauth || props.vaultReauth ? 'warn' : props.active ? 'ok' : 'muted';
-  const pacingFor = (window, windowMs) => props.pacingEnabled && window ? computeQuotaPacing(window, windowMs, Date.now()) : null;
+  const statusWord = () => props.quotaDated && props.quota ? 'dated' : props.needsReauth ? 're-login' : props.vaultReauth ? 'needs sign-in in the vault' : props.active ? 'active' : 'idle';
+  const statusTone = () => props.needsReauth || props.vaultReauth || props.stateLine ? 'warn' : props.active ? 'ok' : 'muted';
+  const pacingFor = (window, windowMs) => props.pacingEnabled && !props.quotaDated && window ? computeQuotaPacing(window, windowMs, Date.now()) : null;
+  const parts = () => {
+    const now = Date.now();
+    return quotaWindowParts(quotaDisplayProjection(props.quota, now), {
+      now
+    });
+  };
+  const partFor = name => parts().windows.find(part => part.name === name);
   return (() => {
-    var _el$22 = _$createElement("box"),
-      _el$23 = _$createElement("box"),
-      _el$24 = _$createElement("text"),
-      _el$25 = _$createElement("b"),
-      _el$26 = _$createElement("text"),
-      _el$27 = _$createElement("b");
-    _$insertNode(_el$22, _el$23);
-    _$setProp(_el$22, "width", '100%');
-    _$setProp(_el$22, "flexDirection", 'column');
-    _$insertNode(_el$23, _el$24);
-    _$insertNode(_el$23, _el$26);
-    _$setProp(_el$23, "width", '100%');
-    _$setProp(_el$23, "flexDirection", 'row');
-    _$setProp(_el$23, "justifyContent", 'space-between');
-    _$insertNode(_el$24, _el$25);
-    _$insert(_el$25, () => `${props.name}${props.tierLabel ? ` · ${props.tierLabel}` : ''}`);
+    var _el$26 = _$createElement("box"),
+      _el$27 = _$createElement("box"),
+      _el$28 = _$createElement("text"),
+      _el$29 = _$createElement("b"),
+      _el$30 = _$createElement("text"),
+      _el$31 = _$createElement("b");
     _$insertNode(_el$26, _el$27);
-    _$insert(_el$27, statusWord);
-    _$insert(_el$22, _$createComponent(Show, {
+    _$setProp(_el$26, "width", '100%');
+    _$setProp(_el$26, "flexDirection", 'column');
+    _$insertNode(_el$27, _el$28);
+    _$insertNode(_el$27, _el$30);
+    _$setProp(_el$27, "width", '100%');
+    _$setProp(_el$27, "flexDirection", 'row');
+    _$setProp(_el$27, "justifyContent", 'space-between');
+    _$insertNode(_el$28, _el$29);
+    _$insert(_el$29, () => `${props.name}${props.tierLabel ? ` · ${props.tierLabel}` : ''}`);
+    _$insertNode(_el$30, _el$31);
+    _$insert(_el$31, statusWord);
+    _$insert(_el$26, _$createComponent(Show, {
+      get when() {
+        return props.stateLine;
+      },
+      get children() {
+        var _el$32 = _$createElement("text");
+        _$insert(_el$32, () => props.stateLine);
+        _$effect(_$p => _$setProp(_el$32, "fg", props.theme.textMuted, _$p));
+        return _el$32;
+      }
+    }), null);
+    _$insert(_el$26, _$createComponent(Show, {
       get when() {
         return props.quota;
       },
       get fallback() {
         return (() => {
-          var _el$30 = _$createElement("text");
-          _$insertNode(_el$30, _$createTextNode(`checking…`));
-          _$effect(_$p => _$setProp(_el$30, "fg", props.theme.textMuted, _$p));
-          return _el$30;
+          var _el$36 = _$createElement("text");
+          _$insertNode(_el$36, _$createTextNode(`checking…`));
+          _$effect(_$p => _$setProp(_el$36, "fg", props.theme.textMuted, _$p));
+          return _el$36;
         })();
       },
       get children() {
@@ -367,8 +460,11 @@ function AccountBlock(props) {
             return props.appearance;
           },
           label: "5h",
-          get window() {
-            return props.quota?.five_hour;
+          get part() {
+            return partFor('5h');
+          },
+          get usedPercent() {
+            return props.quota?.five_hour?.usedPercent;
           },
           get pacing() {
             return pacingFor(props.quota?.five_hour, FIVE_HOUR_MS);
@@ -384,8 +480,11 @@ function AccountBlock(props) {
             return props.appearance;
           },
           label: "7d",
-          get window() {
-            return props.quota?.seven_day;
+          get part() {
+            return partFor('7d');
+          },
+          get usedPercent() {
+            return props.quota?.seven_day?.usedPercent;
           },
           get pacing() {
             return pacingFor(props.quota?.seven_day, SEVEN_DAY_MS);
@@ -405,9 +504,14 @@ function AccountBlock(props) {
               return props.appearance;
             },
             get label() {
-              return formatScopedQuotaLabel(window.title);
+              return partFor(window.title)?.name ?? window.title;
+            },
+            get part() {
+              return partFor(window.title);
+            },
+            get usedPercent() {
+              return window.usedPercent;
             },
-            window: window,
             get pacing() {
               return pacingFor(window, SEVEN_DAY_MS);
             },
@@ -417,44 +521,53 @@ function AccountBlock(props) {
           })
         }), _$createComponent(Show, {
           get when() {
-            return props.quota?.extraUsage;
+            return partFor('credits');
           },
-          children: extraUsage => (() => {
-            var _el$32 = _$createElement("text");
-            _$insert(_el$32, () => `credits ${formatQuotaMoney(extraUsage().used)}/${formatQuotaMoney(extraUsage().limit)}${extraUsage().exhausted ? ' · exhausted' : ''}`);
-            _$effect(_$p => _$setProp(_el$32, "fg", toneColor(props.theme, extraUsage().severity === 'critical' ? 'err' : extraUsage().severity === 'warning' || extraUsage().exhausted ? 'warn' : 'muted'), _$p));
-            return _el$32;
+          children: budget => (() => {
+            var _el$38 = _$createElement("text");
+            _$insert(_el$38, () => budget().figure);
+            _$effect(_$p => _$setProp(_el$38, "fg", toneColor(props.theme, props.quota?.extraUsage?.severity === 'critical' ? 'err' : props.quota?.extraUsage?.severity === 'warning' || props.quota?.extraUsage?.exhausted ? 'warn' : 'muted'), _$p));
+            return _el$38;
           })()
+        }), _$createComponent(Show, {
+          get when() {
+            return parts().age;
+          },
+          get children() {
+            var _el$33 = _$createElement("text");
+            _$insert(_el$33, () => parts().age);
+            _$effect(_$p => _$setProp(_el$33, "fg", props.theme.textMuted, _$p));
+            return _el$33;
+          }
         }), _$createComponent(Show, {
           get when() {
             return props.quota?.fallbackAdvised === true;
           },
           get children() {
-            var _el$28 = _$createElement("text");
-            _$insertNode(_el$28, _$createTextNode(`→ fallback advised`));
-            _$effect(_$p => _$setProp(_el$28, "fg", props.theme.textMuted, _$p));
-            return _el$28;
+            var _el$34 = _$createElement("text");
+            _$insertNode(_el$34, _$createTextNode(`→ fallback advised`));
+            _$effect(_$p => _$setProp(_el$34, "fg", props.theme.textMuted, _$p));
+            return _el$34;
           }
         })];
       }
     }), null);
     _$effect(_p$ => {
-      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$22, "marginTop", _v$1, _p$.e));
-      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$24, "fg", _v$10, _p$.t));
-      _v$11 !== _p$.a && (_p$.a = _$setProp(_el$26, "fg", _v$11, _p$.a));
+      var _v$15 = props.marginTop ?? 0,
+        _v$16 = props.theme.text,
+        _v$17 = toneColor(props.theme, statusTone());
+      _v$15 !== _p$.e && (_p$.e = _$setProp(_el$26, "marginTop", _v$15, _p$.e));
+      _v$16 !== _p$.t && (_p$.t = _$setProp(_el$28, "fg", _v$16, _p$.t));
+      _v$17 !== _p$.a && (_p$.a = _$setProp(_el$30, "fg", _v$17, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$22;
+    return _el$26;
   })();
 }
-export { formatQuotaMoney };
 
 // --- Quota dialog content ---------------------------------------------------
 
@@ -477,28 +590,28 @@ function QuotaDialogContent(props) {
   });
   setTimeout(refresh, 0);
   const theme = () => props.api.theme.current;
-  const enabledFallbacks = () => (state().fallbacks ?? []).filter(f => f.enabled);
+  const enabledFallbacks = () => (state().fallbacks ?? []).filter(f => f.enabled || f.custodyState && f.custodyState !== 'off');
   return (() => {
-    var _el$33 = _$createElement("box"),
-      _el$34 = _$createElement("box"),
-      _el$35 = _$createElement("box"),
-      _el$36 = _$createElement("text"),
-      _el$37 = _$createElement("b");
-    _$insertNode(_el$33, _el$34);
-    _$setProp(_el$33, "flexDirection", 'column');
-    _$setProp(_el$33, "padding", 2);
-    _$setProp(_el$33, "width", '100%');
-    _$setProp(_el$33, "alignItems", 'center');
-    _$insertNode(_el$34, _el$35);
-    _$setProp(_el$34, "flexDirection", 'column');
-    _$setProp(_el$34, "width", 58);
-    _$insertNode(_el$35, _el$36);
-    _$setProp(_el$35, "width", '100%');
-    _$setProp(_el$35, "justifyContent", 'center');
-    _$setProp(_el$35, "marginBottom", 1);
-    _$insertNode(_el$36, _el$37);
-    _$insertNode(_el$37, _$createTextNode(`Quota`));
-    _$insert(_el$34, _$createComponent(AccountBlock, {
+    var _el$39 = _$createElement("box"),
+      _el$40 = _$createElement("box"),
+      _el$41 = _$createElement("box"),
+      _el$42 = _$createElement("text"),
+      _el$43 = _$createElement("b");
+    _$insertNode(_el$39, _el$40);
+    _$setProp(_el$39, "flexDirection", 'column');
+    _$setProp(_el$39, "padding", 2);
+    _$setProp(_el$39, "width", '100%');
+    _$setProp(_el$39, "alignItems", 'center');
+    _$insertNode(_el$40, _el$41);
+    _$setProp(_el$40, "flexDirection", 'column');
+    _$setProp(_el$40, "width", 58);
+    _$insertNode(_el$41, _el$42);
+    _$setProp(_el$41, "width", '100%');
+    _$setProp(_el$41, "justifyContent", 'center');
+    _$setProp(_el$41, "marginBottom", 1);
+    _$insertNode(_el$42, _el$43);
+    _$insertNode(_el$43, _$createTextNode(`Quota`));
+    _$insert(_el$40, _$createComponent(AccountBlock, {
       get theme() {
         return theme();
       },
@@ -517,9 +630,15 @@ function QuotaDialogContent(props) {
       },
       get tierLabel() {
         return state().main?.tierLabel;
+      },
+      get stateLine() {
+        return state().main?.stateLine;
+      },
+      get quotaDated() {
+        return state().main?.quotaDated;
       }
     }), null);
-    _$insert(_el$34, _$createComponent(Show, {
+    _$insert(_el$40, _$createComponent(Show, {
       get when() {
         return prefs().sections.fallbackAccounts;
       },
@@ -553,13 +672,22 @@ function QuotaDialogContent(props) {
             get needsReauth() {
               return fb.needsReauth;
             },
+            get vaultReauth() {
+              return fb.vaultReauth;
+            },
+            get stateLine() {
+              return fb.stateLine;
+            },
+            get quotaDated() {
+              return fb.quotaDated;
+            },
             marginTop: 1
           })
         });
       }
     }), null);
-    _$effect(_$p => _$setProp(_el$36, "fg", theme().text, _$p));
-    return _el$33;
+    _$effect(_$p => _$setProp(_el$42, "fg", theme().text, _$p));
+    return _el$39;
   })();
 }
 
@@ -651,8 +779,8 @@ function QuotaSidebar(props) {
     for (const u of unsubs) u();
   });
   const theme = () => props.api.theme.current;
-  const enabledFallbacks = () => (state().fallbacks ?? []).filter(f => f.enabled);
-  const hasData = () => state().main?.quota != null || enabledFallbacks().length > 0;
+  const enabledFallbacks = () => (state().fallbacks ?? []).filter(f => f.enabled || f.custodyState && f.custodyState !== 'off');
+  const hasData = () => state().main?.quota != null || state().main?.stateLine != null || enabledFallbacks().length > 0;
   const headerLabel = () => {
     const name = prefs().header.label;
     return !hasData() ? name : collapsed() ? `\u25b6 ${name}` : `\u25bc ${name}`;
@@ -661,6 +789,7 @@ function QuotaSidebar(props) {
   const activeQuotaSummary = () => getCollapsedQuotaSummary(activeAccount().quota);
   const activePacingDeficit = () => {
     if (!prefs().sections.pacing) return false;
+    if (activeAccount().quotaDated) return null;
     const quota = activeAccount().quota;
     if (!quota) return false;
     const now = Date.now();
@@ -695,33 +824,33 @@ function QuotaSidebar(props) {
     return `${r.transport} \u00b7 ${r.enabled ? 'on' : 'off'}`;
   };
   return (() => {
-    var _el$39 = _$createElement("box"),
-      _el$40 = _$createElement("box"),
-      _el$41 = _$createElement("box"),
-      _el$42 = _$createElement("text"),
-      _el$43 = _$createElement("b");
-    _$insertNode(_el$39, _el$40);
-    _$setProp(_el$39, "width", '100%');
-    _$setProp(_el$39, "flexDirection", 'column');
-    _$setProp(_el$39, "border", SINGLE_BORDER);
-    _$setProp(_el$39, "paddingTop", 1);
-    _$setProp(_el$39, "paddingBottom", 1);
-    _$setProp(_el$39, "paddingLeft", 1);
-    _$setProp(_el$39, "paddingRight", 1);
-    _$insertNode(_el$40, _el$41);
-    _$setProp(_el$40, "width", '100%');
-    _$setProp(_el$40, "flexDirection", 'row');
-    _$setProp(_el$40, "justifyContent", 'space-between');
-    _$setProp(_el$40, "alignItems", 'center');
-    _$setProp(_el$40, "onMouseDown", () => {
+    var _el$45 = _$createElement("box"),
+      _el$46 = _$createElement("box"),
+      _el$47 = _$createElement("box"),
+      _el$48 = _$createElement("text"),
+      _el$49 = _$createElement("b");
+    _$insertNode(_el$45, _el$46);
+    _$setProp(_el$45, "width", '100%');
+    _$setProp(_el$45, "flexDirection", 'column');
+    _$setProp(_el$45, "border", SINGLE_BORDER);
+    _$setProp(_el$45, "paddingTop", 1);
+    _$setProp(_el$45, "paddingBottom", 1);
+    _$setProp(_el$45, "paddingLeft", 1);
+    _$setProp(_el$45, "paddingRight", 1);
+    _$insertNode(_el$46, _el$47);
+    _$setProp(_el$46, "width", '100%');
+    _$setProp(_el$46, "flexDirection", 'row');
+    _$setProp(_el$46, "justifyContent", 'space-between');
+    _$setProp(_el$46, "alignItems", 'center');
+    _$setProp(_el$46, "onMouseDown", () => {
       if (hasData()) props.controller.toggleCollapsed();
     });
-    _$insertNode(_el$41, _el$42);
-    _$setProp(_el$41, "paddingLeft", 1);
-    _$setProp(_el$41, "paddingRight", 1);
-    _$insertNode(_el$42, _el$43);
-    _$insert(_el$43, headerLabel);
-    _$insert(_el$40, _$createComponent(Show, {
+    _$insertNode(_el$47, _el$48);
+    _$setProp(_el$47, "paddingLeft", 1);
+    _$setProp(_el$47, "paddingRight", 1);
+    _$insertNode(_el$48, _el$49);
+    _$insert(_el$49, headerLabel);
+    _$insert(_el$46, _$createComponent(Show, {
       get when() {
         return degraded();
       },
@@ -731,70 +860,53 @@ function QuotaSidebar(props) {
             return prefs().header.showVersion && PLUGIN_VERSION !== '';
           },
           get children() {
-            var _el$53 = _$createElement("text");
-            _$insert(_el$53, `v${PLUGIN_VERSION}`);
-            _$effect(_$p => _$setProp(_el$53, "fg", theme().textMuted, _$p));
-            return _el$53;
+            var _el$57 = _$createElement("text");
+            _$insert(_el$57, `v${PLUGIN_VERSION}`);
+            _$effect(_$p => _$setProp(_el$57, "fg", theme().textMuted, _$p));
+            return _el$57;
           }
         });
       },
       get children() {
-        var _el$44 = _$createElement("box"),
-          _el$45 = _$createElement("text"),
-          _el$46 = _$createElement("b");
-        _$insertNode(_el$44, _el$45);
-        _$setProp(_el$44, "paddingLeft", 1);
-        _$setProp(_el$44, "paddingRight", 1);
-        _$insertNode(_el$45, _el$46);
-        _$insertNode(_el$46, _$createTextNode(`LIMITED`));
+        var _el$50 = _$createElement("box"),
+          _el$51 = _$createElement("text"),
+          _el$52 = _$createElement("b");
+        _$insertNode(_el$50, _el$51);
+        _$setProp(_el$50, "paddingLeft", 1);
+        _$setProp(_el$50, "paddingRight", 1);
+        _$insertNode(_el$51, _el$52);
+        _$insertNode(_el$52, _$createTextNode(`LIMITED`));
         _$effect(_p$ => {
-          var _v$12 = theme().warning,
-            _v$13 = theme().background;
-          _v$12 !== _p$.e && (_p$.e = _$setProp(_el$44, "backgroundColor", _v$12, _p$.e));
-          _v$13 !== _p$.t && (_p$.t = _$setProp(_el$45, "fg", _v$13, _p$.t));
+          var _v$18 = theme().warning,
+            _v$19 = theme().background;
+          _v$18 !== _p$.e && (_p$.e = _$setProp(_el$50, "backgroundColor", _v$18, _p$.e));
+          _v$19 !== _p$.t && (_p$.t = _$setProp(_el$51, "fg", _v$19, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$44;
+        return _el$50;
       }
     }), null);
-    _$insert(_el$39, _$createComponent(Show, {
+    _$insert(_el$45, _$createComponent(Show, {
       get when() {
         return _$memo(() => !!collapsed())() && hasData();
       },
       get children() {
-        return [_$createComponent(CollapsedRow, {
-          get theme() {
-            return theme();
-          },
-          get label() {
-            return activeAccount().name;
+        return [_$createComponent(For, {
+          get each() {
+            return getCollapsedAccounts(state(), prefs().sections.fallbackAccounts);
           },
-          get children() {
-            return _$createComponent(Show, {
-              get when() {
-                return activeQuotaSummary().text != null;
-              },
-              get fallback() {
-                return (() => {
-                  var _el$54 = _$createElement("text");
-                  _$insertNode(_el$54, _$createTextNode(`—`));
-                  _$effect(_$p => _$setProp(_el$54, "fg", theme().textMuted, _$p));
-                  return _el$54;
-                })();
-              },
-              get children() {
-                var _el$48 = _$createElement("text"),
-                  _el$49 = _$createElement("b");
-                _$insertNode(_el$48, _el$49);
-                _$insert(_el$49, () => activeQuotaSummary().text);
-                _$effect(_$p => _$setProp(_el$48, "fg", toneColor(theme(), activeQuotaTone()), _$p));
-                return _el$48;
-              }
-            });
-          }
+          children: account => _$createComponent(CollapsedAccountRow, {
+            get theme() {
+              return theme();
+            },
+            account: account,
+            get tone() {
+              return activeQuotaTone();
+            }
+          })
         }), _$createComponent(Show, {
           get when() {
             return state().fastMode;
@@ -806,12 +918,12 @@ function QuotaSidebar(props) {
               },
               label: "Mode",
               get children() {
-                var _el$50 = _$createElement("text"),
-                  _el$51 = _$createElement("b");
-                _$insertNode(_el$50, _el$51);
-                _$insertNode(_el$51, _$createTextNode(`fast`));
-                _$effect(_$p => _$setProp(_el$50, "fg", toneColor(theme(), 'accent'), _$p));
-                return _el$50;
+                var _el$54 = _$createElement("text"),
+                  _el$55 = _$createElement("b");
+                _$insertNode(_el$54, _el$55);
+                _$insertNode(_el$55, _$createTextNode(`fast`));
+                _$effect(_$p => _$setProp(_el$54, "fg", toneColor(theme(), 'accent'), _$p));
+                return _el$54;
               }
             });
           }
@@ -825,18 +937,18 @@ function QuotaSidebar(props) {
             },
             label: "Recovery",
             get children() {
-              var _el$56 = _$createElement("text"),
-                _el$57 = _$createElement("b");
-              _$insertNode(_el$56, _el$57);
-              _$insert(_el$57, summary);
-              _$effect(_$p => _$setProp(_el$56, "fg", toneColor(theme(), fableRecoveryTone()), _$p));
-              return _el$56;
+              var _el$58 = _$createElement("text"),
+                _el$59 = _$createElement("b");
+              _$insertNode(_el$58, _el$59);
+              _$insert(_el$59, summary);
+              _$effect(_$p => _$setProp(_el$58, "fg", toneColor(theme(), fableRecoveryTone()), _$p));
+              return _el$58;
             }
           })
         })];
       }
     }), null);
-    _$insert(_el$39, _$createComponent(Show, {
+    _$insert(_el$45, _$createComponent(Show, {
       get when() {
         return !collapsed() || !hasData();
       },
@@ -847,14 +959,14 @@ function QuotaSidebar(props) {
           },
           get fallback() {
             return (() => {
-              var _el$58 = _$createElement("box"),
-                _el$59 = _$createElement("text");
-              _$insertNode(_el$58, _el$59);
-              _$setProp(_el$58, "marginTop", 1);
-              _$setProp(_el$58, "width", '100%');
-              _$insertNode(_el$59, _$createTextNode(`Waiting for quota…`));
-              _$effect(_$p => _$setProp(_el$59, "fg", theme().textMuted, _$p));
-              return _el$58;
+              var _el$60 = _$createElement("box"),
+                _el$61 = _$createElement("text");
+              _$insertNode(_el$60, _el$61);
+              _$setProp(_el$60, "marginTop", 1);
+              _$setProp(_el$60, "width", '100%');
+              _$insertNode(_el$61, _$createTextNode(`Waiting for quota…`));
+              _$effect(_$p => _$setProp(_el$61, "fg", theme().textMuted, _$p));
+              return _el$60;
             })();
           },
           get children() {
@@ -887,6 +999,12 @@ function QuotaSidebar(props) {
                   },
                   get tierLabel() {
                     return state().main?.tierLabel;
+                  },
+                  get stateLine() {
+                    return state().main?.stateLine;
+                  },
+                  get quotaDated() {
+                    return state().main?.quotaDated;
                   }
                 }), _$createComponent(Show, {
                   get when() {
@@ -925,6 +1043,12 @@ function QuotaSidebar(props) {
                         get vaultReauth() {
                           return fb.vaultReauth;
                         },
+                        get stateLine() {
+                          return fb.stateLine;
+                        },
+                        get quotaDated() {
+                          return fb.quotaDated;
+                        },
                         marginTop: 1
                       })
                     });
@@ -1118,19 +1242,19 @@ function QuotaSidebar(props) {
       }
     }), null);
     _$effect(_p$ => {
-      var _v$14 = theme().borderActive,
-        _v$15 = theme().accent,
-        _v$16 = theme().background;
-      _v$14 !== _p$.e && (_p$.e = _$setProp(_el$39, "borderColor", _v$14, _p$.e));
-      _v$15 !== _p$.t && (_p$.t = _$setProp(_el$41, "backgroundColor", _v$15, _p$.t));
-      _v$16 !== _p$.a && (_p$.a = _$setProp(_el$42, "fg", _v$16, _p$.a));
+      var _v$20 = theme().borderActive,
+        _v$21 = theme().accent,
+        _v$22 = theme().background;
+      _v$20 !== _p$.e && (_p$.e = _$setProp(_el$45, "borderColor", _v$20, _p$.e));
+      _v$21 !== _p$.t && (_p$.t = _$setProp(_el$47, "backgroundColor", _v$21, _p$.t));
+      _v$22 !== _p$.a && (_p$.a = _$setProp(_el$48, "fg", _v$22, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$39;
+    return _el$45;
   })();
 }
 const tui = async api => {