@ashlr/hub 3.11.0 → 3.11.2

package/dist/core/web/public/next/assets/{BudgetControl-DOTlMSmW.js.map → BudgetControl-Mm1ZL4u6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BudgetControl-DOTlMSmW.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/budget/BudgetControl.module.css","../../../../../../src/web-ui/routes/verse/budget/BudgetControl.tsx"],"sourcesContent":["/* Budget panel. Hairlines and whitespace, no nested boxes (DESIGN-V2 §6).\n   Every state is a WORD first; colour reinforces it. Status tokens are\n   defined for both themes in tokens.css, so nothing here needs a dark rule. */\n\n.panel {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  min-width: 0;\n  color: var(--text-primary);\n  font-family: var(--font-ui);\n}\n\n.header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--space-2) var(--space-3);\n}\n.title {\n  margin: 0;\n  font-family: var(--font-display);\n  font-size: var(--text-lg-size);\n  font-weight: var(--font-weight-semibold);\n}\n.summary {\n  margin: 0;\n  flex: 1 1 16rem;\n  font-size: var(--text-sm-size);\n  color: var(--text-secondary);\n}\n.age {\n  font-size: var(--text-2xs-size);\n  color: var(--text-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n.mode {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-2) var(--space-3);\n}\n.modeText {\n  margin: 0;\n  flex: 1 1 14rem;\n  font-size: var(--text-sm-size);\n  color: var(--text-secondary);\n}\n\n.preview {\n  margin: 0;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--space-1) var(--space-2);\n  padding: var(--space-2) 0;\n  border-top: 1px solid var(--border-subtle);\n  border-bottom: 1px solid var(--border-subtle);\n  font-size: var(--text-sm-size);\n}\n.previewLead { color: var(--text-secondary); }\n.previewWhy {\n  flex-basis: 100%;\n  font-size: var(--text-xs-size);\n  color: var(--text-tertiary);\n}\n\n.error {\n  margin: 0;\n  font-size: var(--text-sm-size);\n  color: var(--status-danger-fg);\n}\n.loading,\n.empty {\n  margin: 0;\n  font-size: var(--text-sm-size);\n  color: var(--text-secondary);\n}\n\n.seats {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n}\n.seat {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  padding: var(--space-3) 0;\n  border-bottom: 1px solid var(--border-subtle);\n  min-width: 0;\n}\n.seat[aria-busy='true'] { opacity: 0.7; }\n\n.seatHead {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-2);\n  min-width: 0;\n}\n.marker {\n  width: 3px;\n  height: 16px;\n  border-radius: 2px;\n  flex: none;\n}\n.seatName {\n  font-weight: var(--font-weight-medium);\n  font-size: var(--text-base-size);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.status {\n  font-family: var(--font-display);\n  font-size: var(--text-2xs-size);\n  font-weight: var(--font-weight-medium);\n  letter-spacing: var(--tracking-label, 0.06em);\n  text-transform: uppercase;\n  color: var(--status-unknown-fg);\n}\n.status[data-status='eligible'] { color: var(--status-success-fg); }\n.status[data-status='held'] { color: var(--status-warning-fg); }\n.status[data-status='off'] { color: var(--status-neutral-fg); }\n.status[data-status='unknown'] { color: var(--status-unknown-fg); }\n.free {\n  font-size: var(--text-2xs-size);\n  color: var(--text-tertiary);\n}\n.toggle { margin-left: auto; }\n\n.bars {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n}\n.bar {\n  display: grid;\n  grid-template-columns: 6.5rem minmax(0, 1fr) auto;\n  align-items: center;\n  gap: var(--space-2);\n  font-size: var(--text-xs-size);\n}\n.barLabel {\n  display: inline-flex;\n  align-items: baseline;\n  gap: var(--space-1);\n  color: var(--text-secondary);\n  white-space: nowrap;\n}\n.bar[data-binding] .barLabel { color: var(--text-primary); }\n.bindingMark {\n  font-size: var(--text-2xs-size);\n  color: var(--text-tertiary);\n}\n.barValue {\n  font-variant-numeric: tabular-nums;\n  color: var(--text-secondary);\n  white-space: nowrap;\n}\n.unknown {\n  font-style: italic;\n  color: var(--status-unknown-fg);\n}\n\n/* The track: used (solid) · autonomy room (tint) · kept for you (hatched). */\n.track {\n  position: relative;\n  height: 8px;\n  border-radius: var(--radius-full);\n  background: var(--meter-track);\n  overflow: hidden;\n}\n.used,\n.room,\n.reserveBand {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n.used {\n  left: 0;\n  /* Quantity, not interaction: the fixed azure ramp, never the operator-chosen accent (DESIGN §13.2). */\n  background: var(--data-seq-5);\n  border-radius: var(--radius-full) 0 0 var(--radius-full);\n}\n.used[data-over] { background: var(--status-warning-solid); }\n.room {\n  background: color-mix(in srgb, var(--data-seq-5) 28%, transparent);\n}\n.reserveBand {\n  background: repeating-linear-gradient(\n    135deg,\n    color-mix(in srgb, var(--text-tertiary) 30%, transparent) 0 3px,\n    transparent 3px 6px\n  );\n}\n.ceiling {\n  position: absolute;\n  top: -2px;\n  bottom: -2px;\n  width: 2px;\n  margin-left: -1px;\n  background: var(--text-primary);\n}\n.trackUnknown {\n  height: 8px;\n  border-radius: var(--radius-full);\n  border: 1px dashed var(--border-strong);\n  background: transparent;\n}\n\n.controls {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));\n  gap: var(--space-2) var(--space-4);\n}\n\n.freeLine,\n.why {\n  margin: 0;\n  font-size: var(--text-xs-size);\n  color: var(--text-secondary);\n}\n.more {\n  font-size: var(--text-xs-size);\n  color: var(--text-tertiary);\n}\n.more summary { cursor: pointer; }\n.more ul {\n  margin: var(--space-1) 0 0;\n  padding-left: var(--space-4);\n}\n\n.footnote {\n  margin: 0;\n  font-size: var(--text-2xs-size);\n  color: var(--text-tertiary);\n}\n\n@media (max-width: 480px) {\n  .bar {\n    grid-template-columns: minmax(0, 1fr) auto;\n  }\n  .bar .track,\n  .bar .trackUnknown {\n    grid-column: 1 / -1;\n    grid-row: 2;\n  }\n  .toggle { margin-left: 0; }\n}\n","/**\n * routes/verse/budget/BudgetControl.tsx — budget modes, per-seat reserves and\n * live headroom, in one panel.\n *\n *   ┌ Budget ─────────────────────────── 3 of 7 seats can take autonomous work\n *   │ [ Reserve | Balanced | All-in ]   Autonomy stops at each seat's reserve…\n *   │ Next medium task → Grok · why\n *   │ ● Claude Code        Eligible                          Autonomy [on]\n *   │   Weekly  ███████▒▒▒▒▒▒▒▒░░░░░░░░░  20% used · stops at 60%\n *   │   5-hour  ███▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░  15% used · stops at 70%\n *   │   Kept for you ──●──── 40%     5-hour ceiling ─────●── 70%\n *   │   40% of the weekly window is left for autonomy (40% kept for you).\n *\n * Each bar reads left to right: what is USED (solid), what autonomy may\n * still use (tinted), and the band KEPT FOR MASON (hatched) past the ceiling\n * tick. An unread window is a dashed track and the words \"no reading\" —\n * never an empty bar (which would claim headroom) or a full one.\n *\n * `BudgetControlView` is pure (props in, callbacks out) and is what the tests\n * render; `BudgetControl` wires it to the API, the mutation-token gate and a\n * 60 s refresh while the document is visible.\n *\n * Mount point: a Track B surface (Command home / Autonomy) owns placement —\n * this file only exports the panel.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport type { BudgetView } from '../../../../core/routing/policy.js';\nimport type { BudgetMode, SeatDecision } from '../../../../core/routing/types.js';\nimport { MutationTokenDialog } from '../../../components/auth/MutationTokenDialog.js';\nimport { Segmented } from '../../../components/primitives/Segmented.js';\nimport { Slider } from '../../../components/primitives/Slider.js';\nimport { Switch } from '../../../components/primitives/Switch.js';\nimport { EngineMarker } from '../../../components/primitives/Tag.js';\nimport { useQuery, useRefetch } from '../../../data/hooks.js';\nimport { describeContextError, useTokenGate } from '../context/use-token-gate.js';\nimport { percentText, tidyProse } from '../autonomy/format.js';\nimport { readBudgetRows } from '../usage/capacity-strip-model.js';\nimport {\n  BUDGET_MODE_OPTIONS,\n  budgetSummary,\n  clampPercent,\n  modeAboveCeiling,\n  readingAge,\n  STATUS_WORDS,\n  type BudgetBar,\n  type BudgetSeatRow,\n} from './budget-model.js';\nimport { budgetPreviewQuery, budgetQuery, updateBudget, type BudgetSeatPatchWire } from './budget-queries.js';\nimport styles from './BudgetControl.module.css';\n\n/** Headroom moves with the collector (30 s cycle); a minute is plenty for a settings panel. */\nexport const BUDGET_POLL_MS = 60_000;\n/** Slider changes are committed this long after the last movement. */\nexport const BUDGET_COMMIT_DELAY_MS = 450;\n\n// ---------------------------------------------------------------------------\n// Headroom bar\n// ---------------------------------------------------------------------------\n\nfunction HeadroomBar({ bar }: { bar: BudgetBar }) {\n  const used = bar.usedPercent;\n  const ceiling = clampPercent(bar.ceilingPercent);\n  if (used === null) {\n    return (\n      <div className={styles.bar} data-binding={bar.binding || undefined}>\n        <span className={styles.barLabel}>{bar.label}</span>\n        <div className={styles.trackUnknown} role=\"img\" aria-label={bar.description} />\n        <span className={`${styles.barValue} ${styles.unknown}`}>no reading</span>\n      </div>\n    );\n  }\n  const usedPct = clampPercent(used);\n  const over = usedPct >= ceiling;\n  return (\n    <div className={styles.bar} data-binding={bar.binding || undefined}>\n      <span className={styles.barLabel}>\n        {bar.label}\n        {bar.binding ? <span className={styles.bindingMark} title=\"This window limits autonomy right now\">binding</span> : null}\n      </span>\n      <div className={styles.track} role=\"img\" aria-label={bar.description}>\n        {ceiling < 100 ? (\n          <div className={styles.reserveBand} style={{ left: `${ceiling}%`, width: `${100 - ceiling}%` }} />\n        ) : null}\n        {!over ? (\n          <div className={styles.room} style={{ left: `${usedPct}%`, width: `${ceiling - usedPct}%` }} />\n        ) : null}\n        <div className={styles.used} data-over={over || undefined} style={{ width: `${usedPct}%` }} />\n        {ceiling < 100 ? <div className={styles.ceiling} style={{ left: `${ceiling}%` }} /> : null}\n      </div>\n      <span className={styles.barValue}>\n        {/* Words by the one percent rule; the bar geometry stays numeric. */}\n        {percentText(used)} used{ceiling < 100 ? ` · stops at ${ceiling}%` : ''}\n      </span>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Draft slider — commits after the hand leaves it\n// ---------------------------------------------------------------------------\n\nfunction useCommittedDraft(serverValue: number, commit: (value: number) => void): [number, (v: number) => void] {\n  const [draft, setDraft] = useState(serverValue);\n  const dirty = useRef(false);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const commitRef = useRef(commit);\n  commitRef.current = commit;\n\n  // A new server value wins unless the operator is mid-drag.\n  useEffect(() => {\n    if (!dirty.current) setDraft(serverValue);\n  }, [serverValue]);\n\n  useEffect(() => () => {\n    if (timer.current) clearTimeout(timer.current);\n  }, []);\n\n  const change = useCallback((value: number) => {\n    setDraft(value);\n    dirty.current = true;\n    if (timer.current) clearTimeout(timer.current);\n    timer.current = setTimeout(() => {\n      dirty.current = false;\n      timer.current = null;\n      commitRef.current(value);\n    }, BUDGET_COMMIT_DELAY_MS);\n  }, []);\n\n  return [draft, change];\n}\n\n// ---------------------------------------------------------------------------\n// One seat\n// ---------------------------------------------------------------------------\n\ninterface SeatRowProps {\n  row: BudgetSeatRow;\n  saving: boolean;\n  readOnly: boolean;\n  onSeat: (seatId: string, patch: BudgetSeatPatchWire) => void;\n}\n\nfunction SeatRow({ row, saving, readOnly, onSeat }: SeatRowProps) {\n  const headingId = useId();\n  const reserveServer = row.policy.reservePercent;\n  const sessionServer = row.policy.maxSessionWindowPercent ?? 100;\n  const [reserve, setReserve] = useCommittedDraft(reserveServer, (v) => {\n    if (v !== reserveServer) onSeat(row.seatId, { reservePercent: v });\n  });\n  const [session, setSession] = useCommittedDraft(sessionServer, (v) => {\n    if (v !== sessionServer) onSeat(row.seatId, { maxSessionWindowPercent: v >= 100 ? null : v });\n  });\n  const disabled = readOnly || saving;\n\n  return (\n    <li className={styles.seat} aria-labelledby={headingId} data-status={row.status} aria-busy={saving || undefined}>\n      <div className={styles.seatHead}>\n        <EngineMarker engine={row.engine} className={styles.marker} />\n        {/* The name may truncate in a narrow sheet; the full name rides in the tooltip. */}\n        <span id={headingId} className={styles.seatName} title={row.label}>{row.label}</span>\n        <span className={styles.status} data-status={row.status}>{STATUS_WORDS[row.status]}</span>\n        {row.free ? <span className={styles.free}>free</span> : null}\n        <Switch\n          className={styles.toggle}\n          checked={row.policy.enabled}\n          disabled={disabled}\n          aria-label={`Autonomy on ${row.label}`}\n          label=\"Autonomy\"\n          onChange={(next) => onSeat(row.seatId, { enabled: next })}\n        />\n      </div>\n\n      {row.bars.length > 0 ? (\n        <div className={styles.bars}>\n          {row.bars.map((bar) => <HeadroomBar key={bar.kind} bar={bar} />)}\n        </div>\n      ) : row.free ? (\n        <p className={styles.freeLine}>No usage window — local models cost nothing and are never held back for you.</p>\n      ) : null}\n\n      {!row.free && row.policy.enabled ? (\n        <div className={styles.controls}>\n          <Slider\n            label=\"Kept for you\"\n            min={0}\n            max={100}\n            step={5}\n            value={reserve}\n            disabled={disabled}\n            valueLabel={`${reserve}%`}\n            valueText={`${reserve} percent of the ${row.engine === 'grok' ? 'billing period' : 'weekly window'} kept for you`}\n            onChange={(e) => setReserve(clampPercent(Number(e.currentTarget.value)))}\n          />\n          {row.hasSessionCeiling ? (\n            <Slider\n              label=\"5-hour ceiling\"\n              min={10}\n              max={100}\n              step={5}\n              value={session}\n              disabled={disabled}\n              valueLabel={session >= 100 ? 'none' : `${session}%`}\n              valueText={session >= 100 ? 'no 5-hour ceiling' : `autonomy stops at ${session} percent of the 5-hour window`}\n              onChange={(e) => setSession(clampPercent(Number(e.currentTarget.value), 10, 100))}\n            />\n          ) : null}\n        </div>\n      ) : null}\n\n      <p className={styles.why}>{row.why}</p>\n      {row.more.length > 0 ? (\n        <details className={styles.more}>\n          <summary>{row.more.length === 1 ? '1 more note' : `${row.more.length} more notes`}</summary>\n          <ul>\n            {row.more.map((reason) => <li key={reason}>{reason}</li>)}\n          </ul>\n        </details>\n      ) : null}\n    </li>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Pure view\n// ---------------------------------------------------------------------------\n\nexport interface BudgetControlViewProps {\n  view: BudgetView;\n  preview: SeatDecision | null;\n  nowMs: number;\n  /** `'mode'` or a seat id while its change is in flight. */\n  pending: string | null;\n  error: string | null;\n  readOnly?: boolean;\n  /**\n   * The standing grant's ceiling (`spend.maxMode`). Modes above it are shown\n   * DISABLED with the reason — never hidden — because autonomy could not\n   * spend them anyway. Moving toward Reserve is always allowed. Null/absent\n   * = no grant ceiling applies (every mode selectable).\n   */\n  maxMode?: BudgetMode | null;\n  onMode: (mode: BudgetMode) => void;\n  onSeat: (seatId: string, patch: BudgetSeatPatchWire) => void;\n}\n\nexport function BudgetControlView({ view, preview, nowMs, pending, error, readOnly = false, maxMode = null, onMode, onSeat }: BudgetControlViewProps) {\n  const titleId = useId();\n  // The wire view is read defensively (the capacity strip's own guard): this\n  // panel is opened from Apps, the composer's seat chip and the autonomy bar,\n  // and a budget answer of `{}` or a garbled seat entry used to throw inside\n  // buildBudgetRows and take the whole sheet down. A seat whose policy is\n  // malformed is dropped, not shown as \"off\" — see readBudgetRows.\n  const rows = [...readBudgetRows(view).values()];\n  const summary = budgetSummary(rows);\n  const knownMode = BUDGET_MODE_OPTIONS.find((o) => o.value === view.mode) ?? null;\n  const mode = knownMode ?? BUDGET_MODE_OPTIONS[1]!;\n  const maxAgeMs = typeof view.readingMaxAgeMs === 'number' && Number.isFinite(view.readingMaxAgeMs) ? view.readingMaxAgeMs : null;\n  const ceilingLabel = maxMode ? BUDGET_MODE_OPTIONS.find((o) => o.value === maxMode)?.label ?? maxMode : null;\n  const aboveNow = modeAboveCeiling(view.mode, maxMode);\n  const chosen = preview?.seatId ? rows.find((r) => r.seatId === preview.seatId) : null;\n\n  return (\n    <section className={styles.panel} aria-labelledby={titleId}>\n      <header className={styles.header}>\n        <h2 id={titleId} className={styles.title}>Budget</h2>\n        <p className={styles.summary}>{summary.sentence}</p>\n        <span className={styles.age}>\n          {Number.isFinite(Date.parse(view.sampledAt)) ? `Readings ${readingAge(view.sampledAt, nowMs)}` : 'Reading time not reported'}\n        </span>\n      </header>\n\n      <div className={styles.mode}>\n        <Segmented\n          aria-label=\"Budget mode\"\n          options={BUDGET_MODE_OPTIONS.map((o) => ({\n            value: o.value,\n            label: o.label,\n            ...(modeAboveCeiling(o.value, maxMode) ? { ariaLabel: `${o.label} — above your grant` } : {}),\n            disabled: readOnly || pending !== null || modeAboveCeiling(o.value, maxMode),\n          }))}\n          value={view.mode}\n          onChange={(next) => { if (next !== view.mode && !modeAboveCeiling(next, maxMode)) onMode(next); }}\n        />\n        {/* No option is pressed when the server named no mode we know —\n            showing Balanced there would claim a setting nobody read. */}\n        <p className={styles.modeText}>{knownMode ? mode.description : 'The server did not say which mode is on.'}</p>\n        {ceilingLabel ? (\n          <p className={styles.modeText} data-ceiling=\"\">\n            {aboveNow\n              ? `Your grant allows up to ${ceilingLabel}, so autonomy spends as ${ceilingLabel} until this moves down.`\n              : `Your grant allows up to ${ceilingLabel}; modes above it are off. Re-approve the grant to raise it.`}\n          </p>\n        ) : null}\n      </div>\n\n      {preview ? (\n        <p className={styles.preview} aria-live=\"polite\">\n          <span className={styles.previewLead}>Next medium task →</span>{' '}\n          <strong>{chosen?.label ?? (preview.seatId ?? 'nowhere right now')}</strong>\n          <span className={styles.previewWhy}>{/* A `{}` preview (an older server) has no why: say nothing rather than crash. */}\n          {typeof preview.why === 'string' ? tidyProse(preview.why, nowMs) : null}</span>\n        </p>\n      ) : null}\n\n      {error ? <p className={styles.error} role=\"alert\">{error}</p> : null}\n\n      {rows.length === 0 ? (\n        <p className={styles.empty}>No seats yet — connect an account or start Ollama, and they appear here.</p>\n      ) : (\n        <ul className={styles.seats}>\n          {rows.map((row) => (\n            <SeatRow key={row.seatId} row={row} saving={pending === row.seatId || pending === 'mode'} readOnly={readOnly} onSeat={onSeat} />\n          ))}\n        </ul>\n      )}\n\n      <p className={styles.footnote}>\n        Reserves apply to autonomous work only — your own chats can always use a seat. Unknown usage is never treated as\n        headroom: a seat with no reading, or one {maxAgeMs !== null ? `older than ${Math.round(maxAgeMs / 60_000)} minutes` : 'whose reading is stale'}, is held back.\n      </p>\n    </section>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Connected panel\n// ---------------------------------------------------------------------------\n\nexport function BudgetControl({ maxMode = null }: { maxMode?: BudgetMode | null } = {}) {\n  const budget = useQuery(budgetQuery, { freshMs: 0 });\n  const preview = useQuery(budgetPreviewQuery, { freshMs: 0 });\n  const refetchBudget = useRefetch(budgetQuery);\n  const refetchPreview = useRefetch(budgetPreviewQuery);\n  const gate = useTokenGate();\n  const [latest, setLatest] = useState<BudgetView | null>(null);\n  const [pending, setPending] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [nowMs, setNowMs] = useState(() => Date.now());\n\n  // Poll while visible; read immediately on return (useSeatsRefresh's pattern).\n  useEffect(() => {\n    const tick = (): void => {\n      if (typeof document !== 'undefined' && document.visibilityState === 'hidden') return;\n      refetchBudget();\n      refetchPreview();\n      setNowMs(Date.now());\n    };\n    const timer = window.setInterval(tick, BUDGET_POLL_MS);\n    document.addEventListener('visibilitychange', tick);\n    return () => {\n      window.clearInterval(timer);\n      document.removeEventListener('visibilitychange', tick);\n    };\n  }, [refetchBudget, refetchPreview]);\n\n  // The POST response is newer than the cached read until the refetch lands.\n  // A cached read with no parseable sampledAt cannot be shown to be newer, so\n  // the POST's answer wins (NaN comparisons are always false).\n  const cached = budget.data;\n  const view = latest && (!cached || !(Date.parse(latest.sampledAt) < Date.parse(cached.sampledAt))) ? latest : cached;\n\n  const apply = useCallback(async (key: string, reason: string, update: Parameters<typeof updateBudget>[0]) => {\n    setPending(key);\n    setError(null);\n    try {\n      const next = await gate.run(reason, () => updateBudget(update));\n      if (next) setLatest(next);\n    } catch (err) {\n      setError(describeContextError(err));\n    } finally {\n      setPending(null);\n      setNowMs(Date.now());\n    }\n  }, [gate]);\n\n  if (!view) {\n    return (\n      <section className={styles.panel} aria-label=\"Budget\">\n        {budget.status === 'error' ? (\n          <p className={styles.error} role=\"alert\">Budget unavailable: {budget.error?.message ?? 'the request failed.'}</p>\n        ) : (\n          <p className={styles.loading}>Reading seat usage…</p>\n        )}\n      </section>\n    );\n  }\n\n  return (\n    <>\n      <BudgetControlView\n        view={view}\n        preview={preview.data ?? null}\n        nowMs={nowMs}\n        pending={pending}\n        error={error}\n        maxMode={maxMode}\n        onMode={(mode) => void apply('mode', `Switch the budget to ${mode}`, { mode })}\n        onSeat={(seatId, patch) => void apply(seatId, `Change the budget for ${seatId}`, { seatId, policy: patch })}\n      />\n      <MutationTokenDialog open={gate.dialog.open} reason={gate.dialog.reason} tokenLabel=\"Mutation token\"\n        tokenHelp=\"the mutation token ashlr verse printed\" onClose={gate.dialog.onClose} onUnlocked={gate.dialog.onUnlocked} />\n    </>\n  );\n}\n"],"mappings":"wtDCmDa,EAAiB,IAQ9B,SAAS,EAAY,CAAE,OAA2B,CAChD,IAAM,EAAO,EAAI,YACX,EAAU,EAAa,EAAI,cAAc,EAC/C,GAAI,IAAS,KACX,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,IAAK,eAAc,EAAI,SAAW,IAAA,GAAzD,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,SAAW,SAAA,EAAI,KAAY,CAAA,GACnD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,aAAc,KAAK,MAAM,aAAY,EAAI,WAAc,CAAA,GAC9E,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,GAAG,EAAO,SAAS,GAAG,EAAO,UAAW,SAAA,YAAgB,CAAA,CACtE,IAGT,IAAM,EAAU,EAAa,CAAI,EAC3B,EAAO,GAAW,EACxB,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,IAAK,eAAc,EAAI,SAAW,IAAA,GAAzD,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAO,SAAxB,SAAA,CACG,EAAI,MACJ,EAAI,SAAU,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,YAAa,MAAM,wCAAwC,SAAA,SAAa,CAAA,EAAI,IAC/G,KACN,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,MAAO,KAAK,MAAM,aAAY,EAAI,YAAzD,SAAA,CACG,EAAU,KACT,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,YAAa,MAAO,CAAE,KAAM,GAAG,EAAQ,GAAI,MAAO,GAAG,IAAM,EAAQ,EAAG,CAAI,CAAA,EAC/F,KACF,EAEE,MADF,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,KAAM,MAAO,CAAE,KAAM,GAAG,EAAQ,GAAI,MAAO,GAAG,EAAU,EAAQ,EAAG,CAAI,CAAA,GAEhG,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,KAAM,YAAW,GAAQ,IAAA,GAAW,MAAO,CAAE,MAAO,GAAG,EAAQ,EAAG,CAAI,CAAA,EAC5F,EAAU,KAAM,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,QAAS,MAAO,CAAE,KAAM,GAAG,EAAQ,EAAG,CAAI,CAAA,EAAI,IACnF,KACL,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAO,SAAxB,SAAA,CAEG,EAAY,CAAI,EAAE,QAAM,EAAU,IAAM,eAAe,EAAQ,GAAK,EACjE,GACH,GAET,CAMA,SAAS,EAAkB,EAAqB,EAAgE,CAC9G,GAAM,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAS,CAAW,EACxC,GAAA,EAAQ,EAAA,OAAA,CAAO,EAAK,EACpB,GAAA,EAAQ,EAAA,OAAA,CAA6C,IAAI,EACzD,GAAA,EAAY,EAAA,OAAA,CAAO,CAAM,EAuB/B,MAtBA,GAAU,QAAU,GAGpB,EAAA,EAAA,UAAA,KAAgB,CACT,EAAM,SAAS,EAAS,CAAW,CAC1C,EAAG,CAAC,CAAW,CAAC,GAEhB,EAAA,EAAA,UAAA,SAAsB,CAChB,EAAM,SAAS,aAAa,EAAM,OAAO,CAC/C,EAAG,CAAC,CAAC,EAaE,CAAC,GAAA,EAXO,EAAA,YAAA,CAAa,GAAkB,CAC5C,EAAS,CAAK,EACd,EAAM,QAAU,GACZ,EAAM,SAAS,aAAa,EAAM,OAAO,EAC7C,EAAM,QAAU,eAAiB,CAC/B,EAAM,QAAU,GAChB,EAAM,QAAU,KAChB,EAAU,QAAQ,CAAK,CACzB,EAAA,GAAyB,CAC3B,EAAG,CAAC,CAEW,CAAM,CACvB,CAaA,SAAS,EAAQ,CAAE,MAAK,SAAQ,WAAU,UAAwB,CAChE,IAAM,GAAA,EAAY,EAAA,MAAA,CAAM,EAClB,EAAgB,EAAI,OAAO,eAC3B,EAAgB,EAAI,OAAO,yBAA2B,IACtD,CAAC,EAAS,GAAc,EAAkB,EAAgB,GAAM,CAChE,IAAM,GAAe,EAAO,EAAI,OAAQ,CAAE,eAAgB,CAAE,CAAC,CACnE,CAAC,EACK,CAAC,EAAS,GAAc,EAAkB,EAAgB,GAAM,CAChE,IAAM,GAAe,EAAO,EAAI,OAAQ,CAAE,wBAAyB,GAAK,IAAM,KAAO,CAAE,CAAC,CAC9F,CAAC,EACK,EAAW,GAAY,EAE7B,OACE,EAAA,EAAA,KAAA,CAAC,KAAD,CAAI,UAAW,EAAO,KAAM,kBAAiB,EAAW,cAAa,EAAI,OAAQ,YAAW,GAAU,IAAA,GAAtG,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,SAAvB,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,OAAQ,EAAI,OAAQ,UAAW,EAAO,MAAS,CAAA,GAE7D,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,EAAW,UAAW,EAAO,SAAU,MAAO,EAAI,MAAQ,SAAA,EAAI,KAAY,CAAA,GACpF,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,OAAQ,cAAa,EAAI,OAAS,SAAA,EAAa,EAAI,OAAc,CAAA,EACxF,EAAI,MAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,KAAM,SAAA,MAAU,CAAA,EAAI,MACxD,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,UAAW,EAAO,OAClB,QAAS,EAAI,OAAO,QACV,WACV,aAAY,eAAe,EAAI,QAC/B,MAAM,WACN,SAAW,GAAS,EAAO,EAAI,OAAQ,CAAE,QAAS,CAAK,CAAC,CACzD,CAAA,CACE,IAEJ,EAAI,KAAK,OAAS,GACjB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,KACpB,SAAA,EAAI,KAAK,IAAK,IAAQ,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiC,KAAM,EAArB,EAAI,IAAiB,CAAC,CAC5D,CAAA,EACH,EAAI,MACN,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,SAAU,SAAA,8EAA+E,CAAA,EAC5G,KAEH,CAAC,EAAI,MAAQ,EAAI,OAAO,SACvB,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,SAAvB,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,MAAM,eACN,IAAK,EACL,IAAK,IACL,KAAM,EACN,MAAO,EACG,WACV,WAAY,GAAG,EAAQ,GACvB,UAAW,GAAG,EAAQ,kBAAkB,EAAI,SAAW,OAAS,iBAAmB,gBAAgB,eACnG,SAAW,GAAM,EAAW,EAAa,OAAO,EAAE,cAAc,KAAK,CAAC,CAAC,CACxE,CAAA,EACA,EAAI,mBACH,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,MAAM,iBACN,IAAK,GACL,IAAK,IACL,KAAM,EACN,MAAO,EACG,WACV,WAAY,GAAW,IAAM,OAAS,GAAG,EAAQ,GACjD,UAAW,GAAW,IAAM,oBAAsB,qBAAqB,EAAQ,+BAC/E,SAAW,GAAM,EAAW,EAAa,OAAO,EAAE,cAAc,KAAK,EAAG,GAAI,GAAG,CAAC,CACjF,CAAA,EACC,IACD,CACH,CAAA,EAAA,MAEJ,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,IAAM,SAAA,EAAI,GAAO,CAAA,EACrC,EAAI,KAAK,OAAS,GACjB,EAAA,EAAA,KAAA,CAAC,UAAD,CAAS,UAAW,EAAO,KAA3B,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,UAAD,CAAA,SAAU,EAAI,KAAK,SAAW,EAAI,cAAgB,GAAG,EAAI,KAAK,OAAO,YAAsB,CAAA,GAC3F,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,SACG,EAAI,KAAK,IAAK,IAAW,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,SAAkB,CAAW,EAApB,CAAoB,CAAC,CACtD,CAAA,CACG,CACP,CAAA,EAAA,IACF,GAER,CAyBA,SAAgB,EAAkB,CAAE,OAAM,UAAS,QAAO,UAAS,QAAO,WAAW,GAAO,UAAU,KAAM,SAAQ,UAAkC,CACpJ,IAAM,GAAA,EAAU,EAAA,MAAA,CAAM,EAMhB,EAAO,CAAC,GAAG,EAAe,CAAI,CAAC,CAAC,OAAO,CAAC,EACxC,EAAU,EAAc,CAAI,EAC5B,EAAY,EAAoB,KAAM,GAAM,EAAE,QAAU,EAAK,IAAI,GAAK,KACtE,EAAO,GAAa,EAAoB,GACxC,EAAW,OAAO,EAAK,iBAAoB,UAAY,OAAO,SAAS,EAAK,eAAe,EAAI,EAAK,gBAAkB,KACtH,EAAe,EAAU,EAAoB,KAAM,GAAM,EAAE,QAAU,CAAO,CAAC,EAAE,OAAS,EAAU,KAClG,EAAW,EAAiB,EAAK,KAAM,CAAO,EAC9C,EAAS,GAAS,OAAS,EAAK,KAAM,GAAM,EAAE,SAAW,EAAQ,MAAM,EAAI,KAEjF,OACE,EAAA,EAAA,KAAA,CAAC,UAAD,CAAS,UAAW,EAAO,MAAO,kBAAiB,EAAnD,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAO,OAA1B,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,GAAI,EAAS,UAAW,EAAO,MAAO,SAAA,QAAU,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,QAAU,SAAA,EAAQ,QAAY,CAAA,GACnD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,IACrB,SAAA,OAAO,SAAS,KAAK,MAAM,EAAK,SAAS,CAAC,EAAI,YAAY,EAAW,EAAK,UAAW,CAAK,IAAM,2BAC7F,CAAA,CACA,KAER,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,KAAvB,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,aAAW,cACX,QAAS,EAAoB,IAAK,IAAO,CACvC,MAAO,EAAE,MACT,MAAO,EAAE,MACT,GAAI,EAAiB,EAAE,MAAO,CAAO,EAAI,CAAE,UAAW,GAAG,EAAE,MAAM,oBAAqB,EAAI,CAAC,EAC3F,SAAU,GAAY,IAAY,MAAQ,EAAiB,EAAE,MAAO,CAAO,CAC7E,EAAE,EACF,MAAO,EAAK,KACZ,SAAW,GAAS,CAAM,IAAS,EAAK,MAAQ,CAAC,EAAiB,EAAM,CAAO,GAAG,EAAO,CAAI,CAAG,CACjG,CAAA,GAGD,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,SAAW,SAAA,EAAY,EAAK,YAAc,0CAA8C,CAAA,EAC5G,GACC,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,SAAU,eAAa,GACzC,SAAA,EACG,2BAA2B,EAAa,0BAA0B,EAAa,yBAC/E,2BAA2B,EAAa,4DAC3C,CAAA,EACD,IACD,IAEJ,GACC,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAO,QAAS,YAAU,SAAxC,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,YAAa,SAAA,oBAAwB,CAAA,EAAE,KAC/D,EAAA,EAAA,IAAA,CAAC,SAAD,CAAA,SAAS,GAAQ,OAAU,EAAQ,QAAU,mBAA6B,CAAA,GAC1E,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,WACvB,SAAA,OAAO,EAAQ,KAAQ,SAAW,EAAU,EAAQ,IAAK,CAAK,EAAI,IAAW,CAAA,CAC7E,CACD,CAAA,EAAA,KAEH,GAAQ,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,MAAO,KAAK,QAAS,SAAA,CAAS,CAAA,EAAI,KAE/D,EAAK,SAAW,GACf,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,MAAO,SAAA,0EAA2E,CAAA,GAEvG,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAO,MACnB,SAAA,EAAK,IAAK,IACT,EAAA,EAAA,IAAA,CAAC,EAAD,CAA+B,MAAK,OAAQ,IAAY,EAAI,QAAU,IAAY,OAAkB,WAAkB,QAAS,EAAjH,EAAI,MAA6G,CAChI,CACC,CAAA,GAGN,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAO,SAArB,SAAA,CAA+B,6JAEa,IAAa,KAA+D,yBAAxD,cAAc,KAAK,MAAM,EAAW,GAAM,EAAE,UAAqC,iBAC9I,GACI,GAEb,CAMA,SAAgB,EAAc,CAAE,UAAU,MAA0C,CAAC,EAAG,CACtF,IAAM,EAAS,EAAS,EAAa,CAAE,QAAS,CAAE,CAAC,EAC7C,EAAU,EAAS,EAAoB,CAAE,QAAS,CAAE,CAAC,EACrD,EAAgB,EAAW,CAAW,EACtC,EAAiB,EAAW,CAAkB,EAC9C,EAAO,EAAa,EACpB,CAAC,EAAQ,IAAA,EAAa,EAAA,SAAA,CAA4B,IAAI,EACtD,CAAC,EAAS,IAAA,EAAc,EAAA,SAAA,CAAwB,IAAI,EACpD,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAwB,IAAI,EAChD,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,KAAe,KAAK,IAAI,CAAC,GAGnD,EAAA,EAAA,UAAA,KAAgB,CACd,IAAM,MAAmB,EACnB,OAAO,SAAa,KAAe,SAAS,kBAAoB,YACpE,EAAc,EACd,EAAe,EACf,EAAS,KAAK,IAAI,CAAC,EACrB,EACM,EAAQ,OAAO,YAAY,EAAM,CAAc,EAErD,OADA,SAAS,iBAAiB,mBAAoB,CAAI,MACrC,CACX,OAAO,cAAc,CAAK,EAC1B,SAAS,oBAAoB,mBAAoB,CAAI,CACvD,CACF,EAAG,CAAC,EAAe,CAAc,CAAC,EAKlC,IAAM,EAAS,EAAO,KAChB,EAAO,IAAW,CAAC,GAAU,EAAE,KAAK,MAAM,EAAO,SAAS,EAAI,KAAK,MAAM,EAAO,SAAS,IAAM,EAAS,EAExG,GAAA,EAAQ,EAAA,YAAA,CAAY,MAAO,EAAa,EAAgB,IAA+C,CAC3G,EAAW,CAAG,EACd,EAAS,IAAI,EACb,GAAI,CACF,IAAM,EAAO,MAAM,EAAK,IAAI,MAAc,EAAa,CAAM,CAAC,EAC1D,GAAM,EAAU,CAAI,CAC1B,OAAS,EAAK,CACZ,EAAS,EAAqB,CAAG,CAAC,CACpC,QAAU,CACR,EAAW,IAAI,EACf,EAAS,KAAK,IAAI,CAAC,CACrB,CACF,EAAG,CAAC,CAAI,CAAC,EAcT,OAZK,GAaH,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACQ,OACN,QAAS,EAAQ,MAAQ,KAClB,QACE,UACF,QACE,UACT,OAAS,GAAS,KAAK,EAAM,OAAQ,wBAAwB,IAAQ,CAAE,MAAK,CAAC,EAC7E,QAAS,EAAQ,IAAU,KAAK,EAAM,EAAQ,yBAAyB,IAAU,CAAE,SAAQ,OAAQ,CAAM,CAAC,CAC3G,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,EAAD,CAAqB,KAAM,EAAK,OAAO,KAAM,OAAQ,EAAK,OAAO,OAAQ,WAAW,iBAClF,UAAU,yCAAyC,QAAS,EAAK,OAAO,QAAS,WAAY,EAAK,OAAO,UAAa,CAAA,CACxH,CAAA,CAAA,GAxBA,EAAA,EAAA,IAAA,CAAC,UAAD,CAAS,UAAW,EAAO,MAAO,aAAW,SAC1C,SAAA,EAAO,SAAW,SACjB,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAO,MAAO,KAAK,QAAjC,SAAA,CAAyC,uBAAqB,EAAO,OAAO,SAAW,qBAAyB,CAEhH,CAAA,GAAA,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,QAAS,SAAA,qBAAsB,CAAA,CAE/C,CAAA,CAoBf"}
+{"version":3,"file":"BudgetControl-Mm1ZL4u6.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/budget/BudgetControl.module.css","../../../../../../src/web-ui/routes/verse/budget/BudgetControl.tsx"],"sourcesContent":["/* Budget panel. Hairlines and whitespace, no nested boxes (DESIGN-V2 §6).\n   Every state is a WORD first; colour reinforces it. Status tokens are\n   defined for both themes in tokens.css, so nothing here needs a dark rule. */\n\n.panel {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  min-width: 0;\n  color: var(--text-primary);\n  font-family: var(--font-ui);\n}\n\n.header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--space-2) var(--space-3);\n}\n.title {\n  margin: 0;\n  font-family: var(--font-display);\n  font-size: var(--text-lg-size);\n  font-weight: var(--font-weight-semibold);\n}\n.summary {\n  margin: 0;\n  flex: 1 1 16rem;\n  font-size: var(--text-sm-size);\n  color: var(--text-secondary);\n}\n.age {\n  font-size: var(--text-2xs-size);\n  color: var(--text-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n.mode {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-2) var(--space-3);\n}\n.modeText {\n  margin: 0;\n  flex: 1 1 14rem;\n  font-size: var(--text-sm-size);\n  color: var(--text-secondary);\n}\n\n.preview {\n  margin: 0;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--space-1) var(--space-2);\n  padding: var(--space-2) 0;\n  border-top: 1px solid var(--border-subtle);\n  border-bottom: 1px solid var(--border-subtle);\n  font-size: var(--text-sm-size);\n}\n.previewLead { color: var(--text-secondary); }\n.previewWhy {\n  flex-basis: 100%;\n  font-size: var(--text-xs-size);\n  color: var(--text-tertiary);\n}\n\n.error {\n  margin: 0;\n  font-size: var(--text-sm-size);\n  color: var(--status-danger-fg);\n}\n.loading,\n.empty {\n  margin: 0;\n  font-size: var(--text-sm-size);\n  color: var(--text-secondary);\n}\n\n.seats {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n}\n.seat {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  padding: var(--space-3) 0;\n  border-bottom: 1px solid var(--border-subtle);\n  min-width: 0;\n}\n.seat[aria-busy='true'] { opacity: 0.7; }\n\n.seatHead {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-2);\n  min-width: 0;\n}\n.marker {\n  width: 3px;\n  height: 16px;\n  border-radius: 2px;\n  flex: none;\n}\n.seatName {\n  font-weight: var(--font-weight-medium);\n  font-size: var(--text-base-size);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.status {\n  font-family: var(--font-display);\n  font-size: var(--text-2xs-size);\n  font-weight: var(--font-weight-medium);\n  letter-spacing: var(--tracking-label, 0.06em);\n  text-transform: uppercase;\n  color: var(--status-unknown-fg);\n}\n.status[data-status='eligible'] { color: var(--status-success-fg); }\n.status[data-status='held'] { color: var(--status-warning-fg); }\n.status[data-status='off'] { color: var(--status-neutral-fg); }\n.status[data-status='unknown'] { color: var(--status-unknown-fg); }\n.free {\n  font-size: var(--text-2xs-size);\n  color: var(--text-tertiary);\n}\n.toggle { margin-left: auto; }\n\n.bars {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n}\n.bar {\n  display: grid;\n  grid-template-columns: 6.5rem minmax(0, 1fr) auto;\n  align-items: center;\n  gap: var(--space-2);\n  font-size: var(--text-xs-size);\n}\n.barLabel {\n  display: inline-flex;\n  align-items: baseline;\n  gap: var(--space-1);\n  color: var(--text-secondary);\n  white-space: nowrap;\n}\n.bar[data-binding] .barLabel { color: var(--text-primary); }\n.bindingMark {\n  font-size: var(--text-2xs-size);\n  color: var(--text-tertiary);\n}\n.barValue {\n  font-variant-numeric: tabular-nums;\n  color: var(--text-secondary);\n  white-space: nowrap;\n}\n.unknown {\n  font-style: italic;\n  color: var(--status-unknown-fg);\n}\n\n/* The track: used (solid) · autonomy room (tint) · kept for you (hatched). */\n.track {\n  position: relative;\n  height: 8px;\n  border-radius: var(--radius-full);\n  background: var(--meter-track);\n  overflow: hidden;\n}\n.used,\n.room,\n.reserveBand {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n.used {\n  left: 0;\n  /* Quantity, not interaction: the fixed azure ramp, never the operator-chosen accent (DESIGN §13.2). */\n  background: var(--data-seq-5);\n  border-radius: var(--radius-full) 0 0 var(--radius-full);\n}\n.used[data-over] { background: var(--status-warning-solid); }\n.room {\n  background: color-mix(in srgb, var(--data-seq-5) 28%, transparent);\n}\n.reserveBand {\n  background: repeating-linear-gradient(\n    135deg,\n    color-mix(in srgb, var(--text-tertiary) 30%, transparent) 0 3px,\n    transparent 3px 6px\n  );\n}\n.ceiling {\n  position: absolute;\n  top: -2px;\n  bottom: -2px;\n  width: 2px;\n  margin-left: -1px;\n  background: var(--text-primary);\n}\n.trackUnknown {\n  height: 8px;\n  border-radius: var(--radius-full);\n  border: 1px dashed var(--border-strong);\n  background: transparent;\n}\n\n.controls {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));\n  gap: var(--space-2) var(--space-4);\n}\n\n.freeLine,\n.why {\n  margin: 0;\n  font-size: var(--text-xs-size);\n  color: var(--text-secondary);\n}\n.more {\n  font-size: var(--text-xs-size);\n  color: var(--text-tertiary);\n}\n.more summary { cursor: pointer; }\n.more ul {\n  margin: var(--space-1) 0 0;\n  padding-left: var(--space-4);\n}\n\n.footnote {\n  margin: 0;\n  font-size: var(--text-2xs-size);\n  color: var(--text-tertiary);\n}\n\n@media (max-width: 480px) {\n  .bar {\n    grid-template-columns: minmax(0, 1fr) auto;\n  }\n  .bar .track,\n  .bar .trackUnknown {\n    grid-column: 1 / -1;\n    grid-row: 2;\n  }\n  .toggle { margin-left: 0; }\n}\n","/**\n * routes/verse/budget/BudgetControl.tsx — budget modes, per-seat reserves and\n * live headroom, in one panel.\n *\n *   ┌ Budget ─────────────────────────── 3 of 7 seats can take autonomous work\n *   │ [ Reserve | Balanced | All-in ]   Autonomy stops at each seat's reserve…\n *   │ Next medium task → Grok · why\n *   │ ● Claude Code        Eligible                          Autonomy [on]\n *   │   Weekly  ███████▒▒▒▒▒▒▒▒░░░░░░░░░  20% used · stops at 60%\n *   │   5-hour  ███▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░  15% used · stops at 70%\n *   │   Kept for you ──●──── 40%     5-hour ceiling ─────●── 70%\n *   │   40% of the weekly window is left for autonomy (40% kept for you).\n *\n * Each bar reads left to right: what is USED (solid), what autonomy may\n * still use (tinted), and the band KEPT FOR MASON (hatched) past the ceiling\n * tick. An unread window is a dashed track and the words \"no reading\" —\n * never an empty bar (which would claim headroom) or a full one.\n *\n * `BudgetControlView` is pure (props in, callbacks out) and is what the tests\n * render; `BudgetControl` wires it to the API, the mutation-token gate and a\n * 60 s refresh while the document is visible.\n *\n * Mount point: a Track B surface (Command home / Autonomy) owns placement —\n * this file only exports the panel.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport type { BudgetView } from '../../../../core/routing/policy.js';\nimport type { BudgetMode, SeatDecision } from '../../../../core/routing/types.js';\nimport { MutationTokenDialog } from '../../../components/auth/MutationTokenDialog.js';\nimport { Segmented } from '../../../components/primitives/Segmented.js';\nimport { Slider } from '../../../components/primitives/Slider.js';\nimport { Switch } from '../../../components/primitives/Switch.js';\nimport { EngineMarker } from '../../../components/primitives/Tag.js';\nimport { useQuery, useRefetch } from '../../../data/hooks.js';\nimport { describeContextError, useTokenGate } from '../context/use-token-gate.js';\nimport { percentText, tidyProse } from '../autonomy/format.js';\nimport { readBudgetRows } from '../usage/capacity-strip-model.js';\nimport {\n  BUDGET_MODE_OPTIONS,\n  budgetSummary,\n  clampPercent,\n  modeAboveCeiling,\n  readingAge,\n  STATUS_WORDS,\n  type BudgetBar,\n  type BudgetSeatRow,\n} from './budget-model.js';\nimport { budgetPreviewQuery, budgetQuery, updateBudget, type BudgetSeatPatchWire } from './budget-queries.js';\nimport styles from './BudgetControl.module.css';\n\n/** Headroom moves with the collector (30 s cycle); a minute is plenty for a settings panel. */\nexport const BUDGET_POLL_MS = 60_000;\n/** Slider changes are committed this long after the last movement. */\nexport const BUDGET_COMMIT_DELAY_MS = 450;\n\n// ---------------------------------------------------------------------------\n// Headroom bar\n// ---------------------------------------------------------------------------\n\nfunction HeadroomBar({ bar }: { bar: BudgetBar }) {\n  const used = bar.usedPercent;\n  const ceiling = clampPercent(bar.ceilingPercent);\n  if (used === null) {\n    return (\n      <div className={styles.bar} data-binding={bar.binding || undefined}>\n        <span className={styles.barLabel}>{bar.label}</span>\n        <div className={styles.trackUnknown} role=\"img\" aria-label={bar.description} />\n        <span className={`${styles.barValue} ${styles.unknown}`}>no reading</span>\n      </div>\n    );\n  }\n  const usedPct = clampPercent(used);\n  const over = usedPct >= ceiling;\n  return (\n    <div className={styles.bar} data-binding={bar.binding || undefined}>\n      <span className={styles.barLabel}>\n        {bar.label}\n        {bar.binding ? <span className={styles.bindingMark} title=\"This window limits autonomy right now\">binding</span> : null}\n      </span>\n      <div className={styles.track} role=\"img\" aria-label={bar.description}>\n        {ceiling < 100 ? (\n          <div className={styles.reserveBand} style={{ left: `${ceiling}%`, width: `${100 - ceiling}%` }} />\n        ) : null}\n        {!over ? (\n          <div className={styles.room} style={{ left: `${usedPct}%`, width: `${ceiling - usedPct}%` }} />\n        ) : null}\n        <div className={styles.used} data-over={over || undefined} style={{ width: `${usedPct}%` }} />\n        {ceiling < 100 ? <div className={styles.ceiling} style={{ left: `${ceiling}%` }} /> : null}\n      </div>\n      <span className={styles.barValue}>\n        {/* Words by the one percent rule; the bar geometry stays numeric. */}\n        {percentText(used)} used{ceiling < 100 ? ` · stops at ${ceiling}%` : ''}\n      </span>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Draft slider — commits after the hand leaves it\n// ---------------------------------------------------------------------------\n\nfunction useCommittedDraft(serverValue: number, commit: (value: number) => void): [number, (v: number) => void] {\n  const [draft, setDraft] = useState(serverValue);\n  const dirty = useRef(false);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const commitRef = useRef(commit);\n  commitRef.current = commit;\n\n  // A new server value wins unless the operator is mid-drag.\n  useEffect(() => {\n    if (!dirty.current) setDraft(serverValue);\n  }, [serverValue]);\n\n  useEffect(() => () => {\n    if (timer.current) clearTimeout(timer.current);\n  }, []);\n\n  const change = useCallback((value: number) => {\n    setDraft(value);\n    dirty.current = true;\n    if (timer.current) clearTimeout(timer.current);\n    timer.current = setTimeout(() => {\n      dirty.current = false;\n      timer.current = null;\n      commitRef.current(value);\n    }, BUDGET_COMMIT_DELAY_MS);\n  }, []);\n\n  return [draft, change];\n}\n\n// ---------------------------------------------------------------------------\n// One seat\n// ---------------------------------------------------------------------------\n\ninterface SeatRowProps {\n  row: BudgetSeatRow;\n  saving: boolean;\n  readOnly: boolean;\n  onSeat: (seatId: string, patch: BudgetSeatPatchWire) => void;\n}\n\nfunction SeatRow({ row, saving, readOnly, onSeat }: SeatRowProps) {\n  const headingId = useId();\n  const reserveServer = row.policy.reservePercent;\n  const sessionServer = row.policy.maxSessionWindowPercent ?? 100;\n  const [reserve, setReserve] = useCommittedDraft(reserveServer, (v) => {\n    if (v !== reserveServer) onSeat(row.seatId, { reservePercent: v });\n  });\n  const [session, setSession] = useCommittedDraft(sessionServer, (v) => {\n    if (v !== sessionServer) onSeat(row.seatId, { maxSessionWindowPercent: v >= 100 ? null : v });\n  });\n  const disabled = readOnly || saving;\n\n  return (\n    <li className={styles.seat} aria-labelledby={headingId} data-status={row.status} aria-busy={saving || undefined}>\n      <div className={styles.seatHead}>\n        <EngineMarker engine={row.engine} className={styles.marker} />\n        {/* The name may truncate in a narrow sheet; the full name rides in the tooltip. */}\n        <span id={headingId} className={styles.seatName} title={row.label}>{row.label}</span>\n        <span className={styles.status} data-status={row.status}>{STATUS_WORDS[row.status]}</span>\n        {row.free ? <span className={styles.free}>free</span> : null}\n        <Switch\n          className={styles.toggle}\n          checked={row.policy.enabled}\n          disabled={disabled}\n          aria-label={`Autonomy on ${row.label}`}\n          label=\"Autonomy\"\n          onChange={(next) => onSeat(row.seatId, { enabled: next })}\n        />\n      </div>\n\n      {row.bars.length > 0 ? (\n        <div className={styles.bars}>\n          {row.bars.map((bar) => <HeadroomBar key={bar.kind} bar={bar} />)}\n        </div>\n      ) : row.free ? (\n        <p className={styles.freeLine}>No usage window — local models cost nothing and are never held back for you.</p>\n      ) : null}\n\n      {!row.free && row.policy.enabled ? (\n        <div className={styles.controls}>\n          <Slider\n            label=\"Kept for you\"\n            min={0}\n            max={100}\n            step={5}\n            value={reserve}\n            disabled={disabled}\n            valueLabel={`${reserve}%`}\n            valueText={`${reserve} percent of the ${row.engine === 'grok' ? 'billing period' : 'weekly window'} kept for you`}\n            onChange={(e) => setReserve(clampPercent(Number(e.currentTarget.value)))}\n          />\n          {row.hasSessionCeiling ? (\n            <Slider\n              label=\"5-hour ceiling\"\n              min={10}\n              max={100}\n              step={5}\n              value={session}\n              disabled={disabled}\n              valueLabel={session >= 100 ? 'none' : `${session}%`}\n              valueText={session >= 100 ? 'no 5-hour ceiling' : `autonomy stops at ${session} percent of the 5-hour window`}\n              onChange={(e) => setSession(clampPercent(Number(e.currentTarget.value), 10, 100))}\n            />\n          ) : null}\n        </div>\n      ) : null}\n\n      <p className={styles.why}>{row.why}</p>\n      {row.more.length > 0 ? (\n        <details className={styles.more}>\n          <summary>{row.more.length === 1 ? '1 more note' : `${row.more.length} more notes`}</summary>\n          <ul>\n            {row.more.map((reason) => <li key={reason}>{reason}</li>)}\n          </ul>\n        </details>\n      ) : null}\n    </li>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Pure view\n// ---------------------------------------------------------------------------\n\nexport interface BudgetControlViewProps {\n  view: BudgetView;\n  preview: SeatDecision | null;\n  nowMs: number;\n  /** `'mode'` or a seat id while its change is in flight. */\n  pending: string | null;\n  error: string | null;\n  readOnly?: boolean;\n  /**\n   * The standing grant's ceiling (`spend.maxMode`). Modes above it are shown\n   * DISABLED with the reason — never hidden — because autonomy could not\n   * spend them anyway. Moving toward Reserve is always allowed. Null/absent\n   * = no grant ceiling applies (every mode selectable).\n   */\n  maxMode?: BudgetMode | null;\n  onMode: (mode: BudgetMode) => void;\n  onSeat: (seatId: string, patch: BudgetSeatPatchWire) => void;\n}\n\nexport function BudgetControlView({ view, preview, nowMs, pending, error, readOnly = false, maxMode = null, onMode, onSeat }: BudgetControlViewProps) {\n  const titleId = useId();\n  // The wire view is read defensively (the capacity strip's own guard): this\n  // panel is opened from Apps, the composer's seat chip and the autonomy bar,\n  // and a budget answer of `{}` or a garbled seat entry used to throw inside\n  // buildBudgetRows and take the whole sheet down. A seat whose policy is\n  // malformed is dropped, not shown as \"off\" — see readBudgetRows.\n  const rows = [...readBudgetRows(view).values()];\n  const summary = budgetSummary(rows);\n  const knownMode = BUDGET_MODE_OPTIONS.find((o) => o.value === view.mode) ?? null;\n  const mode = knownMode ?? BUDGET_MODE_OPTIONS[1]!;\n  const maxAgeMs = typeof view.readingMaxAgeMs === 'number' && Number.isFinite(view.readingMaxAgeMs) ? view.readingMaxAgeMs : null;\n  const ceilingLabel = maxMode ? BUDGET_MODE_OPTIONS.find((o) => o.value === maxMode)?.label ?? maxMode : null;\n  const aboveNow = modeAboveCeiling(view.mode, maxMode);\n  const chosen = preview?.seatId ? rows.find((r) => r.seatId === preview.seatId) : null;\n\n  return (\n    <section className={styles.panel} aria-labelledby={titleId}>\n      <header className={styles.header}>\n        <h2 id={titleId} className={styles.title}>Budget</h2>\n        <p className={styles.summary}>{summary.sentence}</p>\n        <span className={styles.age}>\n          {Number.isFinite(Date.parse(view.sampledAt)) ? `Readings ${readingAge(view.sampledAt, nowMs)}` : 'Reading time not reported'}\n        </span>\n      </header>\n\n      <div className={styles.mode}>\n        <Segmented\n          aria-label=\"Budget mode\"\n          options={BUDGET_MODE_OPTIONS.map((o) => ({\n            value: o.value,\n            label: o.label,\n            ...(modeAboveCeiling(o.value, maxMode) ? { ariaLabel: `${o.label} — above your grant` } : {}),\n            disabled: readOnly || pending !== null || modeAboveCeiling(o.value, maxMode),\n          }))}\n          value={view.mode}\n          onChange={(next) => { if (next !== view.mode && !modeAboveCeiling(next, maxMode)) onMode(next); }}\n        />\n        {/* No option is pressed when the server named no mode we know —\n            showing Balanced there would claim a setting nobody read. */}\n        <p className={styles.modeText}>{knownMode ? mode.description : 'The server did not say which mode is on.'}</p>\n        {ceilingLabel ? (\n          <p className={styles.modeText} data-ceiling=\"\">\n            {aboveNow\n              ? `Your grant allows up to ${ceilingLabel}, so autonomy spends as ${ceilingLabel} until this moves down.`\n              : `Your grant allows up to ${ceilingLabel}; modes above it are off. Re-approve the grant to raise it.`}\n          </p>\n        ) : null}\n      </div>\n\n      {preview ? (\n        <p className={styles.preview} aria-live=\"polite\">\n          <span className={styles.previewLead}>Next medium task →</span>{' '}\n          <strong>{chosen?.label ?? (preview.seatId ?? 'nowhere right now')}</strong>\n          <span className={styles.previewWhy}>{/* A `{}` preview (an older server) has no why: say nothing rather than crash. */}\n          {typeof preview.why === 'string' ? tidyProse(preview.why, nowMs) : null}</span>\n        </p>\n      ) : null}\n\n      {error ? <p className={styles.error} role=\"alert\">{error}</p> : null}\n\n      {rows.length === 0 ? (\n        <p className={styles.empty}>No seats yet — connect an account or start Ollama, and they appear here.</p>\n      ) : (\n        <ul className={styles.seats}>\n          {rows.map((row) => (\n            <SeatRow key={row.seatId} row={row} saving={pending === row.seatId || pending === 'mode'} readOnly={readOnly} onSeat={onSeat} />\n          ))}\n        </ul>\n      )}\n\n      <p className={styles.footnote}>\n        Reserves apply to autonomous work only — your own chats can always use a seat. Unknown usage is never treated as\n        headroom: a seat with no reading, or one {maxAgeMs !== null ? `older than ${Math.round(maxAgeMs / 60_000)} minutes` : 'whose reading is stale'}, is held back.\n      </p>\n    </section>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Connected panel\n// ---------------------------------------------------------------------------\n\nexport function BudgetControl({ maxMode = null }: { maxMode?: BudgetMode | null } = {}) {\n  const budget = useQuery(budgetQuery, { freshMs: 0 });\n  const preview = useQuery(budgetPreviewQuery, { freshMs: 0 });\n  const refetchBudget = useRefetch(budgetQuery);\n  const refetchPreview = useRefetch(budgetPreviewQuery);\n  const gate = useTokenGate();\n  const [latest, setLatest] = useState<BudgetView | null>(null);\n  const [pending, setPending] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [nowMs, setNowMs] = useState(() => Date.now());\n\n  // Poll while visible; read immediately on return (useSeatsRefresh's pattern).\n  useEffect(() => {\n    const tick = (): void => {\n      if (typeof document !== 'undefined' && document.visibilityState === 'hidden') return;\n      refetchBudget();\n      refetchPreview();\n      setNowMs(Date.now());\n    };\n    const timer = window.setInterval(tick, BUDGET_POLL_MS);\n    document.addEventListener('visibilitychange', tick);\n    return () => {\n      window.clearInterval(timer);\n      document.removeEventListener('visibilitychange', tick);\n    };\n  }, [refetchBudget, refetchPreview]);\n\n  // The POST response is newer than the cached read until the refetch lands.\n  // A cached read with no parseable sampledAt cannot be shown to be newer, so\n  // the POST's answer wins (NaN comparisons are always false).\n  const cached = budget.data;\n  const view = latest && (!cached || !(Date.parse(latest.sampledAt) < Date.parse(cached.sampledAt))) ? latest : cached;\n\n  const apply = useCallback(async (key: string, reason: string, update: Parameters<typeof updateBudget>[0]) => {\n    setPending(key);\n    setError(null);\n    try {\n      const next = await gate.run(reason, () => updateBudget(update));\n      if (next) setLatest(next);\n    } catch (err) {\n      setError(describeContextError(err));\n    } finally {\n      setPending(null);\n      setNowMs(Date.now());\n    }\n  }, [gate]);\n\n  if (!view) {\n    return (\n      <section className={styles.panel} aria-label=\"Budget\">\n        {budget.status === 'error' ? (\n          <p className={styles.error} role=\"alert\">Budget unavailable: {budget.error?.message ?? 'the request failed.'}</p>\n        ) : (\n          <p className={styles.loading}>Reading seat usage…</p>\n        )}\n      </section>\n    );\n  }\n\n  return (\n    <>\n      <BudgetControlView\n        view={view}\n        preview={preview.data ?? null}\n        nowMs={nowMs}\n        pending={pending}\n        error={error}\n        maxMode={maxMode}\n        onMode={(mode) => void apply('mode', `Switch the budget to ${mode}`, { mode })}\n        onSeat={(seatId, patch) => void apply(seatId, `Change the budget for ${seatId}`, { seatId, policy: patch })}\n      />\n      <MutationTokenDialog open={gate.dialog.open} reason={gate.dialog.reason} tokenLabel=\"Mutation token\"\n        tokenHelp=\"the mutation token ashlr verse printed\" onClose={gate.dialog.onClose} onUnlocked={gate.dialog.onUnlocked} />\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/core/web/public/next/assets/{BurnDown-x4PWH9JF.js → BurnDown-C1fgcFqo.js}

@@ -1,2 +1,2 @@
-import{a as e,n as t,s as n}from"./index-oAAq8XJa.js";import{D as r,E as i,L as a,P as o,S as s,T as ee,_ as c,c as l,d as te,j as ne,l as re,m as u,n as ie,p as ae,r as oe,t as se,u as d,w as ce}from"./useChartWidth-lZ9PrQn0.js";import{c as f,v as p}from"./colors-BZ3a9wFf.js";import{i as m,l as le,t as h}from"./format-DKrNjdwD.js";import{n as g}from"./Swimlane-DR4OgON_.js";var _={tile:`_tile_lsnkj_1`,label:`_label_lsnkj_15`,value:`_value_lsnkj_25`,trend:`_trend_lsnkj_36`,meta:`_meta_lsnkj_41`,delta:`_delta_lsnkj_48`,deltaGood:`_deltaGood_lsnkj_54`,deltaBad:`_deltaBad_lsnkj_58`,deltaNeutral:`_deltaNeutral_lsnkj_62`,caption:`_caption_lsnkj_66`},v=t();function y(e){return[e.format?e.format(e.value):m(e.value),e.unit,e.versus].filter(e=>e!==void 0&&e!==``).join(` `)}function b({label:e,value:t,caption:n,delta:r,trend:i,trendLabel:a,describeTrend:o}){let s=r==null||r.goodWhenPositive===void 0||r.value===0?_.deltaNeutral:r.value>0===r.goodWhenPositive?_.deltaGood:_.deltaBad;return(0,v.jsxs)(`div`,{className:_.tile,"data-stat-tile":``,children:[(0,v.jsx)(`span`,{className:_.label,children:e}),(0,v.jsx)(`span`,{className:_.value,children:t}),i?(0,v.jsx)(`span`,{className:_.trend,children:(0,v.jsx)(g,{points:i,width:112,height:24,area:!0,ariaLabel:a??`${e} trend`,describe:o})}):null,r||n?(0,v.jsxs)(`div`,{className:_.meta,children:[r?(0,v.jsx)(`span`,{className:`${_.delta} ${s}`,children:y(r)}):null,n?(0,v.jsx)(`span`,{className:_.caption,children:n}):null]}):null]})}var ue=n(e(),1),x=16,de=26,fe=14;function S(e){let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleString(`en-US`,{weekday:`short`,hour:`numeric`,minute:`2-digit`})}function C(e){let t=Math.max(0,Math.round(e/6e4));if(t<60)return`${t}m`;let n=Math.floor(t/60);return n<48?t%60?`${n}h ${t%60}m`:`${n}h`:`${Math.round(n/24)}d`}function pe(e,t,n,r,i){let a=t!==null&&Number.isFinite(t)?t:null;if(e.from&&e.from.remaining<=0)return{text:a===null?`Used up — reset time unknown.`:`Used up — resets ${r(a)}.`,severity:`danger`};if(e.from&&i!==void 0&&e.reserveAt!==null&&e.reserveAt<=e.from.t){let e=a===null?`until it resets (reset time unknown)`:`until ${r(a)}`;return{text:`Inside ${i.toLowerCase()} — autonomy has stopped using this window ${e}.`,severity:`warn`}}return a===null?{text:`Reset time unknown — not projecting this window.`,severity:`unknown`}:e.slopePerMs===null?{text:`Not enough readings to project this window yet.`,severity:`unknown`}:e.exhaustAt===null?e.reserveAt===null?{text:`At this pace: about ${n(e.remainingAtReset??0)} left at reset.`,severity:`ok`}:{text:`At this pace: ${i??`reserve`} reached ${r(e.reserveAt)}, ${C(a-e.reserveAt)} before reset.`,severity:`warn`}:{text:`At this pace: runs out ${r(e.exhaustAt)}, ${C(a-e.exhaustAt)} before reset.`,severity:`danger`}}function w({title:e,description:t,caveat:n,status:m,points:g,capacity:_,start:y,resetAt:b,now:C,reserve:w,height:T=200,width:me,formatValue:E,formatTime:D,ariaLabel:he}){let O=E??h,k=D??S,A=(0,ue.useRef)(null),j=se(A,me),M=d(),N=g.filter(e=>s(e.t)).sort((e,t)=>e.t-t.t),ge=N.some(e=>e.remaining!==null),P=m??(N.length===0?{kind:`empty`,message:`No readings in this window yet.`}:ge?{kind:`ready`}:{kind:`unknown`}),F=s(b),I=F?b:null,L=ne(N,I,{reserve:w?.value??null}),R=pe(L,I,O,k,w?.label),z=N.flatMap(e=>e.remaining!==null&&Number.isFinite(e.remaining)?[e.remaining]:[]),B=u(0,Math.max(_,...z,1),{count:4,integer:Number.isInteger(_)&&z.every(e=>Number.isInteger(e)),format:E}),V=B.ticks,_e=V[V.length-1],H=a(B.labels,28,56,M),U=Math.max(40,j-H-fe),W=T-x-de,ve=N.length?N[N.length-1].t:C,G=I??Math.max(C,ve),ye=s(y)?y:N[0]?.t??G,[K,q]=c(ye,G,te,`end`),J=r(K,q,H,H+U),Y=r(0,_e,x+W,x),X=e=>Math.min(q,Math.max(K,e)),Z=le(K,q,D??S,[K,q]),be=ee([{key:`start`,x:H,anchor:`start`,priority:2,variants:Z.map(e=>e(K))},F?{key:`reset`,x:H+U,anchor:`end`,priority:3,variants:Z.map(e=>`Resets ${e(q)}`)}:{key:`end`,x:H+U,anchor:`end`,priority:3,variants:Z.map(e=>e(q))}],{min:H,max:H+U,charPx:ce(M)}),xe=o(N.map(e=>({x:X(e.t),y:e.remaining}))).map(e=>e.map(e=>({x:J(e.x),y:Y(Math.max(0,e.y))}))),Q=``;if(I!==null&&L.from&&L.slopePerMs!==null){let e=L.exhaustAt??I,t=L.exhaustAt===null?L.remainingAtReset??L.from.remaining:0;e>L.from.t&&(Q=i([{x:J(X(L.from.t)),y:Y(L.from.remaining)},{x:J(X(e)),y:Y(Math.max(0,t))}]))}let $=R.severity===`danger`?p(`danger`):R.severity===`warn`?p(`warning`):`var(--text-tertiary)`,Se=he??`${e}: ${L.from?`${O(L.from.remaining)} of ${O(_)} left at ${k(L.from.t)}`:`no readings`}; ${I===null?`reset time unknown`:`resets ${k(I)}`}. ${R.text}`,Ce=[{key:`t`,label:`When`,render:e=>k(e.t)},{key:`r`,label:`Remaining`,numeric:!0,render:e=>e.remaining===null?`—`:O(e.remaining)}],we=[{label:`Remaining`,color:f,kind:`line`},...F?[{label:`Even pace`,color:`var(--text-tertiary)`,kind:`line`}]:[],...Q?[{label:`Projection`,color:$,kind:`line`}]:[]];return(0,v.jsx)(ie,{title:e,description:t,caveat:n,status:P,table:(0,v.jsx)(re,{caption:e,columns:Ce,rows:N,rowKey:e=>String(e.t)}),footer:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`p`,{className:l.note,"data-severity":R.severity,role:`status`,children:R.text}),(0,v.jsx)(oe,{items:we})]}),children:(0,v.jsx)(`div`,{ref:A,className:l.plotWrap,children:(0,v.jsxs)(`svg`,{className:l.svg,width:j,height:T,viewBox:`0 0 ${j} ${T}`,role:`img`,"aria-label":Se,children:[V.map((e,t)=>(0,v.jsxs)(`g`,{children:[(0,v.jsx)(`line`,{className:l.grid,x1:H,x2:H+U,y1:Y(e),y2:Y(e)}),(0,v.jsx)(`text`,{className:l.tick,x:H-6,y:Y(e),dy:`0.32em`,textAnchor:`end`,children:B.labels[t]})]},e)),(0,v.jsx)(`line`,{className:l.axis,x1:H,x2:H+U,y1:Y(0),y2:Y(0)}),be.map(e=>(0,v.jsx)(`text`,{"data-axis-label":e.key,className:l.tick,x:e.x,y:T-8,textAnchor:e.anchor,children:e.text},e.key)),F?(0,v.jsx)(`path`,{"data-role":`pace`,className:l.reference,d:i([{x:J(K),y:Y(_)},{x:J(q),y:Y(0)}])}):null,w?(0,v.jsxs)(`g`,{"data-role":`reserve`,children:[(0,v.jsx)(`line`,{className:l.reference,x1:H,x2:H+U,y1:Y(w.value),y2:Y(w.value)}),(0,v.jsxs)(`text`,{"data-role":`reserve-label`,className:`${l.tick} ${l.halo}`,x:H+4,y:Y(w.value)-5,textAnchor:`start`,children:[w.label,` · `,O(w.value)]})]}):null,C>K&&C<q?(0,v.jsx)(`line`,{className:l.crosshair,x1:J(C),x2:J(C),y1:x,y2:x+W}):null,xe.map((e,t)=>(0,v.jsxs)(`g`,{"data-role":`remaining`,children:[(0,v.jsx)(`path`,{className:l.wash,fill:f,d:ae(e,e.map(e=>({x:e.x,y:Y(0)})))}),(0,v.jsx)(`path`,{className:l.line,stroke:f,d:i(e)})]},t)),Q?(0,v.jsx)(`path`,{"data-role":`projection`,className:l.projection,stroke:$,d:Q}):null,L.from?(0,v.jsx)(`circle`,{className:l.marker,cx:J(X(L.from.t)),cy:Y(L.from.remaining),r:4,fill:f}):null]})})})}export{b as n,w as t};
-//# sourceMappingURL=BurnDown-x4PWH9JF.js.map
+import{a as e,n as t,s as n}from"./index-DbDw9UAs.js";import{D as r,E as i,L as a,P as o,S as s,T as ee,_ as c,c as l,d as te,j as ne,l as re,m as u,n as ie,p as ae,r as oe,t as se,u as d,w as ce}from"./useChartWidth-D9M7kUw7.js";import{c as f,v as p}from"./colors-BZ3a9wFf.js";import{i as m,l as le,t as h}from"./format-DKrNjdwD.js";import{n as g}from"./Swimlane-Cdc4TqDe.js";var _={tile:`_tile_lsnkj_1`,label:`_label_lsnkj_15`,value:`_value_lsnkj_25`,trend:`_trend_lsnkj_36`,meta:`_meta_lsnkj_41`,delta:`_delta_lsnkj_48`,deltaGood:`_deltaGood_lsnkj_54`,deltaBad:`_deltaBad_lsnkj_58`,deltaNeutral:`_deltaNeutral_lsnkj_62`,caption:`_caption_lsnkj_66`},v=t();function y(e){return[e.format?e.format(e.value):m(e.value),e.unit,e.versus].filter(e=>e!==void 0&&e!==``).join(` `)}function b({label:e,value:t,caption:n,delta:r,trend:i,trendLabel:a,describeTrend:o}){let s=r==null||r.goodWhenPositive===void 0||r.value===0?_.deltaNeutral:r.value>0===r.goodWhenPositive?_.deltaGood:_.deltaBad;return(0,v.jsxs)(`div`,{className:_.tile,"data-stat-tile":``,children:[(0,v.jsx)(`span`,{className:_.label,children:e}),(0,v.jsx)(`span`,{className:_.value,children:t}),i?(0,v.jsx)(`span`,{className:_.trend,children:(0,v.jsx)(g,{points:i,width:112,height:24,area:!0,ariaLabel:a??`${e} trend`,describe:o})}):null,r||n?(0,v.jsxs)(`div`,{className:_.meta,children:[r?(0,v.jsx)(`span`,{className:`${_.delta} ${s}`,children:y(r)}):null,n?(0,v.jsx)(`span`,{className:_.caption,children:n}):null]}):null]})}var ue=n(e(),1),x=16,de=26,fe=14;function S(e){let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleString(`en-US`,{weekday:`short`,hour:`numeric`,minute:`2-digit`})}function C(e){let t=Math.max(0,Math.round(e/6e4));if(t<60)return`${t}m`;let n=Math.floor(t/60);return n<48?t%60?`${n}h ${t%60}m`:`${n}h`:`${Math.round(n/24)}d`}function pe(e,t,n,r,i){let a=t!==null&&Number.isFinite(t)?t:null;if(e.from&&e.from.remaining<=0)return{text:a===null?`Used up — reset time unknown.`:`Used up — resets ${r(a)}.`,severity:`danger`};if(e.from&&i!==void 0&&e.reserveAt!==null&&e.reserveAt<=e.from.t){let e=a===null?`until it resets (reset time unknown)`:`until ${r(a)}`;return{text:`Inside ${i.toLowerCase()} — autonomy has stopped using this window ${e}.`,severity:`warn`}}return a===null?{text:`Reset time unknown — not projecting this window.`,severity:`unknown`}:e.slopePerMs===null?{text:`Not enough readings to project this window yet.`,severity:`unknown`}:e.exhaustAt===null?e.reserveAt===null?{text:`At this pace: about ${n(e.remainingAtReset??0)} left at reset.`,severity:`ok`}:{text:`At this pace: ${i??`reserve`} reached ${r(e.reserveAt)}, ${C(a-e.reserveAt)} before reset.`,severity:`warn`}:{text:`At this pace: runs out ${r(e.exhaustAt)}, ${C(a-e.exhaustAt)} before reset.`,severity:`danger`}}function w({title:e,description:t,caveat:n,status:m,points:g,capacity:_,start:y,resetAt:b,now:C,reserve:w,height:T=200,width:me,formatValue:E,formatTime:D,ariaLabel:he}){let O=E??h,k=D??S,A=(0,ue.useRef)(null),j=se(A,me),M=d(),N=g.filter(e=>s(e.t)).sort((e,t)=>e.t-t.t),ge=N.some(e=>e.remaining!==null),P=m??(N.length===0?{kind:`empty`,message:`No readings in this window yet.`}:ge?{kind:`ready`}:{kind:`unknown`}),F=s(b),I=F?b:null,L=ne(N,I,{reserve:w?.value??null}),R=pe(L,I,O,k,w?.label),z=N.flatMap(e=>e.remaining!==null&&Number.isFinite(e.remaining)?[e.remaining]:[]),B=u(0,Math.max(_,...z,1),{count:4,integer:Number.isInteger(_)&&z.every(e=>Number.isInteger(e)),format:E}),V=B.ticks,_e=V[V.length-1],H=a(B.labels,28,56,M),U=Math.max(40,j-H-fe),W=T-x-de,ve=N.length?N[N.length-1].t:C,G=I??Math.max(C,ve),ye=s(y)?y:N[0]?.t??G,[K,q]=c(ye,G,te,`end`),J=r(K,q,H,H+U),Y=r(0,_e,x+W,x),X=e=>Math.min(q,Math.max(K,e)),Z=le(K,q,D??S,[K,q]),be=ee([{key:`start`,x:H,anchor:`start`,priority:2,variants:Z.map(e=>e(K))},F?{key:`reset`,x:H+U,anchor:`end`,priority:3,variants:Z.map(e=>`Resets ${e(q)}`)}:{key:`end`,x:H+U,anchor:`end`,priority:3,variants:Z.map(e=>e(q))}],{min:H,max:H+U,charPx:ce(M)}),xe=o(N.map(e=>({x:X(e.t),y:e.remaining}))).map(e=>e.map(e=>({x:J(e.x),y:Y(Math.max(0,e.y))}))),Q=``;if(I!==null&&L.from&&L.slopePerMs!==null){let e=L.exhaustAt??I,t=L.exhaustAt===null?L.remainingAtReset??L.from.remaining:0;e>L.from.t&&(Q=i([{x:J(X(L.from.t)),y:Y(L.from.remaining)},{x:J(X(e)),y:Y(Math.max(0,t))}]))}let $=R.severity===`danger`?p(`danger`):R.severity===`warn`?p(`warning`):`var(--text-tertiary)`,Se=he??`${e}: ${L.from?`${O(L.from.remaining)} of ${O(_)} left at ${k(L.from.t)}`:`no readings`}; ${I===null?`reset time unknown`:`resets ${k(I)}`}. ${R.text}`,Ce=[{key:`t`,label:`When`,render:e=>k(e.t)},{key:`r`,label:`Remaining`,numeric:!0,render:e=>e.remaining===null?`—`:O(e.remaining)}],we=[{label:`Remaining`,color:f,kind:`line`},...F?[{label:`Even pace`,color:`var(--text-tertiary)`,kind:`line`}]:[],...Q?[{label:`Projection`,color:$,kind:`line`}]:[]];return(0,v.jsx)(ie,{title:e,description:t,caveat:n,status:P,table:(0,v.jsx)(re,{caption:e,columns:Ce,rows:N,rowKey:e=>String(e.t)}),footer:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`p`,{className:l.note,"data-severity":R.severity,role:`status`,children:R.text}),(0,v.jsx)(oe,{items:we})]}),children:(0,v.jsx)(`div`,{ref:A,className:l.plotWrap,children:(0,v.jsxs)(`svg`,{className:l.svg,width:j,height:T,viewBox:`0 0 ${j} ${T}`,role:`img`,"aria-label":Se,children:[V.map((e,t)=>(0,v.jsxs)(`g`,{children:[(0,v.jsx)(`line`,{className:l.grid,x1:H,x2:H+U,y1:Y(e),y2:Y(e)}),(0,v.jsx)(`text`,{className:l.tick,x:H-6,y:Y(e),dy:`0.32em`,textAnchor:`end`,children:B.labels[t]})]},e)),(0,v.jsx)(`line`,{className:l.axis,x1:H,x2:H+U,y1:Y(0),y2:Y(0)}),be.map(e=>(0,v.jsx)(`text`,{"data-axis-label":e.key,className:l.tick,x:e.x,y:T-8,textAnchor:e.anchor,children:e.text},e.key)),F?(0,v.jsx)(`path`,{"data-role":`pace`,className:l.reference,d:i([{x:J(K),y:Y(_)},{x:J(q),y:Y(0)}])}):null,w?(0,v.jsxs)(`g`,{"data-role":`reserve`,children:[(0,v.jsx)(`line`,{className:l.reference,x1:H,x2:H+U,y1:Y(w.value),y2:Y(w.value)}),(0,v.jsxs)(`text`,{"data-role":`reserve-label`,className:`${l.tick} ${l.halo}`,x:H+4,y:Y(w.value)-5,textAnchor:`start`,children:[w.label,` · `,O(w.value)]})]}):null,C>K&&C<q?(0,v.jsx)(`line`,{className:l.crosshair,x1:J(C),x2:J(C),y1:x,y2:x+W}):null,xe.map((e,t)=>(0,v.jsxs)(`g`,{"data-role":`remaining`,children:[(0,v.jsx)(`path`,{className:l.wash,fill:f,d:ae(e,e.map(e=>({x:e.x,y:Y(0)})))}),(0,v.jsx)(`path`,{className:l.line,stroke:f,d:i(e)})]},t)),Q?(0,v.jsx)(`path`,{"data-role":`projection`,className:l.projection,stroke:$,d:Q}):null,L.from?(0,v.jsx)(`circle`,{className:l.marker,cx:J(X(L.from.t)),cy:Y(L.from.remaining),r:4,fill:f}):null]})})})}export{b as n,w as t};
+//# sourceMappingURL=BurnDown-C1fgcFqo.js.map

package/dist/core/web/public/next/assets/{BurnDown-x4PWH9JF.js.map → BurnDown-C1fgcFqo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BurnDown-x4PWH9JF.js","names":[],"sources":["../../../../../../src/web-ui/components/charts/StatTile.module.css","../../../../../../src/web-ui/components/charts/StatTile.tsx","../../../../../../src/web-ui/components/charts/BurnDown.tsx"],"sourcesContent":[".tile {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n  padding: var(--card-pad, var(--space-4));\n  border-radius: var(--radius-lg);\n  border: 1px solid var(--border-subtle);\n  background: var(--bg-surface);\n  /* Dark: a 4% white top hairline lifts the KPI row off the canvas; light:\n     the token is transparent and this draws nothing. */\n  box-shadow: inset 0 1px 0 var(--hairline-lift, transparent);\n}\n\n.label {\n  font-family: var(--font-display);\n  font-size: var(--text-2xs-size);\n  line-height: var(--text-2xs-line);\n  color: var(--text-tertiary);\n  text-transform: uppercase;\n  letter-spacing: var(--tracking-label);\n}\n\n/* KPI number: Plex 600, 24/32, tabular numerals (SPEC-310C §6). */\n.value {\n  font-family: var(--font-ui);\n  font-size: var(--text-2xl-size);\n  line-height: var(--text-2xl-line);\n  font-weight: var(--font-weight-semibold);\n  font-variant-numeric: tabular-nums;\n  color: var(--text-primary);\n  overflow-wrap: anywhere;\n}\n\n/* The sparkline sits directly under the number it explains. */\n.trend {\n  display: block;\n  line-height: 0;\n}\n\n.meta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--space-1) var(--space-2);\n}\n\n.delta {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  font-variant-numeric: tabular-nums;\n}\n\n.deltaGood {\n  color: var(--status-success-fg);\n}\n\n.deltaBad {\n  color: var(--status-danger-fg);\n}\n\n.deltaNeutral {\n  color: var(--text-tertiary);\n}\n\n.caption {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-tertiary);\n}\n","/**\n * components/charts/StatTile.tsx — value + delta + optional sparkline, the\n * figure contract from marks-and-anatomy.md. Use for a single current value\n * (a one-bar bar chart is never the answer — this is). `value` takes a\n * ReactNode (not just a string) so callers can wrap a sourceQuality-bearing\n * field in <Epistemic/> and pass that straight through.\n *\n * V3.10 (SPEC-310C §6 \"StatTile: sparkline goes under the number; deltas show\n * units\"): the 72×24 sparkline used to float top-right, disconnected from the\n * number it explains; it now sits directly under it. A delta reads as a\n * sentence fragment with its unit and its comparison — \"+5 merges vs prior\n * 7d\", never a bare \"-1\". In dark the tile gets the 4% top hairline\n * (`--hairline-lift`, transparent in light) so a KPI row lifts off the canvas.\n */\nimport type { ReactNode } from 'react';\nimport { formatSignedCompact } from './format.js';\nimport { Sparkline } from './Sparkline.js';\nimport styles from './StatTile.module.css';\n\nexport interface StatTileDelta {\n  /** Signed raw value, e.g. +12 or -3. */\n  value: number;\n  /** Whether a positive delta reads as good (green) or bad (red). Omit for\n   * a neutral, non-judgmental delta (e.g. \"goals in flight\" — more isn't\n   * inherently good or bad). */\n  goodWhenPositive?: boolean;\n  /** vs which period, e.g. \"vs prior 7d\". */\n  versus?: string;\n  /** Unit after the number: \"merges\", \"pts\", \"min\". Plural is the caller's call. */\n  unit?: string;\n  /** Formats the SIGNED value (default: \"+12\" / \"-3\"). Use for percent points, durations, dollars. */\n  format?: (signed: number) => string;\n}\n\n/** \"+5 merges vs prior 7d\" — the whole delta as one readable phrase. */\nexport function deltaText(delta: StatTileDelta): string {\n  const n = delta.format ? delta.format(delta.value) : formatSignedCompact(delta.value);\n  return [n, delta.unit, delta.versus].filter((part) => part !== undefined && part !== '').join(' ');\n}\n\nexport function StatTile({\n  label,\n  value,\n  caption,\n  delta,\n  trend,\n  trendLabel,\n  describeTrend,\n}: {\n  label: string;\n  value: ReactNode;\n  caption?: ReactNode;\n  delta?: StatTileDelta | null;\n  trend?: (number | null)[];\n  trendLabel?: string;\n  /** Spoken summary formatter for the sparkline (first → latest, range). */\n  describeTrend?: (v: number) => string;\n}) {\n  const deltaTone =\n    delta == null || delta.goodWhenPositive === undefined\n      ? styles.deltaNeutral\n      : delta.value === 0\n        ? styles.deltaNeutral\n        : (delta.value > 0) === delta.goodWhenPositive\n          ? styles.deltaGood\n          : styles.deltaBad;\n\n  return (\n    <div className={styles.tile} data-stat-tile=\"\">\n      <span className={styles.label}>{label}</span>\n      <span className={styles.value}>{value}</span>\n      {trend ? (\n        <span className={styles.trend}>\n          <Sparkline points={trend} width={112} height={24} area ariaLabel={trendLabel ?? `${label} trend`} describe={describeTrend} />\n        </span>\n      ) : null}\n      {delta || caption ? (\n        <div className={styles.meta}>\n          {delta ? <span className={`${styles.delta} ${deltaTone}`}>{deltaText(delta)}</span> : null}\n          {caption ? <span className={styles.caption}>{caption}</span> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n","/**\n * components/charts/BurnDown.tsx — a quota window burning down to its reset:\n * remaining capacity over time (solid line + wash), the even-pace reference\n * from full at window start to empty at reset (thin dashed), a projection\n * from the recent slope (dashed), an optional reserve line (the headroom kept\n * for interactive use) and the reset marker.\n *\n * The verdict is written in words under the plot — \"At this pace: reserve\n * reached 14:20, 3h 40m before reset\" — so the chart's point never depends on\n * reading slopes. With fewer than two readings it says it cannot project,\n * rather than drawing a guess — and with no plausible reset (0 / NaN /\n * pre-2000) it draws neither pace nor projection and says the reset is\n * unknown, rather than projecting to an invented one.\n */\nimport { useRef } from 'react';\nimport { CHART_SEQUENTIAL, toneColor } from './colors.js';\nimport { ChartFrame, type ChartStatus } from './ChartFrame.js';\nimport { ChartLegend } from './ChartParts.js';\nimport { TableView, type TableColumn } from './TableView.js';\nimport {\n  MIN_TIME_SPAN_MS,\n  areaPath,\n  axisTicks,\n  ensureSpan,\n  isPlausibleTime,\n  labelCharPx,\n  layoutAxisLabels,\n  linePath,\n  linearScale,\n  projectBurnDown,\n  splitRuns,\n  tickGutter,\n  type BurnPoint,\n} from './chart-math.js';\nimport { formatCompact, timeLabelLadder } from './format.js';\nimport { useChartWidth } from './useChartWidth.js';\nimport { useTextScale } from './useTextScale.js';\nimport plot from './plot.module.css';\n\nexport interface BurnDownProps {\n  title: string;\n  description?: string;\n  caveat?: string;\n  status?: ChartStatus;\n  points: BurnPoint[];\n  /** Full capacity of the window (e.g. 100 for percent). */\n  capacity: number;\n  /** Window start and reset, epoch ms. */\n  start: number;\n  resetAt: number;\n  now: number;\n  /** Capacity to keep in reserve (same units as `remaining`). */\n  reserve?: { value: number; label: string };\n  height?: number;\n  width?: number;\n  formatValue?: (v: number) => string;\n  formatTime?: (ms: number) => string;\n  ariaLabel?: string;\n}\n\nconst PAD_T = 16;\nconst PAD_B = 26;\nconst PAD_R = 14;\n\nfunction defaultFormatTime(ms: number): string {\n  const d = new Date(ms);\n  return Number.isNaN(d.getTime()) ? '' : d.toLocaleString('en-US', { weekday: 'short', hour: 'numeric', minute: '2-digit' });\n}\n\nexport function formatLead(ms: number): string {\n  const m = Math.max(0, Math.round(ms / 60_000));\n  if (m < 60) return `${m}m`;\n  const h = Math.floor(m / 60);\n  if (h < 48) return m % 60 ? `${h}h ${m % 60}m` : `${h}h`;\n  return `${Math.round(h / 24)}d`;\n}\n\n/**\n * The verdict in words. `resetAt` null (or non-finite) is an UNKNOWN reset:\n * what the window has already crossed is still said, but nothing is\n * projected — \"about 40% left at reset\" needs a reset (V3.10.1 review: an\n * epoch-0 reset printed a green verdict for a seat burning 10%/h, and a NaN\n * one printed \"about NaN% left at reset\").\n */\nexport function burnVerdict(\n  projection: ReturnType<typeof projectBurnDown>,\n  resetAt: number | null,\n  formatValue: (v: number) => string,\n  formatTime: (ms: number) => string,\n  reserveLabel?: string,\n): { text: string; severity: 'ok' | 'warn' | 'danger' | 'unknown' } {\n  const reset = resetAt !== null && Number.isFinite(resetAt) ? resetAt : null;\n  // Already past a line: say where it IS, not a \"projection\" to a moment\n  // that has passed (a used-up seat is not \"running out at 3:02\").\n  if (projection.from && projection.from.remaining <= 0) {\n    return { text: reset === null ? 'Used up — reset time unknown.' : `Used up — resets ${formatTime(reset)}.`, severity: 'danger' };\n  }\n  if (projection.from && reserveLabel !== undefined && projection.reserveAt !== null && projection.reserveAt <= projection.from.t) {\n    const until = reset === null ? 'until it resets (reset time unknown)' : `until ${formatTime(reset)}`;\n    return { text: `Inside ${reserveLabel.toLowerCase()} — autonomy has stopped using this window ${until}.`, severity: 'warn' };\n  }\n  if (reset === null) return { text: 'Reset time unknown — not projecting this window.', severity: 'unknown' };\n  if (projection.slopePerMs === null) return { text: 'Not enough readings to project this window yet.', severity: 'unknown' };\n  if (projection.exhaustAt !== null) {\n    return {\n      text: `At this pace: runs out ${formatTime(projection.exhaustAt)}, ${formatLead(reset - projection.exhaustAt)} before reset.`,\n      severity: 'danger',\n    };\n  }\n  if (projection.reserveAt !== null) {\n    return {\n      text: `At this pace: ${reserveLabel ?? 'reserve'} reached ${formatTime(projection.reserveAt)}, ${formatLead(reset - projection.reserveAt)} before reset.`,\n      severity: 'warn',\n    };\n  }\n  return {\n    text: `At this pace: about ${formatValue(projection.remainingAtReset ?? 0)} left at reset.`,\n    severity: 'ok',\n  };\n}\n\nexport function BurnDown({\n  title,\n  description,\n  caveat,\n  status,\n  points,\n  capacity,\n  start,\n  resetAt,\n  now,\n  reserve,\n  height = 200,\n  width: fixedWidth,\n  formatValue: formatValueProp,\n  formatTime: formatTimeProp,\n  ariaLabel,\n}: BurnDownProps) {\n  const formatValue = formatValueProp ?? formatCompact;\n  const formatTime = formatTimeProp ?? defaultFormatTime;\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const width = useChartWidth(wrapRef, fixedWidth);\n  const textScale = useTextScale();\n  // A reading stamped 0 / NaN / pre-2000 is a null timestamp that leaked\n  // through: it is not on this window's time axis, and it would drag both\n  // the axis and the projection's slope back to 1970.\n  const sorted = points.filter((p) => isPlausibleTime(p.t)).sort((a, b) => a.t - b.t);\n  const anyKnown = sorted.some((p) => p.remaining !== null);\n  const resolvedStatus: ChartStatus = status ?? (sorted.length === 0 ? { kind: 'empty', message: 'No readings in this window yet.' } : anyKnown ? { kind: 'ready' } : { kind: 'unknown' });\n\n  // A reset of 0 / NaN / pre-2000 is a null that leaked through (an epoch-0\n  // machine reset parses as a finite 0). It is UNKNOWN, not a moment: the\n  // axis ends at the latest reading or now with no \"Resets\" on it, no even\n  // pace or projection is drawn toward it, and the verdict says the reset is\n  // unknown instead of inventing one (V3.10.1 review).\n  const resetKnown = isPlausibleTime(resetAt);\n  const reset = resetKnown ? resetAt : null;\n  const projection = projectBurnDown(sorted, reset, { reserve: reserve?.value ?? null });\n  const verdict = burnVerdict(projection, reset, formatValue, formatTime, reserve?.label);\n\n  // Always 0 → capacity (100 for percent seats), so sibling cards share one\n  // scale; widened only if a reading overshoots, never clipped.\n  const known = sorted.flatMap((p) => (p.remaining !== null && Number.isFinite(p.remaining) ? [p.remaining] : []));\n  const yAxis = axisTicks(0, Math.max(capacity, ...known, 1), {\n    count: 4,\n    integer: Number.isInteger(capacity) && known.every((v) => Number.isInteger(v)),\n    format: formatValueProp,\n  });\n  const ticks = yAxis.ticks;\n  const top = ticks[ticks.length - 1]!;\n  const padL = tickGutter(yAxis.labels, 28, 56, textScale);\n  const plotW = Math.max(40, width - padL - PAD_R);\n  const plotH = height - PAD_T - PAD_B;\n  // The window runs start → reset. An implausible bound (0 / NaN) falls back\n  // to the readings; a degenerate one widens to MIN_TIME_SPAN_MS, keeping the\n  // right edge where it is.\n  const lastT = sorted.length ? sorted[sorted.length - 1]!.t : now;\n  const rawEnd = reset ?? Math.max(now, lastT);\n  const rawStart = isPlausibleTime(start) ? start : sorted[0]?.t ?? rawEnd;\n  const [x0, xEnd] = ensureSpan(rawStart, rawEnd, MIN_TIME_SPAN_MS, 'end');\n  const xs = linearScale(x0, xEnd, padL, padL + plotW);\n  const ys = linearScale(0, top, PAD_T + plotH, PAD_T);\n  const clampX = (t: number) => Math.min(xEnd, Math.max(x0, t));\n\n  // x labels: the reset marker outranks the window start. Both walk the same\n  // detail ladder (the caller's format → \"Fri 11:46 PM\" → \"Sep 18\"; clock\n  // time only inside one day) until they fit side by side; if even the\n  // shortest pair collides, the start is dropped rather than overprinted.\n  // Widths are budgeted at the operator's Display size. With no known reset\n  // the right edge is only the latest reading / now, and says just its time.\n  const ladder = timeLabelLadder(x0, xEnd, formatTimeProp ?? defaultFormatTime, [x0, xEnd]);\n  const xLabels = layoutAxisLabels(\n    [\n      { key: 'start', x: padL, anchor: 'start', priority: 2, variants: ladder.map((f) => f(x0)) },\n      resetKnown\n        ? { key: 'reset', x: padL + plotW, anchor: 'end', priority: 3, variants: ladder.map((f) => `Resets ${f(xEnd)}`) }\n        : { key: 'end', x: padL + plotW, anchor: 'end', priority: 3, variants: ladder.map((f) => f(xEnd)) },\n    ],\n    { min: padL, max: padL + plotW, charPx: labelCharPx(textScale) },\n  );\n\n  const runs = splitRuns(sorted.map((p) => ({ x: clampX(p.t), y: p.remaining })))\n    .map((run) => run.map((p) => ({ x: xs(p.x), y: ys(Math.max(0, p.y)) })));\n\n  let projectionPath = '';\n  if (reset !== null && projection.from && projection.slopePerMs !== null) {\n    const endT = projection.exhaustAt ?? reset;\n    const endR = projection.exhaustAt !== null ? 0 : projection.remainingAtReset ?? projection.from.remaining;\n    if (endT > projection.from.t) {\n      projectionPath = linePath([\n        { x: xs(clampX(projection.from.t)), y: ys(projection.from.remaining) },\n        { x: xs(clampX(endT)), y: ys(Math.max(0, endR)) },\n      ]);\n    }\n  }\n  const projectionColor = verdict.severity === 'danger' ? toneColor('danger') : verdict.severity === 'warn' ? toneColor('warning') : 'var(--text-tertiary)';\n\n  const summary = ariaLabel ?? `${title}: ${projection.from ? `${formatValue(projection.from.remaining)} of ${formatValue(capacity)} left at ${formatTime(projection.from.t)}` : 'no readings'}; ${reset === null ? 'reset time unknown' : `resets ${formatTime(reset)}`}. ${verdict.text}`;\n\n  const columns: TableColumn<BurnPoint>[] = [\n    { key: 't', label: 'When', render: (p) => formatTime(p.t) },\n    { key: 'r', label: 'Remaining', numeric: true, render: (p) => (p.remaining === null ? '—' : formatValue(p.remaining)) },\n  ];\n\n  const legendItems = [\n    { label: 'Remaining', color: CHART_SEQUENTIAL, kind: 'line' as const },\n    // Even pace runs from full at the window's start to empty AT RESET: with\n    // no reset there is no pace to draw.\n    ...(resetKnown ? [{ label: 'Even pace', color: 'var(--text-tertiary)', kind: 'line' as const }] : []),\n    ...(projectionPath ? [{ label: 'Projection', color: projectionColor, kind: 'line' as const }] : []),\n  ];\n\n  return (\n    <ChartFrame\n      title={title}\n      description={description}\n      caveat={caveat}\n      status={resolvedStatus}\n      table={<TableView caption={title} columns={columns} rows={sorted} rowKey={(p) => String(p.t)} />}\n      footer={\n        <>\n          <p className={plot.note} data-severity={verdict.severity} role=\"status\">{verdict.text}</p>\n          <ChartLegend items={legendItems} />\n        </>\n      }\n    >\n      <div ref={wrapRef} className={plot.plotWrap}>\n        <svg className={plot.svg} width={width} height={height} viewBox={`0 0 ${width} ${height}`} role=\"img\" aria-label={summary}>\n          {ticks.map((t, i) => (\n            <g key={t}>\n              <line className={plot.grid} x1={padL} x2={padL + plotW} y1={ys(t)} y2={ys(t)} />\n              <text className={plot.tick} x={padL - 6} y={ys(t)} dy=\"0.32em\" textAnchor=\"end\">{yAxis.labels[i]}</text>\n            </g>\n          ))}\n          <line className={plot.axis} x1={padL} x2={padL + plotW} y1={ys(0)} y2={ys(0)} />\n          {xLabels.map((l) => (\n            <text key={l.key} data-axis-label={l.key} className={plot.tick} x={l.x} y={height - 8} textAnchor={l.anchor}>{l.text}</text>\n          ))}\n\n          {resetKnown ? (\n            <path data-role=\"pace\" className={plot.reference} d={linePath([{ x: xs(x0), y: ys(capacity) }, { x: xs(xEnd), y: ys(0) }])} />\n          ) : null}\n          {reserve ? (\n            <g data-role=\"reserve\">\n              <line className={plot.reference} x1={padL} x2={padL + plotW} y1={ys(reserve.value)} y2={ys(reserve.value)} />\n              {/* Above-left of the line, over a surface halo (SPEC-310C §6): the\n                  window's start is the one place the remaining line is always\n                  high, and the projection only ever runs to the right, so the\n                  label never sits on the data. */}\n              <text data-role=\"reserve-label\" className={`${plot.tick} ${plot.halo}`} x={padL + 4} y={ys(reserve.value) - 5} textAnchor=\"start\">\n                {reserve.label} · {formatValue(reserve.value)}\n              </text>\n            </g>\n          ) : null}\n          {now > x0 && now < xEnd ? (\n            <line className={plot.crosshair} x1={xs(now)} x2={xs(now)} y1={PAD_T} y2={PAD_T + plotH} />\n          ) : null}\n          {runs.map((run, i) => (\n            <g key={i} data-role=\"remaining\">\n              <path className={plot.wash} fill={CHART_SEQUENTIAL} d={areaPath(run, run.map((p) => ({ x: p.x, y: ys(0) })))} />\n              <path className={plot.line} stroke={CHART_SEQUENTIAL} d={linePath(run)} />\n            </g>\n          ))}\n          {projectionPath ? (\n            <path data-role=\"projection\" className={plot.projection} stroke={projectionColor} d={projectionPath} />\n          ) : null}\n          {projection.from ? (\n            <circle className={plot.marker} cx={xs(clampX(projection.from.t))} cy={ys(projection.from.remaining)} r={4} fill={CHART_SEQUENTIAL} />\n          ) : null}\n        </svg>\n      </div>\n    </ChartFrame>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BurnDown-C1fgcFqo.js","names":[],"sources":["../../../../../../src/web-ui/components/charts/StatTile.module.css","../../../../../../src/web-ui/components/charts/StatTile.tsx","../../../../../../src/web-ui/components/charts/BurnDown.tsx"],"sourcesContent":[".tile {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n  padding: var(--card-pad, var(--space-4));\n  border-radius: var(--radius-lg);\n  border: 1px solid var(--border-subtle);\n  background: var(--bg-surface);\n  /* Dark: a 4% white top hairline lifts the KPI row off the canvas; light:\n     the token is transparent and this draws nothing. */\n  box-shadow: inset 0 1px 0 var(--hairline-lift, transparent);\n}\n\n.label {\n  font-family: var(--font-display);\n  font-size: var(--text-2xs-size);\n  line-height: var(--text-2xs-line);\n  color: var(--text-tertiary);\n  text-transform: uppercase;\n  letter-spacing: var(--tracking-label);\n}\n\n/* KPI number: Plex 600, 24/32, tabular numerals (SPEC-310C §6). */\n.value {\n  font-family: var(--font-ui);\n  font-size: var(--text-2xl-size);\n  line-height: var(--text-2xl-line);\n  font-weight: var(--font-weight-semibold);\n  font-variant-numeric: tabular-nums;\n  color: var(--text-primary);\n  overflow-wrap: anywhere;\n}\n\n/* The sparkline sits directly under the number it explains. */\n.trend {\n  display: block;\n  line-height: 0;\n}\n\n.meta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--space-1) var(--space-2);\n}\n\n.delta {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  font-variant-numeric: tabular-nums;\n}\n\n.deltaGood {\n  color: var(--status-success-fg);\n}\n\n.deltaBad {\n  color: var(--status-danger-fg);\n}\n\n.deltaNeutral {\n  color: var(--text-tertiary);\n}\n\n.caption {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-tertiary);\n}\n","/**\n * components/charts/StatTile.tsx — value + delta + optional sparkline, the\n * figure contract from marks-and-anatomy.md. Use for a single current value\n * (a one-bar bar chart is never the answer — this is). `value` takes a\n * ReactNode (not just a string) so callers can wrap a sourceQuality-bearing\n * field in <Epistemic/> and pass that straight through.\n *\n * V3.10 (SPEC-310C §6 \"StatTile: sparkline goes under the number; deltas show\n * units\"): the 72×24 sparkline used to float top-right, disconnected from the\n * number it explains; it now sits directly under it. A delta reads as a\n * sentence fragment with its unit and its comparison — \"+5 merges vs prior\n * 7d\", never a bare \"-1\". In dark the tile gets the 4% top hairline\n * (`--hairline-lift`, transparent in light) so a KPI row lifts off the canvas.\n */\nimport type { ReactNode } from 'react';\nimport { formatSignedCompact } from './format.js';\nimport { Sparkline } from './Sparkline.js';\nimport styles from './StatTile.module.css';\n\nexport interface StatTileDelta {\n  /** Signed raw value, e.g. +12 or -3. */\n  value: number;\n  /** Whether a positive delta reads as good (green) or bad (red). Omit for\n   * a neutral, non-judgmental delta (e.g. \"goals in flight\" — more isn't\n   * inherently good or bad). */\n  goodWhenPositive?: boolean;\n  /** vs which period, e.g. \"vs prior 7d\". */\n  versus?: string;\n  /** Unit after the number: \"merges\", \"pts\", \"min\". Plural is the caller's call. */\n  unit?: string;\n  /** Formats the SIGNED value (default: \"+12\" / \"-3\"). Use for percent points, durations, dollars. */\n  format?: (signed: number) => string;\n}\n\n/** \"+5 merges vs prior 7d\" — the whole delta as one readable phrase. */\nexport function deltaText(delta: StatTileDelta): string {\n  const n = delta.format ? delta.format(delta.value) : formatSignedCompact(delta.value);\n  return [n, delta.unit, delta.versus].filter((part) => part !== undefined && part !== '').join(' ');\n}\n\nexport function StatTile({\n  label,\n  value,\n  caption,\n  delta,\n  trend,\n  trendLabel,\n  describeTrend,\n}: {\n  label: string;\n  value: ReactNode;\n  caption?: ReactNode;\n  delta?: StatTileDelta | null;\n  trend?: (number | null)[];\n  trendLabel?: string;\n  /** Spoken summary formatter for the sparkline (first → latest, range). */\n  describeTrend?: (v: number) => string;\n}) {\n  const deltaTone =\n    delta == null || delta.goodWhenPositive === undefined\n      ? styles.deltaNeutral\n      : delta.value === 0\n        ? styles.deltaNeutral\n        : (delta.value > 0) === delta.goodWhenPositive\n          ? styles.deltaGood\n          : styles.deltaBad;\n\n  return (\n    <div className={styles.tile} data-stat-tile=\"\">\n      <span className={styles.label}>{label}</span>\n      <span className={styles.value}>{value}</span>\n      {trend ? (\n        <span className={styles.trend}>\n          <Sparkline points={trend} width={112} height={24} area ariaLabel={trendLabel ?? `${label} trend`} describe={describeTrend} />\n        </span>\n      ) : null}\n      {delta || caption ? (\n        <div className={styles.meta}>\n          {delta ? <span className={`${styles.delta} ${deltaTone}`}>{deltaText(delta)}</span> : null}\n          {caption ? <span className={styles.caption}>{caption}</span> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n","/**\n * components/charts/BurnDown.tsx — a quota window burning down to its reset:\n * remaining capacity over time (solid line + wash), the even-pace reference\n * from full at window start to empty at reset (thin dashed), a projection\n * from the recent slope (dashed), an optional reserve line (the headroom kept\n * for interactive use) and the reset marker.\n *\n * The verdict is written in words under the plot — \"At this pace: reserve\n * reached 14:20, 3h 40m before reset\" — so the chart's point never depends on\n * reading slopes. With fewer than two readings it says it cannot project,\n * rather than drawing a guess — and with no plausible reset (0 / NaN /\n * pre-2000) it draws neither pace nor projection and says the reset is\n * unknown, rather than projecting to an invented one.\n */\nimport { useRef } from 'react';\nimport { CHART_SEQUENTIAL, toneColor } from './colors.js';\nimport { ChartFrame, type ChartStatus } from './ChartFrame.js';\nimport { ChartLegend } from './ChartParts.js';\nimport { TableView, type TableColumn } from './TableView.js';\nimport {\n  MIN_TIME_SPAN_MS,\n  areaPath,\n  axisTicks,\n  ensureSpan,\n  isPlausibleTime,\n  labelCharPx,\n  layoutAxisLabels,\n  linePath,\n  linearScale,\n  projectBurnDown,\n  splitRuns,\n  tickGutter,\n  type BurnPoint,\n} from './chart-math.js';\nimport { formatCompact, timeLabelLadder } from './format.js';\nimport { useChartWidth } from './useChartWidth.js';\nimport { useTextScale } from './useTextScale.js';\nimport plot from './plot.module.css';\n\nexport interface BurnDownProps {\n  title: string;\n  description?: string;\n  caveat?: string;\n  status?: ChartStatus;\n  points: BurnPoint[];\n  /** Full capacity of the window (e.g. 100 for percent). */\n  capacity: number;\n  /** Window start and reset, epoch ms. */\n  start: number;\n  resetAt: number;\n  now: number;\n  /** Capacity to keep in reserve (same units as `remaining`). */\n  reserve?: { value: number; label: string };\n  height?: number;\n  width?: number;\n  formatValue?: (v: number) => string;\n  formatTime?: (ms: number) => string;\n  ariaLabel?: string;\n}\n\nconst PAD_T = 16;\nconst PAD_B = 26;\nconst PAD_R = 14;\n\nfunction defaultFormatTime(ms: number): string {\n  const d = new Date(ms);\n  return Number.isNaN(d.getTime()) ? '' : d.toLocaleString('en-US', { weekday: 'short', hour: 'numeric', minute: '2-digit' });\n}\n\nexport function formatLead(ms: number): string {\n  const m = Math.max(0, Math.round(ms / 60_000));\n  if (m < 60) return `${m}m`;\n  const h = Math.floor(m / 60);\n  if (h < 48) return m % 60 ? `${h}h ${m % 60}m` : `${h}h`;\n  return `${Math.round(h / 24)}d`;\n}\n\n/**\n * The verdict in words. `resetAt` null (or non-finite) is an UNKNOWN reset:\n * what the window has already crossed is still said, but nothing is\n * projected — \"about 40% left at reset\" needs a reset (V3.10.1 review: an\n * epoch-0 reset printed a green verdict for a seat burning 10%/h, and a NaN\n * one printed \"about NaN% left at reset\").\n */\nexport function burnVerdict(\n  projection: ReturnType<typeof projectBurnDown>,\n  resetAt: number | null,\n  formatValue: (v: number) => string,\n  formatTime: (ms: number) => string,\n  reserveLabel?: string,\n): { text: string; severity: 'ok' | 'warn' | 'danger' | 'unknown' } {\n  const reset = resetAt !== null && Number.isFinite(resetAt) ? resetAt : null;\n  // Already past a line: say where it IS, not a \"projection\" to a moment\n  // that has passed (a used-up seat is not \"running out at 3:02\").\n  if (projection.from && projection.from.remaining <= 0) {\n    return { text: reset === null ? 'Used up — reset time unknown.' : `Used up — resets ${formatTime(reset)}.`, severity: 'danger' };\n  }\n  if (projection.from && reserveLabel !== undefined && projection.reserveAt !== null && projection.reserveAt <= projection.from.t) {\n    const until = reset === null ? 'until it resets (reset time unknown)' : `until ${formatTime(reset)}`;\n    return { text: `Inside ${reserveLabel.toLowerCase()} — autonomy has stopped using this window ${until}.`, severity: 'warn' };\n  }\n  if (reset === null) return { text: 'Reset time unknown — not projecting this window.', severity: 'unknown' };\n  if (projection.slopePerMs === null) return { text: 'Not enough readings to project this window yet.', severity: 'unknown' };\n  if (projection.exhaustAt !== null) {\n    return {\n      text: `At this pace: runs out ${formatTime(projection.exhaustAt)}, ${formatLead(reset - projection.exhaustAt)} before reset.`,\n      severity: 'danger',\n    };\n  }\n  if (projection.reserveAt !== null) {\n    return {\n      text: `At this pace: ${reserveLabel ?? 'reserve'} reached ${formatTime(projection.reserveAt)}, ${formatLead(reset - projection.reserveAt)} before reset.`,\n      severity: 'warn',\n    };\n  }\n  return {\n    text: `At this pace: about ${formatValue(projection.remainingAtReset ?? 0)} left at reset.`,\n    severity: 'ok',\n  };\n}\n\nexport function BurnDown({\n  title,\n  description,\n  caveat,\n  status,\n  points,\n  capacity,\n  start,\n  resetAt,\n  now,\n  reserve,\n  height = 200,\n  width: fixedWidth,\n  formatValue: formatValueProp,\n  formatTime: formatTimeProp,\n  ariaLabel,\n}: BurnDownProps) {\n  const formatValue = formatValueProp ?? formatCompact;\n  const formatTime = formatTimeProp ?? defaultFormatTime;\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const width = useChartWidth(wrapRef, fixedWidth);\n  const textScale = useTextScale();\n  // A reading stamped 0 / NaN / pre-2000 is a null timestamp that leaked\n  // through: it is not on this window's time axis, and it would drag both\n  // the axis and the projection's slope back to 1970.\n  const sorted = points.filter((p) => isPlausibleTime(p.t)).sort((a, b) => a.t - b.t);\n  const anyKnown = sorted.some((p) => p.remaining !== null);\n  const resolvedStatus: ChartStatus = status ?? (sorted.length === 0 ? { kind: 'empty', message: 'No readings in this window yet.' } : anyKnown ? { kind: 'ready' } : { kind: 'unknown' });\n\n  // A reset of 0 / NaN / pre-2000 is a null that leaked through (an epoch-0\n  // machine reset parses as a finite 0). It is UNKNOWN, not a moment: the\n  // axis ends at the latest reading or now with no \"Resets\" on it, no even\n  // pace or projection is drawn toward it, and the verdict says the reset is\n  // unknown instead of inventing one (V3.10.1 review).\n  const resetKnown = isPlausibleTime(resetAt);\n  const reset = resetKnown ? resetAt : null;\n  const projection = projectBurnDown(sorted, reset, { reserve: reserve?.value ?? null });\n  const verdict = burnVerdict(projection, reset, formatValue, formatTime, reserve?.label);\n\n  // Always 0 → capacity (100 for percent seats), so sibling cards share one\n  // scale; widened only if a reading overshoots, never clipped.\n  const known = sorted.flatMap((p) => (p.remaining !== null && Number.isFinite(p.remaining) ? [p.remaining] : []));\n  const yAxis = axisTicks(0, Math.max(capacity, ...known, 1), {\n    count: 4,\n    integer: Number.isInteger(capacity) && known.every((v) => Number.isInteger(v)),\n    format: formatValueProp,\n  });\n  const ticks = yAxis.ticks;\n  const top = ticks[ticks.length - 1]!;\n  const padL = tickGutter(yAxis.labels, 28, 56, textScale);\n  const plotW = Math.max(40, width - padL - PAD_R);\n  const plotH = height - PAD_T - PAD_B;\n  // The window runs start → reset. An implausible bound (0 / NaN) falls back\n  // to the readings; a degenerate one widens to MIN_TIME_SPAN_MS, keeping the\n  // right edge where it is.\n  const lastT = sorted.length ? sorted[sorted.length - 1]!.t : now;\n  const rawEnd = reset ?? Math.max(now, lastT);\n  const rawStart = isPlausibleTime(start) ? start : sorted[0]?.t ?? rawEnd;\n  const [x0, xEnd] = ensureSpan(rawStart, rawEnd, MIN_TIME_SPAN_MS, 'end');\n  const xs = linearScale(x0, xEnd, padL, padL + plotW);\n  const ys = linearScale(0, top, PAD_T + plotH, PAD_T);\n  const clampX = (t: number) => Math.min(xEnd, Math.max(x0, t));\n\n  // x labels: the reset marker outranks the window start. Both walk the same\n  // detail ladder (the caller's format → \"Fri 11:46 PM\" → \"Sep 18\"; clock\n  // time only inside one day) until they fit side by side; if even the\n  // shortest pair collides, the start is dropped rather than overprinted.\n  // Widths are budgeted at the operator's Display size. With no known reset\n  // the right edge is only the latest reading / now, and says just its time.\n  const ladder = timeLabelLadder(x0, xEnd, formatTimeProp ?? defaultFormatTime, [x0, xEnd]);\n  const xLabels = layoutAxisLabels(\n    [\n      { key: 'start', x: padL, anchor: 'start', priority: 2, variants: ladder.map((f) => f(x0)) },\n      resetKnown\n        ? { key: 'reset', x: padL + plotW, anchor: 'end', priority: 3, variants: ladder.map((f) => `Resets ${f(xEnd)}`) }\n        : { key: 'end', x: padL + plotW, anchor: 'end', priority: 3, variants: ladder.map((f) => f(xEnd)) },\n    ],\n    { min: padL, max: padL + plotW, charPx: labelCharPx(textScale) },\n  );\n\n  const runs = splitRuns(sorted.map((p) => ({ x: clampX(p.t), y: p.remaining })))\n    .map((run) => run.map((p) => ({ x: xs(p.x), y: ys(Math.max(0, p.y)) })));\n\n  let projectionPath = '';\n  if (reset !== null && projection.from && projection.slopePerMs !== null) {\n    const endT = projection.exhaustAt ?? reset;\n    const endR = projection.exhaustAt !== null ? 0 : projection.remainingAtReset ?? projection.from.remaining;\n    if (endT > projection.from.t) {\n      projectionPath = linePath([\n        { x: xs(clampX(projection.from.t)), y: ys(projection.from.remaining) },\n        { x: xs(clampX(endT)), y: ys(Math.max(0, endR)) },\n      ]);\n    }\n  }\n  const projectionColor = verdict.severity === 'danger' ? toneColor('danger') : verdict.severity === 'warn' ? toneColor('warning') : 'var(--text-tertiary)';\n\n  const summary = ariaLabel ?? `${title}: ${projection.from ? `${formatValue(projection.from.remaining)} of ${formatValue(capacity)} left at ${formatTime(projection.from.t)}` : 'no readings'}; ${reset === null ? 'reset time unknown' : `resets ${formatTime(reset)}`}. ${verdict.text}`;\n\n  const columns: TableColumn<BurnPoint>[] = [\n    { key: 't', label: 'When', render: (p) => formatTime(p.t) },\n    { key: 'r', label: 'Remaining', numeric: true, render: (p) => (p.remaining === null ? '—' : formatValue(p.remaining)) },\n  ];\n\n  const legendItems = [\n    { label: 'Remaining', color: CHART_SEQUENTIAL, kind: 'line' as const },\n    // Even pace runs from full at the window's start to empty AT RESET: with\n    // no reset there is no pace to draw.\n    ...(resetKnown ? [{ label: 'Even pace', color: 'var(--text-tertiary)', kind: 'line' as const }] : []),\n    ...(projectionPath ? [{ label: 'Projection', color: projectionColor, kind: 'line' as const }] : []),\n  ];\n\n  return (\n    <ChartFrame\n      title={title}\n      description={description}\n      caveat={caveat}\n      status={resolvedStatus}\n      table={<TableView caption={title} columns={columns} rows={sorted} rowKey={(p) => String(p.t)} />}\n      footer={\n        <>\n          <p className={plot.note} data-severity={verdict.severity} role=\"status\">{verdict.text}</p>\n          <ChartLegend items={legendItems} />\n        </>\n      }\n    >\n      <div ref={wrapRef} className={plot.plotWrap}>\n        <svg className={plot.svg} width={width} height={height} viewBox={`0 0 ${width} ${height}`} role=\"img\" aria-label={summary}>\n          {ticks.map((t, i) => (\n            <g key={t}>\n              <line className={plot.grid} x1={padL} x2={padL + plotW} y1={ys(t)} y2={ys(t)} />\n              <text className={plot.tick} x={padL - 6} y={ys(t)} dy=\"0.32em\" textAnchor=\"end\">{yAxis.labels[i]}</text>\n            </g>\n          ))}\n          <line className={plot.axis} x1={padL} x2={padL + plotW} y1={ys(0)} y2={ys(0)} />\n          {xLabels.map((l) => (\n            <text key={l.key} data-axis-label={l.key} className={plot.tick} x={l.x} y={height - 8} textAnchor={l.anchor}>{l.text}</text>\n          ))}\n\n          {resetKnown ? (\n            <path data-role=\"pace\" className={plot.reference} d={linePath([{ x: xs(x0), y: ys(capacity) }, { x: xs(xEnd), y: ys(0) }])} />\n          ) : null}\n          {reserve ? (\n            <g data-role=\"reserve\">\n              <line className={plot.reference} x1={padL} x2={padL + plotW} y1={ys(reserve.value)} y2={ys(reserve.value)} />\n              {/* Above-left of the line, over a surface halo (SPEC-310C §6): the\n                  window's start is the one place the remaining line is always\n                  high, and the projection only ever runs to the right, so the\n                  label never sits on the data. */}\n              <text data-role=\"reserve-label\" className={`${plot.tick} ${plot.halo}`} x={padL + 4} y={ys(reserve.value) - 5} textAnchor=\"start\">\n                {reserve.label} · {formatValue(reserve.value)}\n              </text>\n            </g>\n          ) : null}\n          {now > x0 && now < xEnd ? (\n            <line className={plot.crosshair} x1={xs(now)} x2={xs(now)} y1={PAD_T} y2={PAD_T + plotH} />\n          ) : null}\n          {runs.map((run, i) => (\n            <g key={i} data-role=\"remaining\">\n              <path className={plot.wash} fill={CHART_SEQUENTIAL} d={areaPath(run, run.map((p) => ({ x: p.x, y: ys(0) })))} />\n              <path className={plot.line} stroke={CHART_SEQUENTIAL} d={linePath(run)} />\n            </g>\n          ))}\n          {projectionPath ? (\n            <path data-role=\"projection\" className={plot.projection} stroke={projectionColor} d={projectionPath} />\n          ) : null}\n          {projection.from ? (\n            <circle className={plot.marker} cx={xs(clampX(projection.from.t))} cy={ys(projection.from.remaining)} r={4} fill={CHART_SEQUENTIAL} />\n          ) : null}\n        </svg>\n      </div>\n    </ChartFrame>\n  );\n}\n"],"mappings":"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"}

package/dist/core/web/public/next/assets/{Button-DYv_KKxr.js → Button-DqgLUZvd.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./index-oAAq8XJa.js";var t={button:`_button_12qr7_1`,glyph:`_glyph_12qr7_30`,sm:`_sm_12qr7_37`,block:`_block_12qr7_43`,iconOnly:`_iconOnly_12qr7_48`,ghost:`_ghost_12qr7_60`,subtle:`_subtle_12qr7_71`,primary:`_primary_12qr7_84`,danger:`_danger_12qr7_99`},n=e();function r({variant:e=`subtle`,size:r=`md`,icon:i,trailingIcon:a,block:o=!1,busy:s=!1,iconOnly:c=!1,className:l,children:u,disabled:d,type:f=`button`,...p}){let m=[t.button,t[e],t[r],c?t.iconOnly:``,o?t.block:``,l??``].filter(Boolean).join(` `);return(0,n.jsxs)(`button`,{type:f,className:m,disabled:d||s,"aria-busy":s||void 0,...p,children:[i?(0,n.jsx)(`span`,{className:t.glyph,children:i}):null,c?null:u,a?(0,n.jsx)(`span`,{className:t.glyph,children:a}):null]})}function i({icon:e,...t}){return(0,n.jsx)(r,{...t,iconOnly:!0,icon:e})}export{i as n,r as t};
-//# sourceMappingURL=Button-DYv_KKxr.js.map
+import{n as e}from"./index-DbDw9UAs.js";var t={button:`_button_12qr7_1`,glyph:`_glyph_12qr7_30`,sm:`_sm_12qr7_37`,block:`_block_12qr7_43`,iconOnly:`_iconOnly_12qr7_48`,ghost:`_ghost_12qr7_60`,subtle:`_subtle_12qr7_71`,primary:`_primary_12qr7_84`,danger:`_danger_12qr7_99`},n=e();function r({variant:e=`subtle`,size:r=`md`,icon:i,trailingIcon:a,block:o=!1,busy:s=!1,iconOnly:c=!1,className:l,children:u,disabled:d,type:f=`button`,...p}){let m=[t.button,t[e],t[r],c?t.iconOnly:``,o?t.block:``,l??``].filter(Boolean).join(` `);return(0,n.jsxs)(`button`,{type:f,className:m,disabled:d||s,"aria-busy":s||void 0,...p,children:[i?(0,n.jsx)(`span`,{className:t.glyph,children:i}):null,c?null:u,a?(0,n.jsx)(`span`,{className:t.glyph,children:a}):null]})}function i({icon:e,...t}){return(0,n.jsx)(r,{...t,iconOnly:!0,icon:e})}export{i as n,r as t};
+//# sourceMappingURL=Button-DqgLUZvd.js.map

package/dist/core/web/public/next/assets/{Button-DYv_KKxr.js.map → Button-DqgLUZvd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-DYv_KKxr.js","names":[],"sources":["../../../../../../src/web-ui/components/primitives/Button.module.css","../../../../../../src/web-ui/components/primitives/Button.tsx"],"sourcesContent":[".button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n  height: var(--density-row);\n  padding: 0 var(--density-pad);\n  border: 1px solid transparent;\n  border-radius: var(--radius-sm);\n  background: transparent;\n  color: var(--text-primary);\n  font-family: var(--font-ui);\n  font-size: var(--text-sm-size);\n  line-height: 1;\n  font-weight: var(--font-weight-medium);\n  white-space: nowrap;\n  cursor: pointer;\n  transition:\n    background-color var(--duration-fast) var(--ease-standard),\n    border-color var(--duration-fast) var(--ease-standard),\n    color var(--duration-fast) var(--ease-standard),\n    opacity var(--duration-fast) var(--ease-standard);\n}\n\n.button:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.glyph {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n}\n\n.sm {\n  height: var(--density-row-sm);\n  padding: 0 var(--space-2);\n  font-size: var(--text-xs-size);\n}\n\n.block {\n  width: 100%;\n}\n\n/* Square: width tracks the same density token as the height. */\n.iconOnly {\n  width: var(--density-row);\n  padding: 0;\n}\n\n.sm.iconOnly {\n  width: var(--density-row-sm);\n}\n\n/* --------------------------------------------------------------------------\n * Variants\n * ------------------------------------------------------------------------ */\n.ghost {\n  color: var(--text-secondary);\n}\n.ghost:hover:not(:disabled) {\n  background: var(--bg-hover);\n  color: var(--text-primary);\n}\n.ghost:active:not(:disabled) {\n  background: var(--bg-active);\n}\n\n.subtle {\n  border-color: var(--border-default);\n  background: var(--bg-surface);\n  color: var(--text-primary);\n}\n.subtle:hover:not(:disabled) {\n  background: var(--bg-hover);\n  border-color: var(--border-strong);\n}\n.subtle:active:not(:disabled) {\n  background: var(--bg-active);\n}\n\n.primary {\n  background: var(--accent-600);\n  border-color: var(--accent-600);\n  color: var(--text-on-accent);\n}\n.primary:hover:not(:disabled) {\n  background: var(--accent-700);\n  border-color: var(--accent-700);\n}\n.primary:active:not(:disabled) {\n  background: var(--accent-700);\n}\n\n/* Destructive: outlined, never filled — a red block reads as an error state,\n   and the design language reserves fills for the one primary action. */\n.danger {\n  border-color: var(--border-default);\n  color: var(--status-danger-fg);\n}\n.danger:hover:not(:disabled) {\n  background: var(--status-danger-bg);\n  border-color: var(--status-danger-solid);\n}\n.danger:active:not(:disabled) {\n  background: var(--status-danger-bg);\n}\n\n/* Pressed/selected state for toggle buttons built on this primitive. */\n.button[aria-pressed='true'],\n.button[aria-expanded='true'] {\n  background: var(--bg-selected);\n  color: var(--text-primary);\n}\n","/**\n * components/primitives/Button.tsx — every clickable action in the console.\n *\n * Four variants, and they are a hierarchy, not a palette (design doc §1):\n *   ghost   — the default in dense chrome. No border, no fill. Header strips\n *             contain only these.\n *   subtle  — hairline border, no fill. The ordinary form button.\n *   primary — the ONE accent-filled action on a surface. If a screen has two,\n *             one of them is wrong.\n *   danger  — destructive. Outlined, never filled, and always paired with a\n *             confirm step at the call site (approve/emergency-stop/delete).\n *\n * Heights come from the density tokens, never from a literal px, so compact\n * mode moves every control together.\n *\n * Icon-only buttons are a TYPE-LEVEL contract: `iconOnly` requires\n * `aria-label`, because an icon with no text has no accessible name and the\n * operator's screen reader would announce \"button\". Use <IconButton> for the\n * common case.\n */\nimport type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';\nimport styles from './Button.module.css';\n\nexport type ButtonVariant = 'ghost' | 'subtle' | 'primary' | 'danger';\nexport type ButtonSize = 'sm' | 'md';\n\ninterface ButtonBase extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  /** Leading glyph (16px icon from ./icons.tsx). */\n  icon?: ReactNode;\n  /** Trailing glyph — chevrons, external-link marks. */\n  trailingIcon?: ReactNode;\n  /** Stretch to the container's width (forms, sheets). */\n  block?: boolean;\n  /** In-flight: disables the control and announces aria-busy. */\n  busy?: boolean;\n  /** Escape hatch for layout-only classes from a parent module. */\n  className?: string;\n  /** React 19 takes `ref` as an ordinary prop — no forwardRef wrapper needed. */\n  ref?: Ref<HTMLButtonElement>;\n  children?: ReactNode;\n}\n\nexport type ButtonProps = ButtonBase &\n  (\n    | {\n        /** Square control with no visible label — an accessible name is mandatory. */\n        iconOnly: true;\n        'aria-label': string;\n        children?: never;\n      }\n    | { iconOnly?: false }\n  );\n\nexport function Button({\n  variant = 'subtle',\n  size = 'md',\n  icon,\n  trailingIcon,\n  block = false,\n  busy = false,\n  iconOnly = false,\n  className,\n  children,\n  disabled,\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const classes = [\n    styles.button,\n    styles[variant],\n    styles[size],\n    iconOnly ? styles.iconOnly : '',\n    block ? styles.block : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      type={type}\n      className={classes}\n      disabled={disabled || busy}\n      aria-busy={busy || undefined}\n      {...rest}\n    >\n      {icon ? <span className={styles.glyph}>{icon}</span> : null}\n      {iconOnly ? null : children}\n      {trailingIcon ? <span className={styles.glyph}>{trailingIcon}</span> : null}\n    </button>\n  );\n}\n\nexport interface IconButtonProps extends Omit<ButtonBase, 'icon' | 'children' | 'trailingIcon'> {\n  icon: ReactNode;\n  /** Mandatory: the icon is the whole control. */\n  'aria-label': string;\n}\n\n/** Square, label-less button. Same variants and sizing as <Button>. */\nexport function IconButton({ icon, ...rest }: IconButtonProps) {\n  return <Button {...rest} iconOnly icon={icon} />;\n}\n"],"mappings":"uRCuDA,SAAgB,EAAO,CACrB,UAAU,SACV,OAAO,KACP,OACA,eACA,QAAQ,GACR,OAAO,GACP,WAAW,GACX,YACA,WACA,WACA,OAAO,SACP,GAAG,GACW,CACd,IAAM,EAAU,CACd,EAAO,OACP,EAAO,GACP,EAAO,GACP,EAAW,EAAO,SAAW,GAC7B,EAAQ,EAAO,MAAQ,GACvB,GAAa,EACf,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,EAEX,OACE,EAAA,EAAA,KAAA,CAAC,SAAD,CACQ,OACN,UAAW,EACX,SAAU,GAAY,EACtB,YAAW,GAAQ,IAAA,GACnB,GAAI,EALN,SAAA,CAOG,GAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,MAAQ,SAAA,CAAW,CAAA,EAAI,KACtD,EAAW,KAAO,EAClB,GAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,MAAQ,SAAA,CAAmB,CAAA,EAAI,IACjE,GAEZ,CASA,SAAgB,EAAW,CAAE,OAAM,GAAG,GAAyB,CAC7D,OAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAAQ,GAAI,EAAM,SAAA,GAAe,MAAO,CAAA,CACjD"}
+{"version":3,"file":"Button-DqgLUZvd.js","names":[],"sources":["../../../../../../src/web-ui/components/primitives/Button.module.css","../../../../../../src/web-ui/components/primitives/Button.tsx"],"sourcesContent":[".button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n  height: var(--density-row);\n  padding: 0 var(--density-pad);\n  border: 1px solid transparent;\n  border-radius: var(--radius-sm);\n  background: transparent;\n  color: var(--text-primary);\n  font-family: var(--font-ui);\n  font-size: var(--text-sm-size);\n  line-height: 1;\n  font-weight: var(--font-weight-medium);\n  white-space: nowrap;\n  cursor: pointer;\n  transition:\n    background-color var(--duration-fast) var(--ease-standard),\n    border-color var(--duration-fast) var(--ease-standard),\n    color var(--duration-fast) var(--ease-standard),\n    opacity var(--duration-fast) var(--ease-standard);\n}\n\n.button:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.glyph {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n}\n\n.sm {\n  height: var(--density-row-sm);\n  padding: 0 var(--space-2);\n  font-size: var(--text-xs-size);\n}\n\n.block {\n  width: 100%;\n}\n\n/* Square: width tracks the same density token as the height. */\n.iconOnly {\n  width: var(--density-row);\n  padding: 0;\n}\n\n.sm.iconOnly {\n  width: var(--density-row-sm);\n}\n\n/* --------------------------------------------------------------------------\n * Variants\n * ------------------------------------------------------------------------ */\n.ghost {\n  color: var(--text-secondary);\n}\n.ghost:hover:not(:disabled) {\n  background: var(--bg-hover);\n  color: var(--text-primary);\n}\n.ghost:active:not(:disabled) {\n  background: var(--bg-active);\n}\n\n.subtle {\n  border-color: var(--border-default);\n  background: var(--bg-surface);\n  color: var(--text-primary);\n}\n.subtle:hover:not(:disabled) {\n  background: var(--bg-hover);\n  border-color: var(--border-strong);\n}\n.subtle:active:not(:disabled) {\n  background: var(--bg-active);\n}\n\n.primary {\n  background: var(--accent-600);\n  border-color: var(--accent-600);\n  color: var(--text-on-accent);\n}\n.primary:hover:not(:disabled) {\n  background: var(--accent-700);\n  border-color: var(--accent-700);\n}\n.primary:active:not(:disabled) {\n  background: var(--accent-700);\n}\n\n/* Destructive: outlined, never filled — a red block reads as an error state,\n   and the design language reserves fills for the one primary action. */\n.danger {\n  border-color: var(--border-default);\n  color: var(--status-danger-fg);\n}\n.danger:hover:not(:disabled) {\n  background: var(--status-danger-bg);\n  border-color: var(--status-danger-solid);\n}\n.danger:active:not(:disabled) {\n  background: var(--status-danger-bg);\n}\n\n/* Pressed/selected state for toggle buttons built on this primitive. */\n.button[aria-pressed='true'],\n.button[aria-expanded='true'] {\n  background: var(--bg-selected);\n  color: var(--text-primary);\n}\n","/**\n * components/primitives/Button.tsx — every clickable action in the console.\n *\n * Four variants, and they are a hierarchy, not a palette (design doc §1):\n *   ghost   — the default in dense chrome. No border, no fill. Header strips\n *             contain only these.\n *   subtle  — hairline border, no fill. The ordinary form button.\n *   primary — the ONE accent-filled action on a surface. If a screen has two,\n *             one of them is wrong.\n *   danger  — destructive. Outlined, never filled, and always paired with a\n *             confirm step at the call site (approve/emergency-stop/delete).\n *\n * Heights come from the density tokens, never from a literal px, so compact\n * mode moves every control together.\n *\n * Icon-only buttons are a TYPE-LEVEL contract: `iconOnly` requires\n * `aria-label`, because an icon with no text has no accessible name and the\n * operator's screen reader would announce \"button\". Use <IconButton> for the\n * common case.\n */\nimport type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';\nimport styles from './Button.module.css';\n\nexport type ButtonVariant = 'ghost' | 'subtle' | 'primary' | 'danger';\nexport type ButtonSize = 'sm' | 'md';\n\ninterface ButtonBase extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  /** Leading glyph (16px icon from ./icons.tsx). */\n  icon?: ReactNode;\n  /** Trailing glyph — chevrons, external-link marks. */\n  trailingIcon?: ReactNode;\n  /** Stretch to the container's width (forms, sheets). */\n  block?: boolean;\n  /** In-flight: disables the control and announces aria-busy. */\n  busy?: boolean;\n  /** Escape hatch for layout-only classes from a parent module. */\n  className?: string;\n  /** React 19 takes `ref` as an ordinary prop — no forwardRef wrapper needed. */\n  ref?: Ref<HTMLButtonElement>;\n  children?: ReactNode;\n}\n\nexport type ButtonProps = ButtonBase &\n  (\n    | {\n        /** Square control with no visible label — an accessible name is mandatory. */\n        iconOnly: true;\n        'aria-label': string;\n        children?: never;\n      }\n    | { iconOnly?: false }\n  );\n\nexport function Button({\n  variant = 'subtle',\n  size = 'md',\n  icon,\n  trailingIcon,\n  block = false,\n  busy = false,\n  iconOnly = false,\n  className,\n  children,\n  disabled,\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const classes = [\n    styles.button,\n    styles[variant],\n    styles[size],\n    iconOnly ? styles.iconOnly : '',\n    block ? styles.block : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      type={type}\n      className={classes}\n      disabled={disabled || busy}\n      aria-busy={busy || undefined}\n      {...rest}\n    >\n      {icon ? <span className={styles.glyph}>{icon}</span> : null}\n      {iconOnly ? null : children}\n      {trailingIcon ? <span className={styles.glyph}>{trailingIcon}</span> : null}\n    </button>\n  );\n}\n\nexport interface IconButtonProps extends Omit<ButtonBase, 'icon' | 'children' | 'trailingIcon'> {\n  icon: ReactNode;\n  /** Mandatory: the icon is the whole control. */\n  'aria-label': string;\n}\n\n/** Square, label-less button. Same variants and sizing as <Button>. */\nexport function IconButton({ icon, ...rest }: IconButtonProps) {\n  return <Button {...rest} iconOnly icon={icon} />;\n}\n"],"mappings":"uRCuDA,SAAgB,EAAO,CACrB,UAAU,SACV,OAAO,KACP,OACA,eACA,QAAQ,GACR,OAAO,GACP,WAAW,GACX,YACA,WACA,WACA,OAAO,SACP,GAAG,GACW,CACd,IAAM,EAAU,CACd,EAAO,OACP,EAAO,GACP,EAAO,GACP,EAAW,EAAO,SAAW,GAC7B,EAAQ,EAAO,MAAQ,GACvB,GAAa,EACf,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,EAEX,OACE,EAAA,EAAA,KAAA,CAAC,SAAD,CACQ,OACN,UAAW,EACX,SAAU,GAAY,EACtB,YAAW,GAAQ,IAAA,GACnB,GAAI,EALN,SAAA,CAOG,GAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,MAAQ,SAAA,CAAW,CAAA,EAAI,KACtD,EAAW,KAAO,EAClB,GAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,MAAQ,SAAA,CAAmB,CAAA,EAAI,IACjE,GAEZ,CASA,SAAgB,EAAW,CAAE,OAAM,GAAG,GAAyB,CAC7D,OAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAAQ,GAAI,EAAM,SAAA,GAAe,MAAO,CAAA,CACjD"}

package/dist/core/web/public/next/assets/CapacityStrip-nWFHvqFB.js

@@ -0,0 +1,2 @@
+import{a as e,n as t,s as n}from"./index-DbDw9UAs.js";import{m as r,p as i}from"./global-BkNl4e6E.js";import{t as a}from"./ProviderLogo-Bz7KR5j3.js";import{i as o,r as s}from"./section-visibility-B0xXUQJ0.js";import{x as c}from"./VerseConsoleApp-CTF3Shs0.js";import{g as l}from"./format-CaMmVQCn.js";import{r as u}from"./Tag-Bv8u6APt.js";import{n as d}from"./budget-queries-CP7hgR-p.js";import{n as f,t as p}from"./useSeatsRefresh-B2dCVcj9.js";import{a as m,l as h,n as g,o as _,r as v,t as y}from"./capacity-strip-model-fHfu5cph.js";var b=n(e(),1),x={section:`_section_1vcn6_8`,scroll:`_scroll_1vcn6_16`,page:`_page_1vcn6_34`,header:`_header_1vcn6_43`,headerText:`_headerText_1vcn6_50`,title:`_title_1vcn6_56`,lede:`_lede_1vcn6_65`,headerMeta:`_headerMeta_1vcn6_71`,banner:`_banner_1vcn6_80`,accountsNote:`_accountsNote_1vcn6_96`,group:`_group_1vcn6_108`,groupHead:`_groupHead_1vcn6_114`,groupTitle:`_groupTitle_1vcn6_121`,caveat:`_caveat_1vcn6_138`,inlineCode:`_inlineCode_1vcn6_145`,card:`_card_1vcn6_154`,rows:`_rows_1vcn6_162`,row:`_row_1vcn6_162`,rowMain:`_rowMain_1vcn6_180`,rowHead:`_rowHead_1vcn6_187`,rowName:`_rowName_1vcn6_194`,rowVersion:`_rowVersion_1vcn6_200`,rowDesc:`_rowDesc_1vcn6_205`,rowDetail:`_rowDetail_1vcn6_206`,rowAside:`_rowAside_1vcn6_217`,health:`_health_1vcn6_228`,healthDot:`_healthDot_1vcn6_237`,loadingLine:`_loadingLine_1vcn6_263`,tile:`_tile_1vcn6_273`,pillWrap:`_pillWrap_1vcn6_314`,pill:`_pill_1vcn6_314`,pillText:`_pillText_1vcn6_348`,pillIcon:`_pillIcon_1vcn6_356`,visuallyHidden:`_visuallyHidden_1vcn6_367`,split:`_split_1vcn6_381`,disabledNote:`_disabledNote_1vcn6_394`,dialogBody:`_dialogBody_1vcn6_404`,commandBlock:`_commandBlock_1vcn6_415`,commandLabel:`_commandLabel_1vcn6_420`,dialogActions:`_dialogActions_1vcn6_428`,fieldset:`_fieldset_1vcn6_435`,legend:`_legend_1vcn6_443`,radio:`_radio_1vcn6_450`,error:`_error_1vcn6_460`,textarea:`_textarea_1vcn6_466`,fieldLabel:`_fieldLabel_1vcn6_483`,hint:`_hint_1vcn6_491`,warnings:`_warnings_1vcn6_495`,servers:`_servers_1vcn6_505`,reasonCode:`_reasonCode_1vcn6_511`,scopeLine:`_scopeLine_1vcn6_517`},S=t();function C({monogram:e,engine:t,size:n=`md`}){let r=t===null?void 0:{"--tile-hue":u(t)};return(0,S.jsx)(`span`,{className:x.tile,"data-size":n,"data-engine":t??void 0,style:r,"aria-hidden":`true`,children:t===null?e.slice(0,2):(0,S.jsx)(a,{engine:t,size:n===`sm`?14:18})})}var w={strip:`_strip_o9cqi_7`,visuallyHidden:`_visuallyHidden_o9cqi_15`,headline:`_headline_o9cqi_27`,empty:`_empty_o9cqi_35`,rows:`_rows_o9cqi_42`,row:`_row_o9cqi_42`,main:`_main_o9cqi_67`,head:`_head_o9cqi_27`,nameWrap:`_nameWrap_o9cqi_82`,nameButton:`_nameButton_o9cqi_83`,name:`_name_o9cqi_82`,plan:`_plan_o9cqi_121`,word:`_word_o9cqi_131`,dot:`_dot_o9cqi_140`,status:`_status_o9cqi_163`,statusLabel:`_statusLabel_o9cqi_176`,statusDetail:`_statusDetail_o9cqi_195`,stamp:`_stamp_o9cqi_199`,usableAgain:`_usableAgain_o9cqi_206`,summary:`_summary_o9cqi_211`,meta:`_meta_o9cqi_212`,autonomy:`_autonomy_o9cqi_222`,bars:`_bars_o9cqi_232`,bar:`_bar_o9cqi_232`,barLabel:`_barLabel_o9cqi_251`,track:`_track_o9cqi_262`,trackUnknown:`_trackUnknown_o9cqi_270`,used:`_used_o9cqi_276`,reserve:`_reserve_o9cqi_287`,ceiling:`_ceiling_o9cqi_297`,value:`_value_o9cqi_306`,reset:`_reset_o9cqi_319`,actions:`_actions_o9cqi_326`},T=90,E=3e4;function D(e){return Math.max(0,Math.min(100,Math.round(e)))}function O({row:e,w:t,reservePercent:n,compact:r}){let i=h(e,t,t.binding?n:null),a=t.binding&&n!==null&&n>0?100-D(n):null,o,s;if(t.limitReached)o=(0,S.jsx)(`span`,{className:w.track,role:`img`,"aria-label":i,children:(0,S.jsx)(`span`,{className:w.used,"data-level":`limit`,style:{width:`100%`}})}),s=(0,S.jsx)(`span`,{className:w.value,"data-level":`limit`,children:`limit reached`});else if(t.usedPercent===null)o=(0,S.jsx)(`span`,{className:w.trackUnknown,role:`img`,"aria-label":i}),s=(0,S.jsx)(`span`,{className:w.value,"data-level":`unknown`,children:`no reading`});else{let e=D(t.usedPercent),n=e>=T?`tight`:`ok`;o=(0,S.jsxs)(`span`,{className:w.track,role:`img`,"aria-label":i,children:[a===null?null:(0,S.jsx)(`span`,{className:w.reserve,style:{left:`${a}%`,width:`${100-a}%`}}),(0,S.jsx)(`span`,{className:w.used,"data-level":n,style:{width:`${e}%`}}),a===null?null:(0,S.jsx)(`span`,{className:w.ceiling,style:{left:`${a}%`}})]}),s=(0,S.jsx)(`span`,{className:w.value,"data-level":n,children:l(t.usedPercent)})}return(0,S.jsxs)(`div`,{className:w.bar,"data-binding":t.binding||void 0,"data-compact":r||void 0,children:[(0,S.jsx)(`span`,{className:w.barLabel,title:t.label,children:t.label.replace(/ window$/,``)}),o,s,!r&&t.resetText!==null?(0,S.jsx)(`span`,{className:w.reset,title:t.resetText,children:t.resetText}):null]})}function k({row:e,onSelect:t,selected:n}){let r=(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`span`,{className:w.name,children:e.label}),e.plan===null?null:(0,S.jsx)(`span`,{className:w.plan,children:e.plan})]});return t?(0,S.jsx)(`button`,{type:`button`,className:w.nameButton,"aria-pressed":n,onClick:()=>t(e.seatId),children:r}):(0,S.jsx)(`span`,{className:w.nameWrap,children:r})}function A({status:e}){return(0,S.jsxs)(`span`,{className:w.status,"data-tone":e.tone,"data-status":e.kind,children:[(0,S.jsx)(`span`,{className:w.dot,"aria-hidden":`true`}),(0,S.jsx)(`span`,{className:w.statusLabel,children:e.label}),e.detail===null?null:(0,S.jsx)(`span`,{className:w.statusDetail,children:`· ${e.detail}`})]})}function j({status:e}){return e.usableAgain===null&&e.checked===null?null:(0,S.jsxs)(`p`,{className:w.stamp,children:[e.usableAgain===null?null:(0,S.jsx)(`span`,{className:w.usableAgain,children:e.usableAgain}),e.usableAgain!==null&&e.checked!==null?` · `:null,e.checked===null?null:(0,S.jsx)(`span`,{title:e.checkedTitle??void 0,children:e.checked})]})}function M({row:e,compact:t,renderActions:n,onSelectSeat:r,selected:i,status:a}){let o=m(e.cls),s=e.windows.find(e=>e.binding)??null,c=t?s?[s]:[]:e.windows,l=n?n(e):null,u=e.reserve;return(0,S.jsxs)(`li`,{className:w.row,"data-capacity":e.cls,"data-compact":t||void 0,"data-status":a?.kind,children:[(0,S.jsx)(C,{monogram:e.monogram,engine:e.engine,size:`sm`}),(0,S.jsxs)(`div`,{className:w.main,children:[(0,S.jsxs)(`div`,{className:w.head,children:[(0,S.jsx)(k,{row:e,onSelect:r,selected:i}),a===null?(0,S.jsxs)(`span`,{className:w.word,"data-tone":o,children:[(0,S.jsx)(`span`,{className:w.dot,"aria-hidden":`true`}),e.word]}):(0,S.jsx)(A,{status:a}),e.connection!==null&&e.connection.connection!==`connected`&&e.connection.connection!==`unknown`&&!(a?.coversConnection??!1)&&a?.kind!==`signed-out`?(0,S.jsxs)(`span`,{className:w.word,"data-tone":e.connection.tone,children:[(0,S.jsx)(`span`,{className:w.dot,"aria-hidden":`true`}),e.connection.word]}):null]}),!t||c.length===0?(0,S.jsx)(`p`,{className:w.summary,children:e.summary}):null,a!==null&&!t?(0,S.jsx)(j,{status:a}):null,c.length>0?(0,S.jsx)(`div`,{className:w.bars,children:c.map(n=>(0,S.jsx)(O,{row:e,w:n,reservePercent:u?.percent??null,compact:t},n.id))}):null,!t&&(u!==null||e.credits!==null)?(0,S.jsxs)(`p`,{className:w.meta,children:[u===null?null:(0,S.jsxs)(`span`,{title:u.why,children:[u.label,u.autonomy===`off`?null:(0,S.jsxs)(S.Fragment,{children:[` · Autonomy: `,(0,S.jsx)(`span`,{className:w.autonomy,"data-status":u.autonomy,children:u.autonomyWord})]})]}),u!==null&&e.credits!==null?` · `:null,e.credits===null?null:(0,S.jsx)(`span`,{children:e.credits})]}):null]}),l?(0,S.jsx)(`div`,{className:w.actions,children:l}):null]})}function N({seats:e,health:t,budget:n,local:r,seatIds:i,density:a=`full`,headline:o,title:c=`Seat capacity`,labelledBy:l,renderActions:u,onSelectSeat:d,selectedSeatId:f=null,emptyText:p=`No seats yet. Connect an account or start Ollama — an empty roster, not seats at zero.`,accounts:m}){let h=(0,b.useId)(),[x,C]=(0,b.useState)(()=>Date.now());s(()=>C(Date.now()),E,{enabled:m!==void 0&&m.now===void 0});let T=m?.now??x,D=m?.healthRead??!1,O=m!==void 0,k=O?T:void 0,A=(0,b.useMemo)(()=>g(e,{health:t??null,budget:n??null,...r?{local:r}:{},...i?{seatIds:i}:{},...k===void 0?{}:{now:k}}),[e,t,n,r,i,k]),j=(0,b.useMemo)(()=>O?_(A,{healthRead:D,now:T}):A,[A,O,D,T]),N=a===`compact`,P=o??!N;return(0,S.jsxs)(l?`div`:`section`,{className:w.strip,"aria-labelledby":l?void 0:h,"data-density":a,children:[l?null:(0,S.jsx)(`h3`,{id:h,className:w.visuallyHidden,children:c}),P&&j.length>0?(0,S.jsx)(`p`,{className:w.headline,children:v(j)}):null,j.length===0?(0,S.jsx)(`p`,{className:w.empty,children:p}):(0,S.jsx)(`ul`,{className:w.rows,"aria-label":l?void 0:c,"aria-labelledby":l,children:j.map(e=>(0,S.jsx)(M,{row:e,compact:N,renderActions:u,onSelectSeat:d,selected:f===e.seatId,status:m?y(e,{healthRead:D,now:T,checking:m.checkingSeatId===e.seatId}):null},e.seatId))})]})}var P=6e4;function F(e={}){let t=o(),n=e.withBudget??!0,a=e.withHealth??!0,l=i(c);p(t);let u=f(t&&a),m=i(d),h=r(d);s(h,P,{enabled:n});let g=l.data;return{seats:g?.seats??[],health:a?u.data?.seats??null:null,budget:n?m.data??null:null,loading:g===void 0&&(l.status===`loading`||l.status===`idle`)}}function I({seats:e,...t}){let n=F();return e===void 0&&n.loading?(0,S.jsx)(`p`,{className:w.empty,"aria-busy":`true`,children:`Reading seats…`}):(0,S.jsx)(N,{...t,seats:e??n.seats,health:n.health,budget:n.budget})}export{C as a,F as i,N as n,x as o,I as r,E as t};
+//# sourceMappingURL=CapacityStrip-nWFHvqFB.js.map

package/dist/core/web/public/next/assets/CapacityStrip-nWFHvqFB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapacityStrip-nWFHvqFB.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/apps/Apps.module.css","../../../../../../src/web-ui/routes/verse/apps/MonogramTile.tsx","../../../../../../src/web-ui/routes/verse/usage/CapacityStrip.module.css","../../../../../../src/web-ui/routes/verse/usage/CapacityStrip.tsx"],"sourcesContent":["/*\n * Apps & Accounts (SPEC-310C §4) — grouped rows in the Ollama style, max\n * 880px. Tokens only (DESIGN.md §13; style-scan-310 enforces it): no raw\n * colour, no px font size. The row adapts to its container: at the compact\n * width (480, viewport.ts) the right-hand pill wraps under the description.\n */\n\n.section {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  height: 100%;\n  background: var(--bg-canvas);\n}\n\n.scroll {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: var(--space-6) var(--space-4) var(--space-12);\n  /* Desktop shell (desktop/README.md \"Desktop shell contract\"): this page has\n     no 48px strip, so its title sits inside the OS title-bar band. Once the\n     window is narrow enough that the 880px column stops centring (minWidth\n     is 900), the column's left edge lands at rail + 16px — under the macOS\n     traffic lights, which cover the top-left 92px of the WINDOW. Owe the same\n     overlap every header strip owes (inset − rail, 36px on a 56px rail);\n     the vars are absent in a browser and the expanded rail sits under the\n     lights itself, so both floor to --space-4 and nothing moves there. The\n     whole column shifts, not just the header, so the title stays aligned\n     with the rows under it. */\n  padding-left: max(var(--space-4), calc(var(--app-traffic-light-inset, 0px) - var(--rail-width, 56px)));\n}\n\n.page {\n  container-type: inline-size;\n  max-width: 880px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-8);\n}\n\n.header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--space-3) var(--space-4);\n}\n.headerText {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n}\n.title {\n  margin: 0;\n  font-family: var(--font-display);\n  font-size: var(--text-xl-size);\n  line-height: var(--text-xl-line);\n  letter-spacing: var(--tracking-display);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-primary);\n}\n.lede {\n  margin: 0;\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n}\n.headerMeta {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-tertiary);\n}\n\n.banner {\n  margin: 0;\n  padding: var(--space-3) var(--space-4);\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-md);\n  background: var(--bg-surface);\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n}\n.banner[data-tone='danger'] {\n  border-color: color-mix(in srgb, var(--status-danger-solid) 40%, var(--border-subtle));\n  color: var(--status-danger-fg);\n}\n\n/* The Accounts group's own \"Checked … again\" line, under the strip. */\n.accountsNote {\n  margin: 0;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-secondary);\n}\n.accountsNote[data-tone='danger'] {\n  color: var(--status-danger-fg);\n}\n\n/* ── Groups ─────────────────────────────────────────────────────────── */\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  scroll-margin-top: var(--space-6);\n}\n.groupHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-3);\n  min-height: var(--control-h-sm);\n}\n.groupTitle {\n  margin: 0;\n  font-family: var(--font-display);\n  font-size: var(--text-2xs-size);\n  line-height: var(--text-2xs-line);\n  text-transform: uppercase;\n  letter-spacing: var(--tracking-label);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-tertiary);\n}\n.groupTitle:focus {\n  outline: none;\n}\n.groupTitle:focus-visible {\n  box-shadow: var(--shadow-focus-ring);\n  border-radius: var(--radius-xs);\n}\n.caveat {\n  margin: 0;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line-relaxed);\n  color: var(--text-secondary);\n}\n.caveat code,\n.inlineCode {\n  font-family: var(--font-mono);\n  font-size: var(--text-xs-size);\n  background: var(--bg-code);\n  padding: 0 var(--space-1);\n  border-radius: var(--radius-xs);\n  overflow-wrap: anywhere;\n}\n\n.card {\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-lg);\n  background: var(--bg-surface);\n  padding: 0 var(--card-pad);\n  box-shadow: inset 0 1px 0 var(--hairline-lift);\n}\n\n.rows {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.row {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: start;\n  gap: var(--space-3);\n  padding: var(--space-3) 0;\n  border-top: 1px solid var(--border-subtle);\n}\n.row:first-child {\n  border-top: 0;\n}\n\n.rowMain {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n  padding-top: var(--space-1);\n}\n.rowHead {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--space-1) var(--space-3);\n  min-width: 0;\n}\n.rowName {\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-primary);\n}\n.rowVersion {\n  font-family: var(--font-mono);\n  font-size: var(--text-xs-size);\n  color: var(--text-tertiary);\n}\n.rowDesc,\n.rowDetail {\n  margin: 0;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line-relaxed);\n  color: var(--text-secondary);\n  overflow-wrap: anywhere;\n}\n.rowDetail {\n  color: var(--text-tertiary);\n}\n\n.rowAside {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--space-2);\n  padding-top: var(--space-1);\n  max-width: 26rem;\n}\n\n/* A health state is a WORD; the dot reinforces it (DESIGN §13.2). */\n.health {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-secondary);\n  white-space: nowrap;\n}\n.healthDot {\n  width: 7px;\n  height: 7px;\n  border-radius: var(--radius-full);\n  background: var(--status-neutral-solid);\n  flex: none;\n}\n.health[data-tone='success'] .healthDot { background: var(--status-success-solid); }\n.health[data-tone='warning'] { color: var(--status-warning-fg); }\n.health[data-tone='warning'] .healthDot { background: var(--status-warning-solid); }\n.health[data-tone='danger'] { color: var(--status-danger-fg); }\n.health[data-tone='danger'] .healthDot { background: var(--status-danger-solid); }\n.health[data-tone='off'] { color: var(--text-tertiary); }\n.health[data-tone='off'] .healthDot {\n  background: transparent;\n  border: 1px solid var(--border-strong);\n}\n.health[data-tone='neutral'] {\n  font-style: italic;\n  color: var(--status-unknown-fg);\n}\n.health[data-tone='neutral'] .healthDot {\n  background: transparent;\n  border: 1px dashed var(--status-unknown-solid);\n}\n\n.loadingLine {\n  margin: 0;\n  padding: var(--space-3) 0;\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n}\n\n/* ── Monogram tile (32px rows, 24px capacity rows) ───────────────────── */\n\n.tile {\n  --tile-hue: var(--text-tertiary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: 32px;\n  height: 32px;\n  border-radius: var(--radius-md);\n  font-family: var(--font-display);\n  font-size: var(--text-sm-size);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-primary);\n  background: var(--bg-surface-raised);\n  border: 1px solid var(--border-subtle);\n  position: relative;\n  overflow: hidden;\n}\n.tile[data-engine] {\n  background: color-mix(in srgb, var(--tile-hue) 12%, var(--bg-surface));\n  border-color: color-mix(in srgb, var(--tile-hue) 28%, var(--border-subtle));\n}\n/* The 2px identity tick. */\n.tile[data-engine]::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: var(--tile-hue);\n}\n.tile[data-size='sm'] {\n  width: 24px;\n  height: 24px;\n  border-radius: var(--radius-sm);\n  font-size: var(--text-xs-size);\n}\n\n/* ── Copy pill ───────────────────────────────────────────────────────── */\n\n.pillWrap {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n}\n/*\n * A long command WRAPS rather than ellipsizing: the operator reads what they\n * are about to paste, and a command cut mid-word (\"node ~/.ashlr/nat…\") is\n * exactly the part they need. One line keeps the pill shape (the radius is\n * half the control height); two lines become a soft capsule.\n */\n.pill {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  min-width: 0;\n  max-width: 100%;\n  min-height: var(--control-h-sm);\n  padding: 2px var(--space-2) 2px var(--space-3);\n  border: 1px solid var(--border-subtle);\n  border-radius: calc(var(--control-h-sm) / 2);\n  text-align: left;\n  background: var(--bg-code);\n  color: var(--text-primary);\n  cursor: pointer;\n  transition: border-color var(--duration-fast) var(--ease-standard);\n}\n.pill:hover {\n  border-color: var(--border-strong);\n}\n.pill:focus-visible {\n  outline: none;\n  box-shadow: var(--shadow-focus-ring);\n}\n.pillText {\n  font-family: var(--font-mono);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  white-space: normal;\n  overflow-wrap: anywhere;\n  min-width: 0;\n}\n.pillIcon {\n  display: inline-flex;\n  color: var(--text-tertiary);\n}\n.pill[data-state='copied'] .pillIcon {\n  color: var(--status-success-fg);\n}\n.pill[data-state='failed'] {\n  border-color: var(--status-danger-solid);\n}\n\n.visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* ── Launch split button ─────────────────────────────────────────────── */\n\n.split {\n  display: inline-flex;\n  align-items: stretch;\n}\n.split > :first-child {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.split > :last-child {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  margin-left: -1px;\n}\n.disabledNote {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-tertiary);\n  max-width: 18rem;\n  text-align: right;\n}\n\n/* ── Dialog bodies ───────────────────────────────────────────────────── */\n\n.dialogBody {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n}\n.dialogBody p {\n  margin: 0;\n}\n.commandBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n}\n.commandLabel {\n  font-family: var(--font-display);\n  font-size: var(--text-2xs-size);\n  line-height: var(--text-2xs-line);\n  text-transform: uppercase;\n  letter-spacing: var(--tracking-label);\n  color: var(--text-tertiary);\n}\n.dialogActions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: var(--space-2);\n  margin-top: var(--space-2);\n}\n.fieldset {\n  border: 0;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n.legend {\n  padding: 0;\n  margin-bottom: var(--space-1);\n  font-size: var(--text-xs-size);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-primary);\n}\n.radio {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  font-size: var(--text-sm-size);\n  color: var(--text-primary);\n}\n.radio input {\n  accent-color: var(--accent-500);\n}\n.error {\n  margin: 0;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line-relaxed);\n  color: var(--status-danger-fg);\n}\n.textarea {\n  width: 100%;\n  min-height: 5rem;\n  resize: vertical;\n  padding: var(--space-2);\n  border: 1px solid var(--border-default);\n  border-radius: var(--radius-sm);\n  background: var(--bg-input);\n  color: var(--text-primary);\n  font-family: var(--font-mono);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line-relaxed);\n}\n.textarea:focus-visible {\n  outline: none;\n  box-shadow: var(--shadow-focus-ring);\n}\n.fieldLabel {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  font-size: var(--text-xs-size);\n  font-weight: var(--font-weight-medium);\n  color: var(--text-primary);\n}\n.hint {\n  font-weight: var(--font-weight-regular);\n  color: var(--text-tertiary);\n}\n.warnings {\n  margin: 0;\n  padding-left: var(--space-4);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line-relaxed);\n  color: var(--status-warning-fg);\n}\n\n/* ── MCP ─────────────────────────────────────────────────────────────── */\n\n.servers {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  margin-top: var(--space-2);\n}\n.reasonCode {\n  font-family: var(--font-mono);\n  font-size: var(--text-2xs-size);\n  color: var(--text-tertiary);\n}\n\n.scopeLine {\n  margin: 0;\n  padding: 0 0 var(--space-3);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line-relaxed);\n  color: var(--text-tertiary);\n}\n\n/* ── Compact container (a 375 window, or a narrow pane) ──────────────── */\n@container (max-width: 480px) {\n  .row {\n    grid-template-columns: auto minmax(0, 1fr);\n  }\n  .rowAside {\n    grid-column: 2;\n    justify-content: flex-start;\n    max-width: none;\n  }\n  .disabledNote {\n    text-align: left;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pill {\n    transition: none;\n  }\n}\n","/**\n * routes/verse/apps/MonogramTile.tsx — the square tile every seat and app row\n * leads with. 3.11.1: engine-backed tiles show the provider's own mark\n * (Anthropic Claude, OpenAI, xAI Grok, Ollama — ProviderLogo) so an account is\n * recognisable at a glance; the mark only identifies the provider, the row's\n * text still names the account. Neutral tiles (Aider, Goose, …) keep their\n * letters.\n *\n * Engine-backed tiles take a 12% tint of the engine hue; marks draw in ink\n * (currentColor, Claude in its brand colour) so contrast never depends on the\n * hue. Decorative: the row's name carries the meaning.\n */\nimport type { CSSProperties } from 'react';\nimport type { VerseEngine } from '../../../data/api-types.js';\nimport { engineColor } from '../../../components/primitives/Tag.js';\nimport { ProviderLogo } from '../../../components/primitives/ProviderLogo.js';\nimport styles from './Apps.module.css';\n\nexport function MonogramTile({\n  monogram,\n  engine,\n  size = 'md',\n}: {\n  monogram: string;\n  engine: VerseEngine | null;\n  /** md = 32px (Apps rows), sm = 24px (capacity rows). */\n  size?: 'sm' | 'md';\n}) {\n  const style = engine === null ? undefined : ({ '--tile-hue': engineColor(engine) } as CSSProperties);\n  return (\n    <span\n      className={styles.tile}\n      data-size={size}\n      data-engine={engine ?? undefined}\n      style={style}\n      aria-hidden=\"true\"\n    >\n      {engine === null ? monogram.slice(0, 2) : <ProviderLogo engine={engine} size={size === 'sm' ? 14 : 18} />}\n    </span>\n  );\n}\n","/*\n * The shared capacity strip. Tokens only (DESIGN.md §13): no raw colour, no\n * px font size. It adapts to ITS container, not the window — the same strip\n * sits in an 880px Apps column and a 300px Resources panel — so the narrow\n * layout is a container query at the compact breakpoint (480, viewport.ts).\n */\n.strip {\n  container-type: inline-size;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n  min-width: 0;\n}\n\n.visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.headline {\n  margin: 0;\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  font-weight: var(--font-weight-medium);\n  color: var(--text-primary);\n}\n\n.empty {\n  margin: 0;\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n}\n\n.rows {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.row {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: start;\n  gap: var(--space-3);\n  padding: var(--space-3) 0;\n  border-top: 1px solid var(--border-subtle);\n}\n.row:first-child {\n  border-top: 0;\n}\n.row[data-compact] {\n  padding: var(--space-2) 0;\n  gap: var(--space-2);\n  align-items: center;\n}\n\n.main {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--space-1) var(--space-3);\n  min-width: 0;\n}\n\n.nameWrap,\n.nameButton {\n  display: inline-flex;\n  align-items: baseline;\n  gap: var(--space-2);\n  min-width: 0;\n}\n.nameButton {\n  padding: 0;\n  border: 0;\n  background: none;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n  border-radius: var(--radius-xs);\n}\n.nameButton:hover .name {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n.nameButton:focus-visible {\n  outline: none;\n  box-shadow: var(--shadow-focus-ring);\n}\n.nameButton[aria-pressed='true'] .name {\n  color: var(--text-link);\n}\n\n/* The seat name is often a control (Usage's toggle): it wraps, never cut mid-word. */\n.name {\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-primary);\n  min-width: 0;\n  overflow-wrap: anywhere;\n  text-align: left;\n}\n\n.plan {\n  font-size: var(--text-2xs-size);\n  line-height: var(--text-2xs-line);\n  text-transform: uppercase;\n  letter-spacing: var(--tracking-label);\n  font-family: var(--font-display);\n  color: var(--text-tertiary);\n}\n\n/* A state is a WORD; the dot only reinforces it. */\n.word {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-secondary);\n  white-space: nowrap;\n}\n.dot {\n  width: 7px;\n  height: 7px;\n  border-radius: var(--radius-full);\n  background: var(--status-neutral-solid);\n  flex: none;\n}\n.word[data-tone='success'] .dot { background: var(--status-success-solid); }\n.word[data-tone='warning'] { color: var(--status-warning-fg); }\n.word[data-tone='warning'] .dot { background: var(--status-warning-solid); }\n.word[data-tone='danger'] { color: var(--status-danger-fg); }\n.word[data-tone='danger'] .dot { background: var(--status-danger-solid); }\n.word[data-tone='neutral'] { font-style: italic; }\n.word[data-tone='neutral'] .dot {\n  background: transparent;\n  border: 1px solid var(--status-unknown-solid);\n}\n\n/*\n * Accounts mode: the row's status reads as a short sentence — a label in the\n * tone's colour, then the detail in secondary text. The detail may wrap (a\n * provider's reset prose can be long); the label never truncates.\n */\n.status {\n  display: inline-flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: 0 var(--space-1);\n  min-width: 0;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-secondary);\n}\n.status .dot {\n  align-self: center;\n}\n.statusLabel {\n  font-weight: var(--font-weight-medium);\n  color: var(--text-primary);\n  white-space: nowrap;\n}\n.status[data-tone='success'] .dot { background: var(--status-success-solid); }\n.status[data-tone='success'] .statusLabel { color: var(--status-success-fg); }\n.status[data-tone='warning'] .dot { background: var(--status-warning-solid); }\n.status[data-tone='warning'] .statusLabel { color: var(--status-warning-fg); }\n.status[data-tone='danger'] .dot { background: var(--status-danger-solid); }\n.status[data-tone='danger'] .statusLabel { color: var(--status-danger-fg); }\n.status[data-tone='neutral'] .dot {\n  background: transparent;\n  border: 1px solid var(--status-unknown-solid);\n}\n.status[data-tone='neutral'] .statusLabel {\n  color: var(--text-secondary);\n  font-style: italic;\n}\n.statusDetail {\n  overflow-wrap: anywhere;\n}\n\n.stamp {\n  margin: 0;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n.usableAgain {\n  color: var(--text-secondary);\n  font-weight: var(--font-weight-medium);\n}\n\n.summary,\n.meta {\n  margin: 0;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line-relaxed);\n  color: var(--text-secondary);\n  overflow-wrap: anywhere;\n}\n.meta {\n  color: var(--text-tertiary);\n}\n.autonomy {\n  color: var(--text-secondary);\n  font-weight: var(--font-weight-medium);\n}\n.autonomy[data-status='eligible'] { color: var(--status-success-fg); }\n.autonomy[data-status='unknown'] {\n  font-style: italic;\n  color: var(--status-unknown-fg);\n}\n\n.bars {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  margin-top: var(--space-1);\n}\n\n.bar {\n  display: grid;\n  grid-template-columns: minmax(4.5rem, 7.5rem) minmax(5rem, 1fr) minmax(2.75rem, auto) minmax(0, 12rem);\n  align-items: center;\n  gap: var(--space-2);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n.bar[data-compact] {\n  grid-template-columns: minmax(3.5rem, 5.5rem) minmax(3rem, 1fr) auto;\n}\n\n.barLabel {\n  color: var(--text-tertiary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.bar[data-binding] .barLabel {\n  color: var(--text-secondary);\n}\n\n/* used (solid) · room (track) · kept for you (hatched, past the tick). */\n.track {\n  position: relative;\n  display: block;\n  height: 6px;\n  border-radius: var(--radius-full);\n  background: var(--meter-track);\n  overflow: hidden;\n}\n.trackUnknown {\n  display: block;\n  height: 6px;\n  border-radius: var(--radius-full);\n  border: 1px dashed var(--border-strong);\n}\n.used {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  border-radius: var(--radius-full);\n  background: var(--data-seq-5);\n  transition: width var(--duration-base) var(--ease-standard);\n}\n.used[data-level='tight'] { background: var(--status-warning-solid); }\n.used[data-level='limit'] { background: var(--status-danger-solid); }\n.reserve {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  background: repeating-linear-gradient(\n    135deg,\n    color-mix(in srgb, var(--text-tertiary) 34%, transparent) 0 2px,\n    transparent 2px 5px\n  );\n}\n.ceiling {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  margin-left: -1px;\n  background: var(--text-secondary);\n}\n\n.value {\n  font-variant-numeric: tabular-nums;\n  color: var(--text-primary);\n  white-space: nowrap;\n  text-align: right;\n}\n.value[data-level='tight'] { color: var(--status-warning-fg); }\n.value[data-level='limit'] { color: var(--status-danger-fg); }\n.value[data-level='unknown'] {\n  font-style: italic;\n  color: var(--status-unknown-fg);\n}\n\n.reset {\n  color: var(--text-tertiary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: var(--space-1);\n}\n\n/* Narrow container (a side panel, or a 375 window): actions and resets wrap. */\n@container (max-width: 480px) {\n  .row {\n    grid-template-columns: auto minmax(0, 1fr);\n  }\n  .actions {\n    grid-column: 2;\n    justify-content: flex-start;\n  }\n  .bar {\n    grid-template-columns: minmax(0, 1fr) auto;\n    row-gap: var(--space-1);\n  }\n  .bar .track,\n  .bar .trackUnknown {\n    grid-column: 1 / -1;\n    grid-row: 2;\n  }\n  .reset {\n    grid-column: 1 / -1;\n    grid-row: 3;\n    white-space: normal;\n  }\n  .bar[data-compact] {\n    grid-template-columns: minmax(3rem, auto) minmax(3rem, 1fr) auto;\n  }\n  .bar[data-compact] .track,\n  .bar[data-compact] .trackUnknown {\n    grid-column: auto;\n    grid-row: auto;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .used {\n    transition: none;\n  }\n}\n","/**\n * routes/verse/usage/CapacityStrip.tsx — THE capacity view (SPEC-310C §4:\n * \"Resources, NewChatDialog and onboarding drop their own capacity views and\n * import usage/CapacityStrip instead\"). Apps & Accounts and Usage render it\n * too, so every surface answers \"how much of each seat is left\" the same way.\n *\n *   [C] Claude Max · max            ● connected                 [actions]\n *       usable · 62% of 5-hour window used\n *       5-hour window  ▇▇▇▇▇▇▇░░░░│▨▨▨  62%   resets 7pm\n *       weekly window  ▇▇▇░░░░░░░░│▨▨▨  40%   resets Thu\n *       Reserved for you 40% · Autonomy: Eligible\n *\n * Each bar reads left to right: used (solid), what autonomy may still use\n * (track), and the band KEPT FOR YOU (hatched) past a tick at 100 − reserve —\n * so \"Reserved for you 40%\" is something you can see, not just read. The\n * reserve applies to the binding window; the other windows carry no tick.\n *\n * Honesty (docs/VERSE-TELEMETRY-V2.md), enforced by the model and kept here:\n *   - no reading → a dashed track and the words \"no reading\", never a 0% bar;\n *   - a flagged limit → \"limit reached\", never \"100%\";\n *   - reset prose is printed verbatim, never turned into a countdown;\n *   - every state is a WORD first; colour only reinforces it.\n *\n * Three entry points:\n *   <CapacityStrip seats health? budget? …/>   pure: props in, markup out;\n *   <LiveCapacityStrip …/>                      reads the shared caches itself\n *                                               (bootstrap seats, /health,\n *                                               /budget) — drop-in for C1/C2;\n *   useCapacityRows()                           the rows, for a custom layout\n *                                               (the rail ring, the seat chip).\n */\nimport { useId, useMemo, useState, type CSSProperties, type ReactNode } from 'react';\nimport type { BudgetView } from '../../../../core/routing/policy.js';\nimport type { SeatHealthReport } from '../../../../core/verse/health-types.js';\nimport type { VerseBootstrap, VerseSeat } from '../../../data/api-types.js';\nimport { useQuery, useRefetch } from '../../../data/hooks.js';\nimport { MonogramTile } from '../apps/MonogramTile.js';\nimport { budgetQuery } from '../budget/budget-queries.js';\nimport { useSeatHealth } from '../health/useSeatHealth.js';\nimport { usePollWhileVisible, useSectionVisible } from '../shell/section-visibility.js';\nimport { useSeatsRefresh } from '../useSeatsRefresh.js';\nimport { verseBootstrapQuery } from '../verse-queries.js';\nimport {\n  accountStatus,\n  buildCapacityRows,\n  capacityHeadline,\n  capacityTone,\n  orderAccountRows,\n  percentText,\n  windowSentence,\n  type AccountStatus,\n  type CapacityInputs,\n  type CapacityRow,\n  type CapacityWindowRow,\n} from './capacity-strip-model.js';\nimport styles from './CapacityStrip.module.css';\n\n/** Above this share of a window the bar turns amber (the word \"tight\" rides with it). */\nconst TIGHT_AT = 90;\n\n/** How often an accounts strip re-reads the clock (\"usable again in 7h\", \"checked 2m ago\"). */\nexport const ACCOUNT_CLOCK_MS = 30_000;\n\n/**\n * Apps & Accounts mode: every row leads with a sentence-case status\n * (\"Connected · usable now\", \"Spent · resets Fri 11:46 PM\", \"Signed out ·\n * reconnect to use it\", \"Checking…\"), says when it was last checked and — for\n * a spent seat — when it is usable again, and usable rows come first.\n */\nexport interface CapacityAccountsMode {\n  /** False until the health sweep has answered once. */\n  healthRead: boolean;\n  /** The seat whose check is running now (its row reads \"Checking…\"). */\n  checkingSeatId?: string | null;\n  /** Injected clock for tests; otherwise the strip ticks every ACCOUNT_CLOCK_MS while visible. */\n  now?: number;\n}\n\nexport interface CapacityStripProps {\n  seats: readonly VerseSeat[];\n  health?: readonly SeatHealthReport[] | null;\n  budget?: BudgetView | null;\n  local?: CapacityInputs['local'];\n  seatIds?: readonly string[];\n  /** full: every window with resets and the reserve; compact: one line per seat (pickers, side panels). */\n  density?: 'full' | 'compact';\n  /** Show the one-sentence summary above the rows. Default true for full, false for compact. */\n  headline?: boolean;\n  /** Heading for assistive tech (visually hidden). */\n  title?: string;\n  /**\n   * The id of a heading that already names this strip (Apps' \"Accounts\"\n   * group). The strip then labels itself by it instead of adding a second,\n   * hidden heading — two regions with one name is noise to a screen reader.\n   */\n  labelledBy?: string;\n  /** Per-seat trailing controls (Apps passes Reconnect / Fix / Edit budget). */\n  renderActions?: (row: CapacityRow) => ReactNode;\n  /** Makes each seat name a toggle (Usage opens the account's detail). */\n  onSelectSeat?: (seatId: string) => void;\n  selectedSeatId?: string | null;\n  /** Shown instead of rows when the roster is empty. */\n  emptyText?: string;\n  /** Apps & Accounts: a status per row, when it was checked, usable rows first. */\n  accounts?: CapacityAccountsMode;\n}\n\nfunction pct(n: number): number {\n  return Math.max(0, Math.min(100, Math.round(n)));\n}\n\nfunction WindowBar({\n  row,\n  w,\n  reservePercent,\n  compact,\n}: {\n  row: CapacityRow;\n  w: CapacityWindowRow;\n  reservePercent: number | null;\n  compact: boolean;\n}) {\n  const sentence = windowSentence(row, w, w.binding ? reservePercent : null);\n  const ceiling = w.binding && reservePercent !== null && reservePercent > 0 ? 100 - pct(reservePercent) : null;\n  let track: ReactNode;\n  let value: ReactNode;\n  if (w.limitReached) {\n    track = (\n      <span className={styles.track} role=\"img\" aria-label={sentence}>\n        <span className={styles.used} data-level=\"limit\" style={{ width: '100%' }} />\n      </span>\n    );\n    value = <span className={styles.value} data-level=\"limit\">limit reached</span>;\n  } else if (w.usedPercent === null) {\n    // Absence drawn as absence. Never a 0% bar.\n    track = <span className={styles.trackUnknown} role=\"img\" aria-label={sentence} />;\n    value = <span className={styles.value} data-level=\"unknown\">no reading</span>;\n  } else {\n    const used = pct(w.usedPercent);\n    const level = used >= TIGHT_AT ? 'tight' : 'ok';\n    track = (\n      <span className={styles.track} role=\"img\" aria-label={sentence}>\n        {ceiling !== null ? (\n          <span className={styles.reserve} style={{ left: `${ceiling}%`, width: `${100 - ceiling}%` } as CSSProperties} />\n        ) : null}\n        <span className={styles.used} data-level={level} style={{ width: `${used}%` }} />\n        {ceiling !== null ? <span className={styles.ceiling} style={{ left: `${ceiling}%` }} /> : null}\n      </span>\n    );\n    value = <span className={styles.value} data-level={level}>{percentText(w.usedPercent)}</span>;\n  }\n  return (\n    <div className={styles.bar} data-binding={w.binding || undefined} data-compact={compact || undefined}>\n      <span className={styles.barLabel} title={w.label}>{w.label.replace(/ window$/, '')}</span>\n      {track}\n      {value}\n      {!compact && w.resetText !== null ? <span className={styles.reset} title={w.resetText}>{w.resetText}</span> : null}\n    </div>\n  );\n}\n\nfunction SeatName({ row, onSelect, selected }: { row: CapacityRow; onSelect: ((id: string) => void) | undefined; selected: boolean }) {\n  const text = (\n    <>\n      <span className={styles.name}>{row.label}</span>\n      {row.plan !== null ? <span className={styles.plan}>{row.plan}</span> : null}\n    </>\n  );\n  // A control only when there is something for it to open.\n  if (!onSelect) return <span className={styles.nameWrap}>{text}</span>;\n  return (\n    <button type=\"button\" className={styles.nameButton} aria-pressed={selected} onClick={() => onSelect(row.seatId)}>\n      {text}\n    </button>\n  );\n}\n\nfunction StatusLine({ status }: { status: AccountStatus }) {\n  return (\n    <span className={styles.status} data-tone={status.tone} data-status={status.kind}>\n      <span className={styles.dot} aria-hidden=\"true\" />\n      <span className={styles.statusLabel}>{status.label}</span>\n      {status.detail !== null ? <span className={styles.statusDetail}>{`· ${status.detail}`}</span> : null}\n    </span>\n  );\n}\n\n/** \"usable again in 7h 12m · checked 2m ago\" — the row's clock facts, when it has any. */\nfunction StampLine({ status }: { status: AccountStatus }) {\n  if (status.usableAgain === null && status.checked === null) return null;\n  return (\n    <p className={styles.stamp}>\n      {status.usableAgain !== null ? <span className={styles.usableAgain}>{status.usableAgain}</span> : null}\n      {status.usableAgain !== null && status.checked !== null ? ' · ' : null}\n      {status.checked !== null ? <span title={status.checkedTitle ?? undefined}>{status.checked}</span> : null}\n    </p>\n  );\n}\n\nfunction CapacityRowView({\n  row,\n  compact,\n  renderActions,\n  onSelectSeat,\n  selected,\n  status,\n}: {\n  row: CapacityRow;\n  compact: boolean;\n  renderActions: CapacityStripProps['renderActions'];\n  onSelectSeat: CapacityStripProps['onSelectSeat'];\n  selected: boolean;\n  status: AccountStatus | null;\n}) {\n  const tone = capacityTone(row.cls);\n  const binding = row.windows.find((w) => w.binding) ?? null;\n  const windows = compact ? (binding ? [binding] : []) : row.windows;\n  const actions = renderActions ? renderActions(row) : null;\n  const reserve = row.reserve;\n  return (\n    <li className={styles.row} data-capacity={row.cls} data-compact={compact || undefined} data-status={status?.kind}>\n      <MonogramTile monogram={row.monogram} engine={row.engine} size=\"sm\" />\n      <div className={styles.main}>\n        <div className={styles.head}>\n          <SeatName row={row} onSelect={onSelectSeat} selected={selected} />\n          {status !== null ? (\n            <StatusLine status={status} />\n          ) : (\n            <span className={styles.word} data-tone={tone}>\n              <span className={styles.dot} aria-hidden=\"true\" />\n              {row.word}\n            </span>\n          )}\n          {row.connection !== null && row.connection.connection !== 'connected' && row.connection.connection !== 'unknown'\n            && !(status?.coversConnection ?? false) && !(status?.kind === 'signed-out') ? (\n            <span className={styles.word} data-tone={row.connection.tone}>\n              <span className={styles.dot} aria-hidden=\"true\" />\n              {row.connection.word}\n            </span>\n          ) : null}\n        </div>\n        {!compact || windows.length === 0 ? <p className={styles.summary}>{row.summary}</p> : null}\n        {status !== null && !compact ? <StampLine status={status} /> : null}\n        {windows.length > 0 ? (\n          <div className={styles.bars}>\n            {windows.map((w) => (\n              <WindowBar key={w.id} row={row} w={w} reservePercent={reserve?.percent ?? null} compact={compact} />\n            ))}\n          </div>\n        ) : null}\n        {!compact && (reserve !== null || row.credits !== null) ? (\n          <p className={styles.meta}>\n            {reserve !== null ? (\n              <span title={reserve.why}>\n                {reserve.label}\n                {/* \"Autonomy off — all yours\" already says it; no second \"Off\". */}\n                {reserve.autonomy === 'off' ? null : (\n                  <> · Autonomy: <span className={styles.autonomy} data-status={reserve.autonomy}>{reserve.autonomyWord}</span></>\n                )}\n              </span>\n            ) : null}\n            {reserve !== null && row.credits !== null ? ' · ' : null}\n            {row.credits !== null ? <span>{row.credits}</span> : null}\n          </p>\n        ) : null}\n      </div>\n      {actions ? <div className={styles.actions}>{actions}</div> : null}\n    </li>\n  );\n}\n\nexport function CapacityStrip({\n  seats,\n  health,\n  budget,\n  local,\n  seatIds,\n  density = 'full',\n  headline,\n  title = 'Seat capacity',\n  labelledBy,\n  renderActions,\n  onSelectSeat,\n  selectedSeatId = null,\n  emptyText = 'No seats yet. Connect an account or start Ollama — an empty roster, not seats at zero.',\n  accounts,\n}: CapacityStripProps) {\n  const headingId = useId();\n  const [tick, setTick] = useState(() => Date.now());\n  usePollWhileVisible(() => setTick(Date.now()), ACCOUNT_CLOCK_MS, { enabled: accounts !== undefined && accounts.now === undefined });\n  const now = accounts?.now ?? tick;\n  const healthRead = accounts?.healthRead ?? false;\n  const accountsMode = accounts !== undefined;\n  // Accounts mode words every window reset and reason against the SAME clock\n  // as its status line (\"Spent · resets Sat 11:46 PM\"), so the two never\n  // disagree about which day \"today\" is.\n  const rowsNow = accountsMode ? now : undefined;\n  const built = useMemo(\n    () => buildCapacityRows(seats, {\n      health: health ?? null,\n      budget: budget ?? null,\n      ...(local ? { local } : {}),\n      ...(seatIds ? { seatIds } : {}),\n      ...(rowsNow !== undefined ? { now: rowsNow } : {}),\n    }),\n    [seats, health, budget, local, seatIds, rowsNow],\n  );\n  const rows = useMemo(\n    () => (accountsMode ? orderAccountRows(built, { healthRead, now }) : built),\n    [built, accountsMode, healthRead, now],\n  );\n  const compact = density === 'compact';\n  const showHeadline = headline ?? !compact;\n  // Named by the caller's heading: a plain block inside the caller's region,\n  // not a second region with the same name.\n  const Wrapper = labelledBy ? 'div' : 'section';\n  return (\n    <Wrapper className={styles.strip} aria-labelledby={labelledBy ? undefined : headingId} data-density={density}>\n      {labelledBy ? null : <h3 id={headingId} className={styles.visuallyHidden}>{title}</h3>}\n      {showHeadline && rows.length > 0 ? <p className={styles.headline}>{capacityHeadline(rows)}</p> : null}\n      {rows.length === 0 ? (\n        <p className={styles.empty}>{emptyText}</p>\n      ) : (\n        <ul className={styles.rows} aria-label={labelledBy ? undefined : title} aria-labelledby={labelledBy}>\n          {rows.map((row) => (\n            <CapacityRowView\n              key={row.seatId}\n              row={row}\n              compact={compact}\n              renderActions={renderActions}\n              onSelectSeat={onSelectSeat}\n              selected={selectedSeatId === row.seatId}\n              status={accounts\n                ? accountStatus(row, { healthRead, now, checking: accounts.checkingSeatId === row.seatId })\n                : null}\n            />\n          ))}\n        </ul>\n      )}\n    </Wrapper>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Live data\n// ---------------------------------------------------------------------------\n\n/** Budget moves with the collector (30 s); a minute is plenty for a strip. */\nexport const CAPACITY_BUDGET_POLL_MS = 60_000;\n\nexport interface CapacityData {\n  seats: readonly VerseSeat[];\n  health: readonly SeatHealthReport[] | null;\n  budget: BudgetView | null;\n  /** True until the seat roster has been read once. */\n  loading: boolean;\n}\n\n/**\n * The three shared reads behind the strip, kept live while the surface is on\n * screen: seats (the /seats poll merged into bootstrap), A2's health (30 s)\n * and A9's budget (60 s). Each is the app-wide cache entry — mounting this\n * twice costs no extra request.\n */\nexport function useCapacityData(opts: { withBudget?: boolean; withHealth?: boolean } = {}): CapacityData {\n  const visible = useSectionVisible();\n  const withBudget = opts.withBudget ?? true;\n  const withHealth = opts.withHealth ?? true;\n  const bootstrap = useQuery(verseBootstrapQuery);\n  useSeatsRefresh(visible);\n  const health = useSeatHealth(visible && withHealth);\n  const budget = useQuery(budgetQuery);\n  const refetchBudget = useRefetch(budgetQuery);\n  usePollWhileVisible(refetchBudget, CAPACITY_BUDGET_POLL_MS, { enabled: withBudget });\n  const data = bootstrap.data as VerseBootstrap | undefined;\n  return {\n    seats: data?.seats ?? [],\n    health: withHealth ? (health.data?.seats ?? null) : null,\n    budget: withBudget ? (budget.data ?? null) : null,\n    loading: data === undefined && (bootstrap.status === 'loading' || bootstrap.status === 'idle'),\n  };\n}\n\n/** The rows for a custom layout (the rail's capacity ring, the composer's seat chip). */\nexport function useCapacityRows(inputs: Omit<CapacityInputs, 'health' | 'budget'> = {}): CapacityRow[] {\n  const data = useCapacityData();\n  return useMemo(\n    () => buildCapacityRows(data.seats, { health: data.health, budget: data.budget, ...inputs }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- inputs is a small literal; its fields are the identity.\n    [data.seats, data.health, data.budget, inputs.local, inputs.seatIds],\n  );\n}\n\nexport interface LiveCapacityStripProps extends Omit<CapacityStripProps, 'seats' | 'health' | 'budget'> {\n  /**\n   * The roster, when the caller already holds it (the new-chat dialog, whose\n   * seat list IS this roster and whose pre-fill works from its own props).\n   * The strip then adds only health and budget, and never shows \"Reading\n   * seats…\" over a roster that is already on screen.\n   */\n  seats?: readonly VerseSeat[];\n}\n\n/** Drop-in strip that reads its own data — what NewChatDialog and onboarding mount. */\nexport function LiveCapacityStrip({ seats: given, ...props }: LiveCapacityStripProps) {\n  const data = useCapacityData();\n  if (given === undefined && data.loading) {\n    return <p className={styles.empty} aria-busy=\"true\">Reading seats…</p>;\n  }\n  return <CapacityStrip {...props} seats={given ?? data.seats} health={data.health} budget={data.budget} />;\n}\n"],"mappings":"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"}