@cortexkit/opencode-openai-auth 1.1.0 → 1.2.0

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

@@ -1,6 +1,7 @@
-import { memo as _$memo } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { createTextNode as _$createTextNode } from "opentui:runtime-module:%40opentui%2Fsolid";
+import { memo as _$memo } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { createComponent as _$createComponent } from "opentui:runtime-module:%40opentui%2Fsolid";
+import { use as _$use } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { effect as _$effect } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { insertNode as _$insertNode } from "opentui:runtime-module:%40opentui%2Fsolid";
 import { insert as _$insert } from "opentui:runtime-module:%40opentui%2Fsolid";
@@ -12,12 +13,12 @@ import { readFileSync } from "node:fs";
 import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 import { formatQuota, quotaTextParts, quotaWindowParts } from "./shared/d5a8f1061ee2f114-index.js";
-import { createEffect, createSignal, For, onCleanup, Show } from "opentui:runtime-module:solid-js";
+import { createEffect, createSignal, For, Index, onCleanup, Show } from "opentui:runtime-module:solid-js";
 import { createLogger } from "./logger.js";
 import { isNotifyPayload } from "./rpc/protocol.js";
 import { createRpcClient } from "./rpc/rpc-client.js";
 import { resolveRpcDir } from "./rpc/rpc-dir.js";
-import { computeQuotaPacing, DEFAULT_SIDEBAR_STATE, getCollapsedQuotaSummary, getPresentQuotaWindows, getSidebarState, resolveActiveAccount, resolveSessionSidebarRouting, resolveSessionStickyAccount, sidebarQuotaProjection } from "./sidebar-state.js";
+import { computeQuotaPacing, DEFAULT_SIDEBAR_STATE, displayWidth, fitCollapsedLabel, getCollapsedAccountLines, getCollapsedQuotaSummary, getPresentQuotaWindows, getSidebarState, resolveActiveAccount, resolveSessionSidebarRouting, resolveSessionStickyAccount, sidebarQuotaProjection } from "./sidebar-state.js";
 import { openCommandDialog } from "./tui/command-dialogs.js";
 import { setupTui } from "./tui/v2.js";
 import { computeEffectiveOrder, DEFAULT_SLOT_ORDER, PLUGIN_KEY, queueTuiPreferenceUpdate, readTuiPreferencesFile, resolveOpenaiAuthPrefs, watchTuiPreferences } from "./tui-preferences.js";
@@ -203,19 +204,82 @@ function StatRow(props) {
   })();
 }
 
-// Compact row for the collapsed view: muted label left, caller-provided value
-// right. Mirrors StatRow's layout so columns line up.
-function CollapsedRow(props) {
+// One account in the collapsed view: label left; narrow quota text and the
+// status dot right (red ⊘ when killed). The session's account keeps the
+// usage tone; other accounts, and any account whose reading is stale, are
+// drawn muted. The row measures its own width so only the label is cut (with
+// …) when the line does not fit; the quota text is never cut.
+function CollapsedAccountRow(props) {
+  const [width, setWidth] = createSignal(0);
+  let row;
+  const dim = () => props.line.stale || !props.line.active;
+  const label = () => {
+    const columns = width();
+    if (columns <= 0) return props.line.name;
+    // The value side is the text plus ` ●`, or a lone `—`; one column
+    // separates it from the label.
+    const value = props.line.text === null ? 1 : displayWidth(props.line.text) + 2;
+    return fitCollapsedLabel(props.line.name, columns - value - 1);
+  };
   return (() => {
     var _el$8 = _$createElement("box"),
       _el$9 = _$createElement("text");
     _$insertNode(_el$8, _el$9);
+    _$use(element => {
+      row = element;
+    }, _el$8);
+    _$setProp(_el$8, "onSizeChange", () => setWidth(row?.width ?? 0));
     _$setProp(_el$8, "width", '100%');
     _$setProp(_el$8, "flexDirection", 'row');
     _$setProp(_el$8, "justifyContent", 'space-between');
-    _$insert(_el$9, () => props.label);
-    _$insert(_el$8, () => props.children, null);
-    _$effect(_$p => _$setProp(_el$9, "fg", props.theme.textMuted, _$p));
+    _$setProp(_el$9, "wrapMode", 'none');
+    _$setProp(_el$9, "flexShrink", 1);
+    _$insert(_el$9, label);
+    _$insert(_el$8, _$createComponent(Show, {
+      get when() {
+        return props.line.text !== null;
+      },
+      get fallback() {
+        return (() => {
+          var _el$12 = _$createElement("text");
+          _$insertNode(_el$12, _$createTextNode(`—`));
+          _$effect(_$p => _$setProp(_el$12, "fg", props.theme.textMuted, _$p));
+          return _el$12;
+        })();
+      },
+      get children() {
+        var _el$0 = _$createElement("box"),
+          _el$11 = _$createElement("text");
+        _$insertNode(_el$0, _el$11);
+        _$setProp(_el$0, "flexDirection", 'row');
+        _$setProp(_el$0, "flexShrink", 0);
+        _$insert(_el$0, _$createComponent(Show, {
+          get when() {
+            return !dim();
+          },
+          get fallback() {
+            return (() => {
+              var _el$14 = _$createElement("text");
+              _$insert(_el$14, () => props.line.text);
+              _$effect(_$p => _$setProp(_el$14, "fg", toneColor(props.theme, 'muted'), _$p));
+              return _el$14;
+            })();
+          },
+          get children() {
+            var _el$1 = _$createElement("text"),
+              _el$10 = _$createElement("b");
+            _$insertNode(_el$1, _el$10);
+            _$insert(_el$10, () => props.line.text);
+            _$effect(_$p => _$setProp(_el$1, "fg", toneColor(props.theme, props.tone), _$p));
+            return _el$1;
+          }
+        }), _el$11);
+        _$insert(_el$11, () => props.line.killed ? ' \u2298' : ' \u25cf');
+        _$effect(_$p => _$setProp(_el$11, "fg", toneColor(props.theme, props.line.killed ? 'err' : dim() ? 'muted' : props.tone), _$p));
+        return _el$0;
+      }
+    }), null);
+    _$effect(_$p => _$setProp(_el$9, "fg", toneColor(props.theme, dim() ? 'muted' : 'text'), _$p));
     return _el$8;
   })();
 }
@@ -393,101 +457,101 @@ 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$23 = _$createElement("box"),
+          _el$24 = _$createElement("text"),
+          _el$25 = _$createElement("text");
+        _$insertNode(_el$23, _el$24);
+        _$insertNode(_el$23, _el$25);
+        _$setProp(_el$23, "width", '100%');
+        _$setProp(_el$23, "flexDirection", 'row');
+        _$insert(_el$24, () => props.label.padEnd(props.labelWidth));
+        _$insertNode(_el$25, _$createTextNode(`—`));
         _$effect(_p$ => {
           var _v$9 = props.theme.textMuted,
             _v$0 = props.theme.textMuted;
-          _v$9 !== _p$.e && (_p$.e = _$setProp(_el$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$24, "fg", _v$9, _p$.e));
+          _v$0 !== _p$.t && (_p$.t = _$setProp(_el$25, "fg", _v$0, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$16;
+        return _el$23;
       })();
     },
     get children() {
       return [(() => {
-        var _el$0 = _$createElement("box"),
-          _el$1 = _$createElement("box"),
-          _el$10 = _$createElement("text"),
-          _el$11 = _$createElement("text");
-        _$insertNode(_el$0, _el$1);
-        _$setProp(_el$0, "width", '100%');
-        _$setProp(_el$0, "flexDirection", 'row');
-        _$setProp(_el$0, "justifyContent", 'space-between');
-        _$insertNode(_el$1, _el$10);
-        _$insertNode(_el$1, _el$11);
-        _$setProp(_el$1, "flexDirection", 'row');
-        _$insert(_el$10, () => props.label.padEnd(props.labelWidth));
-        _$insert(_el$1, _$createComponent(For, {
+        var _el$15 = _$createElement("box"),
+          _el$16 = _$createElement("box"),
+          _el$17 = _$createElement("text"),
+          _el$18 = _$createElement("text");
+        _$insertNode(_el$15, _el$16);
+        _$setProp(_el$15, "width", '100%');
+        _$setProp(_el$15, "flexDirection", 'row');
+        _$setProp(_el$15, "justifyContent", 'space-between');
+        _$insertNode(_el$16, _el$17);
+        _$insertNode(_el$16, _el$18);
+        _$setProp(_el$16, "flexDirection", 'row');
+        _$insert(_el$17, () => props.label.padEnd(props.labelWidth));
+        _$insert(_el$16, _$createComponent(For, {
           get each() {
             return quotaBarSegments(used(), props.appearance, props.pacing);
           },
           children: segment => (() => {
-            var _el$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$27 = _$createElement("text");
+            _$insert(_el$27, () => segment.text);
+            _$effect(_$p => _$setProp(_el$27, "fg", toneColor(props.theme, segment.tone), _$p));
+            return _el$27;
           })()
-        }), _el$11);
-        _$insert(_el$11, () => ` ${props.text.slice(props.label.length + 1)}`);
-        _$insert(_el$0, _$createComponent(Show, {
+        }), _el$18);
+        _$insert(_el$18, () => ` ${props.text.slice(props.label.length + 1)}`);
+        _$insert(_el$15, _$createComponent(Show, {
           get when() {
             return props.resetText;
           },
           get children() {
-            var _el$12 = _$createElement("text");
-            _$insert(_el$12, () => props.resetText);
-            _$effect(_$p => _$setProp(_el$12, "fg", props.theme.textMuted, _$p));
-            return _el$12;
+            var _el$19 = _$createElement("text");
+            _$insert(_el$19, () => props.resetText);
+            _$effect(_$p => _$setProp(_el$19, "fg", props.theme.textMuted, _$p));
+            return _el$19;
           }
         }), null);
         _$effect(_p$ => {
           var _v$5 = props.theme.textMuted,
             _v$6 = toneColor(props.theme, usageTone(used(), props.appearance));
-          _v$5 !== _p$.e && (_p$.e = _$setProp(_el$10, "fg", _v$5, _p$.e));
-          _v$6 !== _p$.t && (_p$.t = _$setProp(_el$11, "fg", _v$6, _p$.t));
+          _v$5 !== _p$.e && (_p$.e = _$setProp(_el$17, "fg", _v$5, _p$.e));
+          _v$6 !== _p$.t && (_p$.t = _$setProp(_el$18, "fg", _v$6, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$0;
+        return _el$15;
       })(), _$createComponent(Show, {
         get when() {
           return paceLine();
         },
         get children() {
-          var _el$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$20 = _$createElement("box"),
+            _el$21 = _$createElement("text"),
+            _el$22 = _$createElement("text");
+          _$insertNode(_el$20, _el$21);
+          _$insertNode(_el$20, _el$22);
+          _$setProp(_el$20, "width", '100%');
+          _$setProp(_el$20, "flexDirection", 'row');
+          _$insert(_el$21, () => ''.padEnd(props.labelWidth));
+          _$insert(_el$22, paceLine);
           _$effect(_p$ => {
             var _v$7 = props.theme.textMuted,
               _v$8 = toneColor(props.theme, props.pacing?.state === 'deficit' ? 'warn' : 'muted');
-            _v$7 !== _p$.e && (_p$.e = _$setProp(_el$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$21, "fg", _v$7, _p$.e));
+            _v$8 !== _p$.t && (_p$.t = _$setProp(_el$22, "fg", _v$8, _p$.t));
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$13;
+          return _el$20;
         }
       })];
     }
@@ -502,56 +566,56 @@ function AccountBlock(props) {
   const statusTone = () => props.killed ? 'err' : props.active ? 'ok' : 'muted';
   const rows = () => buildQuotaRowsForDisplay(props.quota, Date.now(), props.pacingEnabled, props.labelWidth);
   return (() => {
-    var _el$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);
-    _$setProp(_el$21, "width", '100%');
-    _$setProp(_el$21, "flexDirection", 'column');
-    _$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, {
+    var _el$28 = _$createElement("box"),
+      _el$29 = _$createElement("box"),
+      _el$30 = _$createElement("text"),
+      _el$31 = _$createElement("b"),
+      _el$32 = _$createElement("text"),
+      _el$33 = _$createElement("b");
+    _$insertNode(_el$28, _el$29);
+    _$setProp(_el$28, "width", '100%');
+    _$setProp(_el$28, "flexDirection", 'column');
+    _$insertNode(_el$29, _el$30);
+    _$insertNode(_el$29, _el$32);
+    _$setProp(_el$29, "width", '100%');
+    _$setProp(_el$29, "flexDirection", 'row');
+    _$setProp(_el$29, "justifyContent", 'space-between');
+    _$insertNode(_el$30, _el$31);
+    _$insert(_el$31, () => props.name);
+    _$insertNode(_el$32, _el$33);
+    _$insert(_el$33, statusWord);
+    _$insert(_el$28, _$createComponent(Show, {
       get when() {
         return props.vaultState;
       },
       get children() {
-        var _el$27 = _$createElement("text");
-        _$insert(_el$27, () => props.vaultState);
-        _$effect(_$p => _$setProp(_el$27, "fg", props.theme.warning, _$p));
-        return _el$27;
+        var _el$34 = _$createElement("text");
+        _$insert(_el$34, () => props.vaultState);
+        _$effect(_$p => _$setProp(_el$34, "fg", props.theme.warning, _$p));
+        return _el$34;
       }
     }), null);
-    _$insert(_el$21, _$createComponent(Show, {
+    _$insert(_el$28, _$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;
+        var _el$35 = _$createElement("text");
+        _$insertNode(_el$35, _$createTextNode(`off in /openai`));
+        _$effect(_$p => _$setProp(_el$35, "fg", props.theme.textMuted, _$p));
+        return _el$35;
       }
     }), null);
-    _$insert(_el$21, _$createComponent(Show, {
+    _$insert(_el$28, _$createComponent(Show, {
       get when() {
         return isQuotaLoaded(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$37 = _$createElement("text");
+          _$insertNode(_el$37, _$createTextNode(`checking…`));
+          _$effect(_$p => _$setProp(_el$37, "fg", props.theme.textMuted, _$p));
+          return _el$37;
         })();
       },
       get children() {
@@ -561,10 +625,10 @@ function AccountBlock(props) {
           },
           get fallback() {
             return (() => {
-              var _el$32 = _$createElement("text");
-              _$insertNode(_el$32, _$createTextNode(`—`));
-              _$effect(_$p => _$setProp(_el$32, "fg", props.theme.textMuted, _$p));
-              return _el$32;
+              var _el$39 = _$createElement("text");
+              _$insertNode(_el$39, _$createTextNode(`—`));
+              _$effect(_$p => _$setProp(_el$39, "fg", props.theme.textMuted, _$p));
+              return _el$39;
             })();
           },
           get children() {
@@ -603,7 +667,7 @@ function AccountBlock(props) {
         });
       }
     }), null);
-    _$insert(_el$21, _$createComponent(For, {
+    _$insert(_el$28, _$createComponent(For, {
       get each() {
         return quotaTextParts(sidebarQuotaProjection(props.quota, Date.now()), {
           now: Date.now(),
@@ -611,13 +675,13 @@ function AccountBlock(props) {
         }).filter(part => part.startsWith('checked '));
       },
       children: age => (() => {
-        var _el$34 = _$createElement("text");
-        _$insert(_el$34, age);
-        _$effect(_$p => _$setProp(_el$34, "fg", props.theme.textMuted, _$p));
-        return _el$34;
+        var _el$41 = _$createElement("text");
+        _$insert(_el$41, age);
+        _$effect(_$p => _$setProp(_el$41, "fg", props.theme.textMuted, _$p));
+        return _el$41;
       })()
     }), null);
-    _$insert(_el$21, _$createComponent(For, {
+    _$insert(_el$28, _$createComponent(For, {
       get each() {
         return getAccountMetadataRows(props.resetCredits, props.quota?.spendControl);
       },
@@ -638,16 +702,16 @@ function AccountBlock(props) {
       var _v$1 = props.marginTop ?? 0,
         _v$10 = props.theme.text,
         _v$11 = toneColor(props.theme, statusTone());
-      _v$1 !== _p$.e && (_p$.e = _$setProp(_el$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$28, "marginTop", _v$1, _p$.e));
+      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$30, "fg", _v$10, _p$.t));
+      _v$11 !== _p$.a && (_p$.a = _$setProp(_el$32, "fg", _v$11, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$21;
+    return _el$28;
   })();
 }
 
@@ -786,6 +850,9 @@ function QuotaSidebar(props) {
     route: sessionRouting().route
   });
   const activeAccount = () => resolveActiveAccount(sessionState());
+  const collapsedLines = () => getCollapsedAccountLines(sessionState(), {
+    showFallbacks: prefs().sections.fallbackAccounts
+  });
   const quotaLabelWidth = () => computeQuotaLabelWidth(renderedQuotas(state()));
   const activeQuotaSummary = () => getCollapsedQuotaSummary(activeAccount().quota);
   const activePacingDeficit = () => {
@@ -807,33 +874,33 @@ function QuotaSidebar(props) {
   const refreshBackedOff = () => state().main?.refreshBackedOff === true;
   const degraded = () => killedNames().length > 0 || quotaBackedOff() || refreshBackedOff();
   return (() => {
-    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", () => {
+    var _el$42 = _$createElement("box"),
+      _el$43 = _$createElement("box"),
+      _el$44 = _$createElement("box"),
+      _el$45 = _$createElement("text"),
+      _el$46 = _$createElement("b");
+    _$insertNode(_el$42, _el$43);
+    _$setProp(_el$42, "width", '100%');
+    _$setProp(_el$42, "flexDirection", 'column');
+    _$setProp(_el$42, "border", SINGLE_BORDER);
+    _$setProp(_el$42, "paddingTop", 1);
+    _$setProp(_el$42, "paddingBottom", 1);
+    _$setProp(_el$42, "paddingLeft", 1);
+    _$setProp(_el$42, "paddingRight", 1);
+    _$insertNode(_el$43, _el$44);
+    _$setProp(_el$43, "width", '100%');
+    _$setProp(_el$43, "flexDirection", 'row');
+    _$setProp(_el$43, "justifyContent", 'space-between');
+    _$setProp(_el$43, "alignItems", 'center');
+    _$setProp(_el$43, "onMouseDown", () => {
       if (hasData()) props.controller.toggleCollapsed();
     });
-    _$insertNode(_el$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, {
+    _$insertNode(_el$44, _el$45);
+    _$setProp(_el$44, "paddingLeft", 1);
+    _$setProp(_el$44, "paddingRight", 1);
+    _$insertNode(_el$45, _el$46);
+    _$insert(_el$46, headerLabel);
+    _$insert(_el$43, _$createComponent(Show, {
       get when() {
         return degraded();
       },
@@ -843,89 +910,59 @@ function QuotaSidebar(props) {
             return prefs().header.showVersion && PLUGIN_VERSION !== '';
           },
           get children() {
-            var _el$48 = _$createElement("text");
-            _$insert(_el$48, `v${PLUGIN_VERSION}`);
-            _$effect(_$p => _$setProp(_el$48, "fg", theme().textMuted, _$p));
-            return _el$48;
+            var _el$51 = _$createElement("text");
+            _$insert(_el$51, `v${PLUGIN_VERSION}`);
+            _$effect(_$p => _$setProp(_el$51, "fg", theme().textMuted, _$p));
+            return _el$51;
           }
         });
       },
       get children() {
-        var _el$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`));
+        var _el$47 = _$createElement("box"),
+          _el$48 = _$createElement("text"),
+          _el$49 = _$createElement("b");
+        _$insertNode(_el$47, _el$48);
+        _$setProp(_el$47, "paddingLeft", 1);
+        _$setProp(_el$47, "paddingRight", 1);
+        _$insertNode(_el$48, _el$49);
+        _$insertNode(_el$49, _$createTextNode(`LIMITED`));
         _$effect(_p$ => {
           var _v$12 = theme().warning,
             _v$13 = theme().background;
-          _v$12 !== _p$.e && (_p$.e = _$setProp(_el$40, "backgroundColor", _v$12, _p$.e));
-          _v$13 !== _p$.t && (_p$.t = _$setProp(_el$41, "fg", _v$13, _p$.t));
+          _v$12 !== _p$.e && (_p$.e = _$setProp(_el$47, "backgroundColor", _v$12, _p$.e));
+          _v$13 !== _p$.t && (_p$.t = _$setProp(_el$48, "fg", _v$13, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$40;
+        return _el$47;
       }
     }), null);
-    _$insert(_el$35, _$createComponent(Show, {
+    _$insert(_el$42, _$createComponent(Show, {
       get when() {
         return _$memo(() => !!collapsed())() && hasData();
       },
       get children() {
-        return _$createComponent(CollapsedRow, {
-          get theme() {
-            return theme();
-          },
-          get label() {
-            return activeAccount().name;
+        return _$createComponent(Index, {
+          get each() {
+            return collapsedLines();
           },
-          get children() {
-            return _$createComponent(Show, {
-              get when() {
-                return activeQuotaSummary().text != null;
-              },
-              get fallback() {
-                return (() => {
-                  var _el$49 = _$createElement("text");
-                  _$insertNode(_el$49, _$createTextNode(`—`));
-                  _$effect(_$p => _$setProp(_el$49, "fg", theme().textMuted, _$p));
-                  return _el$49;
-                })();
-              },
-              get children() {
-                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$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$44;
-              }
-            });
-          }
+          children: line => _$createComponent(CollapsedAccountRow, {
+            get theme() {
+              return theme();
+            },
+            get line() {
+              return line();
+            },
+            get tone() {
+              return activeQuotaTone();
+            }
+          })
         });
       }
     }), null);
-    _$insert(_el$35, _$createComponent(Show, {
+    _$insert(_el$42, _$createComponent(Show, {
       get when() {
         return !collapsed() || !hasData();
       },
@@ -936,14 +973,14 @@ function QuotaSidebar(props) {
           },
           get fallback() {
             return (() => {
-              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;
+              var _el$52 = _$createElement("box"),
+                _el$53 = _$createElement("text");
+              _$insertNode(_el$52, _el$53);
+              _$setProp(_el$52, "marginTop", 1);
+              _$setProp(_el$52, "width", '100%');
+              _$insertNode(_el$53, _$createTextNode(`Waiting for quota…`));
+              _$effect(_$p => _$setProp(_el$53, "fg", theme().textMuted, _$p));
+              return _el$52;
             })();
           },
           get children() {
@@ -1190,19 +1227,19 @@ function QuotaSidebar(props) {
       }
     }), null);
     _$effect(_p$ => {
-      var _v$16 = theme().borderActive,
-        _v$17 = theme().accent,
-        _v$18 = theme().background;
-      _v$16 !== _p$.e && (_p$.e = _$setProp(_el$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));
+      var _v$14 = theme().borderActive,
+        _v$15 = theme().accent,
+        _v$16 = theme().background;
+      _v$14 !== _p$.e && (_p$.e = _$setProp(_el$42, "borderColor", _v$14, _p$.e));
+      _v$15 !== _p$.t && (_p$.t = _$setProp(_el$44, "backgroundColor", _v$15, _p$.t));
+      _v$16 !== _p$.a && (_p$.a = _$setProp(_el$45, "fg", _v$16, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$35;
+    return _el$42;
   })();
 }
 const tui = async api => {