@cortexkit/opencode-openai-auth 1.3.0 → 1.4.0

package/src/tui-compiled/raw/shared/d0f0b6be200311af-insula.js

@@ -128,6 +128,9 @@ export function insulaUsageTransport(options) {
 }
 const MINUTE = 60_000;
 const MAX_AGE = 4 * MINUTE;
+// consumer-contract.md:331 refetches a slot after 60 s. Two such intervals
+// bound our willingness to wait, not a claim that insula completed its sweep.
+const COLD_WAIT = 2 * MINUTE;
 const sources = new Map();
 // Keep only the minute budget after the last owner closes, so project churn
 // cannot reset the bound. Expired budgets are pruned on the next tick.
@@ -170,6 +173,9 @@ export class InsulaQuotaSource {
     transport;
     key;
     #entries = [];
+    #available = false;
+    #completeProviders = new Set();
+    #coldSince = new Map();
     /** Every usage.get, polled or watch-driven, shares this one slot. */
     #reads = new CoalescedRead(async () => {
         try {
@@ -178,13 +184,25 @@ export class InsulaQuotaSource {
                 !Array.isArray(reply.result) ||
                 reply.error !== undefined)
                 throw new Error('unavailable insula usage');
-            // Each response is a snapshot, not a delta. Missing accounts fall back;
-            // neither pending nor the entry count asserts provider completeness.
+            // Each response is a snapshot, not a delta. Only completeProviders
+            // asserts completeness; neither pending nor the entry count does.
             this.#entries = reply.result.filter((entry) => record(entry) && typeof entry.provider === 'string');
+            this.#available =
+                this.#entries.length === reply.result.length &&
+                    (reply.completeProviders === undefined ||
+                        (Array.isArray(reply.completeProviders) &&
+                            reply.completeProviders.every((value) => typeof value === 'string')));
+            this.#completeProviders = new Set(this.#available && Array.isArray(reply.completeProviders)
+                ? reply.completeProviders
+                : []);
+            for (const provider of this.#completeProviders)
+                this.#coldSince.delete(provider);
         }
         catch {
             // Refusal is absence, even if the previous reading was still young.
             this.#entries = [];
+            this.#available = false;
+            this.#completeProviders.clear();
         }
     }, () => { });
     #reader = new ChangeNoticeReader();
@@ -391,6 +409,50 @@ export class InsulaQuotaSource {
         }
         return undefined;
     }
+    /** Cache-only background lookup; current() retains its original miss behavior. */
+    lookup(provider, accountId, now) {
+        if (!this.#available)
+            return { miss: 'unreachable' };
+        const entry = this.#entries.find((value) => value.provider === provider &&
+            typeof value.account === 'string' &&
+            value.account.trim() === accountId);
+        // An unlabelled error describes the provider's credential path, not an
+        // unrelated labelled account. Never borrow another account's verdict.
+        const errorClass = (entry ??
+            this.#entries.find((value) => value.provider === provider &&
+                value.account === undefined &&
+                value.errorClass !== undefined))?.errorClass;
+        if (errorClass === 'upstream_failed')
+            return { miss: 'upstream-failed' };
+        if (errorClass === 'credential_absent' ||
+            errorClass === 'credential_unusable' ||
+            errorClass === 'credential_rejected')
+            return { miss: 'credential' };
+        if (errorClass !== undefined)
+            return { miss: 'unreachable' };
+        if (entry) {
+            const fetchedAt = typeof entry.fetchedAt === 'string'
+                ? Date.parse(entry.fetchedAt)
+                : Number.NaN;
+            if (!record(entry.usage) || !Number.isFinite(fetchedAt))
+                return { miss: 'unreachable' };
+            const reading = {
+                entry,
+                context: {
+                    fetchedAt,
+                    ...(typeof entry.source === 'string' && { source: entry.source }),
+                },
+            };
+            return now >= fetchedAt + MAX_AGE || entry.stale !== undefined
+                ? { miss: 'stale', reading }
+                : { reading };
+        }
+        if (this.#completeProviders.has(provider))
+            return { miss: 'absent' };
+        const since = this.#coldSince.get(provider) ?? now;
+        this.#coldSince.set(provider, since);
+        return { miss: now - since >= COLD_WAIT ? 'unreachable' : 'cold' };
+    }
 }
 export function acquireInsulaQuotaSource(transport, tokenPath) {
     const key = JSON.stringify([

package/src/tui-compiled/raw/shared/d5a8f1061ee2f114-index.js

@@ -1,5 +1,5 @@
 export { quotaCodec } from "./053cc17b5419261e-codec.js";
-export { formatQuota, isQuotaStale, NO_LIMITS_REPORTED, NO_QUOTA_READING, QUOTA_STALE_AFTER_MS, quotaTextParts, quotaWindowName, quotaWindowParts, } from "./0332701351b3eeec-format.js";
-export { ALL_SCOPE, DEFAULT_REQUIRED_LABELS, decodeQuotaMap, emptyQuotaMap, isQuotaMap, } from "./905bffc0220f43d0-map.js";
+export { formatQuota, isQuotaStale, NO_LIMITS_REPORTED, NO_QUOTA_READING, QUOTA_STALE_AFTER_MS, quotaCreditsText, quotaTextParts, quotaWindowName, quotaWindowParts, } from "./0332701351b3eeec-format.js";
+export { ALL_SCOPE, DEFAULT_REQUIRED_LABELS, decodeQuotaMap, emptyQuotaMap, isQuotaCredits, isQuotaMap, } from "./905bffc0220f43d0-map.js";
 export { isQuotaObservation, mergeQuotaObservation, QuotaCodecError, } from "./4f36d333d081d040-merge.js";
 export { budgetExhaustedResetAt, futureResetAt, projectQuota, readsExhausted, } from "./39c3cb05738fcf6d-projection.js";

package/src/tui-compiled/raw/shared/dbc61cd405941828-accounts.js

@@ -154,13 +154,14 @@ function normalizeQuota(value) {
       };
   }
   const credits = value.credits;
-  if (isRecord(credits) && typeof credits.hasCredits === "boolean" && typeof credits.unlimited === "boolean" && typeof credits.overageLimitReached === "boolean") {
-    const balance = Number(credits.balance);
+  if (isRecord(credits) && typeof credits.hasCredits === "boolean" && typeof credits.unlimited === "boolean" && (credits.overageLimitReached === void 0 || typeof credits.overageLimitReached === "boolean")) {
+    const balance = Number(credits.balance), checkedAt = typeof credits.checkedAt === "number" ? credits.checkedAt : Number.NaN;
     quota.credits = {
       hasCredits: credits.hasCredits,
       unlimited: credits.unlimited,
-      overageLimitReached: credits.overageLimitReached,
-      ...Number.isFinite(balance) ? { balance } : {}
+      ...typeof credits.overageLimitReached === "boolean" ? { overageLimitReached: credits.overageLimitReached } : {},
+      ...Number.isFinite(balance) ? { balance } : {},
+      ...Number.isFinite(checkedAt) ? { checkedAt } : {}
     };
   }
   return Object.keys(quota).length ? quota : void 0;

package/src/tui-compiled/raw/shared/dc9290c2a7552ba6-watch.js

@@ -109,8 +109,9 @@ export class ScopedRosterWatch {
         this.#reads = new CoalescedRead(async () => {
             const force = this.#force;
             this.#force = false;
+            // A read is only ever requested by a notice, which set #latestView.
             if (force || this.#latestView !== this.#options.view())
-                await this.#options.discover();
+                await this.#options.discover(this.#latestView ?? '');
         }, (error) => {
             if (!this.#stopped)
                 this.#options.onError?.(error);

package/src/tui-compiled/raw/shared/e8d3c8da776ef9cd-index.js

@@ -14,6 +14,7 @@ export { ClaustrumConsumerError, } from "./ca0fccaba1d87af4-errors.js";
 export { assertHostSlotMatchesMode, assertNotCustodyPlaceholder, CUSTODY_PLACEHOLDER_PREFIX, classifyHostSlot, custodyPlaceholder, custodyPlaceholderKey, isCustodyPlaceholder, isCustodyPlaceholderValue, } from "./d9d2892a4c371301-host-slot.js";
 export { acquireInsulaQuotaSource, } from "./d0f0b6be200311af-insula.js";
 export { acceptAccount, declineAccount, isDeclined, } from "./7c140680fc81be92-interlock.js";
+export { drainVaultQuota } from "./81dddd203f1b92a3-quota-writer.js";
 export { acceptVaultRoute, DEFAULT_ROUTE_PREFIX, declineVaultRoute, mutateVaultRoster, projectVaultRoster, readVaultRoster, recordVaultAccountQuota, recordVaultQuota, refreshVaultRoster, resolveVaultPrimary, vaultRoutingRows, } from "./30f5bc480f31f51c-roster.js";
 export { ChangeNoticeReader, RESUBSCRIBE_BACKOFF_MS, SAFETY_POLL_MS, ScopedRosterWatch, WATCH_RETRY_MS, } from "./dc9290c2a7552ba6-watch.js";
 /**

package/src/tui-compiled/raw/sidebar-state.js

@@ -2,13 +2,35 @@ import {
   formatQuota,
   isQuotaStale,
   projectQuota,
+  quotaCreditsText,
   quotaWindowName
 } from "./shared/d5a8f1061ee2f114-index.js";
 import { orderForPlacement } from "./shared/3e7d45a77c6ad4d5-index.js";
 import {
+  creditsUsable,
   orderedPlacement,
   vaultMainRouteId
 } from "./shared/abd062d633e29fd2-pool-routing.js";
+export function accountCreditsText(quota) {
+  const credits = quota?.credits;
+  if (credits === null || typeof credits !== "object")
+    return;
+  const { hasCredits, unlimited, balance } = credits;
+  if (typeof hasCredits !== "boolean" || typeof unlimited !== "boolean")
+    return;
+  return quotaCreditsText({
+    hasCredits,
+    unlimited,
+    ...typeof balance === "number" ? { balance } : {}
+  });
+}
+export function accountServesOnCredits(quota, now = Date.now()) {
+  if (!exhaustedQuotaResetAt(quota, now))
+    return !1;
+  if (spendControlExhaustedResetAt(quota, now))
+    return !1;
+  return creditsUsable(quota?.credits, now);
+}
 const QUOTA_WINDOW_KEYS = ["primary", "secondary"], LEGACY_WINDOW_MINUTES = {
   primary: 300,
   secondary: 10080
@@ -153,7 +175,7 @@ export function normalizeSidebarState(raw) {
     };
   } else
     main = { quota: null, killed: !1 };
-  const fallbacks = normalizeAccountList(r.fallbacks), vaultAccounts = Array.isArray(r.vaultAccounts) ? normalizeAccountList(r.vaultAccounts) : void 0, activeId = typeof r.activeId === "string" ? r.activeId : void 0, route = typeof r.route === "string" ? r.route : DEFAULT_SIDEBAR_STATE.route, lastUpdated = typeof r.lastUpdated === "number" ? r.lastUpdated : 0, planType = typeof r.planType === "string" ? r.planType : void 0, credits = typeof r.credits === "number" ? r.credits : void 0, activeRouting = normalizeActiveRouting(r.activeRouting), stickyAssignments = normalizeStickyAssignments(r.stickyAssignments);
+  const fallbacks = normalizeAccountList(r.fallbacks), vaultAccounts = Array.isArray(r.vaultAccounts) ? normalizeAccountList(r.vaultAccounts) : void 0, activeId = typeof r.activeId === "string" ? r.activeId : void 0, route = typeof r.route === "string" ? r.route : DEFAULT_SIDEBAR_STATE.route, lastUpdated = typeof r.lastUpdated === "number" ? r.lastUpdated : 0, planType = typeof r.planType === "string" ? r.planType : void 0, activeRouting = normalizeActiveRouting(r.activeRouting), stickyAssignments = normalizeStickyAssignments(r.stickyAssignments);
   return {
     main,
     fallbacks,
@@ -163,7 +185,6 @@ export function normalizeSidebarState(raw) {
     ...activeRouting !== void 0 ? { activeRouting } : {},
     ...stickyAssignments !== void 0 ? { stickyAssignments } : {},
     ...planType !== void 0 ? { planType } : {},
-    ...credits !== void 0 ? { credits } : {},
     ...r.accountPool === !0 ? { accountPool: !0 } : {},
     ...vaultAccounts !== void 0 ? { vaultAccounts } : {}
   };
@@ -491,12 +512,18 @@ function mergeSpendControl(fresher, older) {
     return;
   return older.spendControl;
 }
+function fresherCredits(incoming, existing) {
+  if (!incoming || !existing)
+    return incoming ?? existing;
+  const at = (credits) => typeof credits.checkedAt === "number" && Number.isFinite(credits.checkedAt) ? credits.checkedAt : Number.NEGATIVE_INFINITY;
+  return at(existing) > at(incoming) ? existing : incoming;
+}
 function mergeQuotaByWindow(incoming, existing) {
   if (!incoming)
     return existing;
   if (!existing)
     return incoming;
-  const incomingAt = latestQuotaCheckedAt(incoming), existingAt = latestQuotaCheckedAt(existing), existingSnapshotIsFresher = existingAt !== void 0 && (incomingAt === void 0 || existingAt > incomingAt), primary = freshestWindow(incoming.primary, existing.primary, existingSnapshotIsFresher, incoming.checkedAt, existing.checkedAt), secondary = freshestWindow(incoming.secondary, existing.secondary, existingSnapshotIsFresher, incoming.checkedAt, existing.checkedAt), spendControl = existingSnapshotIsFresher ? mergeSpendControl(existing, incoming) : mergeSpendControl(incoming, existing), spendControlCleared = spendControl === void 0 && (incoming.spendControlCleared === !0 || existing.spendControlCleared === !0);
+  const incomingAt = latestQuotaCheckedAt(incoming), existingAt = latestQuotaCheckedAt(existing), existingSnapshotIsFresher = existingAt !== void 0 && (incomingAt === void 0 || existingAt > incomingAt), primary = freshestWindow(incoming.primary, existing.primary, existingSnapshotIsFresher, incoming.checkedAt, existing.checkedAt), secondary = freshestWindow(incoming.secondary, existing.secondary, existingSnapshotIsFresher, incoming.checkedAt, existing.checkedAt), spendControl = existingSnapshotIsFresher ? mergeSpendControl(existing, incoming) : mergeSpendControl(incoming, existing), spendControlCleared = spendControl === void 0 && (incoming.spendControlCleared === !0 || existing.spendControlCleared === !0), credits = fresherCredits(incoming.credits, existing.credits);
   let checkedAt;
   for (const stamp of [
     finiteWindowCheckedAt(primary),
@@ -507,6 +534,7 @@ function mergeQuotaByWindow(incoming, existing) {
   const {
     spendControl: _incomingSpendControl,
     spendControlCleared: _incomingCleared,
+    credits: _incomingCredits,
     ...incomingRest
   } = incoming;
   return {
@@ -515,6 +543,7 @@ function mergeQuotaByWindow(incoming, existing) {
     secondary,
     ...spendControl !== void 0 ? { spendControl } : {},
     ...spendControlCleared ? { spendControlCleared: !0 } : {},
+    ...credits !== void 0 ? { credits } : {},
     checkedAt: checkedAt ?? incoming.checkedAt
   };
 }

package/src/tui-compiled/raw/tui/v2-dialog.js

@@ -22,7 +22,8 @@ export async function openControlDialog(dialog, initial, apply, active = () => !
       const choices = [
         ...section.items.filter((item) => item.actions.length > 0).map((item) => ({
           title: item.label,
-          description: inlineDescription(item.status, item.detail),
+          description: inlineDescription(item.detail),
+          ...item.status ? { footer: item.status } : {},
           value: { itemId: item.id, actions: item.actions }
         })),
         ...section.actions.map((action) => ({

package/src/tui-compiled/raw/tui.tsx

@@ -16,6 +16,7 @@ import type {
 } from "@opencode-ai/plugin/tui"
 import {
   createEffect,
+  createMemo,
   createSignal,
   For,
   Index,
@@ -28,6 +29,8 @@ import { createRpcClient } from "./rpc/rpc-client.js"
 import { resolveRpcDir } from "./rpc/rpc-dir.js"
 import {
   type AccountQuota,
+  accountCreditsText,
+  accountServesOnCredits,
   type CollapsedAccountLine,
   computeQuotaPacing,
   DEFAULT_SIDEBAR_STATE,
@@ -254,6 +257,45 @@ function StatRow(props: {
   )
 }
 
+// One of an account's own rows under its quota bars (budget amounts, prepaid
+// credits, reset credits): muted label left, value right. Like the quota rows
+// it stays on one line: it measures its own width and, when both do not fit,
+// cuts only the label (with …), keeping one blank cell before the value.
+function AccountMetaRow(props: {
+  theme: ThemeCurrent
+  label: string
+  value: string
+}) {
+  const [width, setWidth] = createSignal(0)
+  let row: { width: number } | undefined
+  const label = () => {
+    const columns = width()
+    if (columns <= 0) return props.label
+    return fitCollapsedLabel(
+      props.label,
+      columns - displayWidth(props.value) - 1,
+    )
+  }
+  return (
+    <box
+      ref={(element: { width: number }) => {
+        row = element
+      }}
+      onSizeChange={() => setWidth(row?.width ?? 0)}
+      width='100%'
+      flexDirection='row'
+      justifyContent='space-between'
+    >
+      <text fg={props.theme.textMuted} wrapMode='none' flexShrink={1}>
+        {label()}
+      </text>
+      <text fg={props.theme.text} wrapMode='none' flexShrink={0}>
+        <b>{props.value}</b>
+      </text>
+    </box>
+  )
+}
+
 // 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
@@ -475,9 +517,6 @@ export function getQuotaMetadataRows(
 ): Array<{ label: string; value: string }> {
   const rows: Array<{ label: string; value: string }> = []
   if (state.planType) rows.push({ label: 'Plan', value: state.planType })
-  if (state.credits !== undefined) {
-    rows.push({ label: 'Credits', value: String(state.credits) })
-  }
   return rows
 }
 
@@ -499,9 +538,18 @@ export function formatSpendControlAmounts(
   return `${formatGroupedAmount(spendControl.used)} / ${formatGroupedAmount(spendControl.limit)} ${unit}`
 }
 
+/**
+ * The account's own rows under its quota bars: the workspace budget's amounts
+ * (`credits`), the prepaid credits (`prepaid`, worded by `accountCreditsText`)
+ * and the reset-credit count (`resets`), each only when known. While the
+ * account is serving the session on its prepaid credits (its free quota is
+ * used up), the prepaid row says so in place of its `prepaid` label.
+ */
 export function getAccountMetadataRows(
   resetCredits: number | undefined,
   spendControl?: SpendControlReading,
+  prepaidCredits?: string,
+  servingOnCredits = false,
 ): Array<{ label: string; value: string }> {
   const rows: Array<{ label: string; value: string }> = []
   if (spendControl) {
@@ -510,16 +558,64 @@ export function getAccountMetadataRows(
       value: formatSpendControlAmounts(spendControl),
     })
   }
+  if (prepaidCredits !== undefined) {
+    rows.push({
+      label: servingOnCredits ? 'serving on credits' : 'prepaid',
+      value: prepaidCredits,
+    })
+  }
   if (resetCredits !== undefined) {
     rows.push({ label: 'resets', value: String(resetCredits) })
   }
   return rows
 }
 
+/** The fewest cells a shortened quota bar keeps; below this it is dropped. */
+const MIN_QUOTA_BAR_CELLS = 3
+
+export interface QuotaRowFit {
+  /** Cells of usage bar to draw; 0 draws no bar. */
+  barCells: number
+  showReset: boolean
+}
+
+/**
+ * How an expanded quota row fits on one line `columns` cells wide. The row is
+ * the padded label, the bar, the " N% left" figure and, at the right edge, the
+ * reset time. When it does not fit, the reset time goes first, then the bar
+ * shrinks (to no fewer than MIN_QUOTA_BAR_CELLS cells, else it is dropped).
+ * The label and the figure are never cut. `columns` of 0 means the row has not
+ * been measured yet, and everything is drawn.
+ */
+export function fitQuotaRow(input: {
+  columns: number
+  label: string
+  barWidth: number
+  figure: string
+  resetText?: string
+}): QuotaRowFit {
+  const { columns, barWidth } = input
+  const reset = input.resetText ? displayWidth(input.resetText) : 0
+  if (columns <= 0) return { barCells: barWidth, showReset: reset > 0 }
+  const fixed = displayWidth(input.label) + displayWidth(input.figure)
+  // The reset sits at the right edge with at least one blank cell before it,
+  // so it never runs into the figure.
+  if (reset > 0 && fixed + barWidth + 1 + reset <= columns)
+    return { barCells: barWidth, showReset: true }
+  const room = columns - fixed
+  if (room >= barWidth) return { barCells: barWidth, showReset: false }
+  return {
+    barCells: room >= MIN_QUOTA_BAR_CELLS ? room : 0,
+    showReset: false,
+  }
+}
+
 // Quota window row: muted label left, tone-colored usage bar and shared quota text.
 // When pacing data is present, the bar
 // gains a pace segment and an off-pace window adds a muted subline with the
 // reserve/deficit delta and the projected runout.
+// The row measures its own width and never wraps: fitQuotaRow decides what is
+// left out when it is too narrow, and the pacing subline is cut with ….
 function QuotaRow(props: {
   theme: ThemeCurrent
   appearance: AppearancePrefs
@@ -531,6 +627,29 @@ function QuotaRow(props: {
   pacing: QuotaPacing | null
 }) {
   const used = () => props.window?.usedPercent ?? 0
+  const [columns, setColumns] = createSignal(0)
+  let row: { width: number } | undefined
+  const label = () => props.label.padEnd(props.labelWidth)
+  const figure = () => ` ${props.text.slice(props.label.length + 1)}`
+  const fit = () =>
+    fitQuotaRow({
+      columns: columns(),
+      label: label(),
+      barWidth: props.appearance.barWidth,
+      figure: figure(),
+      resetText: props.resetText,
+    })
+  // Memos, so a new measured width that leaves the fit unchanged (as the
+  // first measurement usually does) does not rebuild the bar's text nodes:
+  // rebuilt nodes are blank until the next frame is drawn.
+  const barCells = createMemo(() => fit().barCells)
+  const showReset = createMemo(() => fit().showReset)
+  const fittedPaceLine = () => {
+    const line = paceLine()
+    if (line === null || columns() <= 0) return line
+    // The subline is indented by the label column; cut it to the rest.
+    return fitCollapsedLabel(line, columns() - props.labelWidth)
+  }
   const paceLine = () => {
     const pacing = props.pacing
     if (!pacing || pacing.state === 'on-pace') return null
@@ -553,40 +672,64 @@ function QuotaRow(props: {
       }
     >
       {/* Bars show usage; the adjacent figure shows quota left, as in the dialog. */}
-      <box width='100%' flexDirection='row' justifyContent='space-between'>
-        <box flexDirection='row'>
-          <text fg={props.theme.textMuted}>
-            {props.label.padEnd(props.labelWidth)}
+      <box
+        ref={(element: { width: number }) => {
+          row = element
+        }}
+        onSizeChange={() => setColumns(row?.width ?? 0)}
+        width='100%'
+        flexDirection='row'
+        justifyContent='space-between'
+      >
+        <box flexDirection='row' flexShrink={0}>
+          <text fg={props.theme.textMuted} wrapMode='none'>
+            {label()}
           </text>
-          <For each={quotaBarSegments(used(), props.appearance, props.pacing)}>
+          <For
+            each={quotaBarSegments(
+              used(),
+              { ...props.appearance, barWidth: barCells() },
+              props.pacing,
+            )}
+          >
             {(segment) => (
-              <text fg={toneColor(props.theme, segment.tone)}>
+              <text fg={toneColor(props.theme, segment.tone)} wrapMode='none'>
                 {segment.text}
               </text>
             )}
           </For>
           <text
             fg={toneColor(props.theme, usageTone(used(), props.appearance))}
+            wrapMode='none'
           >
-            {` ${props.text.slice(props.label.length + 1)}`}
+            {figure()}
           </text>
         </box>
-        <Show when={props.resetText}>
-          <text fg={props.theme.textMuted}>{props.resetText}</text>
+        <Show when={showReset()}>
+          <text fg={props.theme.textMuted} wrapMode='none' flexShrink={0}>
+            {props.resetText}
+          </text>
         </Show>
       </box>
-      <Show when={paceLine()}>
-        <box width='100%' flexDirection='row'>
-          <text fg={props.theme.textMuted}>{''.padEnd(props.labelWidth)}</text>
-          <text
-            fg={toneColor(
-              props.theme,
-              props.pacing?.state === 'deficit' ? 'warn' : 'muted',
-            )}
-          >
-            {paceLine()}
-          </text>
-        </box>
+      {/* Keyed, so a cut to a new width draws a new text node: on Bun 1.3
+          an existing node kept drawing the text it was created with. */}
+      <Show when={fittedPaceLine()} keyed>
+        {(line) => (
+          <box width='100%' flexDirection='row'>
+            <text fg={props.theme.textMuted}>
+              {''.padEnd(props.labelWidth)}
+            </text>
+            <text
+              fg={toneColor(
+                props.theme,
+                props.pacing?.state === 'deficit' ? 'warn' : 'muted',
+              )}
+              wrapMode='none'
+            >
+              {line}
+            </text>
+          </box>
+        )}
       </Show>
     </Show>
   )
@@ -672,14 +815,15 @@ function AccountBlock(props: {
         each={getAccountMetadataRows(
           props.resetCredits,
           props.quota?.spendControl,
+          accountCreditsText(props.quota),
+          props.active && accountServesOnCredits(props.quota, Date.now()),
         )}
       >
         {(row) => (
-          <StatRow
+          <AccountMetaRow
             theme={props.theme}
             label={row.label}
             value={row.value}
-            tone='text'
           />
         )}
       </For>

package/src/tui-compiled/runtime/shared/0332701351b3eeec-format.js

@@ -106,6 +106,25 @@ export function quotaWindowParts(quota, options) {
     const parts = windows.map(({ part }) => part);
     return age === undefined ? { windows: parts } : { windows: parts, age };
 }
+/**
+ * The narrow label of each scoped window part, as `narrowTextParts` names
+ * them: model short names are worked out over every model-scoped window in
+ * the reading, so two models never share a short name.
+ */
+function withShortNames(windows) {
+    const abbreviations = scopeAbbreviations(windows
+        .filter(({ part, scope }) => part.kind === 'window' && scope !== ALL_SCOPE)
+        .map(({ scope }) => scope));
+    for (const window of windows) {
+        window.part.short =
+            window.part.kind === 'budget'
+                ? 'cr'
+                : window.scope === ALL_SCOPE
+                    ? window.part.name
+                    : (abbreviations.get(window.scope) ?? window.scope);
+    }
+    return windows;
+}
 /**
  * `quotaWindowParts` with each window's scope kept beside it. The narrow form
  * needs the scope to name and pick model-scoped windows; the public parts do
@@ -128,6 +147,7 @@ function scopedWindowParts(quota, options) {
             part: {
                 kind: 'window',
                 name: quotaWindowName(limit),
+                short: '',
                 figure: percentLeft(limit.remainingPercent ?? 0),
                 remainingPercent,
                 checkedAt: limit.checkedAt,
@@ -149,6 +169,7 @@ function scopedWindowParts(quota, options) {
             part: {
                 kind: 'budget',
                 name: 'credits',
+                short: '',
                 figure,
                 ...(remainingPercent === undefined
                     ? {}
@@ -158,6 +179,7 @@ function scopedWindowParts(quota, options) {
             },
         });
     }
+    withShortNames(windows);
     if (windows.length > 0) {
         const age = now - Math.min(...windows.map(({ part }) => part.checkedAt));
         if (age > (options.staleAfterMs ?? QUOTA_STALE_AFTER_MS)) {
@@ -298,20 +320,21 @@ function narrowTextParts(quota, options) {
         return grouped;
     const general = windows.filter(({ part, scope }) => part.kind === 'window' && scope === ALL_SCOPE);
     const scoped = windows.filter(({ part, scope }) => part.kind === 'window' && scope !== ALL_SCOPE);
-    const abbreviations = scopeAbbreviations(scoped.map(({ scope }) => scope));
     // The items competing for the one slot after the account-wide windows, in
     // tie-break order: scoped windows in display order, then the budget. A
     // spent budget counts as 0% left; one without a percentage cannot compete.
+    // Their labels are the parts' short names, so the narrow line and a layout
+    // reading `short` always agree.
     const budget = windows.find(({ part }) => part.kind === 'budget');
     const budgetLeft = budget?.spent ? 0 : budget?.part.remainingPercent;
     const extras = [
-        ...scoped.map(({ scope, part }) => ({
-            label: abbreviations.get(scope) ?? scope,
+        ...scoped.map(({ part }) => ({
+            label: part.short,
             remaining: part.remainingPercent ?? 0,
         })),
-        ...(budgetLeft === undefined
+        ...(budgetLeft === undefined || budget === undefined
             ? []
-            : [{ label: 'cr', remaining: budgetLeft }]),
+            : [{ label: budget.part.short, remaining: budgetLeft }]),
     ];
     // Strictly lower wins, so on a tie the earlier item keeps the slot.
     const tightest = extras.reduce((best, item) => best === undefined || item.remaining < best.remaining ? item : best, undefined);
@@ -357,3 +380,25 @@ export function formatQuota(quota, options) {
         ? NO_LIMITS_REPORTED
         : NO_QUOTA_READING;
 }
+/**
+ * Prepaid credits as one short value, worded as the official Codex client's
+ * status view words them: `Unlimited` for unlimited credits, `<n> credits`
+ * for a finite positive balance (rounded to a whole number), `Available` when
+ * the account has credits but no usable balance was reported, and undefined
+ * when the account has no credits (or `credits` is undefined), so a caller
+ * shows no credits row at all. Unlimited wins even when `hasCredits` is false.
+ * No other formatter adds this text; a caller that wants a credits row asks
+ * for it.
+ */
+export function quotaCreditsText(credits) {
+    if (credits === undefined)
+        return undefined;
+    if (credits.unlimited)
+        return 'Unlimited';
+    if (!credits.hasCredits)
+        return undefined;
+    const { balance } = credits;
+    return typeof balance === 'number' && Number.isFinite(balance) && balance > 0
+        ? `${Math.round(balance)} credits`
+        : 'Available';
+}