@cortexkit/opencode-anthropic-auth 2.4.8 → 2.4.10

package/src/tui/quota-sidebar.js

@@ -79,7 +79,7 @@ function displayOrder(left, right) {
   return left.label < right.label ? -1 : left.label > right.label ? 1 : 0;
 }
 function quotaWindowParts(quota, options) {
-  const { windows, age } = scopedWindowParts(quota, options);
+  const { windows, age } = scopedWindowParts(quota, options, true);
   const parts = windows.map(({ part }) => part);
   return age === undefined ? { windows: parts } : { windows: parts, age };
 }
@@ -90,25 +90,36 @@ function withShortNames(windows) {
   }
   return windows;
 }
-function scopedWindowParts(quota, options) {
+function hasWindowReading(limit) {
+  return Number.isFinite(limit.remainingPercent) && Number.isFinite(limit.checkedAt);
+}
+function scopedWindowParts(quota, options, includeUnknown = false) {
   if (!quota)
     return { windows: [] };
   const { now } = options;
-  const readings = quota.limits.filter((limit) => limit.kind === "reading" && limit.remainingPercent !== undefined).sort(displayOrder);
+  const readings = quota.limits.filter((limit) => limit.kind === "reading" && (includeUnknown || hasWindowReading(limit))).sort(displayOrder);
   const windows = readings.map((limit) => {
-    const remainingPercent = clampPercent(limit.remainingPercent ?? 0);
+    const part = hasWindowReading(limit) ? {
+      kind: "window",
+      reading: "known",
+      name: quotaWindowName(limit),
+      short: "",
+      figure: percentLeft(limit.remainingPercent),
+      remainingPercent: clampPercent(limit.remainingPercent),
+      checkedAt: limit.checkedAt,
+      ...resetDetails(limit.resetsAt, limit.checkedAt, now)
+    } : {
+      kind: "window",
+      reading: "unknown",
+      name: quotaWindowName(limit),
+      short: "",
+      figure: "no reading",
+      resetSinceReading: false
+    };
     return {
       scope: limit.scope,
       ...limit.windowMinutes === undefined ? {} : { windowMinutes: limit.windowMinutes },
-      part: {
-        kind: "window",
-        name: quotaWindowName(limit),
-        short: "",
-        figure: percentLeft(limit.remainingPercent ?? 0),
-        remainingPercent,
-        checkedAt: limit.checkedAt,
-        ...resetDetails(limit.resetsAt, limit.checkedAt, now)
-      }
+      part
     };
   });
   const budget = quota.budget;
@@ -120,6 +131,7 @@ function scopedWindowParts(quota, options) {
       spent: budget.reached,
       part: {
         kind: "budget",
+        reading: "known",
         name: "credits",
         short: "",
         figure,
@@ -130,8 +142,9 @@ function scopedWindowParts(quota, options) {
     });
   }
   withShortNames(windows);
-  if (windows.length > 0) {
-    const age = now - Math.min(...windows.map(({ part }) => part.checkedAt));
+  const readingTimes = windows.flatMap(({ part }) => part.reading === "known" && part.checkedAt !== undefined ? [part.checkedAt] : []);
+  if (readingTimes.length > 0) {
+    const age = now - Math.min(...readingTimes);
     if (age > (options.staleAfterMs ?? QUOTA_STALE_AFTER_MS)) {
       return { windows, age: `checked ${shortSpan(age)} ago` };
     }
@@ -228,13 +241,13 @@ function narrowTextParts(quota, options) {
 function quotaTextParts(quota, options) {
   if (options.form === "narrow")
     return narrowTextParts(quota, options);
-  const parts = quotaWindowParts(quota, options);
+  const { windows, age } = scopedWindowParts(quota, options);
   const full = (options.form ?? "full") === "full";
-  const text = parts.windows.map((part) => {
+  const text = windows.map(({ part }) => {
     const reset = full && part.resetIn ? `, resets ${part.resetIn}` : "";
     return `${part.kind === "budget" ? "" : `${part.name} `}${part.figure}${reset}`;
   });
-  return parts.age === undefined ? text : [...text, parts.age];
+  return age === undefined ? text : [...text, age];
 }
 function formatQuota(quota, options) {
   const parts = quotaTextParts(quota, options);
@@ -384,11 +397,12 @@ function QuotaRow(props) {
   let row;
   const label = () => props.part.name + " ".repeat(Math.max(0, props.labelWidth - displayWidth(props.part.name)));
   const figure = () => ` ${props.part.kind === "budget" && props.part.figure.startsWith(`${props.part.name} `) ? props.part.figure.slice(props.part.name.length + 1) : props.part.figure}`;
+  const hasReading = () => props.part.reading === "known";
   const used = () => 100 - (props.part.remainingPercent ?? 100);
-  const segments = createMemo(() => barSegments(used(), {
+  const segments = createMemo(() => hasReading() ? barSegments(used(), {
     ...context.appearance,
     barWidth: props.barCells
-  }, props.pace), undefined, {
+  }, props.pace) : [], undefined, {
     equals: (previous, next) => previous.length === next.length && previous.every((segment, index) => segment.text === next[index]?.text && segment.tone === next[index]?.tone)
   });
   const paceLine = () => {
@@ -423,56 +437,72 @@ function QuotaRow(props) {
     }), null);
     _$insert(_el$0, _$createComponent(Show, {
       get when() {
-        return !props.part.resetSinceReading;
+        return hasReading();
       },
       get fallback() {
         return (() => {
           var _el$13 = _$createElement("text");
-          _$insertNode(_el$13, _$createTextNode(`reset since last check`));
+          _$insertNode(_el$13, _$createTextNode(`no reading`));
           _$setProp(_el$13, "wrapMode", "none");
           _$effect((_$p) => _$setProp(_el$13, "fg", context.theme.textMuted, _$p));
           return _el$13;
         })();
       },
       get children() {
-        return [_$createComponent(Show, {
+        return _$createComponent(Show, {
           get when() {
-            return props.barCells > 0;
+            return !props.part.resetSinceReading;
+          },
+          get fallback() {
+            return (() => {
+              var _el$15 = _$createElement("text");
+              _$insertNode(_el$15, _$createTextNode(`reset since last check`));
+              _$setProp(_el$15, "wrapMode", "none");
+              _$effect((_$p) => _$setProp(_el$15, "fg", context.theme.textMuted, _$p));
+              return _el$15;
+            })();
           },
           get children() {
-            return _$createComponent(Index, {
-              get each() {
-                return segments();
+            return [_$createComponent(Show, {
+              get when() {
+                return props.barCells > 0;
               },
-              children: (segment) => (() => {
-                var _el$15 = _$createElement("text");
-                _$setProp(_el$15, "wrapMode", "none");
-                _$insert(_el$15, () => segment().text);
-                _$effect((_p$) => {
-                  var _v$5 = context.theme[segment().tone], _v$6 = segment().text ? undefined : 0;
-                  _v$5 !== _p$.e && (_p$.e = _$setProp(_el$15, "fg", _v$5, _p$.e));
-                  _v$6 !== _p$.t && (_p$.t = _$setProp(_el$15, "width", _v$6, _p$.t));
-                  return _p$;
-                }, {
-                  e: undefined,
-                  t: undefined
+              get children() {
+                return _$createComponent(Index, {
+                  get each() {
+                    return segments();
+                  },
+                  children: (segment) => (() => {
+                    var _el$17 = _$createElement("text");
+                    _$setProp(_el$17, "wrapMode", "none");
+                    _$insert(_el$17, () => segment().text);
+                    _$effect((_p$) => {
+                      var _v$5 = context.theme[segment().tone], _v$6 = segment().text ? undefined : 0;
+                      _v$5 !== _p$.e && (_p$.e = _$setProp(_el$17, "fg", _v$5, _p$.e));
+                      _v$6 !== _p$.t && (_p$.t = _$setProp(_el$17, "width", _v$6, _p$.t));
+                      return _p$;
+                    }, {
+                      e: undefined,
+                      t: undefined
+                    });
+                    return _el$17;
+                  })()
                 });
-                return _el$15;
-              })()
-            });
+              }
+            }), (() => {
+              var _el$10 = _$createElement("text");
+              _$setProp(_el$10, "wrapMode", "none");
+              _$insert(_el$10, figure);
+              _$effect((_$p) => _$setProp(_el$10, "fg", context.theme[usageTone(used(), context.appearance)], _$p));
+              return _el$10;
+            })()];
           }
-        }), (() => {
-          var _el$10 = _$createElement("text");
-          _$setProp(_el$10, "wrapMode", "none");
-          _$insert(_el$10, figure);
-          _$effect((_$p) => _$setProp(_el$10, "fg", context.theme[usageTone(used(), context.appearance)], _$p));
-          return _el$10;
-        })()];
+        });
       }
     }), null);
     _$insert(_el$9, _$createComponent(Show, {
       get when() {
-        return _$memo(() => !!props.showReset)() && !props.part.resetSinceReading;
+        return _$memo(() => !!(hasReading() && props.showReset))() && !props.part.resetSinceReading;
       },
       get children() {
         var _el$11 = _$createElement("box");
@@ -499,29 +529,29 @@ function QuotaRow(props) {
     return _el$9;
   })(), _$createComponent(Show, {
     get when() {
-      return _$memo(() => !!!props.part.resetSinceReading)() && paceLine();
+      return _$memo(() => !!(hasReading() && !props.part.resetSinceReading))() && paceLine();
     },
     keyed: true,
     children: (line) => (() => {
-      var _el$16 = _$createElement("box"), _el$18 = _$createElement("text");
-      _$insertNode(_el$16, _el$18);
-      _$setProp(_el$16, "width", "100%");
-      _$setProp(_el$16, "flexDirection", "row");
-      _$insert(_el$16, _$createComponent(Show, {
+      var _el$18 = _$createElement("box"), _el$20 = _$createElement("text");
+      _$insertNode(_el$18, _el$20);
+      _$setProp(_el$18, "width", "100%");
+      _$setProp(_el$18, "flexDirection", "row");
+      _$insert(_el$18, _$createComponent(Show, {
         get when() {
           return props.labelWidth > 0;
         },
         get children() {
-          var _el$17 = _$createElement("text");
-          _$insert(_el$17, () => "".padEnd(props.labelWidth));
-          _$effect((_$p) => _$setProp(_el$17, "fg", context.theme.textMuted, _$p));
-          return _el$17;
+          var _el$19 = _$createElement("text");
+          _$insert(_el$19, () => "".padEnd(props.labelWidth));
+          _$effect((_$p) => _$setProp(_el$19, "fg", context.theme.textMuted, _$p));
+          return _el$19;
         }
-      }), _el$18);
-      _$setProp(_el$18, "wrapMode", "none");
-      _$insert(_el$18, line);
-      _$effect((_$p) => _$setProp(_el$18, "fg", context.theme[props.pace?.tone ?? "textMuted"], _$p));
-      return _el$16;
+      }), _el$20);
+      _$setProp(_el$20, "wrapMode", "none");
+      _$insert(_el$20, line);
+      _$effect((_$p) => _$setProp(_el$20, "fg", context.theme[props.pace?.tone ?? "textMuted"], _$p));
+      return _el$18;
     })()
   })];
 }
@@ -531,7 +561,7 @@ function CollapsedAccountRow(props) {
   let row;
   const hasQuota = () => quotaWindowParts(props.account.quota, {
     now: context.now
-  }).windows.length > 0;
+  }).windows.some((part) => part.reading === "known");
   const text = () => hasQuota() ? formatQuota(props.account.quota, {
     now: context.now,
     form: "narrow"
@@ -545,32 +575,32 @@ function CollapsedAccountRow(props) {
   const muted = () => props.account.collapsed?.muted ?? false;
   const quotaTone = () => muted() ? "textMuted" : props.account.collapsed?.quotaTone ?? "success";
   return (() => {
-    var _el$19 = _$createElement("box"), _el$21 = _$createElement("box"), _el$24 = _$createElement("text");
-    _$insertNode(_el$19, _el$21);
+    var _el$21 = _$createElement("box"), _el$23 = _$createElement("box"), _el$26 = _$createElement("text");
+    _$insertNode(_el$21, _el$23);
     _$use((element) => {
       row = element;
-    }, _el$19);
-    _$setProp(_el$19, "onSizeChange", () => setWidth(row?.width ?? 0));
-    _$setProp(_el$19, "width", "100%");
-    _$setProp(_el$19, "flexDirection", "row");
-    _$setProp(_el$19, "justifyContent", "space-between");
-    _$insert(_el$19, _$createComponent(Show, {
+    }, _el$21);
+    _$setProp(_el$21, "onSizeChange", () => setWidth(row?.width ?? 0));
+    _$setProp(_el$21, "width", "100%");
+    _$setProp(_el$21, "flexDirection", "row");
+    _$setProp(_el$21, "justifyContent", "space-between");
+    _$insert(_el$21, _$createComponent(Show, {
       get when() {
         return label();
       },
       get children() {
-        var _el$20 = _$createElement("text");
-        _$setProp(_el$20, "wrapMode", "none");
-        _$setProp(_el$20, "flexShrink", 1);
-        _$insert(_el$20, label);
-        _$effect((_$p) => _$setProp(_el$20, "fg", context.theme[muted() ? "textMuted" : "text"], _$p));
-        return _el$20;
+        var _el$22 = _$createElement("text");
+        _$setProp(_el$22, "wrapMode", "none");
+        _$setProp(_el$22, "flexShrink", 1);
+        _$insert(_el$22, label);
+        _$effect((_$p) => _$setProp(_el$22, "fg", context.theme[muted() ? "textMuted" : "text"], _$p));
+        return _el$22;
       }
-    }), _el$21);
-    _$insertNode(_el$21, _el$24);
-    _$setProp(_el$21, "flexDirection", "row");
-    _$setProp(_el$21, "flexShrink", 0);
-    _$insert(_el$21, _$createComponent(Show, {
+    }), _el$23);
+    _$insertNode(_el$23, _el$26);
+    _$setProp(_el$23, "flexDirection", "row");
+    _$setProp(_el$23, "flexShrink", 0);
+    _$insert(_el$23, _$createComponent(Show, {
       get when() {
         return showQuota();
       },
@@ -581,34 +611,34 @@ function CollapsedAccountRow(props) {
           },
           get fallback() {
             return (() => {
-              var _el$25 = _$createElement("text");
-              _$insert(_el$25, text);
-              _$effect((_$p) => _$setProp(_el$25, "fg", context.theme.textMuted, _$p));
-              return _el$25;
+              var _el$27 = _$createElement("text");
+              _$insert(_el$27, text);
+              _$effect((_$p) => _$setProp(_el$27, "fg", context.theme.textMuted, _$p));
+              return _el$27;
             })();
           },
           get children() {
-            var _el$22 = _$createElement("text"), _el$23 = _$createElement("b");
-            _$insertNode(_el$22, _el$23);
-            _$insert(_el$23, text);
-            _$effect((_$p) => _$setProp(_el$22, "fg", context.theme[quotaTone()], _$p));
-            return _el$22;
+            var _el$24 = _$createElement("text"), _el$25 = _$createElement("b");
+            _$insertNode(_el$24, _el$25);
+            _$insert(_el$25, text);
+            _$effect((_$p) => _$setProp(_el$24, "fg", context.theme[quotaTone()], _$p));
+            return _el$24;
           }
         });
       }
-    }), _el$24);
-    _$insert(_el$24, () => showQuota() ? " " : "", null);
-    _$insert(_el$24, () => props.account.blocked ? "\u2298" : "\u25CF", null);
+    }), _el$26);
+    _$insert(_el$26, () => showQuota() ? " " : "", null);
+    _$insert(_el$26, () => props.account.blocked ? "\u2298" : "\u25CF", null);
     _$effect((_p$) => {
       var _v$7 = label() ? 1 : 0, _v$8 = context.theme[props.account.indicatorTone];
-      _v$7 !== _p$.e && (_p$.e = _$setProp(_el$19, "columnGap", _v$7, _p$.e));
-      _v$8 !== _p$.t && (_p$.t = _$setProp(_el$24, "fg", _v$8, _p$.t));
+      _v$7 !== _p$.e && (_p$.e = _$setProp(_el$21, "columnGap", _v$7, _p$.e));
+      _v$8 !== _p$.t && (_p$.t = _$setProp(_el$26, "fg", _v$8, _p$.t));
       return _p$;
     }, {
       e: undefined,
       t: undefined
     });
-    return _el$19;
+    return _el$21;
   })();
 }
 function AccountBlock(props) {
@@ -621,10 +651,10 @@ function AccountBlock(props) {
   }) => part.name ? Math.max(3, displayWidth(part.name) + 1) : 0));
   const resetWidth = () => Math.max(0, ...rows().map(({
     part
-  }) => part.resetSinceReading ? 0 : displayWidth(part.resetIn ?? "")));
+  }) => part.reading === "unknown" || part.resetSinceReading ? 0 : displayWidth(part.resetIn ?? "")));
   const figureWidth = createMemo(() => Math.max(10, ...rows().filter(({
     part
-  }) => !part.resetSinceReading).map(({
+  }) => part.reading === "known" && !part.resetSinceReading).map(({
     part
   }) => displayWidth(` ${part.kind === "budget" && part.figure.startsWith(`${part.name} `) ? part.figure.slice(part.name.length + 1) : part.figure}`))));
   const fit = (rowLabelWidth) => {
@@ -653,30 +683,30 @@ function AccountBlock(props) {
   }).age;
   const hasRows = () => props.account.groups.some((group) => group.rows.length > 0);
   return (() => {
-    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);
+    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);
     _$use((element) => {
       block = element;
-    }, _el$26);
-    _$setProp(_el$26, "onSizeChange", () => setColumns(block?.width ?? 0));
-    _$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");
-    _$setProp(_el$27, "columnGap", 1);
-    _$insertNode(_el$28, _el$29);
-    _$setProp(_el$28, "wrapMode", "none");
-    _$setProp(_el$28, "flexShrink", 1);
-    _$insert(_el$29, label);
+    }, _el$28);
+    _$setProp(_el$28, "onSizeChange", () => setColumns(block?.width ?? 0));
+    _$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");
+    _$setProp(_el$29, "columnGap", 1);
     _$insertNode(_el$30, _el$31);
     _$setProp(_el$30, "wrapMode", "none");
-    _$setProp(_el$30, "flexShrink", 0);
-    _$insert(_el$31, () => props.account.status.text);
-    _$insert(_el$26, () => context.beforeQuota?.(props.account), null);
-    _$insert(_el$26, _$createComponent(Show, {
+    _$setProp(_el$30, "flexShrink", 1);
+    _$insert(_el$31, label);
+    _$insertNode(_el$32, _el$33);
+    _$setProp(_el$32, "wrapMode", "none");
+    _$setProp(_el$32, "flexShrink", 0);
+    _$insert(_el$33, () => props.account.status.text);
+    _$insert(_el$28, () => context.beforeQuota?.(props.account), null);
+    _$insert(_el$28, _$createComponent(Show, {
       get when() {
         return hasRows();
       },
@@ -738,7 +768,7 @@ function AccountBlock(props) {
         });
       }
     }), null);
-    _$insert(_el$26, _$createComponent(Show, {
+    _$insert(_el$28, _$createComponent(Show, {
       get when() {
         return age();
       },
@@ -749,19 +779,19 @@ function AccountBlock(props) {
         wrapMode: "none"
       })
     }), null);
-    _$insert(_el$26, () => context.afterQuota?.(props.account), null);
+    _$insert(_el$28, () => context.afterQuota?.(props.account), null);
     _$effect((_p$) => {
       var _v$9 = props.marginTop, _v$0 = context.theme.text, _v$1 = context.theme[props.account.status.tone];
-      _v$9 !== _p$.e && (_p$.e = _$setProp(_el$26, "marginTop", _v$9, _p$.e));
-      _v$0 !== _p$.t && (_p$.t = _$setProp(_el$28, "fg", _v$0, _p$.t));
-      _v$1 !== _p$.a && (_p$.a = _$setProp(_el$30, "fg", _v$1, _p$.a));
+      _v$9 !== _p$.e && (_p$.e = _$setProp(_el$28, "marginTop", _v$9, _p$.e));
+      _v$0 !== _p$.t && (_p$.t = _$setProp(_el$30, "fg", _v$0, _p$.t));
+      _v$1 !== _p$.a && (_p$.a = _$setProp(_el$32, "fg", _v$1, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$26;
+    return _el$28;
   })();
 }
 function SidebarFrame(props) {
@@ -784,36 +814,36 @@ function SidebarFrame(props) {
   return _$createComponent(FrameContext.Provider, {
     value: context,
     get children() {
-      var _el$32 = _$createElement("box"), _el$33 = _$createElement("box"), _el$34 = _$createElement("box"), _el$35 = _$createElement("text"), _el$36 = _$createElement("b");
-      _$insertNode(_el$32, _el$33);
-      _$setProp(_el$32, "width", "100%");
-      _$setProp(_el$32, "flexDirection", "column");
-      _$insertNode(_el$33, _el$34);
-      _$setProp(_el$33, "width", "100%");
-      _$setProp(_el$33, "flexDirection", "row");
-      _$setProp(_el$33, "justifyContent", "space-between");
-      _$setProp(_el$33, "alignItems", "center");
-      _$setProp(_el$33, "onMouseDown", () => {
+      var _el$34 = _$createElement("box"), _el$35 = _$createElement("box"), _el$36 = _$createElement("box"), _el$37 = _$createElement("text"), _el$38 = _$createElement("b");
+      _$insertNode(_el$34, _el$35);
+      _$setProp(_el$34, "width", "100%");
+      _$setProp(_el$34, "flexDirection", "column");
+      _$insertNode(_el$35, _el$36);
+      _$setProp(_el$35, "width", "100%");
+      _$setProp(_el$35, "flexDirection", "row");
+      _$setProp(_el$35, "justifyContent", "space-between");
+      _$setProp(_el$35, "alignItems", "center");
+      _$setProp(_el$35, "onMouseDown", () => {
         if (hasData())
           props.onToggle();
       });
-      _$insertNode(_el$34, _el$35);
-      _$setProp(_el$34, "paddingLeft", 1);
-      _$setProp(_el$34, "paddingRight", 1);
-      _$insertNode(_el$35, _el$36);
-      _$insert(_el$36, headerLabel);
-      _$insert(_el$33, _$createComponent(Show, {
+      _$insertNode(_el$36, _el$37);
+      _$setProp(_el$36, "paddingLeft", 1);
+      _$setProp(_el$36, "paddingRight", 1);
+      _$insertNode(_el$37, _el$38);
+      _$insert(_el$38, headerLabel);
+      _$insert(_el$35, _$createComponent(Show, {
         get when() {
           return props.header.version;
         },
         get children() {
-          var _el$37 = _$createElement("text");
-          _$insert(_el$37, () => props.header.version);
-          _$effect((_$p) => _$setProp(_el$37, "fg", context.theme.textMuted, _$p));
-          return _el$37;
+          var _el$39 = _$createElement("text");
+          _$insert(_el$39, () => props.header.version);
+          _$effect((_$p) => _$setProp(_el$39, "fg", context.theme.textMuted, _$p));
+          return _el$39;
         }
       }), null);
-      _$insert(_el$32, _$createComponent(Show, {
+      _$insert(_el$34, _$createComponent(Show, {
         get when() {
           return _$memo(() => !!props.collapsed)() && hasData();
         },
@@ -828,7 +858,7 @@ function SidebarFrame(props) {
           }), _$memo(() => props.collapsedSections?.())];
         }
       }), null);
-      _$insert(_el$32, _$createComponent(Show, {
+      _$insert(_el$34, _$createComponent(Show, {
         get when() {
           return !props.collapsed || !hasData();
         },
@@ -860,14 +890,14 @@ function SidebarFrame(props) {
       }), null);
       _$effect((_p$) => {
         var _v$10 = invertBadge() ? props.theme?.accent : undefined, _v$11 = invertBadge() ? props.theme?.background : context.theme.accent;
-        _v$10 !== _p$.e && (_p$.e = _$setProp(_el$34, "backgroundColor", _v$10, _p$.e));
-        _v$11 !== _p$.t && (_p$.t = _$setProp(_el$35, "fg", _v$11, _p$.t));
+        _v$10 !== _p$.e && (_p$.e = _$setProp(_el$36, "backgroundColor", _v$10, _p$.e));
+        _v$11 !== _p$.t && (_p$.t = _$setProp(_el$37, "fg", _v$11, _p$.t));
         return _p$;
       }, {
         e: undefined,
         t: undefined
       });
-      return _el$32;
+      return _el$34;
     }
   });
 }