opencode-usage 0.4.1 → 0.4.3

package/dist/index.js

@@ -28192,6 +28192,86 @@ import { join as join4 } from "path";
 var isBun2 = typeof globalThis.Bun !== "undefined";
 var CODEX_API_URL = "https://chatgpt.com/backend-api/wham/usage";
 var CODEX_AUTH_PATH = join4(homedir3(), ".codex", "auth.json");
+var CODEX_MULTI_AUTH_DEFAULT_STORE_PATH = join4(homedir3(), ".config", "oc-codex-multi-account", "accounts.json");
+var CODEX_MULTI_AUTH_LEGACY_STORE_PATH = join4(homedir3(), ".config", "opencode-multi-auth", "accounts.json");
+var CODEX_MULTI_AUTH_STORE_FILE_ENV = "OPENCODE_MULTI_AUTH_STORE_FILE";
+var CODEX_MULTI_AUTH_STORE_DIR_ENV = "OPENCODE_MULTI_AUTH_STORE_DIR";
+function getCodexMultiAuthStorePaths() {
+  const explicitFile = process.env[CODEX_MULTI_AUTH_STORE_FILE_ENV]?.trim();
+  if (explicitFile)
+    return [explicitFile];
+  const explicitDir = process.env[CODEX_MULTI_AUTH_STORE_DIR_ENV]?.trim();
+  if (explicitDir)
+    return [join4(explicitDir, "accounts.json")];
+  return [
+    CODEX_MULTI_AUTH_DEFAULT_STORE_PATH,
+    CODEX_MULTI_AUTH_LEGACY_STORE_PATH
+  ];
+}
+function windowToUsed(window) {
+  if (!window)
+    return;
+  if (typeof window.limit !== "number" || typeof window.remaining !== "number") {
+    return;
+  }
+  if (!Number.isFinite(window.limit) || !Number.isFinite(window.remaining)) {
+    return;
+  }
+  if (window.limit <= 0)
+    return;
+  return Math.min(1, Math.max(0, (window.limit - window.remaining) / window.limit));
+}
+async function loadCodexMultiAuthQuota() {
+  for (const storePath of getCodexMultiAuthStorePaths()) {
+    try {
+      const content = isBun2 ? await Bun.file(storePath).text() : await readFile2(storePath, "utf-8");
+      const store = JSON.parse(content);
+      if (!store.accounts || Object.keys(store.accounts).length === 0) {
+        continue;
+      }
+      const results = [];
+      for (const [alias, account] of Object.entries(store.accounts)) {
+        const isActive = store.activeAlias === alias;
+        const accountPrefix = isActive ? `${alias} [ACTIVE]` : alias;
+        let hasAnyLimit = false;
+        const usedFiveHour = windowToUsed(account.rateLimits?.fiveHour);
+        if (usedFiveHour !== undefined) {
+          hasAnyLimit = true;
+          results.push({
+            source: "codex",
+            label: `${accountPrefix} - 5h Limit`,
+            used: usedFiveHour,
+            resetAt: typeof account.rateLimits?.fiveHour?.resetAt === "number" ? Math.floor(account.rateLimits.fiveHour.resetAt / 1000) : undefined
+          });
+        }
+        const usedWeekly = windowToUsed(account.rateLimits?.weekly);
+        if (usedWeekly !== undefined) {
+          hasAnyLimit = true;
+          results.push({
+            source: "codex",
+            label: `${accountPrefix} - Weekly`,
+            used: usedWeekly,
+            resetAt: typeof account.rateLimits?.weekly?.resetAt === "number" ? Math.floor(account.rateLimits.weekly.resetAt / 1000) : undefined
+          });
+        }
+        if (!hasAnyLimit) {
+          results.push({
+            source: "codex",
+            label: accountPrefix,
+            used: 0,
+            error: "No limit data yet"
+          });
+        }
+      }
+      if (results.length > 0) {
+        return results;
+      }
+    } catch {
+      continue;
+    }
+  }
+  return null;
+}
 async function readCodexAuthToken() {
   try {
     const content = isBun2 ? await Bun.file(CODEX_AUTH_PATH).text() : await readFile2(CODEX_AUTH_PATH, "utf-8");
@@ -28210,6 +28290,11 @@ async function resolveCodexToken(explicitToken) {
   return readCodexAuthToken();
 }
 async function loadCodexQuota(token) {
+  if (!token) {
+    const multiAuthQuotas = await loadCodexMultiAuthQuota();
+    if (multiAuthQuotas)
+      return multiAuthQuotas;
+  }
   const resolvedToken = await resolveCodexToken(token);
   if (!resolvedToken) {
     return [
@@ -28602,7 +28687,7 @@ function QuotaPanel(props) {
       return COLORS.accent.amber;
     return COLORS.accent.teal;
   };
-  const formatResetTime = (resetAt) => {
+  const formatResetTime = (resetAt, compact = false) => {
     if (!resetAt)
       return "";
     const resetDate = new Date(resetAt * 1000);
@@ -28617,14 +28702,14 @@ function QuotaPanel(props) {
     const hours = resetDate.getHours().toString().padStart(2, "0");
     const mins = resetDate.getMinutes().toString().padStart(2, "0");
     if (resetDate >= today && resetDate < tomorrow) {
-      return `\u21BB today ${hours}:${mins}`;
+      return compact ? `\u21BB ${hours}:${mins}` : `\u21BB today ${hours}:${mins}`;
     }
     if (resetDate >= tomorrow && resetDate < dayAfter) {
-      return `\u21BB tomorrow ${hours}:${mins}`;
+      return compact ? `\u21BB tmr ${hours}:${mins}` : `\u21BB tomorrow ${hours}:${mins}`;
     }
     const day = resetDate.getDate().toString().padStart(2, "0");
     const month = (resetDate.getMonth() + 1).toString().padStart(2, "0");
-    return `\u21BB ${day}.${month}. ${hours}:${mins}`;
+    return compact ? `\u21BB ${day}.${month}` : `\u21BB ${day}.${month}. ${hours}:${mins}`;
   };
   const groupedQuotas = () => {
     const groups = new Map;
@@ -28683,123 +28768,152 @@ function QuotaPanel(props) {
           insert(_el$46, () => source.toUpperCase(), null);
           insert(_el$43, createComponent2(For, {
             get each() {
-              return groupByAccount();
+              const entries = groupByAccount();
+              if (!props.twoColumns) {
+                return entries.map((entry) => [entry]);
+              }
+              const rows = [];
+              for (let i = 0;i < entries.length; i += 2) {
+                rows.push(entries.slice(i, i + 2));
+              }
+              return rows;
             },
-            children: ([accountName, accountQuotas], _accountIndex) => {
-              const isActive = accountName.includes("[ACTIVE]");
-              const cleanName = accountName.replace(" [ACTIVE]", "").trim();
-              return (() => {
-                var _el$48 = createElement("box"), _el$49 = createElement("box"), _el$50 = createElement("text");
-                insertNode(_el$48, _el$49);
-                setProp(_el$48, "flexDirection", "column");
-                setProp(_el$48, "flexShrink", 0);
-                setProp(_el$48, "marginBottom", 0);
-                setProp(_el$48, "paddingTop", 0);
-                setProp(_el$48, "paddingBottom", 0);
-                setProp(_el$48, "paddingLeft", 1);
-                setProp(_el$48, "paddingRight", 1);
-                setProp(_el$48, "marginLeft", 0);
-                setProp(_el$48, "marginRight", 0);
-                setProp(_el$48, "border", true);
-                setProp(_el$48, "borderStyle", "rounded");
-                setProp(_el$48, "borderColor", isActive ? "#14b8a6" : "#334155");
-                insertNode(_el$49, _el$50);
-                setProp(_el$49, "paddingBottom", 0);
-                setProp(_el$49, "flexShrink", 0);
-                setProp(_el$50, "flexShrink", 0);
-                setProp(_el$50, "wrapMode", "none");
-                insert(_el$50, isActive ? [(() => {
-                  var _el$51 = createElement("span"), _el$52 = createTextNode(`\u25CF `);
-                  insertNode(_el$51, _el$52);
-                  insert(_el$51, cleanName, null);
-                  effect((_$p) => setProp(_el$51, "style", {
-                    fg: COLORS.accent.teal,
-                    bold: true
-                  }, _$p));
-                  return _el$51;
-                })(), (() => {
-                  var _el$53 = createElement("span"), _el$54 = createTextNode(` (ACTIVE)`);
-                  insertNode(_el$53, _el$54);
-                  effect((_$p) => setProp(_el$53, "style", {
-                    fg: COLORS.accent.teal
-                  }, _$p));
-                  return _el$53;
-                })()] : (() => {
-                  var _el$56 = createElement("span");
-                  insert(_el$56, cleanName);
-                  effect((_$p) => setProp(_el$56, "style", {
-                    fg: COLORS.text.primary,
-                    bold: true
-                  }, _$p));
-                  return _el$56;
-                })());
-                insert(_el$48, createComponent2(For, {
-                  each: accountQuotas,
-                  children: (quota) => {
-                    const displayLabel = quota.label.replace(accountName, "").replace(/^[\s-]+/, "").trim();
-                    return createComponent2(Show, {
-                      get when() {
-                        return !quota.error;
-                      },
-                      get fallback() {
-                        return (() => {
-                          var _el$65 = createElement("box"), _el$66 = createElement("text"), _el$67 = createTextNode(`\u2717 `), _el$68 = createTextNode(`: `);
-                          insertNode(_el$65, _el$66);
-                          setProp(_el$65, "paddingLeft", 1);
-                          setProp(_el$65, "flexShrink", 0);
-                          insertNode(_el$66, _el$67);
-                          insertNode(_el$66, _el$68);
-                          insert(_el$66, displayLabel, _el$68);
-                          insert(_el$66, () => quota.error, null);
-                          effect((_$p) => setProp(_el$66, "fg", COLORS.accent.red, _$p));
-                          return _el$65;
-                        })();
-                      },
-                      get children() {
-                        var _el$57 = createElement("box"), _el$58 = createElement("text"), _el$59 = createElement("span"), _el$60 = createElement("span"), _el$61 = createElement("span"), _el$62 = createTextNode(` `), _el$63 = createElement("span"), _el$64 = createTextNode(` `);
-                        insertNode(_el$57, _el$58);
-                        setProp(_el$57, "paddingLeft", 1);
-                        setProp(_el$57, "flexShrink", 0);
-                        insertNode(_el$58, _el$59);
-                        insertNode(_el$58, _el$60);
-                        insertNode(_el$58, _el$61);
-                        insertNode(_el$58, _el$63);
-                        setProp(_el$58, "wrapMode", "none");
-                        insert(_el$59, () => padRight2(displayLabel, 15));
-                        insert(_el$60, () => renderBar(quota.used, 20));
-                        insertNode(_el$61, _el$62);
-                        insert(_el$61, () => padLeft2((quota.used * 100).toFixed(0) + "%", 4), null);
-                        insertNode(_el$63, _el$64);
-                        insert(_el$63, () => formatResetTime(quota.resetAt), null);
-                        effect((_p$) => {
-                          var _v$22 = {
-                            fg: COLORS.text.secondary
-                          }, _v$23 = {
-                            fg: getColor(quota.used)
-                          }, _v$24 = {
-                            fg: COLORS.text.primary
-                          }, _v$25 = {
-                            fg: COLORS.text.muted
-                          };
-                          _v$22 !== _p$.e && (_p$.e = setProp(_el$59, "style", _v$22, _p$.e));
-                          _v$23 !== _p$.t && (_p$.t = setProp(_el$60, "style", _v$23, _p$.t));
-                          _v$24 !== _p$.a && (_p$.a = setProp(_el$61, "style", _v$24, _p$.a));
-                          _v$25 !== _p$.o && (_p$.o = setProp(_el$63, "style", _v$25, _p$.o));
-                          return _p$;
-                        }, {
-                          e: undefined,
-                          t: undefined,
-                          a: undefined,
-                          o: undefined
+            children: (row) => (() => {
+              var _el$48 = createElement("box");
+              insert(_el$48, createComponent2(For, {
+                each: row,
+                children: ([accountName, accountQuotas]) => {
+                  const isActive = accountName.includes("[ACTIVE]");
+                  const cleanName = accountName.replace(" [ACTIVE]", "").trim();
+                  return (() => {
+                    var _el$49 = createElement("box"), _el$50 = createElement("box"), _el$51 = createElement("text");
+                    insertNode(_el$49, _el$50);
+                    setProp(_el$49, "flexDirection", "column");
+                    setProp(_el$49, "flexShrink", 0);
+                    setProp(_el$49, "marginBottom", 0);
+                    setProp(_el$49, "paddingTop", 0);
+                    setProp(_el$49, "paddingBottom", 0);
+                    setProp(_el$49, "paddingLeft", 1);
+                    setProp(_el$49, "paddingRight", 1);
+                    setProp(_el$49, "marginLeft", 0);
+                    setProp(_el$49, "marginRight", 0);
+                    setProp(_el$49, "border", true);
+                    setProp(_el$49, "borderStyle", "rounded");
+                    setProp(_el$49, "borderColor", isActive ? "#14b8a6" : "#334155");
+                    insertNode(_el$50, _el$51);
+                    setProp(_el$50, "paddingBottom", 0);
+                    setProp(_el$50, "flexShrink", 0);
+                    setProp(_el$51, "flexShrink", 0);
+                    setProp(_el$51, "wrapMode", "none");
+                    insert(_el$51, isActive ? [(() => {
+                      var _el$52 = createElement("span"), _el$53 = createTextNode(`\u25CF `);
+                      insertNode(_el$52, _el$53);
+                      insert(_el$52, cleanName, null);
+                      effect((_$p) => setProp(_el$52, "style", {
+                        fg: COLORS.accent.teal,
+                        bold: true
+                      }, _$p));
+                      return _el$52;
+                    })(), (() => {
+                      var _el$54 = createElement("span"), _el$55 = createTextNode(` (ACTIVE)`);
+                      insertNode(_el$54, _el$55);
+                      effect((_$p) => setProp(_el$54, "style", {
+                        fg: COLORS.accent.teal
+                      }, _$p));
+                      return _el$54;
+                    })()] : (() => {
+                      var _el$57 = createElement("span");
+                      insert(_el$57, cleanName);
+                      effect((_$p) => setProp(_el$57, "style", {
+                        fg: COLORS.text.primary,
+                        bold: true
+                      }, _$p));
+                      return _el$57;
+                    })());
+                    insert(_el$49, createComponent2(For, {
+                      each: accountQuotas,
+                      children: (quota) => {
+                        const rawDisplayLabel = quota.label.replace(accountName, "").replace(/^[\s-]+/, "").trim();
+                        const displayLabel = rawDisplayLabel || "Status";
+                        const compact = Boolean(props.twoColumns);
+                        const labelWidth = compact ? 12 : 15;
+                        const barWidth = compact ? 14 : 20;
+                        return createComponent2(Show, {
+                          get when() {
+                            return !quota.error;
+                          },
+                          get fallback() {
+                            return (() => {
+                              var _el$66 = createElement("box"), _el$67 = createElement("text"), _el$68 = createTextNode(`\u2717 `), _el$69 = createTextNode(`: `);
+                              insertNode(_el$66, _el$67);
+                              setProp(_el$66, "paddingLeft", 1);
+                              setProp(_el$66, "flexShrink", 0);
+                              insertNode(_el$67, _el$68);
+                              insertNode(_el$67, _el$69);
+                              insert(_el$67, displayLabel, _el$69);
+                              insert(_el$67, () => quota.error, null);
+                              effect((_$p) => setProp(_el$67, "fg", COLORS.accent.red, _$p));
+                              return _el$66;
+                            })();
+                          },
+                          get children() {
+                            var _el$58 = createElement("box"), _el$59 = createElement("text"), _el$60 = createElement("span"), _el$61 = createElement("span"), _el$62 = createElement("span"), _el$63 = createTextNode(` `), _el$64 = createElement("span"), _el$65 = createTextNode(` `);
+                            insertNode(_el$58, _el$59);
+                            setProp(_el$58, "paddingLeft", 1);
+                            setProp(_el$58, "flexShrink", 0);
+                            insertNode(_el$59, _el$60);
+                            insertNode(_el$59, _el$61);
+                            insertNode(_el$59, _el$62);
+                            insertNode(_el$59, _el$64);
+                            setProp(_el$59, "wrapMode", "none");
+                            insert(_el$60, () => padRight2(displayLabel, labelWidth));
+                            insert(_el$61, () => renderBar(quota.used, barWidth));
+                            insertNode(_el$62, _el$63);
+                            insert(_el$62, () => padLeft2((quota.used * 100).toFixed(0) + "%", 4), null);
+                            insertNode(_el$64, _el$65);
+                            insert(_el$64, () => formatResetTime(quota.resetAt, compact), null);
+                            effect((_p$) => {
+                              var _v$24 = {
+                                fg: COLORS.text.secondary
+                              }, _v$25 = {
+                                fg: getColor(quota.used)
+                              }, _v$26 = {
+                                fg: COLORS.text.primary
+                              }, _v$27 = {
+                                fg: COLORS.text.muted
+                              };
+                              _v$24 !== _p$.e && (_p$.e = setProp(_el$60, "style", _v$24, _p$.e));
+                              _v$25 !== _p$.t && (_p$.t = setProp(_el$61, "style", _v$25, _p$.t));
+                              _v$26 !== _p$.a && (_p$.a = setProp(_el$62, "style", _v$26, _p$.a));
+                              _v$27 !== _p$.o && (_p$.o = setProp(_el$64, "style", _v$27, _p$.o));
+                              return _p$;
+                            }, {
+                              e: undefined,
+                              t: undefined,
+                              a: undefined,
+                              o: undefined
+                            });
+                            return _el$58;
+                          }
                         });
-                        return _el$57;
                       }
-                    });
-                  }
-                }), null);
-                return _el$48;
-              })();
-            }
+                    }), null);
+                    effect((_$p) => setProp(_el$49, "width", props.twoColumns ? "50%" : undefined, _$p));
+                    return _el$49;
+                  })();
+                }
+              }));
+              effect((_p$) => {
+                var _v$22 = props.twoColumns ? "row" : "column", _v$23 = props.twoColumns ? 1 : 0;
+                _v$22 !== _p$.e && (_p$.e = setProp(_el$48, "flexDirection", _v$22, _p$.e));
+                _v$23 !== _p$.t && (_p$.t = setProp(_el$48, "gap", _v$23, _p$.t));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined
+              });
+              return _el$48;
+            })()
           }), null);
           effect((_$p) => setProp(_el$45, "fg", COLORS.text.primary, _$p));
           return _el$43;
@@ -28842,36 +28956,36 @@ function StatusBar(props) {
     return days.toString();
   };
   return (() => {
-    var _el$69 = createElement("box"), _el$70 = createElement("text"), _el$71 = createElement("span"), _el$72 = createTextNode(`\u27F3 `), _el$73 = createTextNode(` \u2502 DAYS: `), _el$75 = createElement("span"), _el$76 = createTextNode(` \u2502 `), _el$77 = createElement("span");
-    insertNode(_el$69, _el$70);
-    setProp(_el$69, "height", 1);
-    setProp(_el$69, "border-top", true);
-    setProp(_el$69, "padding-left", 1);
-    setProp(_el$69, "padding-right", 1);
+    var _el$70 = createElement("box"), _el$71 = createElement("text"), _el$72 = createElement("span"), _el$73 = createTextNode(`\u27F3 `), _el$74 = createTextNode(` \u2502 DAYS: `), _el$76 = createElement("span"), _el$77 = createTextNode(` \u2502 `), _el$78 = createElement("span");
     insertNode(_el$70, _el$71);
-    insertNode(_el$70, _el$73);
-    insertNode(_el$70, _el$75);
-    insertNode(_el$70, _el$76);
-    insertNode(_el$70, _el$77);
-    setProp(_el$70, "wrapMode", "none");
+    setProp(_el$70, "height", 1);
+    setProp(_el$70, "border-top", true);
+    setProp(_el$70, "padding-left", 1);
+    setProp(_el$70, "padding-right", 1);
     insertNode(_el$71, _el$72);
-    insert(_el$71, () => formatTime(props.lastUpdate), null);
-    insert(_el$75, daysLabel);
-    insertNode(_el$77, createTextNode(`TAB:PANEL \u2191\u2193:SCROLL \u2190\u2192:DAYS t:TODAY w:WEEK m:MONTH a:ALL HOME:RESET ^C:EXIT`));
+    insertNode(_el$71, _el$74);
+    insertNode(_el$71, _el$76);
+    insertNode(_el$71, _el$77);
+    insertNode(_el$71, _el$78);
+    setProp(_el$71, "wrapMode", "none");
+    insertNode(_el$72, _el$73);
+    insert(_el$72, () => formatTime(props.lastUpdate), null);
+    insert(_el$76, daysLabel);
+    insertNode(_el$78, createTextNode(`TAB:PANEL \u2191\u2193:SCROLL \u2190\u2192:DAYS t:TODAY w:WEEK m:MONTH a:ALL HOME:RESET ^C:EXIT`));
     effect((_p$) => {
-      var _v$26 = COLORS.border, _v$27 = COLORS.bg.accent, _v$28 = COLORS.text.secondary, _v$29 = {
+      var _v$28 = COLORS.border, _v$29 = COLORS.bg.accent, _v$30 = COLORS.text.secondary, _v$31 = {
         fg: COLORS.accent.teal
-      }, _v$30 = {
+      }, _v$32 = {
         fg: COLORS.accent.teal
-      }, _v$31 = {
+      }, _v$33 = {
         fg: COLORS.text.muted
       };
-      _v$26 !== _p$.e && (_p$.e = setProp(_el$69, "border-color", _v$26, _p$.e));
-      _v$27 !== _p$.t && (_p$.t = setProp(_el$69, "background-color", _v$27, _p$.t));
-      _v$28 !== _p$.a && (_p$.a = setProp(_el$70, "fg", _v$28, _p$.a));
-      _v$29 !== _p$.o && (_p$.o = setProp(_el$71, "style", _v$29, _p$.o));
-      _v$30 !== _p$.i && (_p$.i = setProp(_el$75, "style", _v$30, _p$.i));
-      _v$31 !== _p$.n && (_p$.n = setProp(_el$77, "style", _v$31, _p$.n));
+      _v$28 !== _p$.e && (_p$.e = setProp(_el$70, "border-color", _v$28, _p$.e));
+      _v$29 !== _p$.t && (_p$.t = setProp(_el$70, "background-color", _v$29, _p$.t));
+      _v$30 !== _p$.a && (_p$.a = setProp(_el$71, "fg", _v$30, _p$.a));
+      _v$31 !== _p$.o && (_p$.o = setProp(_el$72, "style", _v$31, _p$.o));
+      _v$32 !== _p$.i && (_p$.i = setProp(_el$76, "style", _v$32, _p$.i));
+      _v$33 !== _p$.n && (_p$.n = setProp(_el$78, "style", _v$33, _p$.n));
       return _p$;
     }, {
       e: undefined,
@@ -28881,7 +28995,7 @@ function StatusBar(props) {
       i: undefined,
       n: undefined
     });
-    return _el$69;
+    return _el$70;
   })();
 }
 function Dashboard(props) {
@@ -29037,16 +29151,17 @@ function Dashboard(props) {
     }
   });
   const sideBySide = () => dimensions().width >= 168;
+  const quotaTwoColumns = () => dimensions().width >= 150;
   return (() => {
-    var _el$79 = createElement("box"), _el$80 = createElement("box");
-    insertNode(_el$79, _el$80);
-    setProp(_el$79, "width", "100%");
-    setProp(_el$79, "height", "100%");
-    setProp(_el$79, "flex-direction", "column");
-    setProp(_el$80, "flex-grow", 1);
-    setProp(_el$80, "gap", 0);
-    setProp(_el$80, "padding", 0);
-    insert(_el$80, createComponent2(UsageTable, {
+    var _el$80 = createElement("box"), _el$81 = createElement("box");
+    insertNode(_el$80, _el$81);
+    setProp(_el$80, "width", "100%");
+    setProp(_el$80, "height", "100%");
+    setProp(_el$80, "flex-direction", "column");
+    setProp(_el$81, "flex-grow", 1);
+    setProp(_el$81, "gap", 0);
+    setProp(_el$81, "padding", 0);
+    insert(_el$81, createComponent2(UsageTable, {
       get stats() {
         return displayedStats();
       },
@@ -29069,10 +29184,10 @@ function Dashboard(props) {
         return selectedPanel() === "usage";
       },
       get width() {
-        return sideBySide() ? undefined : "100%";
+        return sideBySide() ? "42%" : "100%";
       }
     }), null);
-    insert(_el$80, createComponent2(QuotaPanel, {
+    insert(_el$81, createComponent2(QuotaPanel, {
       get quotas() {
         return quotas();
       },
@@ -29080,10 +29195,13 @@ function Dashboard(props) {
         return selectedPanel() === "quota";
       },
       get width() {
-        return sideBySide() ? undefined : "100%";
+        return sideBySide() ? "58%" : "100%";
+      },
+      get twoColumns() {
+        return quotaTwoColumns();
       }
     }), null);
-    insert(_el$79, createComponent2(StatusBar, {
+    insert(_el$80, createComponent2(StatusBar, {
       get daysFilter() {
         return daysFilter();
       },
@@ -29092,15 +29210,15 @@ function Dashboard(props) {
       }
     }), null);
     effect((_p$) => {
-      var _v$32 = COLORS.bg.primary, _v$33 = sideBySide() ? "row" : "column";
-      _v$32 !== _p$.e && (_p$.e = setProp(_el$79, "background-color", _v$32, _p$.e));
-      _v$33 !== _p$.t && (_p$.t = setProp(_el$80, "flex-direction", _v$33, _p$.t));
+      var _v$34 = COLORS.bg.primary, _v$35 = sideBySide() ? "row" : "column";
+      _v$34 !== _p$.e && (_p$.e = setProp(_el$80, "background-color", _v$34, _p$.e));
+      _v$35 !== _p$.t && (_p$.t = setProp(_el$81, "flex-direction", _v$35, _p$.t));
       return _p$;
     }, {
       e: undefined,
       t: undefined
     });
-    return _el$79;
+    return _el$80;
   })();
 }
 async function runSolidDashboard(options) {
@@ -29245,4 +29363,4 @@ async function main2() {
 }
 main2().catch(console.error);
 
-//# debugId=71CC1B06755E934764756E2164756E21
+//# debugId=7C5099D0AD55F0E564756E2164756E21