@ashlr/hub 3.11.5 → 3.12.0

package/dist/core/web/public/next/assets/{ResourcesDrawer-BC93fzwQ.js.map → ResourcesDrawer-DlUKOjl9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ResourcesDrawer-BC93fzwQ.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/resources/ResourcesDrawer.module.css","../../../../../../src/web-ui/routes/verse/resources/CloudCredits.tsx","../../../../../../src/web-ui/routes/verse/resources/ResourceCard.tsx","../../../../../../src/web-ui/routes/verse/resources/LocalResources.tsx","../../../../../../src/web-ui/routes/verse/resources/ResourcesDrawer.tsx"],"sourcesContent":["/* Resources — a 360px right-hand panel: over the surface (overlay) or beside\n   it (docked). Tokens only, so light and dark follow the theme. Cards are\n   hairline-separated blocks on the surface; state is a WORD first, a shape\n   second, colour last. */\n\n/* ── Overlay chrome ─────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: var(--z-overlay);\n  display: flex;\n  justify-content: flex-end;\n  background: color-mix(in srgb, var(--bg-overlay) 55%, transparent);\n  animation: fade var(--duration-fast) var(--ease-standard);\n}\n\n.panel {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  height: 100%;\n  background: var(--bg-surface);\n  color: var(--text-primary);\n  font-family: var(--font-ui);\n  outline: none;\n}\n\n.panel[data-mode='overlay'] {\n  width: min(360px, calc(100vw - var(--space-8)));\n  border-left: 1px solid var(--border-default);\n  box-shadow: var(--shadow-dialog);\n  animation: slide var(--duration-base) var(--ease-decelerate);\n}\n\n.panel[data-mode='overlay'][data-presentation='full'] {\n  width: 100%;\n  border-left: 0;\n}\n\n/* Docked: the shell gives it a grid track; it fills that track. */\n.panel[data-mode='docked'] {\n  width: 100%;\n  border-left: 1px solid var(--border-subtle);\n}\n\n/* ── Head ───────────────────────────────────────────────────────────── */\n\n.head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-3);\n  min-height: var(--strip-height);\n  /* Clear the desktop title bar (0px in a browser), like the rail. */\n  padding: calc(var(--space-3) + var(--app-titlebar-height, 0px)) var(--space-3) var(--space-3) var(--space-4);\n  border-bottom: 1px solid var(--border-subtle);\n}\n\n.headText {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-display);\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-line);\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: var(--tracking-display);\n}\n\n.headline {\n  margin: 0;\n  color: var(--text-secondary);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n\n.headActions {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex: none;\n}\n\n/* ── Body ───────────────────────────────────────────────────────────── */\n\n.body {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: var(--space-2) var(--space-3) var(--space-4);\n}\n\n.group + .group { margin-top: var(--space-4); }\n\n.groupTitle {\n  margin: var(--space-2) var(--space-1) var(--space-2);\n  color: var(--text-tertiary);\n  font-family: var(--font-display);\n  font-size: var(--text-2xs-size);\n  line-height: var(--text-2xs-line);\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: var(--tracking-label);\n  text-transform: uppercase;\n}\n\n.cards {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  padding: var(--space-3);\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-lg);\n  /* The panel's own ground: tertiary text is certified AA on --bg-surface in\n     both themes (tokens-contrast.test.ts), not on the raised ground. */\n  background: var(--bg-surface);\n  /* Never break inside a word; long names wrap at spaces and carry a tooltip. */\n  overflow-wrap: normal;\n  word-break: normal;\n  hyphens: none;\n}\n\n.cardHead {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.cardName {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  column-gap: var(--space-2);\n  min-width: 0;\n  margin: 0;\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  font-weight: var(--font-weight-semibold);\n}\n\n.plan {\n  color: var(--text-tertiary);\n  font-size: var(--text-xs-size);\n  font-weight: var(--font-weight-regular);\n}\n\n/* ── Status ─────────────────────────────────────────────────────────── */\n\n.status {\n  --tone: var(--status-neutral-solid);\n  display: flex;\n  align-items: baseline;\n  gap: var(--space-2);\n  margin: var(--space-1) 0 0;\n  color: var(--text-secondary);\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n}\n.status[data-tone='success'] { --tone: var(--status-success-solid); }\n.status[data-tone='warning'] { --tone: var(--status-warning-solid); }\n.status[data-tone='danger'] { --tone: var(--status-danger-solid); }\n\n/* Shape follows the tone: a disc when fine, a ring when tight, a diamond when blocked. */\n.statusDot {\n  flex: none;\n  width: 7px;\n  height: 7px;\n  border-radius: var(--radius-full);\n  background: var(--tone);\n  transform: translateY(-1px);\n}\n.status[data-tone='warning'] .statusDot { background: transparent; border: 2px solid var(--tone); }\n.status[data-tone='danger'] .statusDot { border-radius: 1px; transform: translateY(-1px) rotate(45deg) scale(0.9); }\n.status[data-tone='neutral'] .statusDot { background: transparent; border: 1.5px dashed var(--text-tertiary); }\n\n.statusLabel {\n  color: var(--text-primary);\n  font-weight: var(--font-weight-medium);\n}\n\n.statusDetail { white-space: normal; }\n\n.stamp,\n.subtle,\n.fine,\n.reserveLine {\n  margin: 0;\n  color: var(--text-tertiary);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n.stamp { padding-left: calc(7px + var(--space-2)); }\n.subtle { color: var(--text-secondary); }\n.reserveLine { margin-top: var(--space-1); color: var(--text-secondary); }\n\n/* ── Window meters ──────────────────────────────────────────────────── */\n\n.meters,\n.meter[data-single] {\n  display: grid;\n  align-items: center;\n  column-gap: var(--space-2);\n  row-gap: 2px;\n  margin-top: var(--space-2);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n/* One grid for all of a card's windows, so the tracks line up under the\n   longest label (\"Weekly fable\") instead of wrapping it. */\n.meters { grid-template-columns: max-content minmax(0, 1fr) auto; }\n.meter[data-single] { grid-template-columns: minmax(0, 1fr) auto; }\n\n.meter {\n  --fill: var(--data-seq-5);\n  display: contents;\n}\n.meter[data-level='tight'] { --fill: var(--status-warning-solid); }\n.meter[data-level='limit'] { --fill: var(--status-danger-solid); }\n\n.meterLabel {\n  grid-column: 1;\n  color: var(--text-secondary);\n  white-space: nowrap;\n}\n.meter[data-binding] .meterLabel { color: var(--text-primary); font-weight: var(--font-weight-medium); }\n\n.meterTrack {\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/* No reading: absence drawn as absence (a dashed outline), never a 0% bar. */\n.meterTrack[data-unknown] {\n  background: transparent;\n  border: 1px dashed var(--border-strong);\n}\n\n.meterFill {\n  position: absolute;\n  inset: 0 auto 0 0;\n  border-radius: inherit;\n  background: var(--fill);\n  transition: width var(--duration-slow) var(--ease-standard);\n}\n\n/* The band kept for the operator, past a tick at 100 − reserve. */\n.meterReserve {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  background: repeating-linear-gradient(\n    135deg,\n    color-mix(in srgb, var(--text-tertiary) 30%, transparent) 0 2px,\n    transparent 2px 4px\n  );\n}\n.meterTick {\n  position: absolute;\n  top: -1px;\n  bottom: -1px;\n  width: 1.5px;\n  background: var(--text-secondary);\n}\n\n.meterValue {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n  white-space: nowrap;\n}\n.meter[data-level='limit'] .meterValue { font-weight: var(--font-weight-semibold); }\n.meter[data-level='unknown'] .meterValue { color: var(--text-tertiary); }\n\n.meterReset {\n  grid-column: 2 / 4;\n  margin-bottom: var(--space-1);\n  color: var(--text-tertiary);\n}\n\n/* ── Actions and notes ──────────────────────────────────────────────── */\n\n.cardActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  margin-top: var(--space-2);\n}\n\n.note {\n  margin: var(--space-2) var(--space-1) 0;\n  color: var(--text-secondary);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n.note[data-tone='danger'] { color: var(--text-primary); font-weight: var(--font-weight-medium); }\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  padding: 0 var(--space-2);\n  border-radius: var(--radius-full);\n  background: var(--status-neutral-bg);\n  color: var(--status-neutral-fg);\n  font-size: var(--text-2xs-size);\n  line-height: 18px;\n  font-weight: var(--font-weight-medium);\n  white-space: nowrap;\n}\n.pill[data-tone='success'] { background: var(--status-success-bg); color: var(--status-success-fg); }\n.pill[data-tone='warning'] { background: var(--status-warning-bg); color: var(--status-warning-fg); }\n\n/* ── Local ──────────────────────────────────────────────────────────── */\n\n.runtime {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: var(--space-2);\n  padding-top: var(--space-2);\n  border-top: 1px solid var(--border-subtle);\n}\n\n.runtimeHead {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  margin: 0;\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n}\n.runtimeName { font-weight: var(--font-weight-medium); }\n\n.models {\n  display: flex;\n  flex-direction: column;\n  margin: var(--space-2) 0 0;\n  padding: var(--space-1) 0 0;\n  border-top: 1px solid var(--border-subtle);\n  list-style: none;\n}\n\n.model {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: space-between;\n  column-gap: var(--space-3);\n  padding: var(--space-1) 0;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n\n.modelName {\n  min-width: 0;\n  color: var(--text-primary);\n  overflow-wrap: anywhere; /* a long name still must not overflow the drawer */\n}\n\n/* The quantization (q8_0, q4_K_M) beside a model's name: a detail, not the name. */\n.modelDetail {\n  font-family: var(--font-mono);\n  font-size: var(--text-xs-size);\n  color: var(--text-tertiary);\n}\n\n.modelFacts {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  margin-left: auto;\n  color: var(--text-secondary);\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n/* ── Cloud ──────────────────────────────────────────────────────────── */\n\n.creditsHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-2);\n  margin: var(--space-1) 0 0;\n}\n\n.creditsAmount {\n  font-family: var(--font-display);\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-line);\n  font-weight: var(--font-weight-semibold);\n  font-variant-numeric: tabular-nums;\n}\n\n.meterFill[data-kind='left'] { background: var(--fill); }\n\n.external {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  align-self: flex-start;\n  margin-top: var(--space-1);\n  color: var(--text-link);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  text-decoration: none;\n  border-radius: var(--radius-xs);\n}\n.external:hover { text-decoration: underline; }\n.external:focus-visible { outline: none; box-shadow: var(--shadow-focus-ring); }\n.external svg { width: 12px; height: 12px; }\n\n/* ── Foot ───────────────────────────────────────────────────────────── */\n\n.foot {\n  display: flex;\n  gap: var(--space-4);\n  padding: var(--space-2) var(--space-4);\n  border-top: 1px solid var(--border-subtle);\n}\n\n.linkButton {\n  align-self: flex-start;\n  padding: 2px 0;\n  border: 0;\n  border-radius: var(--radius-xs);\n  background: none;\n  color: var(--text-link);\n  font: inherit;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  cursor: pointer;\n}\n.linkButton:hover { text-decoration: underline; }\n.linkButton:focus-visible { outline: none; box-shadow: var(--shadow-focus-ring); }\n\n.visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* ── Motion ─────────────────────────────────────────────────────────── */\n\n@keyframes fade { from { opacity: 0; } }\n@keyframes slide { from { transform: translateX(100%); } }\n\n@media (prefers-reduced-motion: reduce) {\n  :root:not([data-motion='full']) .backdrop,\n  :root:not([data-motion='full']) .panel { animation: none; }\n  :root:not([data-motion='full']) .meterFill { transition: none; }\n}\n:root[data-motion='reduce'] .backdrop,\n:root[data-motion='reduce'] .panel { animation: none; }\n:root[data-motion='reduce'] .meterFill { transition: none; }\n","/**\n * routes/verse/resources/CloudCredits.tsx — Claude cloud credits in the\n * Resources drawer (unit 3.11 C6): estimated remaining of the total, the\n * sessions running now and launched today, and the link to the real balance\n * on claude.ai. The balance is not readable programmatically (core/cloud\n * types.ts), so every figure is labelled an ESTIMATE, with the server's own\n * note beside it.\n *\n * GET /api/verse/cloud lands with another unit; until it does, this card says\n * \"Cloud lane not available yet\" — a designed state, not an error.\n */\nimport { useQuery, useRefetch } from '../../../data/hooks.js';\nimport { IconExternalLink } from '../../../components/primitives/icons.js';\nimport { MonogramTile } from '../apps/MonogramTile.js';\nimport { usePollWhileVisible } from '../shell/section-visibility.js';\nimport { usedPercentText } from '../percent-text.js';\nimport { approxCredits, CLOUD_NOT_SET_UP_WORD, notSetUpLine } from '../cloud/cloud-model.js';\nimport { formatUsd, type CloudCreditsView } from './resources-model.js';\nimport { cloudCreditsQuery, RESOURCES_POLL_MS } from './resources-queries.js';\nimport styles from './ResourcesDrawer.module.css';\n\n/** Below this share of the total left, the meter turns amber. */\nconst LOW_AT = 20;\n\n/**\n * The seat is missing, so nothing launches: the blocker is the state and the\n * credits a plain approximate figure — no \"left\" meter reading as headroom\n * (cloud/cloud-model.ts, \"Standing\").\n */\nfunction NotSetUp({ credits, sessions }: { credits: CloudCreditsView; sessions: string }) {\n  return (\n    <>\n      <p className={styles.status} data-tone=\"warning\" title={notSetUpLine(credits.remainingUsd)}>\n        <span className={styles.statusDot} aria-hidden=\"true\" />\n        <span className={styles.statusLabel}>{CLOUD_NOT_SET_UP_WORD}</span>\n        <span className={styles.subtle}>· {approxCredits(credits.remainingUsd)}</span>\n        <span className={styles.pill} data-tone=\"neutral\" title={credits.estimateNote}>estimate</span>\n      </p>\n      <p className={styles.subtle}>{credits.seatReason ?? SEAT_NOT_SET_UP}</p>\n      <p className={styles.subtle}>{sessions}</p>\n    </>\n  );\n}\n\nconst SEAT_NOT_SET_UP = \"The Claude seat isn't set up on this Mac.\";\n\nfunction Credits({ credits }: { credits: CloudCreditsView }) {\n  const left = credits.remainingPercent;\n  const level = left <= 0 ? 'limit' : left < LOW_AT ? 'tight' : 'ok';\n  const headline = `${formatUsd(credits.remainingUsd)} of ${formatUsd(credits.totalUsd)} left`;\n  const sessions = [\n    `${credits.running} running`,\n    credits.maxSessionsPerDay !== null ? `${credits.sessionsToday} of ${credits.maxSessionsPerDay} today` : `${credits.sessionsToday} today`,\n  ].join(' · ');\n  if (!credits.seatReady) {\n    return (\n      <>\n        <NotSetUp credits={credits} sessions={sessions} />\n        <p className={styles.fine}>{credits.estimateNote}</p>\n        <BalanceLink href={credits.balanceUrl} />\n      </>\n    );\n  }\n  const blocker = !credits.canLaunch ? credits.canLaunchReason : null;\n  return (\n    <>\n      <p className={styles.creditsHead}>\n        <span className={styles.creditsAmount}>{headline}</span>\n        <span className={styles.pill} data-tone=\"neutral\" title={credits.estimateNote}>estimate</span>\n      </p>\n      <div className={styles.meter} data-level={level} data-single>\n        <span\n          className={styles.meterTrack}\n          role=\"img\"\n          aria-label={`Cloud credits: an estimated ${formatUsd(credits.remainingUsd)} of ${formatUsd(credits.totalUsd)} left, ${usedPercentText(left)}`}\n        >\n          <span className={styles.meterFill} data-kind=\"left\" style={{ width: `${Math.round(left)}%` }} />\n        </span>\n        <span className={styles.meterValue} aria-hidden=\"true\">{usedPercentText(left)} left</span>\n      </div>\n      <p className={styles.subtle}>{sessions}</p>\n      {blocker !== null ? (\n        <p className={styles.status} data-tone=\"warning\"><span className={styles.statusDot} aria-hidden=\"true\" /><span>{blocker}</span></p>\n      ) : null}\n      <p className={styles.fine}>{credits.estimateNote}</p>\n      <BalanceLink href={credits.balanceUrl} />\n    </>\n  );\n}\n\nfunction BalanceLink({ href }: { href: string }) {\n  return (\n    <a className={styles.external} href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n      Real balance on claude.ai\n      <IconExternalLink />\n      <span className={styles.visuallyHidden}> (opens in a new tab)</span>\n    </a>\n  );\n}\n\nexport function CloudCredits() {\n  const read = useQuery(cloudCreditsQuery);\n  const refetch = useRefetch(cloudCreditsQuery);\n  usePollWhileVisible(refetch, RESOURCES_POLL_MS.cloud);\n  const loading = read.data === undefined && read.status !== 'error';\n  const available = read.data?.available ?? false;\n  const credits = read.data?.credits ?? null;\n  return (\n    <li className={styles.card} data-resource=\"cloud\" data-cloud={loading ? 'loading' : !available ? 'unavailable' : credits ? 'ready' : 'unrecognised'}>\n      <div className={styles.cardHead}>\n        <MonogramTile monogram=\"C\" engine=\"claude\" size=\"sm\" />\n        <h4 className={styles.cardName}>\n          <span>Claude cloud credits</span>\n          <span className={styles.plan}>claude.ai</span>\n        </h4>\n      </div>\n      {loading ? (\n        <p className={styles.subtle} aria-busy=\"true\">Reading cloud credits…</p>\n      ) : !available ? (\n        <>\n          <p className={styles.status} data-tone=\"neutral\">\n            <span className={styles.statusDot} aria-hidden=\"true\" />\n            <span className={styles.statusLabel}>Cloud lane not available yet</span>\n          </p>\n          <p className={styles.fine}>Credits show here once this build has the cloud lane.</p>\n        </>\n      ) : credits === null ? (\n        <p className={styles.subtle}>Unrecognized response — update Ashlr.</p>\n      ) : (\n        <Credits credits={credits} />\n      )}\n    </li>\n  );\n}\n","/**\n * routes/verse/resources/ResourceCard.tsx — one paid account in the Resources\n * drawer (unit 3.11 C6):\n *\n *   [C] Claude Max · max\n *       ● Spent · resets Sat 11:46 PM · usable again in 1d 7h\n *       checked 2m ago\n *       5-hour  ▇▇▇▇▇▇▇▇▇▇▇▇│▨▨  limit reached\n *               resets Sat 11:46 PM\n *       Weekly  ▇▇▇▇░░░░░░░░       40%\n *       Reserved for you 40% · balanced mode\n *       [Check again]\n *\n * Every word comes from the shared capacity projection — `accountStatus` for\n * the status line, the row's windows for the meters (resets already worded by\n * `describeResetAt`), `usedPercentText` for every percent, `accountActions`\n * for what the account needs — so this card and Apps & Accounts can never\n * disagree about one seat. Text wraps at word boundaries; anything long also\n * carries its full text as a tooltip.\n */\nimport type { BudgetMode } from '../../../../core/routing/types.js';\nimport { Button } from '../../../components/primitives/Button.js';\nimport { accountActions, type AccountAction } from '../apps/apps-model.js';\nimport { MonogramTile } from '../apps/MonogramTile.js';\nimport { usedPercentText } from '../percent-text.js';\nimport { windowSentence, type AccountStatus, type CapacityRow, type CapacityWindowRow } from '../usage/capacity-strip-model.js';\nimport styles from './ResourcesDrawer.module.css';\n\n/** Above this share of a window the meter turns amber (the capacity strip's own line). */\nconst TIGHT_AT = 90;\n\nconst MODE_WORD: Readonly<Record<BudgetMode, string>> = {\n  'all-in': 'all-in mode',\n  balanced: 'balanced mode',\n  reserve: 'reserve mode',\n};\n\nfunction clamp(n: number): number {\n  return Math.max(0, Math.min(100, Math.round(n)));\n}\n\nexport function StatusLine({ status }: { status: AccountStatus }) {\n  const parts = [status.detail, status.usableAgain].filter((p): p is string => p !== null && p.length > 0);\n  const full = [status.label, ...parts].join(' · ');\n  return (\n    <p className={styles.status} data-tone={status.tone} data-status={status.kind} title={full}>\n      <span className={styles.statusDot} aria-hidden=\"true\" />\n      <span>\n        <span className={styles.statusLabel}>{status.label}</span>\n        {parts.map((p) => (\n          <span key={p} className={styles.statusDetail}>{` · ${p}`}</span>\n        ))}\n      </span>\n    </p>\n  );\n}\n\nfunction WindowMeter({ row, w, reservePercent }: { row: CapacityRow; w: CapacityWindowRow; reservePercent: number | null }) {\n  const sentence = windowSentence(row, w, w.binding ? reservePercent : null);\n  const ceiling = w.binding && reservePercent !== null && reservePercent > 0 ? 100 - clamp(reservePercent) : null;\n  const label = w.label.replace(/ window$/, '');\n  let level: 'ok' | 'tight' | 'limit' | 'unknown';\n  let value: string;\n  let used = 0;\n  if (w.limitReached) {\n    level = 'limit';\n    value = 'limit reached';\n    used = 100;\n  } else if (w.usedPercent === null) {\n    level = 'unknown';\n    value = 'no reading';\n  } else {\n    used = clamp(w.usedPercent);\n    level = used >= TIGHT_AT ? 'tight' : 'ok';\n    value = usedPercentText(w.usedPercent);\n  }\n  return (\n    <div className={styles.meter} data-binding={w.binding || undefined} data-level={level}>\n      <span className={styles.meterLabel} title={w.label}>{label.charAt(0).toUpperCase() + label.slice(1)}</span>\n      <span className={styles.meterTrack} role=\"img\" aria-label={sentence} data-unknown={level === 'unknown' || undefined}>\n        {ceiling !== null ? <span className={styles.meterReserve} style={{ left: `${ceiling}%`, width: `${100 - ceiling}%` }} /> : null}\n        {level !== 'unknown' ? <span className={styles.meterFill} style={{ width: `${used}%` }} /> : null}\n        {ceiling !== null ? <span className={styles.meterTick} style={{ left: `${ceiling}%` }} /> : null}\n      </span>\n      <span className={styles.meterValue} aria-hidden=\"true\">{value}</span>\n      {w.resetText !== null ? <span className={styles.meterReset} title={w.resetText} aria-hidden=\"true\">{w.resetText}</span> : null}\n    </div>\n  );\n}\n\nexport interface ResourceCardProps {\n  row: CapacityRow;\n  /** Worded against the drawer's clock, with any running check applied. */\n  status: AccountStatus;\n  /** The status with no check applied, so a button does not vanish while its own check runs. */\n  settled: AccountStatus;\n  mode: BudgetMode | null;\n  busy: { seatId: string; kind: AccountAction['kind'] } | null;\n  onAction: (row: CapacityRow, action: AccountAction) => void;\n}\n\nexport function ResourceCard({ row, status, settled, mode, busy, onAction }: ResourceCardProps) {\n  // Budget editing lives in Apps & Accounts; the drawer offers what the seat needs now.\n  const actions = accountActions(row, settled).filter((a) => a.kind !== 'edit-budget');\n  const reserve = row.reserve;\n  const reserveText = reserve === null ? null : reserve.percent !== null && mode !== null ? `${reserve.label} · ${MODE_WORD[mode]}` : reserve.label;\n  return (\n    <li className={styles.card} data-status={status.kind} data-seat={row.seatId} data-verse-anchor={`resources:${row.seatId}`}>\n      <div className={styles.cardHead}>\n        <MonogramTile monogram={row.monogram} engine={row.engine} size=\"sm\" />\n        <h4 className={styles.cardName}>\n          <span title={row.label}>{row.label}</span>\n          {row.plan !== null ? <span className={styles.plan}>{row.plan}</span> : null}\n        </h4>\n      </div>\n      <StatusLine status={status} />\n      {status.checked !== null ? (\n        <p className={styles.stamp} title={status.checkedTitle ?? undefined}>{status.checked}</p>\n      ) : null}\n      {row.windows.length > 0 ? (\n        <div className={styles.meters}>\n          {row.windows.map((w) => (\n            <WindowMeter key={w.id} row={row} w={w} reservePercent={reserve?.percent ?? null} />\n          ))}\n        </div>\n      ) : null}\n      {reserveText !== null || row.credits !== null ? (\n        <p className={styles.reserveLine}>\n          {reserveText !== null ? <span title={reserve?.why}>{reserveText}</span> : null}\n          {reserveText !== null && row.credits !== null ? ' · ' : null}\n          {row.credits !== null ? <span>{row.credits}</span> : null}\n        </p>\n      ) : null}\n      {actions.length > 0 ? (\n        <div className={styles.cardActions}>\n          {actions.map((action) => (\n            <Button\n              key={action.kind}\n              size=\"sm\"\n              variant={action.primary ? 'primary' : 'ghost'}\n              busy={busy?.seatId === row.seatId && busy.kind === action.kind}\n              aria-label={`${action.kind === 'fix' ? 'Fix in Apps' : action.label}: ${row.label}`}\n              onClick={() => onAction(row, action)}\n            >\n              {action.kind === 'fix' ? 'Fix in Apps' : action.label}\n            </Button>\n          ))}\n        </div>\n      ) : null}\n    </li>\n  );\n}\n","/**\n * routes/verse/resources/LocalResources.tsx — local compute in the Resources\n * drawer (unit 3.11 C6): the local seat's readiness (the shared capacity\n * projection's word), the serving runtime (llama-server / Ollama: state,\n * loaded model, per-agent context, slots) with Start / Stop when THIS server\n * supervises it, and the installed models with the context each one really\n * runs at.\n *\n * Reads are the owners' own QueryDefs — `/api/verse/local-models`\n * (usage-queries, with its burst retry) and `/api/verse/runtime`\n * (autonomy/fleet-queries) — polled only while the drawer is mounted, which\n * is only while it is open. Start / Stop go through the shell's guard (Stop\n * confirms first, both ask for the token), with the same words as the Fleet\n * runtime panel.\n */\nimport { useState } from 'react';\nimport { Button } from '../../../components/primitives/Button.js';\nimport { useQuery, useRefetch } from '../../../data/hooks.js';\nimport { runRuntimeAction, servingRuntimeQuery } from '../autonomy/fleet-queries.js';\nimport { MonogramTile } from '../apps/MonogramTile.js';\nimport { tidyProse } from '../autonomy/format.js';\nimport { requestGuarded } from '../shell/guarded-action.js';\nimport { usePollWhileVisible } from '../shell/section-visibility.js';\nimport type { AccountStatus } from '../usage/capacity-strip-model.js';\nimport { buildLocalModelsView } from '../usage/local-model.js';\nimport { projectLocalModels } from '../usage/usage-contract.js';\nimport { verseLocalModelsQuery } from '../usage/usage-queries.js';\nimport { LOCAL_MODELS_SHOWN, modelContextText, runtimeView } from './resources-model.js';\nimport { RESOURCES_POLL_MS } from './resources-queries.js';\nimport { StatusLine } from './ResourceCard.js';\nimport styles from './ResourcesDrawer.module.css';\n\nconst STOP_BODY =\n  'Every local agent turn in flight is answered by this process. Stopping it ends those turns — nothing in flight is rolled back, and no local seat can take a new turn until it is running again.';\n\nexport function LocalResources({ status, onOpenUsage, now }: { status: AccountStatus | null; onOpenUsage: () => void; now: number }) {\n  const models = useQuery(verseLocalModelsQuery);\n  const runtimeRead = useQuery(servingRuntimeQuery);\n  const refetchModels = useRefetch(verseLocalModelsQuery);\n  const refetchRuntime = useRefetch(servingRuntimeQuery);\n  usePollWhileVisible(refetchModels, RESOURCES_POLL_MS.local);\n  usePollWhileVisible(refetchRuntime, RESOURCES_POLL_MS.runtime);\n  const [note, setNote] = useState<{ tone: 'neutral' | 'danger'; text: string } | null>(null);\n  const [busy, setBusy] = useState<'start' | 'stop' | null>(null);\n\n  const view = models.data?.available ? buildLocalModelsView(projectLocalModels(models.data.raw), now) : null;\n  const runtime = runtimeView(runtimeRead.data?.value ?? null);\n  const modelsLoading = models.data === undefined && models.status !== 'error';\n  const rows = view?.rows ?? [];\n  const shown = rows.slice(0, LOCAL_MODELS_SHOWN);\n  const more = rows.length - shown.length;\n\n  const act = (action: 'start' | 'stop') => {\n    const label = action === 'start' ? 'Start' : 'Stop';\n    setNote(null);\n    requestGuarded({\n      title: 'Stop the serving runtime?',\n      body: STOP_BODY,\n      confirmLabel: 'Stop runtime',\n      destructive: true,\n      skipConfirm: action === 'start',\n      token: true,\n      tokenReason: `${label === 'Start' ? 'Starting' : 'Stopping'} the serving runtime requires the dispatch token.`,\n      run: async () => {\n        setBusy(action);\n        try {\n          const result = await runRuntimeAction(action);\n          setNote({ tone: 'neutral', text: (result.note ? tidyProse(result.note) : '') || (action === 'start' ? 'Runtime starting.' : 'Runtime stopped.') });\n        } finally {\n          setBusy(null);\n        }\n      },\n      onError: (message) => setNote({ tone: 'danger', text: message }),\n    });\n  };\n\n  return (\n    <li className={styles.card} data-resource=\"local\" data-status={status?.kind}>\n      <div className={styles.cardHead}>\n        <MonogramTile monogram=\"L\" engine=\"local\" size=\"sm\" />\n        <h4 className={styles.cardName}>\n          <span>Local models</span>\n          <span className={styles.plan}>this machine</span>\n        </h4>\n      </div>\n      {status !== null ? (\n        <StatusLine status={status} />\n      ) : view !== null && !view.reachable ? (\n        <p className={styles.status} data-tone=\"neutral\"><span className={styles.statusDot} aria-hidden=\"true\" /><span className={styles.statusLabel}>No local runtime answering</span></p>\n      ) : null}\n\n      {runtime !== null ? (\n        <div className={styles.runtime} data-runtime-state={runtime.state}>\n          <p className={styles.runtimeHead}>\n            <span className={styles.runtimeName}>{runtime.name}</span>\n            <span className={styles.pill} data-tone={runtime.tone}>{runtime.word}</span>\n          </p>\n          {runtime.detail !== null ? <p className={styles.subtle} title={runtime.detail}>{runtime.detail}</p> : null}\n          {runtime.canStart || runtime.canStop ? (\n            <div className={styles.cardActions}>\n              {runtime.canStart ? (\n                <Button size=\"sm\" variant=\"primary\" busy={busy === 'start'} aria-label={`Start ${runtime.name}`} onClick={() => act('start')}>Start</Button>\n              ) : null}\n              {runtime.canStop ? (\n                <Button size=\"sm\" variant=\"subtle\" busy={busy === 'stop'} aria-label={`Stop ${runtime.name}`} onClick={() => act('stop')}>Stop</Button>\n              ) : null}\n            </div>\n          ) : runtime.managedElsewhere ? (\n            <p className={styles.subtle}>Started and stopped outside Verse.</p>\n          ) : null}\n        </div>\n      ) : null}\n\n      {modelsLoading ? (\n        <p className={styles.subtle} aria-busy=\"true\">Reading local models…</p>\n      ) : !models.data?.available ? (\n        <p className={styles.subtle}>Local model details are not available from this server yet.</p>\n      ) : view === null || rows.length === 0 ? (\n        <p className={styles.subtle}>\n          {view?.reachable ? 'No models installed.' : 'Start Ollama or llama-server to use local models.'}\n        </p>\n      ) : (\n        <ul className={styles.models} aria-label=\"Local models\">\n          {shown.map((m) => {\n            const context = modelContextText(m);\n            return (\n              <li key={`${m.runtime ?? 'local'}:${m.name}`} className={styles.model} data-resident={m.resident || undefined}>\n                <span className={styles.modelName} title={m.name}>\n                  {m.displayName}\n                  {m.nameDetail ? <span className={styles.modelDetail}> {m.nameDetail}</span> : null}\n                </span>\n                <span className={styles.modelFacts}>\n                  {m.resident ? <span className={styles.pill} data-tone=\"success\">Loaded</span> : null}\n                  {context !== null ? <span title={m.contextTruncated ? 'Configured below the model’s native window' : undefined}>{context}</span> : null}\n                </span>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {more > 0 ? (\n        <button type=\"button\" className={styles.linkButton} onClick={onOpenUsage}>\n          {`${more} more in Usage`}\n        </button>\n      ) : null}\n      <p className={note ? styles.note : styles.visuallyHidden} data-tone={note?.tone} role=\"status\" aria-live=\"polite\">{note?.text ?? ''}</p>\n    </li>\n  );\n}\n","/**\n * routes/verse/resources/ResourcesDrawer.tsx — RESOURCES: every account,\n * local runtime and cloud credit the operator can spend, on every surface\n * (unit 3.11 C6). A lazy chunk: the shell mounts it only while open.\n *\n *   overlay  ~360px from the right edge over the surface. Esc, a click\n *            outside or ⌘. closes it; focus is trapped inside and returned\n *            to whatever opened it.\n *   docked   PINNED: a right-hand column beside the surface (the shell gives\n *            it a grid track, so the surface shrinks rather than hides).\n *            Not modal — no trap, no backdrop, Esc is the surface's.\n *\n *   Accounts        one card per paid seat, usable first (orderAccountRows)\n *   Local models    the local seat, the serving runtime, installed models\n *   Cloud credits   GET /api/verse/cloud, or \"Cloud lane not available yet\"\n *\n * Data is the app-wide caches (useCapacityData: bootstrap seats, /health,\n * /budget) plus the owners' local and cloud reads — nothing polls unless the\n * drawer is open, because nothing here is mounted unless it is.\n *\n * Writes go through the shell's guard (confirm where the regular UI confirms,\n * then the mutation token): Reconnect opens the provider's own sign-in in\n * Terminal, Check again is the zero-cost health sweep.\n */\nimport { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { IconButton } from '../../../components/primitives/Button.js';\nimport { useFocusTrap } from '../../../components/primitives/focus-trap.js';\nimport { IconRefresh, IconX } from '../../../components/primitives/icons.js';\nimport { Tooltip } from '../../../components/primitives/Tooltip.js';\nimport { useRefetch } from '../../../data/hooks.js';\nimport type { AccountAction } from '../apps/apps-model.js';\nimport { servingRuntimeQuery } from '../autonomy/fleet-queries.js';\nimport { reconnectSeat, refreshSeatHealth, verseHealthQuery } from '../health/health-queries.js';\nimport { findCommand, formatChord } from '../shell/command-catalog.js';\nimport { isGuardOpen, requestGuarded } from '../shell/guarded-action.js';\nimport { usePollWhileVisible } from '../shell/section-visibility.js';\nimport { ACCOUNT_CLOCK_MS, useCapacityData } from '../usage/CapacityStrip.js';\nimport { accountStatus, buildCapacityRows, capacityHeadline, orderAccountRows, type CapacityRow } from '../usage/capacity-strip-model.js';\nimport { verseLocalModelsQuery } from '../usage/usage-queries.js';\nimport { setVerseSection, type VerseSectionId } from '../verse-ui-store.js';\nimport { CloudCredits } from './CloudCredits.js';\nimport { LocalResources } from './LocalResources.js';\nimport { ResourceCard } from './ResourceCard.js';\nimport { cloudCreditsQuery } from './resources-queries.js';\nimport { closeResources, setResourcesBar, setResourcesPinned, useResourcesUi } from './resources-store.js';\nimport styles from './ResourcesDrawer.module.css';\n\nexport const RESOURCES_EMPTY_TEXT =\n  'No accounts connected yet. Sign in to Claude Code, Codex or Grok in a terminal — they show up here within a minute.';\n\nfunction PinIcon({ pinned }: { pinned: boolean }) {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill={pinned ? 'currentColor' : 'none'} stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" strokeLinecap=\"round\" aria-hidden=\"true\" focusable=\"false\">\n      <path d=\"M6 2.5h4l-.5 4 2.25 2.25H4.25L6.5 6.5z\" />\n      <path d=\"M8 8.75v4.75\" fill=\"none\" />\n    </svg>\n  );\n}\n\ntype Note = { tone: 'neutral' | 'danger'; text: string } | null;\n\nexport interface ResourcesDrawerProps {\n  mode: 'overlay' | 'docked';\n  /** Phone-width window: the overlay takes the whole screen and cannot be pinned. */\n  compact?: boolean;\n  /** Injected clock for tests; otherwise the drawer re-reads the clock every ACCOUNT_CLOCK_MS. */\n  now?: number;\n}\n\nexport function ResourcesDrawer({ mode, compact = false, now: fixedNow }: ResourcesDrawerProps) {\n  const titleId = useId();\n  const panelRef = useRef<HTMLDivElement>(null);\n  const overlay = mode === 'overlay';\n  const data = useCapacityData();\n  const [tick, setTick] = useState(() => Date.now());\n  usePollWhileVisible(() => setTick(Date.now()), ACCOUNT_CLOCK_MS, { enabled: fixedNow === undefined });\n  const now = fixedNow ?? tick;\n  const healthRead = data.health !== null;\n  const [busy, setBusy] = useState<{ seatId: string; kind: AccountAction['kind'] } | null>(null);\n  const [note, setNote] = useState<Note>(null);\n\n  const refetchHealth = useRefetch(verseHealthQuery);\n  const refetchLocal = useRefetch(verseLocalModelsQuery);\n  const refetchRuntime = useRefetch(servingRuntimeQuery);\n  const refetchCloud = useRefetch(cloudCreditsQuery);\n\n  const rows = useMemo(\n    () => buildCapacityRows(data.seats, { health: data.health, budget: data.budget, now }),\n    [data.seats, data.health, data.budget, now],\n  );\n  const paid = useMemo(() => orderAccountRows(rows.filter((r) => r.kind === 'subscription'), { healthRead, now }), [rows, healthRead, now]);\n  const localRow = rows.find((r) => r.kind === 'local') ?? null;\n  const mode_ = data.budget?.mode ?? null;\n\n  // ── close: Esc (overlay), outside click, the close button, ⌘. ─────────\n  const close = useCallback(() => {\n    closeResources();\n  }, []);\n  const trapClose = useCallback(() => {\n    // Esc in a dialog opened FROM the drawer (a confirmation, the token\n    // prompt) belongs to that dialog: every trap hears Escape, and this one\n    // registered first.\n    if (isGuardOpen() || document.querySelector('[aria-modal=\"true\"]:not([data-verse-overlay])')) return;\n    closeResources();\n  }, []);\n  useFocusTrap({ open: overlay, containerRef: panelRef, onClose: trapClose });\n  // Focus goes back to whatever opened the drawer (the trap does that). When\n  // that is gone — the palette that ran \"Open Resources\" unmounts — it lands\n  // on the edge handle rather than on <body>.\n  useEffect(() => {\n    if (!overlay) return undefined;\n    return () => {\n      window.setTimeout(() => {\n        const active = document.activeElement;\n        if (active === null || active === document.body) document.querySelector<HTMLElement>('[data-resources-handle]')?.focus({ preventScroll: true });\n      }, 0);\n    };\n  }, [overlay]);\n\n  const go = (section: VerseSectionId, anchor: string | null = null) => {\n    if (overlay) closeResources();\n    setVerseSection(section, anchor);\n  };\n\n  const onAction = (row: CapacityRow, action: AccountAction) => {\n    setNote(null);\n    if (action.kind === 'fix' || action.kind === 'edit-budget') {\n      go('apps', `seat:${row.seatId}`);\n      return;\n    }\n    const reconnect = action.kind === 'reconnect';\n    requestGuarded({\n      title: reconnect ? `Reconnect ${row.label}?` : `Check ${row.label} again?`,\n      body: '',\n      confirmLabel: action.label,\n      destructive: false,\n      skipConfirm: true,\n      token: true,\n      tokenReason: reconnect\n        ? `Open the sign-in for ${row.label} in Terminal`\n        : `Check ${row.label} again (status commands only — nothing is spent)`,\n      run: async () => {\n        setBusy({ seatId: row.seatId, kind: action.kind });\n        try {\n          if (reconnect) await reconnectSeat(row.seatId);\n          else await refreshSeatHealth();\n        } finally {\n          setBusy(null);\n        }\n      },\n      onDone: () =>\n        setNote({\n          tone: 'neutral',\n          text: reconnect\n            ? `Opened the sign-in for ${row.label} in Terminal. Finish it there; this drawer picks it up.`\n            : `Checked ${row.label} again.`,\n        }),\n      onError: (message) => setNote({ tone: 'danger', text: message }),\n    });\n  };\n\n  const refreshAll = () => {\n    setNote(null);\n    refetchHealth();\n    refetchLocal();\n    refetchRuntime();\n    refetchCloud();\n    setTick(Date.now());\n  };\n\n  const chord = findCommand('resources.toggle')?.keys[0];\n  const shortcut = chord ? formatChord(chord) : undefined;\n  const canPin = !compact;\n  const pinned = mode === 'docked';\n\n  const panel = (\n    <div\n      ref={panelRef}\n      className={styles.panel}\n      data-mode={mode}\n      data-presentation={compact ? 'full' : 'side'}\n      data-verse-overlay=\"resources\"\n      {...(overlay\n        ? { role: 'dialog', 'aria-modal': true, 'aria-labelledby': titleId, tabIndex: -1 }\n        : { role: 'complementary', 'aria-labelledby': titleId })}\n    >\n      <header className={styles.head}>\n        <div className={styles.headText}>\n          <h2 id={titleId} className={styles.title}>Resources</h2>\n          {!data.loading && rows.length > 0 ? <p className={styles.headline}>{capacityHeadline(rows)}</p> : null}\n        </div>\n        <div className={styles.headActions}>\n          <Tooltip label=\"Read everything again\" placement=\"bottom\">\n            <IconButton variant=\"ghost\" size=\"sm\" icon={<IconRefresh />} aria-label=\"Read everything again\" onClick={refreshAll} />\n          </Tooltip>\n          {canPin ? (\n            <Tooltip label={pinned ? 'Unpin — float over the page' : 'Pin beside the page'} placement=\"bottom\">\n              <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                icon={<PinIcon pinned={pinned} />}\n                aria-label={pinned ? 'Unpin resources' : 'Pin resources beside the page'}\n                aria-pressed={pinned}\n                data-resources-pin\n                onClick={() => setResourcesPinned(!pinned)}\n              />\n            </Tooltip>\n          ) : null}\n          <Tooltip label=\"Close resources\" shortcut={shortcut} placement=\"bottom\">\n            <IconButton variant=\"ghost\" size=\"sm\" icon={<IconX />} aria-label=\"Close resources\" onClick={close} />\n          </Tooltip>\n        </div>\n      </header>\n\n      <div className={styles.body}>\n        <section className={styles.group} aria-labelledby={`${titleId}-accounts`}>\n          <h3 id={`${titleId}-accounts`} className={styles.groupTitle}>Accounts</h3>\n          {data.loading ? (\n            <p className={styles.subtle} aria-busy=\"true\">Reading accounts…</p>\n          ) : paid.length === 0 ? (\n            <p className={styles.subtle}>{RESOURCES_EMPTY_TEXT}</p>\n          ) : (\n            <ul className={styles.cards}>\n              {paid.map((row) => {\n                const settled = accountStatus(row, { healthRead, now });\n                const checking = busy?.seatId === row.seatId && busy.kind === 'check-again';\n                const status = checking ? accountStatus(row, { healthRead, now, checking: true }) : settled;\n                return <ResourceCard key={row.seatId} row={row} status={status} settled={settled} mode={mode_} busy={busy} onAction={onAction} />;\n              })}\n            </ul>\n          )}\n          <p className={note ? styles.note : styles.visuallyHidden} data-tone={note?.tone} role=\"status\" aria-live=\"polite\">{note?.text ?? ''}</p>\n        </section>\n\n        <section className={styles.group} aria-labelledby={`${titleId}-local`}>\n          <h3 id={`${titleId}-local`} className={styles.groupTitle}>Local</h3>\n          <ul className={styles.cards}>\n            <LocalResources status={localRow ? accountStatus(localRow, { healthRead, now }) : null} onOpenUsage={() => go('usage')} now={now} />\n          </ul>\n        </section>\n\n        <section className={styles.group} aria-labelledby={`${titleId}-cloud`}>\n          <h3 id={`${titleId}-cloud`} className={styles.groupTitle}>Cloud</h3>\n          <ul className={styles.cards}>\n            <CloudCredits />\n          </ul>\n        </section>\n      </div>\n\n      <footer className={styles.foot}>\n        <button type=\"button\" className={styles.linkButton} onClick={() => go('apps')}>Apps &amp; Accounts</button>\n        <button type=\"button\" className={styles.linkButton} onClick={() => go('usage')}>Usage</button>\n        <BarToggle />\n      </footer>\n    </div>\n  );\n\n  if (!overlay) return panel;\n  return createPortal(\n    <div className={styles.backdrop} data-presentation={compact ? 'full' : 'side'} onMouseDown={(e) => e.target === e.currentTarget && close()}>\n      {panel}\n    </div>,\n    document.body,\n  );\n}\n\n/** Footer switch for the always-on resource bar in the rail (3.11.1). */\nfunction BarToggle() {\n  const { bar } = useResourcesUi();\n  return (\n    <button\n      type=\"button\"\n      className={styles.linkButton}\n      style={{ marginLeft: 'auto' }}\n      aria-pressed={bar}\n      onClick={() => setResourcesBar(!bar)}\n    >\n      {bar ? 'Hide resource bar' : 'Show resource bar'}\n    </button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ResourcesDrawer-DlUKOjl9.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/resources/ResourcesDrawer.module.css","../../../../../../src/web-ui/routes/verse/resources/CloudCredits.tsx","../../../../../../src/web-ui/routes/verse/resources/ResourceCard.tsx","../../../../../../src/web-ui/routes/verse/resources/LocalResources.tsx","../../../../../../src/web-ui/routes/verse/resources/ResourcesDrawer.tsx"],"sourcesContent":["/* Resources — a 360px right-hand panel: over the surface (overlay) or beside\n   it (docked). Tokens only, so light and dark follow the theme. Cards are\n   hairline-separated blocks on the surface; state is a WORD first, a shape\n   second, colour last. */\n\n/* ── Overlay chrome ─────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: var(--z-overlay);\n  display: flex;\n  justify-content: flex-end;\n  background: color-mix(in srgb, var(--bg-overlay) 55%, transparent);\n  animation: fade var(--duration-fast) var(--ease-standard);\n}\n\n.panel {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  height: 100%;\n  background: var(--bg-surface);\n  color: var(--text-primary);\n  font-family: var(--font-ui);\n  outline: none;\n}\n\n.panel[data-mode='overlay'] {\n  width: min(360px, calc(100vw - var(--space-8)));\n  border-left: 1px solid var(--border-default);\n  box-shadow: var(--shadow-dialog);\n  animation: slide var(--duration-base) var(--ease-decelerate);\n}\n\n.panel[data-mode='overlay'][data-presentation='full'] {\n  width: 100%;\n  border-left: 0;\n}\n\n/* Docked: the shell gives it a grid track; it fills that track. */\n.panel[data-mode='docked'] {\n  width: 100%;\n  border-left: 1px solid var(--border-subtle);\n}\n\n/* ── Head ───────────────────────────────────────────────────────────── */\n\n.head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-3);\n  min-height: var(--strip-height);\n  /* Clear the desktop title bar (0px in a browser), like the rail. */\n  padding: calc(var(--space-3) + var(--app-titlebar-height, 0px)) var(--space-3) var(--space-3) var(--space-4);\n  border-bottom: 1px solid var(--border-subtle);\n}\n\n.headText {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-display);\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-line);\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: var(--tracking-display);\n}\n\n.headline {\n  margin: 0;\n  color: var(--text-secondary);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n\n.headActions {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex: none;\n}\n\n/* ── Body ───────────────────────────────────────────────────────────── */\n\n.body {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: var(--space-2) var(--space-3) var(--space-4);\n}\n\n.group + .group { margin-top: var(--space-4); }\n\n.groupTitle {\n  margin: var(--space-2) var(--space-1) var(--space-2);\n  color: var(--text-tertiary);\n  font-family: var(--font-display);\n  font-size: var(--text-2xs-size);\n  line-height: var(--text-2xs-line);\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: var(--tracking-label);\n  text-transform: uppercase;\n}\n\n.cards {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  padding: var(--space-3);\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-lg);\n  /* The panel's own ground: tertiary text is certified AA on --bg-surface in\n     both themes (tokens-contrast.test.ts), not on the raised ground. */\n  background: var(--bg-surface);\n  /* Never break inside a word; long names wrap at spaces and carry a tooltip. */\n  overflow-wrap: normal;\n  word-break: normal;\n  hyphens: none;\n}\n\n.cardHead {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.cardName {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  column-gap: var(--space-2);\n  min-width: 0;\n  margin: 0;\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  font-weight: var(--font-weight-semibold);\n}\n\n.plan {\n  color: var(--text-tertiary);\n  font-size: var(--text-xs-size);\n  font-weight: var(--font-weight-regular);\n}\n\n/* ── Status ─────────────────────────────────────────────────────────── */\n\n.status {\n  --tone: var(--status-neutral-solid);\n  display: flex;\n  align-items: baseline;\n  gap: var(--space-2);\n  margin: var(--space-1) 0 0;\n  color: var(--text-secondary);\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n}\n.status[data-tone='success'] { --tone: var(--status-success-solid); }\n.status[data-tone='warning'] { --tone: var(--status-warning-solid); }\n.status[data-tone='danger'] { --tone: var(--status-danger-solid); }\n\n/* Shape follows the tone: a disc when fine, a ring when tight, a diamond when blocked. */\n.statusDot {\n  flex: none;\n  width: 7px;\n  height: 7px;\n  border-radius: var(--radius-full);\n  background: var(--tone);\n  transform: translateY(-1px);\n}\n.status[data-tone='warning'] .statusDot { background: transparent; border: 2px solid var(--tone); }\n.status[data-tone='danger'] .statusDot { border-radius: 1px; transform: translateY(-1px) rotate(45deg) scale(0.9); }\n.status[data-tone='neutral'] .statusDot { background: transparent; border: 1.5px dashed var(--text-tertiary); }\n\n.statusLabel {\n  color: var(--text-primary);\n  font-weight: var(--font-weight-medium);\n}\n\n.statusDetail { white-space: normal; }\n\n.stamp,\n.subtle,\n.fine,\n.reserveLine {\n  margin: 0;\n  color: var(--text-tertiary);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n.stamp { padding-left: calc(7px + var(--space-2)); }\n.subtle { color: var(--text-secondary); }\n.reserveLine { margin-top: var(--space-1); color: var(--text-secondary); }\n\n/* ── Window meters ──────────────────────────────────────────────────── */\n\n.meters,\n.meter[data-single] {\n  display: grid;\n  align-items: center;\n  column-gap: var(--space-2);\n  row-gap: 2px;\n  margin-top: var(--space-2);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n/* One grid for all of a card's windows, so the tracks line up under the\n   longest label (\"Weekly fable\") instead of wrapping it. */\n.meters { grid-template-columns: max-content minmax(0, 1fr) auto; }\n.meter[data-single] { grid-template-columns: minmax(0, 1fr) auto; }\n\n.meter {\n  --fill: var(--data-seq-5);\n  display: contents;\n}\n.meter[data-level='tight'] { --fill: var(--status-warning-solid); }\n.meter[data-level='limit'] { --fill: var(--status-danger-solid); }\n\n.meterLabel {\n  grid-column: 1;\n  color: var(--text-secondary);\n  white-space: nowrap;\n}\n.meter[data-binding] .meterLabel { color: var(--text-primary); font-weight: var(--font-weight-medium); }\n\n.meterTrack {\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/* No reading: absence drawn as absence (a dashed outline), never a 0% bar. */\n.meterTrack[data-unknown] {\n  background: transparent;\n  border: 1px dashed var(--border-strong);\n}\n\n.meterFill {\n  position: absolute;\n  inset: 0 auto 0 0;\n  border-radius: inherit;\n  background: var(--fill);\n  transition: width var(--duration-slow) var(--ease-standard);\n}\n\n/* The band kept for the operator, past a tick at 100 − reserve. */\n.meterReserve {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  background: repeating-linear-gradient(\n    135deg,\n    color-mix(in srgb, var(--text-tertiary) 30%, transparent) 0 2px,\n    transparent 2px 4px\n  );\n}\n.meterTick {\n  position: absolute;\n  top: -1px;\n  bottom: -1px;\n  width: 1.5px;\n  background: var(--text-secondary);\n}\n\n.meterValue {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n  white-space: nowrap;\n}\n.meter[data-level='limit'] .meterValue { font-weight: var(--font-weight-semibold); }\n.meter[data-level='unknown'] .meterValue { color: var(--text-tertiary); }\n\n.meterReset {\n  grid-column: 2 / 4;\n  margin-bottom: var(--space-1);\n  color: var(--text-tertiary);\n}\n\n/* ── Actions and notes ──────────────────────────────────────────────── */\n\n.cardActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  margin-top: var(--space-2);\n}\n\n.note {\n  margin: var(--space-2) var(--space-1) 0;\n  color: var(--text-secondary);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n.note[data-tone='danger'] { color: var(--text-primary); font-weight: var(--font-weight-medium); }\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  padding: 0 var(--space-2);\n  border-radius: var(--radius-full);\n  background: var(--status-neutral-bg);\n  color: var(--status-neutral-fg);\n  font-size: var(--text-2xs-size);\n  line-height: 18px;\n  font-weight: var(--font-weight-medium);\n  white-space: nowrap;\n}\n.pill[data-tone='success'] { background: var(--status-success-bg); color: var(--status-success-fg); }\n.pill[data-tone='warning'] { background: var(--status-warning-bg); color: var(--status-warning-fg); }\n\n/* ── Local ──────────────────────────────────────────────────────────── */\n\n.runtime {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: var(--space-2);\n  padding-top: var(--space-2);\n  border-top: 1px solid var(--border-subtle);\n}\n\n.runtimeHead {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  margin: 0;\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n}\n.runtimeName { font-weight: var(--font-weight-medium); }\n\n.models {\n  display: flex;\n  flex-direction: column;\n  margin: var(--space-2) 0 0;\n  padding: var(--space-1) 0 0;\n  border-top: 1px solid var(--border-subtle);\n  list-style: none;\n}\n\n.model {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: space-between;\n  column-gap: var(--space-3);\n  padding: var(--space-1) 0;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n}\n\n.modelName {\n  min-width: 0;\n  color: var(--text-primary);\n  overflow-wrap: anywhere; /* a long name still must not overflow the drawer */\n}\n\n/* The quantization (q8_0, q4_K_M) beside a model's name: a detail, not the name. */\n.modelDetail {\n  font-family: var(--font-mono);\n  font-size: var(--text-xs-size);\n  color: var(--text-tertiary);\n}\n\n.modelFacts {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  margin-left: auto;\n  color: var(--text-secondary);\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n/* ── Cloud ──────────────────────────────────────────────────────────── */\n\n.creditsHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-2);\n  margin: var(--space-1) 0 0;\n}\n\n.creditsAmount {\n  font-family: var(--font-display);\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-line);\n  font-weight: var(--font-weight-semibold);\n  font-variant-numeric: tabular-nums;\n}\n\n.meterFill[data-kind='left'] { background: var(--fill); }\n\n.external {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  align-self: flex-start;\n  margin-top: var(--space-1);\n  color: var(--text-link);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  text-decoration: none;\n  border-radius: var(--radius-xs);\n}\n.external:hover { text-decoration: underline; }\n.external:focus-visible { outline: none; box-shadow: var(--shadow-focus-ring); }\n.external svg { width: 12px; height: 12px; }\n\n/* ── Foot ───────────────────────────────────────────────────────────── */\n\n.foot {\n  display: flex;\n  gap: var(--space-4);\n  padding: var(--space-2) var(--space-4);\n  border-top: 1px solid var(--border-subtle);\n}\n\n.linkButton {\n  align-self: flex-start;\n  padding: 2px 0;\n  border: 0;\n  border-radius: var(--radius-xs);\n  background: none;\n  color: var(--text-link);\n  font: inherit;\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  cursor: pointer;\n}\n.linkButton:hover { text-decoration: underline; }\n.linkButton:focus-visible { outline: none; box-shadow: var(--shadow-focus-ring); }\n\n.visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* ── Motion ─────────────────────────────────────────────────────────── */\n\n@keyframes fade { from { opacity: 0; } }\n@keyframes slide { from { transform: translateX(100%); } }\n\n@media (prefers-reduced-motion: reduce) {\n  :root:not([data-motion='full']) .backdrop,\n  :root:not([data-motion='full']) .panel { animation: none; }\n  :root:not([data-motion='full']) .meterFill { transition: none; }\n}\n:root[data-motion='reduce'] .backdrop,\n:root[data-motion='reduce'] .panel { animation: none; }\n:root[data-motion='reduce'] .meterFill { transition: none; }\n","/**\n * routes/verse/resources/CloudCredits.tsx — Claude cloud credits in the\n * Resources drawer (unit 3.11 C6): estimated remaining of the total, the\n * sessions running now and launched today, and the link to the real balance\n * on claude.ai. The balance is not readable programmatically (core/cloud\n * types.ts), so every figure is labelled an ESTIMATE, with the server's own\n * note beside it.\n *\n * GET /api/verse/cloud lands with another unit; until it does, this card says\n * \"Cloud lane not available yet\" — a designed state, not an error.\n */\nimport { useQuery, useRefetch } from '../../../data/hooks.js';\nimport { IconExternalLink } from '../../../components/primitives/icons.js';\nimport { MonogramTile } from '../apps/MonogramTile.js';\nimport { usePollWhileVisible } from '../shell/section-visibility.js';\nimport { usedPercentText } from '../percent-text.js';\nimport { approxCredits, CLOUD_NOT_SET_UP_WORD, notSetUpLine } from '../cloud/cloud-model.js';\nimport { formatUsd, type CloudCreditsView } from './resources-model.js';\nimport { cloudCreditsQuery, RESOURCES_POLL_MS } from './resources-queries.js';\nimport styles from './ResourcesDrawer.module.css';\n\n/** Below this share of the total left, the meter turns amber. */\nconst LOW_AT = 20;\n\n/**\n * The seat is missing, so nothing launches: the blocker is the state and the\n * credits a plain approximate figure — no \"left\" meter reading as headroom\n * (cloud/cloud-model.ts, \"Standing\").\n */\nfunction NotSetUp({ credits, sessions }: { credits: CloudCreditsView; sessions: string }) {\n  return (\n    <>\n      <p className={styles.status} data-tone=\"warning\" title={notSetUpLine(credits.remainingUsd)}>\n        <span className={styles.statusDot} aria-hidden=\"true\" />\n        <span className={styles.statusLabel}>{CLOUD_NOT_SET_UP_WORD}</span>\n        <span className={styles.subtle}>· {approxCredits(credits.remainingUsd)}</span>\n        <span className={styles.pill} data-tone=\"neutral\" title={credits.estimateNote}>estimate</span>\n      </p>\n      <p className={styles.subtle}>{credits.seatReason ?? SEAT_NOT_SET_UP}</p>\n      <p className={styles.subtle}>{sessions}</p>\n    </>\n  );\n}\n\nconst SEAT_NOT_SET_UP = \"The Claude seat isn't set up on this Mac.\";\n\nfunction Credits({ credits }: { credits: CloudCreditsView }) {\n  const left = credits.remainingPercent;\n  const level = left <= 0 ? 'limit' : left < LOW_AT ? 'tight' : 'ok';\n  const headline = `${formatUsd(credits.remainingUsd)} of ${formatUsd(credits.totalUsd)} left`;\n  const sessions = [\n    `${credits.running} running`,\n    credits.maxSessionsPerDay !== null ? `${credits.sessionsToday} of ${credits.maxSessionsPerDay} today` : `${credits.sessionsToday} today`,\n  ].join(' · ');\n  if (!credits.seatReady) {\n    return (\n      <>\n        <NotSetUp credits={credits} sessions={sessions} />\n        <p className={styles.fine}>{credits.estimateNote}</p>\n        <BalanceLink href={credits.balanceUrl} />\n      </>\n    );\n  }\n  const blocker = !credits.canLaunch ? credits.canLaunchReason : null;\n  return (\n    <>\n      <p className={styles.creditsHead}>\n        <span className={styles.creditsAmount}>{headline}</span>\n        <span className={styles.pill} data-tone=\"neutral\" title={credits.estimateNote}>estimate</span>\n      </p>\n      <div className={styles.meter} data-level={level} data-single>\n        <span\n          className={styles.meterTrack}\n          role=\"img\"\n          aria-label={`Cloud credits: an estimated ${formatUsd(credits.remainingUsd)} of ${formatUsd(credits.totalUsd)} left, ${usedPercentText(left)}`}\n        >\n          <span className={styles.meterFill} data-kind=\"left\" style={{ width: `${Math.round(left)}%` }} />\n        </span>\n        <span className={styles.meterValue} aria-hidden=\"true\">{usedPercentText(left)} left</span>\n      </div>\n      <p className={styles.subtle}>{sessions}</p>\n      {blocker !== null ? (\n        <p className={styles.status} data-tone=\"warning\"><span className={styles.statusDot} aria-hidden=\"true\" /><span>{blocker}</span></p>\n      ) : null}\n      <p className={styles.fine}>{credits.estimateNote}</p>\n      <BalanceLink href={credits.balanceUrl} />\n    </>\n  );\n}\n\nfunction BalanceLink({ href }: { href: string }) {\n  return (\n    <a className={styles.external} href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n      Real balance on claude.ai\n      <IconExternalLink />\n      <span className={styles.visuallyHidden}> (opens in a new tab)</span>\n    </a>\n  );\n}\n\nexport function CloudCredits() {\n  const read = useQuery(cloudCreditsQuery);\n  const refetch = useRefetch(cloudCreditsQuery);\n  usePollWhileVisible(refetch, RESOURCES_POLL_MS.cloud);\n  const loading = read.data === undefined && read.status !== 'error';\n  const available = read.data?.available ?? false;\n  const credits = read.data?.credits ?? null;\n  return (\n    <li className={styles.card} data-resource=\"cloud\" data-cloud={loading ? 'loading' : !available ? 'unavailable' : credits ? 'ready' : 'unrecognised'}>\n      <div className={styles.cardHead}>\n        <MonogramTile monogram=\"C\" engine=\"claude\" size=\"sm\" />\n        <h4 className={styles.cardName}>\n          <span>Claude cloud credits</span>\n          <span className={styles.plan}>claude.ai</span>\n        </h4>\n      </div>\n      {loading ? (\n        <p className={styles.subtle} aria-busy=\"true\">Reading cloud credits…</p>\n      ) : !available ? (\n        <>\n          <p className={styles.status} data-tone=\"neutral\">\n            <span className={styles.statusDot} aria-hidden=\"true\" />\n            <span className={styles.statusLabel}>Cloud lane not available yet</span>\n          </p>\n          <p className={styles.fine}>Credits show here once this build has the cloud lane.</p>\n        </>\n      ) : credits === null ? (\n        <p className={styles.subtle}>Unrecognized response — update Ashlr.</p>\n      ) : (\n        <Credits credits={credits} />\n      )}\n    </li>\n  );\n}\n","/**\n * routes/verse/resources/ResourceCard.tsx — one paid account in the Resources\n * drawer (unit 3.11 C6):\n *\n *   [C] Claude Max · max\n *       ● Spent · resets Sat 11:46 PM · usable again in 1d 7h\n *       checked 2m ago\n *       5-hour  ▇▇▇▇▇▇▇▇▇▇▇▇│▨▨  limit reached\n *               resets Sat 11:46 PM\n *       Weekly  ▇▇▇▇░░░░░░░░       40%\n *       Reserved for you 40% · balanced mode\n *       [Check again]\n *\n * Every word comes from the shared capacity projection — `accountStatus` for\n * the status line, the row's windows for the meters (resets already worded by\n * `describeResetAt`), `usedPercentText` for every percent, `accountActions`\n * for what the account needs — so this card and Apps & Accounts can never\n * disagree about one seat. Text wraps at word boundaries; anything long also\n * carries its full text as a tooltip.\n */\nimport type { BudgetMode } from '../../../../core/routing/types.js';\nimport { Button } from '../../../components/primitives/Button.js';\nimport { accountActions, type AccountAction } from '../apps/apps-model.js';\nimport { MonogramTile } from '../apps/MonogramTile.js';\nimport { usedPercentText } from '../percent-text.js';\nimport { windowSentence, type AccountStatus, type CapacityRow, type CapacityWindowRow } from '../usage/capacity-strip-model.js';\nimport styles from './ResourcesDrawer.module.css';\n\n/** Above this share of a window the meter turns amber (the capacity strip's own line). */\nconst TIGHT_AT = 90;\n\nconst MODE_WORD: Readonly<Record<BudgetMode, string>> = {\n  'all-in': 'all-in mode',\n  balanced: 'balanced mode',\n  reserve: 'reserve mode',\n};\n\nfunction clamp(n: number): number {\n  return Math.max(0, Math.min(100, Math.round(n)));\n}\n\nexport function StatusLine({ status }: { status: AccountStatus }) {\n  const parts = [status.detail, status.usableAgain].filter((p): p is string => p !== null && p.length > 0);\n  const full = [status.label, ...parts].join(' · ');\n  return (\n    <p className={styles.status} data-tone={status.tone} data-status={status.kind} title={full}>\n      <span className={styles.statusDot} aria-hidden=\"true\" />\n      <span>\n        <span className={styles.statusLabel}>{status.label}</span>\n        {parts.map((p) => (\n          <span key={p} className={styles.statusDetail}>{` · ${p}`}</span>\n        ))}\n      </span>\n    </p>\n  );\n}\n\nfunction WindowMeter({ row, w, reservePercent }: { row: CapacityRow; w: CapacityWindowRow; reservePercent: number | null }) {\n  const sentence = windowSentence(row, w, w.binding ? reservePercent : null);\n  const ceiling = w.binding && reservePercent !== null && reservePercent > 0 ? 100 - clamp(reservePercent) : null;\n  const label = w.label.replace(/ window$/, '');\n  let level: 'ok' | 'tight' | 'limit' | 'unknown';\n  let value: string;\n  let used = 0;\n  if (w.limitReached) {\n    level = 'limit';\n    value = 'limit reached';\n    used = 100;\n  } else if (w.usedPercent === null) {\n    level = 'unknown';\n    value = 'no reading';\n  } else {\n    used = clamp(w.usedPercent);\n    level = used >= TIGHT_AT ? 'tight' : 'ok';\n    value = usedPercentText(w.usedPercent);\n  }\n  return (\n    <div className={styles.meter} data-binding={w.binding || undefined} data-level={level}>\n      <span className={styles.meterLabel} title={w.label}>{label.charAt(0).toUpperCase() + label.slice(1)}</span>\n      <span className={styles.meterTrack} role=\"img\" aria-label={sentence} data-unknown={level === 'unknown' || undefined}>\n        {ceiling !== null ? <span className={styles.meterReserve} style={{ left: `${ceiling}%`, width: `${100 - ceiling}%` }} /> : null}\n        {level !== 'unknown' ? <span className={styles.meterFill} style={{ width: `${used}%` }} /> : null}\n        {ceiling !== null ? <span className={styles.meterTick} style={{ left: `${ceiling}%` }} /> : null}\n      </span>\n      <span className={styles.meterValue} aria-hidden=\"true\">{value}</span>\n      {w.resetText !== null ? <span className={styles.meterReset} title={w.resetText} aria-hidden=\"true\">{w.resetText}</span> : null}\n    </div>\n  );\n}\n\nexport interface ResourceCardProps {\n  row: CapacityRow;\n  /** Worded against the drawer's clock, with any running check applied. */\n  status: AccountStatus;\n  /** The status with no check applied, so a button does not vanish while its own check runs. */\n  settled: AccountStatus;\n  mode: BudgetMode | null;\n  busy: { seatId: string; kind: AccountAction['kind'] } | null;\n  onAction: (row: CapacityRow, action: AccountAction) => void;\n}\n\nexport function ResourceCard({ row, status, settled, mode, busy, onAction }: ResourceCardProps) {\n  // Budget editing lives in Apps & Accounts; the drawer offers what the seat needs now.\n  const actions = accountActions(row, settled).filter((a) => a.kind !== 'edit-budget');\n  const reserve = row.reserve;\n  const reserveText = reserve === null ? null : reserve.percent !== null && mode !== null ? `${reserve.label} · ${MODE_WORD[mode]}` : reserve.label;\n  return (\n    <li className={styles.card} data-status={status.kind} data-seat={row.seatId} data-verse-anchor={`resources:${row.seatId}`}>\n      <div className={styles.cardHead}>\n        <MonogramTile monogram={row.monogram} engine={row.engine} size=\"sm\" />\n        <h4 className={styles.cardName}>\n          <span title={row.label}>{row.label}</span>\n          {row.plan !== null ? <span className={styles.plan}>{row.plan}</span> : null}\n        </h4>\n      </div>\n      <StatusLine status={status} />\n      {status.checked !== null ? (\n        <p className={styles.stamp} title={status.checkedTitle ?? undefined}>{status.checked}</p>\n      ) : null}\n      {row.windows.length > 0 ? (\n        <div className={styles.meters}>\n          {row.windows.map((w) => (\n            <WindowMeter key={w.id} row={row} w={w} reservePercent={reserve?.percent ?? null} />\n          ))}\n        </div>\n      ) : null}\n      {reserveText !== null || row.credits !== null ? (\n        <p className={styles.reserveLine}>\n          {reserveText !== null ? <span title={reserve?.why}>{reserveText}</span> : null}\n          {reserveText !== null && row.credits !== null ? ' · ' : null}\n          {row.credits !== null ? <span>{row.credits}</span> : null}\n        </p>\n      ) : null}\n      {actions.length > 0 ? (\n        <div className={styles.cardActions}>\n          {actions.map((action) => (\n            <Button\n              key={action.kind}\n              size=\"sm\"\n              variant={action.primary ? 'primary' : 'ghost'}\n              busy={busy?.seatId === row.seatId && busy.kind === action.kind}\n              aria-label={`${action.kind === 'fix' ? 'Fix in Apps' : action.label}: ${row.label}`}\n              onClick={() => onAction(row, action)}\n            >\n              {action.kind === 'fix' ? 'Fix in Apps' : action.label}\n            </Button>\n          ))}\n        </div>\n      ) : null}\n    </li>\n  );\n}\n","/**\n * routes/verse/resources/LocalResources.tsx — local compute in the Resources\n * drawer (unit 3.11 C6): the local seat's readiness (the shared capacity\n * projection's word), the serving runtime (llama-server / Ollama: state,\n * loaded model, per-agent context, slots) with Start / Stop when THIS server\n * supervises it, and the installed models with the context each one really\n * runs at.\n *\n * Reads are the owners' own QueryDefs — `/api/verse/local-models`\n * (usage-queries, with its burst retry) and `/api/verse/runtime`\n * (autonomy/fleet-queries) — polled only while the drawer is mounted, which\n * is only while it is open. Start / Stop go through the shell's guard (Stop\n * confirms first, both ask for the token), with the same words as the Fleet\n * runtime panel.\n */\nimport { useState } from 'react';\nimport { Button } from '../../../components/primitives/Button.js';\nimport { useQuery, useRefetch } from '../../../data/hooks.js';\nimport { runRuntimeAction, servingRuntimeQuery } from '../autonomy/fleet-queries.js';\nimport { MonogramTile } from '../apps/MonogramTile.js';\nimport { tidyProse } from '../autonomy/format.js';\nimport { requestGuarded } from '../shell/guarded-action.js';\nimport { usePollWhileVisible } from '../shell/section-visibility.js';\nimport type { AccountStatus } from '../usage/capacity-strip-model.js';\nimport { buildLocalModelsView } from '../usage/local-model.js';\nimport { projectLocalModels } from '../usage/usage-contract.js';\nimport { verseLocalModelsQuery } from '../usage/usage-queries.js';\nimport { LOCAL_MODELS_SHOWN, modelContextText, runtimeView } from './resources-model.js';\nimport { RESOURCES_POLL_MS } from './resources-queries.js';\nimport { StatusLine } from './ResourceCard.js';\nimport styles from './ResourcesDrawer.module.css';\n\nconst STOP_BODY =\n  'Every local agent turn in flight is answered by this process. Stopping it ends those turns — nothing in flight is rolled back, and no local seat can take a new turn until it is running again.';\n\nexport function LocalResources({ status, onOpenUsage, now }: { status: AccountStatus | null; onOpenUsage: () => void; now: number }) {\n  const models = useQuery(verseLocalModelsQuery);\n  const runtimeRead = useQuery(servingRuntimeQuery);\n  const refetchModels = useRefetch(verseLocalModelsQuery);\n  const refetchRuntime = useRefetch(servingRuntimeQuery);\n  usePollWhileVisible(refetchModels, RESOURCES_POLL_MS.local);\n  usePollWhileVisible(refetchRuntime, RESOURCES_POLL_MS.runtime);\n  const [note, setNote] = useState<{ tone: 'neutral' | 'danger'; text: string } | null>(null);\n  const [busy, setBusy] = useState<'start' | 'stop' | null>(null);\n\n  const view = models.data?.available ? buildLocalModelsView(projectLocalModels(models.data.raw), now) : null;\n  const runtime = runtimeView(runtimeRead.data?.value ?? null);\n  const modelsLoading = models.data === undefined && models.status !== 'error';\n  const rows = view?.rows ?? [];\n  const shown = rows.slice(0, LOCAL_MODELS_SHOWN);\n  const more = rows.length - shown.length;\n\n  const act = (action: 'start' | 'stop') => {\n    const label = action === 'start' ? 'Start' : 'Stop';\n    setNote(null);\n    requestGuarded({\n      title: 'Stop the serving runtime?',\n      body: STOP_BODY,\n      confirmLabel: 'Stop runtime',\n      destructive: true,\n      skipConfirm: action === 'start',\n      token: true,\n      tokenReason: `${label === 'Start' ? 'Starting' : 'Stopping'} the serving runtime requires the dispatch token.`,\n      run: async () => {\n        setBusy(action);\n        try {\n          const result = await runRuntimeAction(action);\n          setNote({ tone: 'neutral', text: (result.note ? tidyProse(result.note) : '') || (action === 'start' ? 'Runtime starting.' : 'Runtime stopped.') });\n        } finally {\n          setBusy(null);\n        }\n      },\n      onError: (message) => setNote({ tone: 'danger', text: message }),\n    });\n  };\n\n  return (\n    <li className={styles.card} data-resource=\"local\" data-status={status?.kind}>\n      <div className={styles.cardHead}>\n        <MonogramTile monogram=\"L\" engine=\"local\" size=\"sm\" />\n        <h4 className={styles.cardName}>\n          <span>Local models</span>\n          <span className={styles.plan}>this machine</span>\n        </h4>\n      </div>\n      {status !== null ? (\n        <StatusLine status={status} />\n      ) : view !== null && !view.reachable ? (\n        <p className={styles.status} data-tone=\"neutral\"><span className={styles.statusDot} aria-hidden=\"true\" /><span className={styles.statusLabel}>No local runtime answering</span></p>\n      ) : null}\n\n      {runtime !== null ? (\n        <div className={styles.runtime} data-runtime-state={runtime.state}>\n          <p className={styles.runtimeHead}>\n            <span className={styles.runtimeName}>{runtime.name}</span>\n            <span className={styles.pill} data-tone={runtime.tone}>{runtime.word}</span>\n          </p>\n          {runtime.detail !== null ? <p className={styles.subtle} title={runtime.detail}>{runtime.detail}</p> : null}\n          {runtime.canStart || runtime.canStop ? (\n            <div className={styles.cardActions}>\n              {runtime.canStart ? (\n                <Button size=\"sm\" variant=\"primary\" busy={busy === 'start'} aria-label={`Start ${runtime.name}`} onClick={() => act('start')}>Start</Button>\n              ) : null}\n              {runtime.canStop ? (\n                <Button size=\"sm\" variant=\"subtle\" busy={busy === 'stop'} aria-label={`Stop ${runtime.name}`} onClick={() => act('stop')}>Stop</Button>\n              ) : null}\n            </div>\n          ) : runtime.managedElsewhere ? (\n            <p className={styles.subtle}>Started and stopped outside Verse.</p>\n          ) : null}\n        </div>\n      ) : null}\n\n      {modelsLoading ? (\n        <p className={styles.subtle} aria-busy=\"true\">Reading local models…</p>\n      ) : !models.data?.available ? (\n        <p className={styles.subtle}>Local model details are not available from this server yet.</p>\n      ) : view === null || rows.length === 0 ? (\n        <p className={styles.subtle}>\n          {view?.reachable ? 'No models installed.' : 'Start Ollama or llama-server to use local models.'}\n        </p>\n      ) : (\n        <ul className={styles.models} aria-label=\"Local models\">\n          {shown.map((m) => {\n            const context = modelContextText(m);\n            return (\n              <li key={`${m.runtime ?? 'local'}:${m.name}`} className={styles.model} data-resident={m.resident || undefined}>\n                <span className={styles.modelName} title={m.name}>\n                  {m.displayName}\n                  {m.nameDetail ? <span className={styles.modelDetail}> {m.nameDetail}</span> : null}\n                </span>\n                <span className={styles.modelFacts}>\n                  {m.resident ? <span className={styles.pill} data-tone=\"success\">Loaded</span> : null}\n                  {context !== null ? <span title={m.contextTruncated ? 'Configured below the model’s native window' : undefined}>{context}</span> : null}\n                </span>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {more > 0 ? (\n        <button type=\"button\" className={styles.linkButton} onClick={onOpenUsage}>\n          {`${more} more in Usage`}\n        </button>\n      ) : null}\n      <p className={note ? styles.note : styles.visuallyHidden} data-tone={note?.tone} role=\"status\" aria-live=\"polite\">{note?.text ?? ''}</p>\n    </li>\n  );\n}\n","/**\n * routes/verse/resources/ResourcesDrawer.tsx — RESOURCES: every account,\n * local runtime and cloud credit the operator can spend, on every surface\n * (unit 3.11 C6). A lazy chunk: the shell mounts it only while open.\n *\n *   overlay  ~360px from the right edge over the surface. Esc, a click\n *            outside or ⌘. closes it; focus is trapped inside and returned\n *            to whatever opened it.\n *   docked   PINNED: a right-hand column beside the surface (the shell gives\n *            it a grid track, so the surface shrinks rather than hides).\n *            Not modal — no trap, no backdrop, Esc is the surface's.\n *\n *   Accounts        one card per paid seat, usable first (orderAccountRows)\n *   Local models    the local seat, the serving runtime, installed models\n *   Cloud credits   GET /api/verse/cloud, or \"Cloud lane not available yet\"\n *\n * Data is the app-wide caches (useCapacityData: bootstrap seats, /health,\n * /budget) plus the owners' local and cloud reads — nothing polls unless the\n * drawer is open, because nothing here is mounted unless it is.\n *\n * Writes go through the shell's guard (confirm where the regular UI confirms,\n * then the mutation token): Reconnect opens the provider's own sign-in in\n * Terminal, Check again is the zero-cost health sweep.\n */\nimport { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { IconButton } from '../../../components/primitives/Button.js';\nimport { useFocusTrap } from '../../../components/primitives/focus-trap.js';\nimport { IconRefresh, IconX } from '../../../components/primitives/icons.js';\nimport { Tooltip } from '../../../components/primitives/Tooltip.js';\nimport { useRefetch } from '../../../data/hooks.js';\nimport type { AccountAction } from '../apps/apps-model.js';\nimport { servingRuntimeQuery } from '../autonomy/fleet-queries.js';\nimport { reconnectSeat, refreshSeatHealth, verseHealthQuery } from '../health/health-queries.js';\nimport { findCommand, formatChord } from '../shell/command-catalog.js';\nimport { isGuardOpen, requestGuarded } from '../shell/guarded-action.js';\nimport { usePollWhileVisible } from '../shell/section-visibility.js';\nimport { ACCOUNT_CLOCK_MS, useCapacityData } from '../usage/CapacityStrip.js';\nimport { accountStatus, buildCapacityRows, capacityHeadline, orderAccountRows, type CapacityRow } from '../usage/capacity-strip-model.js';\nimport { verseLocalModelsQuery } from '../usage/usage-queries.js';\nimport { setVerseSection, type VerseSectionId } from '../verse-ui-store.js';\nimport { CloudCredits } from './CloudCredits.js';\nimport { LocalResources } from './LocalResources.js';\nimport { ResourceCard } from './ResourceCard.js';\nimport { cloudCreditsQuery } from './resources-queries.js';\nimport { closeResources, setResourcesBar, setResourcesPinned, useResourcesUi } from './resources-store.js';\nimport styles from './ResourcesDrawer.module.css';\n\nexport const RESOURCES_EMPTY_TEXT =\n  'No accounts connected yet. Sign in to Claude Code, Codex or Grok in a terminal — they show up here within a minute.';\n\nfunction PinIcon({ pinned }: { pinned: boolean }) {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill={pinned ? 'currentColor' : 'none'} stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" strokeLinecap=\"round\" aria-hidden=\"true\" focusable=\"false\">\n      <path d=\"M6 2.5h4l-.5 4 2.25 2.25H4.25L6.5 6.5z\" />\n      <path d=\"M8 8.75v4.75\" fill=\"none\" />\n    </svg>\n  );\n}\n\ntype Note = { tone: 'neutral' | 'danger'; text: string } | null;\n\nexport interface ResourcesDrawerProps {\n  mode: 'overlay' | 'docked';\n  /** Phone-width window: the overlay takes the whole screen and cannot be pinned. */\n  compact?: boolean;\n  /** Injected clock for tests; otherwise the drawer re-reads the clock every ACCOUNT_CLOCK_MS. */\n  now?: number;\n}\n\nexport function ResourcesDrawer({ mode, compact = false, now: fixedNow }: ResourcesDrawerProps) {\n  const titleId = useId();\n  const panelRef = useRef<HTMLDivElement>(null);\n  const overlay = mode === 'overlay';\n  const data = useCapacityData();\n  const [tick, setTick] = useState(() => Date.now());\n  usePollWhileVisible(() => setTick(Date.now()), ACCOUNT_CLOCK_MS, { enabled: fixedNow === undefined });\n  const now = fixedNow ?? tick;\n  const healthRead = data.health !== null;\n  const [busy, setBusy] = useState<{ seatId: string; kind: AccountAction['kind'] } | null>(null);\n  const [note, setNote] = useState<Note>(null);\n\n  const refetchHealth = useRefetch(verseHealthQuery);\n  const refetchLocal = useRefetch(verseLocalModelsQuery);\n  const refetchRuntime = useRefetch(servingRuntimeQuery);\n  const refetchCloud = useRefetch(cloudCreditsQuery);\n\n  const rows = useMemo(\n    () => buildCapacityRows(data.seats, { health: data.health, budget: data.budget, now }),\n    [data.seats, data.health, data.budget, now],\n  );\n  const paid = useMemo(() => orderAccountRows(rows.filter((r) => r.kind === 'subscription'), { healthRead, now }), [rows, healthRead, now]);\n  const localRow = rows.find((r) => r.kind === 'local') ?? null;\n  const mode_ = data.budget?.mode ?? null;\n\n  // ── close: Esc (overlay), outside click, the close button, ⌘. ─────────\n  const close = useCallback(() => {\n    closeResources();\n  }, []);\n  const trapClose = useCallback(() => {\n    // Esc in a dialog opened FROM the drawer (a confirmation, the token\n    // prompt) belongs to that dialog: every trap hears Escape, and this one\n    // registered first.\n    if (isGuardOpen() || document.querySelector('[aria-modal=\"true\"]:not([data-verse-overlay])')) return;\n    closeResources();\n  }, []);\n  useFocusTrap({ open: overlay, containerRef: panelRef, onClose: trapClose });\n  // Focus goes back to whatever opened the drawer (the trap does that). When\n  // that is gone — the palette that ran \"Open Resources\" unmounts — it lands\n  // on the edge handle rather than on <body>.\n  useEffect(() => {\n    if (!overlay) return undefined;\n    return () => {\n      window.setTimeout(() => {\n        const active = document.activeElement;\n        if (active === null || active === document.body) document.querySelector<HTMLElement>('[data-resources-handle]')?.focus({ preventScroll: true });\n      }, 0);\n    };\n  }, [overlay]);\n\n  const go = (section: VerseSectionId, anchor: string | null = null) => {\n    if (overlay) closeResources();\n    setVerseSection(section, anchor);\n  };\n\n  const onAction = (row: CapacityRow, action: AccountAction) => {\n    setNote(null);\n    if (action.kind === 'fix' || action.kind === 'edit-budget') {\n      go('apps', `seat:${row.seatId}`);\n      return;\n    }\n    const reconnect = action.kind === 'reconnect';\n    requestGuarded({\n      title: reconnect ? `Reconnect ${row.label}?` : `Check ${row.label} again?`,\n      body: '',\n      confirmLabel: action.label,\n      destructive: false,\n      skipConfirm: true,\n      token: true,\n      tokenReason: reconnect\n        ? `Open the sign-in for ${row.label} in Terminal`\n        : `Check ${row.label} again (status commands only — nothing is spent)`,\n      run: async () => {\n        setBusy({ seatId: row.seatId, kind: action.kind });\n        try {\n          if (reconnect) await reconnectSeat(row.seatId);\n          else await refreshSeatHealth();\n        } finally {\n          setBusy(null);\n        }\n      },\n      onDone: () =>\n        setNote({\n          tone: 'neutral',\n          text: reconnect\n            ? `Opened the sign-in for ${row.label} in Terminal. Finish it there; this drawer picks it up.`\n            : `Checked ${row.label} again.`,\n        }),\n      onError: (message) => setNote({ tone: 'danger', text: message }),\n    });\n  };\n\n  const refreshAll = () => {\n    setNote(null);\n    refetchHealth();\n    refetchLocal();\n    refetchRuntime();\n    refetchCloud();\n    setTick(Date.now());\n  };\n\n  const chord = findCommand('resources.toggle')?.keys[0];\n  const shortcut = chord ? formatChord(chord) : undefined;\n  const canPin = !compact;\n  const pinned = mode === 'docked';\n\n  const panel = (\n    <div\n      ref={panelRef}\n      className={styles.panel}\n      data-mode={mode}\n      data-presentation={compact ? 'full' : 'side'}\n      data-verse-overlay=\"resources\"\n      {...(overlay\n        ? { role: 'dialog', 'aria-modal': true, 'aria-labelledby': titleId, tabIndex: -1 }\n        : { role: 'complementary', 'aria-labelledby': titleId })}\n    >\n      <header className={styles.head}>\n        <div className={styles.headText}>\n          <h2 id={titleId} className={styles.title}>Resources</h2>\n          {!data.loading && rows.length > 0 ? <p className={styles.headline}>{capacityHeadline(rows)}</p> : null}\n        </div>\n        <div className={styles.headActions}>\n          <Tooltip label=\"Read everything again\" placement=\"bottom\">\n            <IconButton variant=\"ghost\" size=\"sm\" icon={<IconRefresh />} aria-label=\"Read everything again\" onClick={refreshAll} />\n          </Tooltip>\n          {canPin ? (\n            <Tooltip label={pinned ? 'Unpin — float over the page' : 'Pin beside the page'} placement=\"bottom\">\n              <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                icon={<PinIcon pinned={pinned} />}\n                aria-label={pinned ? 'Unpin resources' : 'Pin resources beside the page'}\n                aria-pressed={pinned}\n                data-resources-pin\n                onClick={() => setResourcesPinned(!pinned)}\n              />\n            </Tooltip>\n          ) : null}\n          <Tooltip label=\"Close resources\" shortcut={shortcut} placement=\"bottom\">\n            <IconButton variant=\"ghost\" size=\"sm\" icon={<IconX />} aria-label=\"Close resources\" onClick={close} />\n          </Tooltip>\n        </div>\n      </header>\n\n      <div className={styles.body}>\n        <section className={styles.group} aria-labelledby={`${titleId}-accounts`}>\n          <h3 id={`${titleId}-accounts`} className={styles.groupTitle}>Accounts</h3>\n          {data.loading ? (\n            <p className={styles.subtle} aria-busy=\"true\">Reading accounts…</p>\n          ) : paid.length === 0 ? (\n            <p className={styles.subtle}>{RESOURCES_EMPTY_TEXT}</p>\n          ) : (\n            <ul className={styles.cards}>\n              {paid.map((row) => {\n                const settled = accountStatus(row, { healthRead, now });\n                const checking = busy?.seatId === row.seatId && busy.kind === 'check-again';\n                const status = checking ? accountStatus(row, { healthRead, now, checking: true }) : settled;\n                return <ResourceCard key={row.seatId} row={row} status={status} settled={settled} mode={mode_} busy={busy} onAction={onAction} />;\n              })}\n            </ul>\n          )}\n          <p className={note ? styles.note : styles.visuallyHidden} data-tone={note?.tone} role=\"status\" aria-live=\"polite\">{note?.text ?? ''}</p>\n        </section>\n\n        <section className={styles.group} aria-labelledby={`${titleId}-local`}>\n          <h3 id={`${titleId}-local`} className={styles.groupTitle}>Local</h3>\n          <ul className={styles.cards}>\n            <LocalResources status={localRow ? accountStatus(localRow, { healthRead, now }) : null} onOpenUsage={() => go('usage')} now={now} />\n          </ul>\n        </section>\n\n        <section className={styles.group} aria-labelledby={`${titleId}-cloud`}>\n          <h3 id={`${titleId}-cloud`} className={styles.groupTitle}>Cloud</h3>\n          <ul className={styles.cards}>\n            <CloudCredits />\n          </ul>\n        </section>\n      </div>\n\n      <footer className={styles.foot}>\n        <button type=\"button\" className={styles.linkButton} onClick={() => go('apps')}>Apps &amp; Accounts</button>\n        <button type=\"button\" className={styles.linkButton} onClick={() => go('usage')}>Usage</button>\n        <BarToggle />\n      </footer>\n    </div>\n  );\n\n  if (!overlay) return panel;\n  return createPortal(\n    <div className={styles.backdrop} data-presentation={compact ? 'full' : 'side'} onMouseDown={(e) => e.target === e.currentTarget && close()}>\n      {panel}\n    </div>,\n    document.body,\n  );\n}\n\n/** Footer switch for the always-on resource bar in the rail (3.11.1). */\nfunction BarToggle() {\n  const { bar } = useResourcesUi();\n  return (\n    <button\n      type=\"button\"\n      className={styles.linkButton}\n      style={{ marginLeft: 'auto' }}\n      aria-pressed={bar}\n      onClick={() => setResourcesBar(!bar)}\n    >\n      {bar ? 'Hide resource bar' : 'Show resource bar'}\n    </button>\n  );\n}\n"],"mappings":"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"}

package/dist/core/web/public/next/assets/{RouteErrorBoundary-BvhHNpE_.js → RouteErrorBoundary-BaC7YVzR.js}

@@ -1,2 +1,2 @@
-import{a as e,c as t,n}from"./index-BG177cPN.js";var r=t(e(),1),i={region:`_region_1818x_1`,toast:`_toast_1818x_12`,"slide-in":`_slide-in_1818x_1`,success:`_success_1818x_27`,danger:`_danger_1818x_30`,dismiss:`_dismiss_1818x_34`},a=n(),o=(0,r.createContext)(null);function s(){let e=(0,r.useContext)(o);if(!e)throw Error(`useToast() called outside <ToastProvider>`);return e}var c=5e3;function l({children:e}){let[t,n]=(0,r.useState)([]),s=(0,r.useRef)(0),l=(0,r.useCallback)(e=>{n(t=>t.filter(t=>t.id!==e))},[]),u=(0,r.useCallback)((e,t=`neutral`)=>{let r=s.current++;n(n=>[...n,{id:r,message:e,tone:t}]),setTimeout(()=>l(r),c)},[l]),d=(0,r.useMemo)(()=>({show:u}),[u]);return(0,a.jsxs)(o.Provider,{value:d,children:[e,(0,a.jsx)(`div`,{className:i.region,role:`status`,"aria-live":`polite`,children:t.map(e=>(0,a.jsxs)(`div`,{className:`${i.toast} ${i[e.tone]}`,children:[(0,a.jsx)(`span`,{children:e.message}),(0,a.jsx)(`button`,{type:`button`,className:i.dismiss,onClick:()=>l(e.id),"aria-label":`Dismiss`,children:`×`})]},e.id))})]})}var u={wrap:`_wrap_1759l_1`,title:`_title_1759l_14`,detail:`_detail_1759l_21`,retry:`_retry_1759l_27`},d=class extends r.Component{state={error:null};static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,t){console.error(`[ashlr] view crashed while rendering`,e,t.componentStack)}componentDidUpdate(e){this.state.error&&e.resetKey!==this.props.resetKey&&this.setState({error:null})}render(){return this.state.error?(0,a.jsxs)(`div`,{className:u.wrap,role:`alert`,children:[(0,a.jsx)(`p`,{className:u.title,children:`This view hit an error and couldn't render.`}),(0,a.jsxs)(`p`,{className:u.detail,children:[this.state.error.message||`Unknown error.`,` — the rest of ashlr is still working; pick another view from the sidebar, or retry this one.`]}),(0,a.jsx)(`button`,{type:`button`,className:u.retry,onClick:()=>this.setState({error:null}),children:`Retry this view`})]}):this.props.children}};export{l as n,s as r,d as t};
-//# sourceMappingURL=RouteErrorBoundary-BvhHNpE_.js.map
+import{a as e,c as t,n}from"./index-QesfXBsb.js";var r=t(e(),1),i={region:`_region_1818x_1`,toast:`_toast_1818x_12`,"slide-in":`_slide-in_1818x_1`,success:`_success_1818x_27`,danger:`_danger_1818x_30`,dismiss:`_dismiss_1818x_34`},a=n(),o=(0,r.createContext)(null);function s(){let e=(0,r.useContext)(o);if(!e)throw Error(`useToast() called outside <ToastProvider>`);return e}var c=5e3;function l({children:e}){let[t,n]=(0,r.useState)([]),s=(0,r.useRef)(0),l=(0,r.useCallback)(e=>{n(t=>t.filter(t=>t.id!==e))},[]),u=(0,r.useCallback)((e,t=`neutral`)=>{let r=s.current++;n(n=>[...n,{id:r,message:e,tone:t}]),setTimeout(()=>l(r),c)},[l]),d=(0,r.useMemo)(()=>({show:u}),[u]);return(0,a.jsxs)(o.Provider,{value:d,children:[e,(0,a.jsx)(`div`,{className:i.region,role:`status`,"aria-live":`polite`,children:t.map(e=>(0,a.jsxs)(`div`,{className:`${i.toast} ${i[e.tone]}`,children:[(0,a.jsx)(`span`,{children:e.message}),(0,a.jsx)(`button`,{type:`button`,className:i.dismiss,onClick:()=>l(e.id),"aria-label":`Dismiss`,children:`×`})]},e.id))})]})}var u={wrap:`_wrap_1759l_1`,title:`_title_1759l_14`,detail:`_detail_1759l_21`,retry:`_retry_1759l_27`},d=class extends r.Component{state={error:null};static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,t){console.error(`[ashlr] view crashed while rendering`,e,t.componentStack)}componentDidUpdate(e){this.state.error&&e.resetKey!==this.props.resetKey&&this.setState({error:null})}render(){return this.state.error?(0,a.jsxs)(`div`,{className:u.wrap,role:`alert`,children:[(0,a.jsx)(`p`,{className:u.title,children:`This view hit an error and couldn't render.`}),(0,a.jsxs)(`p`,{className:u.detail,children:[this.state.error.message||`Unknown error.`,` — the rest of ashlr is still working; pick another view from the sidebar, or retry this one.`]}),(0,a.jsx)(`button`,{type:`button`,className:u.retry,onClick:()=>this.setState({error:null}),children:`Retry this view`})]}):this.props.children}};export{l as n,s as r,d as t};
+//# sourceMappingURL=RouteErrorBoundary-BaC7YVzR.js.map

package/dist/core/web/public/next/assets/{RouteErrorBoundary-BvhHNpE_.js.map → RouteErrorBoundary-BaC7YVzR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RouteErrorBoundary-BvhHNpE_.js","names":[],"sources":["../../../../../../src/web-ui/components/primitives/Toast.module.css","../../../../../../src/web-ui/components/primitives/Toast.tsx","../../../../../../src/web-ui/components/primitives/RouteErrorBoundary.module.css","../../../../../../src/web-ui/components/primitives/RouteErrorBoundary.tsx"],"sourcesContent":[".region {\n  position: fixed;\n  bottom: var(--space-6);\n  right: var(--space-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  z-index: var(--z-toast);\n  max-width: 360px;\n}\n\n.toast {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-3);\n  padding: var(--space-3) var(--space-4);\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-toast);\n  font-size: var(--text-sm-size);\n  animation: slide-in var(--duration-base) var(--ease-decelerate);\n  border: 1px solid var(--border-default);\n  background: var(--bg-surface-raised);\n  color: var(--text-primary);\n}\n\n.success {\n  border-color: var(--status-success-solid);\n}\n.danger {\n  border-color: var(--status-danger-solid);\n}\n\n.dismiss {\n  color: var(--text-tertiary);\n  border-radius: var(--radius-xs);\n  font-size: var(--text-lg-size);\n  line-height: 1;\n  padding: var(--space-1);\n}\n.dismiss {\n  transition: color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);\n}\n.dismiss:hover {\n  color: var(--text-primary);\n  background: var(--bg-hover);\n}\n.dismiss:active {\n  background: var(--bg-active);\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root:not([data-motion=\"full\"]) .toast {\n    animation: none;\n  }\n}\n\n:root[data-motion=\"reduce\"] .toast {\n  animation: none;\n}\n","/**\n * components/primitives/Toast.tsx — app-wide notifications. A single\n * aria-live region so screen readers announce toasts once, not per-toast\n * duplicate regions.\n */\nimport { createContext, useCallback, useContext, useMemo, useRef, useState, type ReactNode } from 'react';\nimport styles from './Toast.module.css';\n\nexport type ToastTone = 'neutral' | 'success' | 'danger';\n\ninterface ToastItem {\n  id: number;\n  message: string;\n  tone: ToastTone;\n}\n\ninterface ToastContextValue {\n  show: (message: string, tone?: ToastTone) => void;\n}\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport function useToast(): ToastContextValue {\n  const ctx = useContext(ToastContext);\n  if (!ctx) throw new Error('useToast() called outside <ToastProvider>');\n  return ctx;\n}\n\nconst AUTO_DISMISS_MS = 5000;\n\nexport function ToastProvider({ children }: { children: ReactNode }) {\n  const [toasts, setToasts] = useState<ToastItem[]>([]);\n  const nextId = useRef(0);\n\n  const dismiss = useCallback((id: number) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const show = useCallback(\n    (message: string, tone: ToastTone = 'neutral') => {\n      const id = nextId.current++;\n      setToasts((prev) => [...prev, { id, message, tone }]);\n      setTimeout(() => dismiss(id), AUTO_DISMISS_MS);\n    },\n    [dismiss],\n  );\n\n  const value = useMemo(() => ({ show }), [show]);\n\n  return (\n    <ToastContext.Provider value={value}>\n      {children}\n      <div className={styles.region} role=\"status\" aria-live=\"polite\">\n        {toasts.map((t) => (\n          <div key={t.id} className={`${styles.toast} ${styles[t.tone]}`}>\n            <span>{t.message}</span>\n            <button type=\"button\" className={styles.dismiss} onClick={() => dismiss(t.id)} aria-label=\"Dismiss\">\n              ×\n            </button>\n          </div>\n        ))}\n      </div>\n    </ToastContext.Provider>\n  );\n}\n",".wrap {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--space-3);\n  max-width: 640px;\n  margin: var(--space-8) auto;\n  padding: var(--space-6);\n  border: 1px solid var(--status-danger-solid);\n  border-radius: var(--radius-lg);\n  background: var(--status-danger-bg);\n}\n\n.title {\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-line);\n  font-weight: var(--font-weight-semibold);\n  color: var(--status-danger-fg);\n}\n\n.detail {\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n}\n\n.retry {\n  padding: var(--space-2) var(--space-4);\n  border: 1px solid var(--status-danger-solid);\n  border-radius: var(--radius-sm);\n  background: var(--bg-surface);\n  color: var(--status-danger-fg);\n  font-size: var(--text-sm-size);\n  font-weight: var(--font-weight-medium);\n  cursor: pointer;\n}\n\n.retry:hover {\n  background: var(--bg-hover);\n}\n","/**\n * components/primitives/RouteErrorBoundary.tsx — the last line of defense\n * against a view crashing on real-world data that doesn't match its\n * expected shape (see SwarmsView.tsx's `plan?.tasks` guard for a concrete\n * example: 2 of 80 real swarm records on this machine predate the `plan`\n * field entirely).\n *\n * React error boundaries can only be class components — there is no hook\n * equivalent. Wraps `<Outlet/>` in Shell.tsx, not the whole app: if one\n * routed view throws during render, the sidebar/topbar/command palette\n * survive and the operator can navigate to a working view instead of being\n * stuck on a permanently blank screen (DESIGN.md §11 point 4 — \"never a\n * full-page error, the shell stays usable\" — extended here to cover\n * uncaught render exceptions, not just query-status `'error'`).\n */\nimport { Component, type ErrorInfo, type ReactNode } from 'react';\nimport styles from './RouteErrorBoundary.module.css';\n\ninterface Props {\n  children: ReactNode;\n  /** Identity that, when changed, resets the boundary — pass the route pathname. */\n  resetKey: string;\n}\n\ninterface State {\n  error: Error | null;\n}\n\nexport class RouteErrorBoundary extends Component<Props, State> {\n  override state: State = { error: null };\n\n  static getDerivedStateFromError(error: Error): State {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, info: ErrorInfo) {\n    console.error('[ashlr] view crashed while rendering', error, info.componentStack);\n  }\n\n  override componentDidUpdate(prevProps: Props) {\n    if (this.state.error && prevProps.resetKey !== this.props.resetKey) {\n      this.setState({ error: null });\n    }\n  }\n\n  override render() {\n    if (this.state.error) {\n      return (\n        <div className={styles.wrap} role=\"alert\">\n          <p className={styles.title}>This view hit an error and couldn&apos;t render.</p>\n          <p className={styles.detail}>\n            {this.state.error.message || 'Unknown error.'} — the rest of ashlr is still working; pick another view\n            from the sidebar, or retry this one.\n          </p>\n          <button type=\"button\" className={styles.retry} onClick={() => this.setState({ error: null })}>\n            Retry this view\n          </button>\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n"],"mappings":"4OCoBM,GAAA,EAAe,EAAA,cAAA,CAAwC,IAAI,EAEjE,SAAgB,GAA8B,CAC5C,IAAM,GAAA,EAAM,EAAA,WAAA,CAAW,CAAY,EACnC,GAAI,CAAC,EAAK,MAAU,MAAM,2CAA2C,EACrE,OAAO,CACT,CAEA,IAAM,EAAkB,IAExB,SAAgB,EAAc,CAAE,YAAqC,CACnE,GAAM,CAAC,EAAQ,IAAA,EAAa,EAAA,SAAA,CAAsB,CAAC,CAAC,EAC9C,GAAA,EAAS,EAAA,OAAA,CAAO,CAAC,EAEjB,GAAA,EAAU,EAAA,YAAA,CAAa,GAAe,CAC1C,EAAW,GAAS,EAAK,OAAQ,GAAM,EAAE,KAAO,CAAE,CAAC,CACrD,EAAG,CAAC,CAAC,EAEC,GAAA,EAAO,EAAA,YAAA,EACV,EAAiB,EAAkB,YAAc,CAChD,IAAM,EAAK,EAAO,UAClB,EAAW,GAAS,CAAC,GAAG,EAAM,CAAE,KAAI,UAAS,MAAK,CAAC,CAAC,EACpD,eAAiB,EAAQ,CAAE,EAAG,CAAe,CAC/C,EACA,CAAC,CAAO,CACV,EAEM,GAAA,EAAQ,EAAA,QAAA,MAAe,CAAE,MAAK,GAAI,CAAC,CAAI,CAAC,EAE9C,OACE,EAAA,EAAA,KAAA,CAAC,EAAa,SAAd,CAA8B,QAA9B,SAAA,CACG,GACD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,OAAQ,KAAK,SAAS,YAAU,SACpD,SAAA,EAAO,IAAK,IACX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAgB,UAAW,GAAG,EAAO,MAAM,GAAG,EAAO,EAAE,QAAvD,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAE,OAAc,CAAA,GACvB,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAO,QAAS,YAAe,EAAQ,EAAE,EAAE,EAAG,aAAW,UAAU,SAAA,GAE5F,CAAA,CACL,CALK,EAAA,EAAE,EAKP,CACN,CACE,CAAA,CACgB,GAE3B,wGEpCa,EAAb,cAAwC,EAAA,SAAwB,CAC9D,MAAwB,CAAE,MAAO,IAAK,EAEtC,OAAO,yBAAyB,EAAqB,CACnD,MAAO,CAAE,OAAM,CACjB,CAEA,kBAA2B,EAAc,EAAiB,CACxD,QAAQ,MAAM,uCAAwC,EAAO,EAAK,cAAc,CAClF,CAEA,mBAA4B,EAAkB,CACxC,KAAK,MAAM,OAAS,EAAU,WAAa,KAAK,MAAM,UACxD,KAAK,SAAS,CAAE,MAAO,IAAK,CAAC,CAEjC,CAEA,QAAkB,CAehB,OAdI,KAAK,MAAM,OAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,KAAM,KAAK,QAAlC,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,MAAO,SAAA,6CAAmD,CAAA,GAC/E,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAO,OAArB,SAAA,CACG,KAAK,MAAM,MAAM,SAAW,iBAAiB,+FAE7C,KACH,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAO,MAAO,YAAe,KAAK,SAAS,CAAE,MAAO,IAAK,CAAC,EAAG,SAAA,iBAEtF,CAAA,CACL,IAGF,KAAK,MAAM,QACpB,CACF"}
+{"version":3,"file":"RouteErrorBoundary-BaC7YVzR.js","names":[],"sources":["../../../../../../src/web-ui/components/primitives/Toast.module.css","../../../../../../src/web-ui/components/primitives/Toast.tsx","../../../../../../src/web-ui/components/primitives/RouteErrorBoundary.module.css","../../../../../../src/web-ui/components/primitives/RouteErrorBoundary.tsx"],"sourcesContent":[".region {\n  position: fixed;\n  bottom: var(--space-6);\n  right: var(--space-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  z-index: var(--z-toast);\n  max-width: 360px;\n}\n\n.toast {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-3);\n  padding: var(--space-3) var(--space-4);\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-toast);\n  font-size: var(--text-sm-size);\n  animation: slide-in var(--duration-base) var(--ease-decelerate);\n  border: 1px solid var(--border-default);\n  background: var(--bg-surface-raised);\n  color: var(--text-primary);\n}\n\n.success {\n  border-color: var(--status-success-solid);\n}\n.danger {\n  border-color: var(--status-danger-solid);\n}\n\n.dismiss {\n  color: var(--text-tertiary);\n  border-radius: var(--radius-xs);\n  font-size: var(--text-lg-size);\n  line-height: 1;\n  padding: var(--space-1);\n}\n.dismiss {\n  transition: color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);\n}\n.dismiss:hover {\n  color: var(--text-primary);\n  background: var(--bg-hover);\n}\n.dismiss:active {\n  background: var(--bg-active);\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root:not([data-motion=\"full\"]) .toast {\n    animation: none;\n  }\n}\n\n:root[data-motion=\"reduce\"] .toast {\n  animation: none;\n}\n","/**\n * components/primitives/Toast.tsx — app-wide notifications. A single\n * aria-live region so screen readers announce toasts once, not per-toast\n * duplicate regions.\n */\nimport { createContext, useCallback, useContext, useMemo, useRef, useState, type ReactNode } from 'react';\nimport styles from './Toast.module.css';\n\nexport type ToastTone = 'neutral' | 'success' | 'danger';\n\ninterface ToastItem {\n  id: number;\n  message: string;\n  tone: ToastTone;\n}\n\ninterface ToastContextValue {\n  show: (message: string, tone?: ToastTone) => void;\n}\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport function useToast(): ToastContextValue {\n  const ctx = useContext(ToastContext);\n  if (!ctx) throw new Error('useToast() called outside <ToastProvider>');\n  return ctx;\n}\n\nconst AUTO_DISMISS_MS = 5000;\n\nexport function ToastProvider({ children }: { children: ReactNode }) {\n  const [toasts, setToasts] = useState<ToastItem[]>([]);\n  const nextId = useRef(0);\n\n  const dismiss = useCallback((id: number) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const show = useCallback(\n    (message: string, tone: ToastTone = 'neutral') => {\n      const id = nextId.current++;\n      setToasts((prev) => [...prev, { id, message, tone }]);\n      setTimeout(() => dismiss(id), AUTO_DISMISS_MS);\n    },\n    [dismiss],\n  );\n\n  const value = useMemo(() => ({ show }), [show]);\n\n  return (\n    <ToastContext.Provider value={value}>\n      {children}\n      <div className={styles.region} role=\"status\" aria-live=\"polite\">\n        {toasts.map((t) => (\n          <div key={t.id} className={`${styles.toast} ${styles[t.tone]}`}>\n            <span>{t.message}</span>\n            <button type=\"button\" className={styles.dismiss} onClick={() => dismiss(t.id)} aria-label=\"Dismiss\">\n              ×\n            </button>\n          </div>\n        ))}\n      </div>\n    </ToastContext.Provider>\n  );\n}\n",".wrap {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--space-3);\n  max-width: 640px;\n  margin: var(--space-8) auto;\n  padding: var(--space-6);\n  border: 1px solid var(--status-danger-solid);\n  border-radius: var(--radius-lg);\n  background: var(--status-danger-bg);\n}\n\n.title {\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-line);\n  font-weight: var(--font-weight-semibold);\n  color: var(--status-danger-fg);\n}\n\n.detail {\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n}\n\n.retry {\n  padding: var(--space-2) var(--space-4);\n  border: 1px solid var(--status-danger-solid);\n  border-radius: var(--radius-sm);\n  background: var(--bg-surface);\n  color: var(--status-danger-fg);\n  font-size: var(--text-sm-size);\n  font-weight: var(--font-weight-medium);\n  cursor: pointer;\n}\n\n.retry:hover {\n  background: var(--bg-hover);\n}\n","/**\n * components/primitives/RouteErrorBoundary.tsx — the last line of defense\n * against a view crashing on real-world data that doesn't match its\n * expected shape (see SwarmsView.tsx's `plan?.tasks` guard for a concrete\n * example: 2 of 80 real swarm records on this machine predate the `plan`\n * field entirely).\n *\n * React error boundaries can only be class components — there is no hook\n * equivalent. Wraps `<Outlet/>` in Shell.tsx, not the whole app: if one\n * routed view throws during render, the sidebar/topbar/command palette\n * survive and the operator can navigate to a working view instead of being\n * stuck on a permanently blank screen (DESIGN.md §11 point 4 — \"never a\n * full-page error, the shell stays usable\" — extended here to cover\n * uncaught render exceptions, not just query-status `'error'`).\n */\nimport { Component, type ErrorInfo, type ReactNode } from 'react';\nimport styles from './RouteErrorBoundary.module.css';\n\ninterface Props {\n  children: ReactNode;\n  /** Identity that, when changed, resets the boundary — pass the route pathname. */\n  resetKey: string;\n}\n\ninterface State {\n  error: Error | null;\n}\n\nexport class RouteErrorBoundary extends Component<Props, State> {\n  override state: State = { error: null };\n\n  static getDerivedStateFromError(error: Error): State {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, info: ErrorInfo) {\n    console.error('[ashlr] view crashed while rendering', error, info.componentStack);\n  }\n\n  override componentDidUpdate(prevProps: Props) {\n    if (this.state.error && prevProps.resetKey !== this.props.resetKey) {\n      this.setState({ error: null });\n    }\n  }\n\n  override render() {\n    if (this.state.error) {\n      return (\n        <div className={styles.wrap} role=\"alert\">\n          <p className={styles.title}>This view hit an error and couldn&apos;t render.</p>\n          <p className={styles.detail}>\n            {this.state.error.message || 'Unknown error.'} — the rest of ashlr is still working; pick another view\n            from the sidebar, or retry this one.\n          </p>\n          <button type=\"button\" className={styles.retry} onClick={() => this.setState({ error: null })}>\n            Retry this view\n          </button>\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n"],"mappings":"4OCoBM,GAAA,EAAe,EAAA,cAAA,CAAwC,IAAI,EAEjE,SAAgB,GAA8B,CAC5C,IAAM,GAAA,EAAM,EAAA,WAAA,CAAW,CAAY,EACnC,GAAI,CAAC,EAAK,MAAU,MAAM,2CAA2C,EACrE,OAAO,CACT,CAEA,IAAM,EAAkB,IAExB,SAAgB,EAAc,CAAE,YAAqC,CACnE,GAAM,CAAC,EAAQ,IAAA,EAAa,EAAA,SAAA,CAAsB,CAAC,CAAC,EAC9C,GAAA,EAAS,EAAA,OAAA,CAAO,CAAC,EAEjB,GAAA,EAAU,EAAA,YAAA,CAAa,GAAe,CAC1C,EAAW,GAAS,EAAK,OAAQ,GAAM,EAAE,KAAO,CAAE,CAAC,CACrD,EAAG,CAAC,CAAC,EAEC,GAAA,EAAO,EAAA,YAAA,EACV,EAAiB,EAAkB,YAAc,CAChD,IAAM,EAAK,EAAO,UAClB,EAAW,GAAS,CAAC,GAAG,EAAM,CAAE,KAAI,UAAS,MAAK,CAAC,CAAC,EACpD,eAAiB,EAAQ,CAAE,EAAG,CAAe,CAC/C,EACA,CAAC,CAAO,CACV,EAEM,GAAA,EAAQ,EAAA,QAAA,MAAe,CAAE,MAAK,GAAI,CAAC,CAAI,CAAC,EAE9C,OACE,EAAA,EAAA,KAAA,CAAC,EAAa,SAAd,CAA8B,QAA9B,SAAA,CACG,GACD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,OAAQ,KAAK,SAAS,YAAU,SACpD,SAAA,EAAO,IAAK,IACX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAgB,UAAW,GAAG,EAAO,MAAM,GAAG,EAAO,EAAE,QAAvD,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAE,OAAc,CAAA,GACvB,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAO,QAAS,YAAe,EAAQ,EAAE,EAAE,EAAG,aAAW,UAAU,SAAA,GAE5F,CAAA,CACL,CALK,EAAA,EAAE,EAKP,CACN,CACE,CAAA,CACgB,GAE3B,wGEpCa,EAAb,cAAwC,EAAA,SAAwB,CAC9D,MAAwB,CAAE,MAAO,IAAK,EAEtC,OAAO,yBAAyB,EAAqB,CACnD,MAAO,CAAE,OAAM,CACjB,CAEA,kBAA2B,EAAc,EAAiB,CACxD,QAAQ,MAAM,uCAAwC,EAAO,EAAK,cAAc,CAClF,CAEA,mBAA4B,EAAkB,CACxC,KAAK,MAAM,OAAS,EAAU,WAAa,KAAK,MAAM,UACxD,KAAK,SAAS,CAAE,MAAO,IAAK,CAAC,CAEjC,CAEA,QAAkB,CAehB,OAdI,KAAK,MAAM,OAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,KAAM,KAAK,QAAlC,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,MAAO,SAAA,6CAAmD,CAAA,GAC/E,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAO,OAArB,SAAA,CACG,KAAK,MAAM,MAAM,SAAW,iBAAiB,+FAE7C,KACH,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAO,MAAO,YAAe,KAAK,SAAS,CAAE,MAAO,IAAK,CAAC,EAAG,SAAA,iBAEtF,CAAA,CACL,IAGF,KAAK,MAAM,QACpB,CACF"}

package/dist/core/web/public/next/assets/{RunInCloudAction-Dywfnw0C.js → RunInCloudAction-D5PDHJPE.js}

@@ -1,2 +1,2 @@
-import{a as e,c as t,n}from"./index-BG177cPN.js";import{p as r}from"./global-CXHHMz9o.js";import{t as i}from"./MutationTokenDialog-CLGP72g6.js";import{r as a}from"./RouteErrorBoundary-BvhHNpE_.js";import{N as o,in as s}from"./VerseConsoleApp-DeuBEvAO.js";import{f as c,i as l}from"./verse-store-DNVRuiJL.js";import{t as u}from"./Button-OjVJSrFq.js";import{c as d}from"./icons-D4s-jlxX.js";import{n as f,t as p}from"./use-token-gate-DfEja7Wr.js";import{_ as m,d as h,g}from"./cloud-model-DoxBMDvx.js";import{a as _,r as v}from"./cloud-queries-CTGvO-k-.js";import{t as y}from"./cloud.module-DOP-N4Ch.js";import{c as b}from"./ChatSection-Bisj9R6E.js";var x=t(e(),1);function S(e=document){let t=e.querySelector(`textarea[aria-label="Message"]`);return t instanceof HTMLTextAreaElement?t:null}function C(e){return S(e)?.value??``}function w(e){let t=S(e);if(!t)return!1;let n=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,`value`)?.set;return n?n.call(t,``):t.value=``,t.dispatchEvent(new Event(`input`,{bubbles:!0})),!0}var T=n(),E=()=>()=>{};function D(){try{return a()}catch{return null}}function O({root:e}={}){let{activeSessionId:t}=o(),n=(0,x.useSyncExternalStore)((0,x.useCallback)(e=>t?c(t,e):E(),[t]),()=>l(t),()=>l(t)),a=b(n.session),S=r(v,{freshMs:15e3}),O=f(),k=D(),[A,j]=(0,x.useState)(``);(0,x.useLayoutEffect)(()=>j(C(e)),[e]);let[M,N]=(0,x.useState)(!1),[P,F]=(0,x.useState)(null),[I,L]=(0,x.useState)(null),R=a.data?.roots.find(e=>e.primary)??a.data?.roots[0]??null,z=R?.git?.remote??null,B=R?.git?.branch??null,V=S.data?.value??null,H=g({overview:V,overviewReason:S.data?S.data.reason:`Reading the cloud lane…`,repo:z,rootsLoading:n.session!==null&&a.data===null&&a.error===null,prompt:A}),U=V?.budget.budget.estimatedCostPerSessionUsd??null,W=async()=>{let t=C(e).trim()||A.trim();if(z&&t){N(!0),F(null);try{let n=await O.run(`Run this message as a Claude Code cloud session on your Claude account.`,()=>_({repo:z,...B?{baseBranch:B}:{},prompt:t,origin:`chat`}));if(n===null)return;w(e),L(n.task);let r=m(n.task.sessionUrl,`claude.ai`);k?.show(`Cloud task started: ${n.task.title}.${r?` ${r}`:``}`,`success`)}catch(e){F(p(e))}finally{N(!1)}}},G=I?m(I.sessionUrl,`claude.ai`):null;return(0,T.jsxs)(`div`,{className:y.sheetAction,children:[I?(0,T.jsxs)(`p`,{className:y.notice,"data-tone":`success`,role:`status`,children:[`Started “`,I.title,`” in the cloud. The draft was cleared.`,` `,G?(0,T.jsxs)(`a`,{className:y.link,href:G,target:`_blank`,rel:`noreferrer noopener`,children:[`Open in Claude `,(0,T.jsx)(d,{width:12,height:12,"aria-hidden":`true`})]}):`Its session link appears on Command once the session is created.`]}):(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{label:H??`Launch this message as a cloud session on ${z}${B?` from ${B}`:``}`,children:(0,T.jsx)(u,{block:!0,disabled:H!==null,busy:M,onClick:()=>void W(),children:`Run in cloud`})}),(0,T.jsx)(`p`,{className:y.muted,children:H??`Runs on ${z} from ${B??`its default branch`} as a Claude Code cloud session and delivers a draft PR.${U===null?``:` Estimated at ${h(U)}.`}`})]}),P?(0,T.jsx)(`p`,{className:y.notice,"data-tone":`danger`,role:`alert`,children:P}):null,(0,T.jsx)(i,{...O.dialog,tokenLabel:`Mutation token`,tokenHelp:`the mutation token ashlr verse printed`})]})}export{O as RunInCloudAction};
-//# sourceMappingURL=RunInCloudAction-Dywfnw0C.js.map
+import{a as e,c as t,n}from"./index-QesfXBsb.js";import{p as r}from"./global-CNNGMril.js";import{t as i}from"./MutationTokenDialog-T7gv3a9r.js";import{r as a}from"./RouteErrorBoundary-BaC7YVzR.js";import{N as o,in as s}from"./VerseConsoleApp-BCY5uSok.js";import{f as c,i as l}from"./verse-store-DNVRuiJL.js";import{t as u}from"./Button-BhO-WKPp.js";import{c as d}from"./icons-0haWy6nh.js";import{n as f,t as p}from"./use-token-gate-CYcfk_GS.js";import{_ as m,d as h,g}from"./cloud-model-CX407gPY.js";import{a as _,r as v}from"./cloud-queries-QAhpExlz.js";import{t as y}from"./cloud.module-DOP-N4Ch.js";import{c as b}from"./ChatSection-D6WybBpB.js";var x=t(e(),1);function S(e=document){let t=e.querySelector(`textarea[aria-label="Message"]`);return t instanceof HTMLTextAreaElement?t:null}function C(e){return S(e)?.value??``}function w(e){let t=S(e);if(!t)return!1;let n=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,`value`)?.set;return n?n.call(t,``):t.value=``,t.dispatchEvent(new Event(`input`,{bubbles:!0})),!0}var T=n(),E=()=>()=>{};function D(){try{return a()}catch{return null}}function O({root:e}={}){let{activeSessionId:t}=o(),n=(0,x.useSyncExternalStore)((0,x.useCallback)(e=>t?c(t,e):E(),[t]),()=>l(t),()=>l(t)),a=b(n.session),S=r(v,{freshMs:15e3}),O=f(),k=D(),[A,j]=(0,x.useState)(``);(0,x.useLayoutEffect)(()=>j(C(e)),[e]);let[M,N]=(0,x.useState)(!1),[P,F]=(0,x.useState)(null),[I,L]=(0,x.useState)(null),R=a.data?.roots.find(e=>e.primary)??a.data?.roots[0]??null,z=R?.git?.remote??null,B=R?.git?.branch??null,V=S.data?.value??null,H=g({overview:V,overviewReason:S.data?S.data.reason:`Reading the cloud lane…`,repo:z,rootsLoading:n.session!==null&&a.data===null&&a.error===null,prompt:A}),U=V?.budget.budget.estimatedCostPerSessionUsd??null,W=async()=>{let t=C(e).trim()||A.trim();if(z&&t){N(!0),F(null);try{let n=await O.run(`Run this message as a Claude Code cloud session on your Claude account.`,()=>_({repo:z,...B?{baseBranch:B}:{},prompt:t,origin:`chat`}));if(n===null)return;w(e),L(n.task);let r=m(n.task.sessionUrl,`claude.ai`);k?.show(`Cloud task started: ${n.task.title}.${r?` ${r}`:``}`,`success`)}catch(e){F(p(e))}finally{N(!1)}}},G=I?m(I.sessionUrl,`claude.ai`):null;return(0,T.jsxs)(`div`,{className:y.sheetAction,children:[I?(0,T.jsxs)(`p`,{className:y.notice,"data-tone":`success`,role:`status`,children:[`Started “`,I.title,`” in the cloud. The draft was cleared.`,` `,G?(0,T.jsxs)(`a`,{className:y.link,href:G,target:`_blank`,rel:`noreferrer noopener`,children:[`Open in Claude `,(0,T.jsx)(d,{width:12,height:12,"aria-hidden":`true`})]}):`Its session link appears on Command once the session is created.`]}):(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{label:H??`Launch this message as a cloud session on ${z}${B?` from ${B}`:``}`,children:(0,T.jsx)(u,{block:!0,disabled:H!==null,busy:M,onClick:()=>void W(),children:`Run in cloud`})}),(0,T.jsx)(`p`,{className:y.muted,children:H??`Runs on ${z} from ${B??`its default branch`} as a Claude Code cloud session and delivers a draft PR.${U===null?``:` Estimated at ${h(U)}.`}`})]}),P?(0,T.jsx)(`p`,{className:y.notice,"data-tone":`danger`,role:`alert`,children:P}):null,(0,T.jsx)(i,{...O.dialog,tokenLabel:`Mutation token`,tokenHelp:`the mutation token ashlr verse printed`})]})}export{O as RunInCloudAction};
+//# sourceMappingURL=RunInCloudAction-D5PDHJPE.js.map

package/dist/core/web/public/next/assets/{RunInCloudAction-Dywfnw0C.js.map → RunInCloudAction-D5PDHJPE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RunInCloudAction-Dywfnw0C.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/cloud/composer-draft.ts","../../../../../../src/web-ui/routes/verse/cloud/RunInCloudAction.tsx"],"sourcesContent":["/**\n * routes/verse/cloud/composer-draft.ts — read and clear the chat composer's\n * draft from outside the Composer (3.11 unit C3, for \"Run in cloud\").\n *\n * The composer owns its text state and takes no cloud props: the ⋯ sheet is\n * the one place the cloud lane may add to it (SPEC 3.11 C3). So, like the\n * dock's \"Send selection to chat\" fallback (chat/composer-bridge.ts), this\n * goes through the box itself: read its value, and clear it with the native\n * setter plus an `input` event, which React's controlled textarea treats as\n * the operator's own edit — its draft persistence sees the empty box too, so\n * a reload does not bring the launched text back.\n */\n\n/** The chat composer's message box (the Composer's `aria-label=\"Message\"`). */\nexport function findComposerBox(root: ParentNode = document): HTMLTextAreaElement | null {\n  const node = root.querySelector('textarea[aria-label=\"Message\"]');\n  return node instanceof HTMLTextAreaElement ? node : null;\n}\n\nexport function readComposerDraft(root?: ParentNode): string {\n  return findComposerBox(root)?.value ?? '';\n}\n\n/** Empty the box as a person would. False when there is no box to clear. */\nexport function clearComposerDraft(root?: ParentNode): boolean {\n  const box = findComposerBox(root);\n  if (!box) return false;\n  const setter = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;\n  if (setter) setter.call(box, '');\n  else box.value = '';\n  box.dispatchEvent(new Event('input', { bubbles: true }));\n  return true;\n}\n","/**\n * routes/verse/cloud/RunInCloudAction.tsx — \"Run in cloud\" in the composer's\n * ⋯ sheet (3.11 unit C3; lazy-loaded by composer/ControlsSheet.tsx the first\n * time the sheet opens, so none of this is chat first-paint).\n *\n * It launches the message typed in the box as a cloud task on the chat\n * project's GitHub origin, from the branch the chat is on. Both come from the\n * chat's roots read (chat/use-session-roots — the read behind the header's\n * `repo › branch` and the Branch bar), which is already in the cache when the\n * chat is open. After a launch the draft is cleared, a toast confirms it, and\n * the sheet shows the session link in place of the button.\n *\n * Disabled — with the reason as its tooltip AND as a line under it (a\n * disabled button takes no focus, so a keyboard user would never see the\n * tooltip) — when the project has no GitHub origin, the Claude seat is not\n * ready, the budget gate is closed, or the box is empty.\n */\nimport { useCallback, useLayoutEffect, useState, useSyncExternalStore } from 'react';\nimport type { CloudTaskV1 } from '../../../../core/cloud/types.js';\nimport { MutationTokenDialog } from '../../../components/auth/MutationTokenDialog.js';\nimport { Button } from '../../../components/primitives/Button.js';\nimport { IconExternalLink } from '../../../components/primitives/icons.js';\nimport { useToast } from '../../../components/primitives/Toast.js';\nimport { Tooltip } from '../../../components/primitives/Tooltip.js';\nimport { useQuery } from '../../../data/hooks.js';\nimport { useSessionRoots } from '../chat/use-session-roots.js';\nimport { describeContextError, useTokenGate } from '../context/use-token-gate.js';\nimport { useVerseUi } from '../useVerseUi.js';\nimport { getVerseSessionHead, subscribeVerseSession } from '../verse-store.js';\nimport { formatDollars, runInCloudBlock, safeHref } from './cloud-model.js';\nimport { cloudQuery, launchCloudTask } from './cloud-queries.js';\nimport { clearComposerDraft, readComposerDraft } from './composer-draft.js';\nimport styles from './cloud.module.css';\n\nconst NO_SUBSCRIPTION = () => () => {};\n\n/** The shell's toast when there is one; tests and bare mounts have none, and a launch must not throw for want of it. */\nfunction useOptionalToast(): ReturnType<typeof useToast> | null {\n  try {\n    return useToast();\n  } catch {\n    return null;\n  }\n}\n\nexport function RunInCloudAction({ root }: { root?: ParentNode } = {}) {\n  const { activeSessionId } = useVerseUi();\n  const head = useSyncExternalStore(\n    useCallback((listener: () => void) => (activeSessionId ? subscribeVerseSession(activeSessionId, listener) : NO_SUBSCRIPTION()), [activeSessionId]),\n    () => getVerseSessionHead(activeSessionId),\n    () => getVerseSessionHead(activeSessionId),\n  );\n  const roots = useSessionRoots(head.session);\n  const read = useQuery(cloudQuery, { freshMs: 15_000 });\n  const gate = useTokenGate();\n  const toast = useOptionalToast();\n  // The sheet is modal, so the box cannot change while it is open: one read\n  // once mounted (after commit, never during render) is the draft this\n  // button launches — and it is re-read on press anyway.\n  const [prompt, setPrompt] = useState('');\n  useLayoutEffect(() => setPrompt(readComposerDraft(root)), [root]);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [launched, setLaunched] = useState<CloudTaskV1 | null>(null);\n\n  const primary = roots.data?.roots.find((r) => r.primary) ?? roots.data?.roots[0] ?? null;\n  const repo = primary?.git?.remote ?? null;\n  const branch = primary?.git?.branch ?? null;\n  const overview = read.data?.value ?? null;\n  const block = runInCloudBlock({\n    overview,\n    overviewReason: read.data ? read.data.reason : 'Reading the cloud lane…',\n    repo,\n    rootsLoading: head.session !== null && roots.data === null && roots.error === null,\n    prompt,\n  });\n  const estimate = overview?.budget.budget.estimatedCostPerSessionUsd ?? null;\n\n  const launch = async () => {\n    const text = readComposerDraft(root).trim() || prompt.trim();\n    if (!repo || !text) return;\n    setBusy(true);\n    setError(null);\n    try {\n      const response = await gate.run('Run this message as a Claude Code cloud session on your Claude account.', () =>\n        launchCloudTask({ repo, ...(branch ? { baseBranch: branch } : {}), prompt: text, origin: 'chat' }),\n      );\n      if (response === null) return; // the unlock dialog was dismissed: nothing was sent\n      clearComposerDraft(root);\n      setLaunched(response.task);\n      const link = safeHref(response.task.sessionUrl, 'claude.ai');\n      toast?.show(`Cloud task started: ${response.task.title}.${link ? ` ${link}` : ''}`, 'success');\n    } catch (err) {\n      setError(describeContextError(err));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const session = launched ? safeHref(launched.sessionUrl, 'claude.ai') : null;\n  return (\n    <div className={styles.sheetAction}>\n      {launched ? (\n        <p className={styles.notice} data-tone=\"success\" role=\"status\">\n          Started “{launched.title}” in the cloud. The draft was cleared.{' '}\n          {session ? (\n            <a className={styles.link} href={session} target=\"_blank\" rel=\"noreferrer noopener\">\n              Open in Claude <IconExternalLink width={12} height={12} aria-hidden=\"true\" />\n            </a>\n          ) : (\n            'Its session link appears on Command once the session is created.'\n          )}\n        </p>\n      ) : (\n        <>\n          <Tooltip label={block ?? `Launch this message as a cloud session on ${repo}${branch ? ` from ${branch}` : ''}`}>\n            <Button block disabled={block !== null} busy={busy} onClick={() => void launch()}>\n              Run in cloud\n            </Button>\n          </Tooltip>\n          <p className={styles.muted}>\n            {block ??\n              `Runs on ${repo} from ${branch ?? 'its default branch'} as a Claude Code cloud session and delivers a draft PR.${estimate !== null ? ` Estimated at ${formatDollars(estimate)}.` : ''}`}\n          </p>\n        </>\n      )}\n      {error ? <p className={styles.notice} data-tone=\"danger\" role=\"alert\">{error}</p> : null}\n      <MutationTokenDialog {...gate.dialog} tokenLabel=\"Mutation token\" tokenHelp=\"the mutation token ashlr verse printed\" />\n    </div>\n  );\n}\n"],"mappings":"upBAcA,SAAgB,EAAgB,EAAmB,SAAsC,CACvF,IAAM,EAAO,EAAK,cAAc,gCAAgC,EAChE,OAAO,aAAgB,oBAAsB,EAAO,IACtD,CAEA,SAAgB,EAAkB,EAA2B,CAC3D,OAAO,EAAgB,CAAI,CAAC,EAAE,OAAS,EACzC,CAGA,SAAgB,EAAmB,EAA4B,CAC7D,IAAM,EAAM,EAAgB,CAAI,EAChC,GAAI,CAAC,EAAK,MAAO,GACjB,IAAM,EAAS,OAAO,yBAAyB,oBAAoB,UAAW,OAAO,CAAC,EAAE,IAIxF,OAHI,EAAQ,EAAO,KAAK,EAAK,EAAE,EAC1B,EAAI,MAAQ,GACjB,EAAI,cAAc,IAAI,MAAM,QAAS,CAAE,QAAS,EAAK,CAAC,CAAC,EAChD,EACT,WCEM,UAA8B,CAAC,EAGrC,SAAS,GAAuD,CAC9D,GAAI,CACF,OAAO,EAAS,CAClB,MAAQ,CACN,OAAO,IACT,CACF,CAEA,SAAgB,EAAiB,CAAE,QAAgC,CAAC,EAAG,CACrE,GAAM,CAAE,mBAAoB,EAAW,EACjC,GAAA,EAAO,EAAA,qBAAA,EAAA,EACX,EAAA,YAAA,CAAa,GAA0B,EAAkB,EAAsB,EAAiB,CAAQ,EAAI,EAAgB,EAAI,CAAC,CAAe,CAAC,MAC3I,EAAoB,CAAe,MACnC,EAAoB,CAAe,CAC3C,EACM,EAAQ,EAAgB,EAAK,OAAO,EACpC,EAAO,EAAS,EAAY,CAAE,QAAS,IAAO,CAAC,EAC/C,EAAO,EAAa,EACpB,EAAQ,EAAiB,EAIzB,CAAC,EAAQ,IAAA,EAAa,EAAA,SAAA,CAAS,EAAE,GACvC,EAAA,EAAA,gBAAA,KAAsB,EAAU,EAAkB,CAAI,CAAC,EAAG,CAAC,CAAI,CAAC,EAChE,GAAM,CAAC,EAAM,IAAA,EAAW,EAAA,SAAA,CAAS,EAAK,EAChC,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAwB,IAAI,EAChD,CAAC,EAAU,IAAA,EAAe,EAAA,SAAA,CAA6B,IAAI,EAE3D,EAAU,EAAM,MAAM,MAAM,KAAM,GAAM,EAAE,OAAO,GAAK,EAAM,MAAM,MAAM,IAAM,KAC9E,EAAO,GAAS,KAAK,QAAU,KAC/B,EAAS,GAAS,KAAK,QAAU,KACjC,EAAW,EAAK,MAAM,OAAS,KAC/B,EAAQ,EAAgB,CAC5B,WACA,eAAgB,EAAK,KAAO,EAAK,KAAK,OAAS,0BAC/C,OACA,aAAc,EAAK,UAAY,MAAQ,EAAM,OAAS,MAAQ,EAAM,QAAU,KAC9E,QACF,CAAC,EACK,EAAW,GAAU,OAAO,OAAO,4BAA8B,KAEjE,EAAS,SAAY,CACzB,IAAM,EAAO,EAAkB,CAAI,CAAC,CAAC,KAAK,GAAK,EAAO,KAAK,EACvD,GAAC,GAAS,EAEd,CADA,EAAQ,EAAI,EACZ,EAAS,IAAI,EACb,GAAI,CACF,IAAM,EAAW,MAAM,EAAK,IAAI,8EAC9B,EAAgB,CAAE,OAAM,GAAI,EAAS,CAAE,WAAY,CAAO,EAAI,CAAC,EAAI,OAAQ,EAAM,OAAQ,MAAO,CAAC,CACnG,EACA,GAAI,IAAa,KAAM,OACvB,EAAmB,CAAI,EACvB,EAAY,EAAS,IAAI,EACzB,IAAM,EAAO,EAAS,EAAS,KAAK,WAAY,WAAW,EAC3D,GAAO,KAAK,uBAAuB,EAAS,KAAK,MAAM,GAAG,EAAO,IAAI,IAAS,KAAM,SAAS,CAC/F,OAAS,EAAK,CACZ,EAAS,EAAqB,CAAG,CAAC,CACpC,QAAU,CACR,EAAQ,EAAK,CACf,CAda,CAef,EAEM,EAAU,EAAW,EAAS,EAAS,WAAY,WAAW,EAAI,KACxE,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,YAAvB,SAAA,CACG,GACC,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAO,OAAQ,YAAU,UAAU,KAAK,SAAtD,SAAA,CAA+D,YACnD,EAAS,MAAM,yCAAuC,IAC/D,GACC,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAO,KAAM,KAAM,EAAS,OAAO,SAAS,IAAI,sBAA9D,SAAA,CAAoF,mBACnE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,MAAO,GAAI,OAAQ,GAAI,cAAY,MAAQ,CAAA,CAC3E,CAEH,CAAA,EAAA,kEAED,CAEH,CAAA,GAAA,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAS,MAAO,GAAS,6CAA6C,IAAO,EAAS,SAAS,IAAW,KACxG,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAQ,MAAA,GAAM,SAAU,IAAU,KAAY,OAAM,YAAe,KAAK,EAAO,EAAG,SAAA,cAE1E,CAAA,CACD,CAAA,GACT,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,MAClB,SAAA,GACC,WAAW,EAAK,QAAQ,GAAU,qBAAqB,0DAA0D,IAAa,KAAqD,GAA9C,iBAAiB,EAAc,CAAQ,EAAE,IAC/K,CAAA,CACH,CAAA,CAAA,EAEH,GAAQ,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,OAAQ,YAAU,SAAS,KAAK,QAAS,SAAA,CAAS,CAAA,EAAI,MACpF,EAAA,EAAA,IAAA,CAAC,EAAD,CAAqB,GAAI,EAAK,OAAQ,WAAW,iBAAiB,UAAU,wCAA0C,CAAA,CACnH,GAET"}
+{"version":3,"file":"RunInCloudAction-D5PDHJPE.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/cloud/composer-draft.ts","../../../../../../src/web-ui/routes/verse/cloud/RunInCloudAction.tsx"],"sourcesContent":["/**\n * routes/verse/cloud/composer-draft.ts — read and clear the chat composer's\n * draft from outside the Composer (3.11 unit C3, for \"Run in cloud\").\n *\n * The composer owns its text state and takes no cloud props: the ⋯ sheet is\n * the one place the cloud lane may add to it (SPEC 3.11 C3). So, like the\n * dock's \"Send selection to chat\" fallback (chat/composer-bridge.ts), this\n * goes through the box itself: read its value, and clear it with the native\n * setter plus an `input` event, which React's controlled textarea treats as\n * the operator's own edit — its draft persistence sees the empty box too, so\n * a reload does not bring the launched text back.\n */\n\n/** The chat composer's message box (the Composer's `aria-label=\"Message\"`). */\nexport function findComposerBox(root: ParentNode = document): HTMLTextAreaElement | null {\n  const node = root.querySelector('textarea[aria-label=\"Message\"]');\n  return node instanceof HTMLTextAreaElement ? node : null;\n}\n\nexport function readComposerDraft(root?: ParentNode): string {\n  return findComposerBox(root)?.value ?? '';\n}\n\n/** Empty the box as a person would. False when there is no box to clear. */\nexport function clearComposerDraft(root?: ParentNode): boolean {\n  const box = findComposerBox(root);\n  if (!box) return false;\n  const setter = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;\n  if (setter) setter.call(box, '');\n  else box.value = '';\n  box.dispatchEvent(new Event('input', { bubbles: true }));\n  return true;\n}\n","/**\n * routes/verse/cloud/RunInCloudAction.tsx — \"Run in cloud\" in the composer's\n * ⋯ sheet (3.11 unit C3; lazy-loaded by composer/ControlsSheet.tsx the first\n * time the sheet opens, so none of this is chat first-paint).\n *\n * It launches the message typed in the box as a cloud task on the chat\n * project's GitHub origin, from the branch the chat is on. Both come from the\n * chat's roots read (chat/use-session-roots — the read behind the header's\n * `repo › branch` and the Branch bar), which is already in the cache when the\n * chat is open. After a launch the draft is cleared, a toast confirms it, and\n * the sheet shows the session link in place of the button.\n *\n * Disabled — with the reason as its tooltip AND as a line under it (a\n * disabled button takes no focus, so a keyboard user would never see the\n * tooltip) — when the project has no GitHub origin, the Claude seat is not\n * ready, the budget gate is closed, or the box is empty.\n */\nimport { useCallback, useLayoutEffect, useState, useSyncExternalStore } from 'react';\nimport type { CloudTaskV1 } from '../../../../core/cloud/types.js';\nimport { MutationTokenDialog } from '../../../components/auth/MutationTokenDialog.js';\nimport { Button } from '../../../components/primitives/Button.js';\nimport { IconExternalLink } from '../../../components/primitives/icons.js';\nimport { useToast } from '../../../components/primitives/Toast.js';\nimport { Tooltip } from '../../../components/primitives/Tooltip.js';\nimport { useQuery } from '../../../data/hooks.js';\nimport { useSessionRoots } from '../chat/use-session-roots.js';\nimport { describeContextError, useTokenGate } from '../context/use-token-gate.js';\nimport { useVerseUi } from '../useVerseUi.js';\nimport { getVerseSessionHead, subscribeVerseSession } from '../verse-store.js';\nimport { formatDollars, runInCloudBlock, safeHref } from './cloud-model.js';\nimport { cloudQuery, launchCloudTask } from './cloud-queries.js';\nimport { clearComposerDraft, readComposerDraft } from './composer-draft.js';\nimport styles from './cloud.module.css';\n\nconst NO_SUBSCRIPTION = () => () => {};\n\n/** The shell's toast when there is one; tests and bare mounts have none, and a launch must not throw for want of it. */\nfunction useOptionalToast(): ReturnType<typeof useToast> | null {\n  try {\n    return useToast();\n  } catch {\n    return null;\n  }\n}\n\nexport function RunInCloudAction({ root }: { root?: ParentNode } = {}) {\n  const { activeSessionId } = useVerseUi();\n  const head = useSyncExternalStore(\n    useCallback((listener: () => void) => (activeSessionId ? subscribeVerseSession(activeSessionId, listener) : NO_SUBSCRIPTION()), [activeSessionId]),\n    () => getVerseSessionHead(activeSessionId),\n    () => getVerseSessionHead(activeSessionId),\n  );\n  const roots = useSessionRoots(head.session);\n  const read = useQuery(cloudQuery, { freshMs: 15_000 });\n  const gate = useTokenGate();\n  const toast = useOptionalToast();\n  // The sheet is modal, so the box cannot change while it is open: one read\n  // once mounted (after commit, never during render) is the draft this\n  // button launches — and it is re-read on press anyway.\n  const [prompt, setPrompt] = useState('');\n  useLayoutEffect(() => setPrompt(readComposerDraft(root)), [root]);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [launched, setLaunched] = useState<CloudTaskV1 | null>(null);\n\n  const primary = roots.data?.roots.find((r) => r.primary) ?? roots.data?.roots[0] ?? null;\n  const repo = primary?.git?.remote ?? null;\n  const branch = primary?.git?.branch ?? null;\n  const overview = read.data?.value ?? null;\n  const block = runInCloudBlock({\n    overview,\n    overviewReason: read.data ? read.data.reason : 'Reading the cloud lane…',\n    repo,\n    rootsLoading: head.session !== null && roots.data === null && roots.error === null,\n    prompt,\n  });\n  const estimate = overview?.budget.budget.estimatedCostPerSessionUsd ?? null;\n\n  const launch = async () => {\n    const text = readComposerDraft(root).trim() || prompt.trim();\n    if (!repo || !text) return;\n    setBusy(true);\n    setError(null);\n    try {\n      const response = await gate.run('Run this message as a Claude Code cloud session on your Claude account.', () =>\n        launchCloudTask({ repo, ...(branch ? { baseBranch: branch } : {}), prompt: text, origin: 'chat' }),\n      );\n      if (response === null) return; // the unlock dialog was dismissed: nothing was sent\n      clearComposerDraft(root);\n      setLaunched(response.task);\n      const link = safeHref(response.task.sessionUrl, 'claude.ai');\n      toast?.show(`Cloud task started: ${response.task.title}.${link ? ` ${link}` : ''}`, 'success');\n    } catch (err) {\n      setError(describeContextError(err));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const session = launched ? safeHref(launched.sessionUrl, 'claude.ai') : null;\n  return (\n    <div className={styles.sheetAction}>\n      {launched ? (\n        <p className={styles.notice} data-tone=\"success\" role=\"status\">\n          Started “{launched.title}” in the cloud. The draft was cleared.{' '}\n          {session ? (\n            <a className={styles.link} href={session} target=\"_blank\" rel=\"noreferrer noopener\">\n              Open in Claude <IconExternalLink width={12} height={12} aria-hidden=\"true\" />\n            </a>\n          ) : (\n            'Its session link appears on Command once the session is created.'\n          )}\n        </p>\n      ) : (\n        <>\n          <Tooltip label={block ?? `Launch this message as a cloud session on ${repo}${branch ? ` from ${branch}` : ''}`}>\n            <Button block disabled={block !== null} busy={busy} onClick={() => void launch()}>\n              Run in cloud\n            </Button>\n          </Tooltip>\n          <p className={styles.muted}>\n            {block ??\n              `Runs on ${repo} from ${branch ?? 'its default branch'} as a Claude Code cloud session and delivers a draft PR.${estimate !== null ? ` Estimated at ${formatDollars(estimate)}.` : ''}`}\n          </p>\n        </>\n      )}\n      {error ? <p className={styles.notice} data-tone=\"danger\" role=\"alert\">{error}</p> : null}\n      <MutationTokenDialog {...gate.dialog} tokenLabel=\"Mutation token\" tokenHelp=\"the mutation token ashlr verse printed\" />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/core/web/public/next/assets/{SeatSelector-CH7hTgwy.js → SeatSelector-Cg75LInq.js}

@@ -1,3 +1,3 @@
-import{a as e,c as t,n}from"./index-BG177cPN.js";import{n as r,u as i,x as a}from"./verse-model-CSzzdyu2.js";import{S as o,x as s}from"./format-DEAaVF6X.js";import{n as c}from"./seat-subscription-CLn2ReSZ.js";import{b as l,g as u,h as d,m as f,p,r as m,x as h}from"./context-model-9xywbXxX.js";import{t as g}from"./Composer.module-C8U73KdQ.js";var _=t(e(),1),v=n();function y(e){return JSON.stringify([e.seatId,e.model])}function b(e){try{let t=JSON.parse(e);if(!Array.isArray(t)||t.length!==2)return null;let[n,r]=t;return typeof n!=`string`||typeof r!=`string`?null:{seatId:n,model:r}}catch{return null}}function x(e,t=null){for(let n of i(e))for(let e of n.seats){if(e.health.state===`unavailable`||o(e,S(t,e.id))!==null)continue;let n=e.models.find(t=>u(e,t)===null);if(n)return{seatId:e.id,model:n.id}}return null}function S(e,t){return e?.find(e=>e.seatId===t)??null}function C(e,t,n=null,r=Date.now()){let i=o(e,S(n,e.id),r);if(i===null)return null;let a=i.reason.replace(`${e.label} is `,``).replace(/ to use this seat\.$/,``).replace(/\.$/,``),c=s(e.id,t,n,r)[0],l=c===void 0?null:t.find(e=>e.id===c)?.label??null;return l===null?a:`${a} · try ${l}`}function w(e){let t=d(e.workingSetTokens,e.model,e.mode,e.seat.engine),n=t===null?``:` · ${m[t]}`,r=e.note===null?``:` (${e.note})`;return`${e.seat.label} — ${e.model.label} · ${p(e.model,e.mode)}${n}${r}`}function T(e,t,n){let r=[];n!==null&&r.push(n.charAt(0).toUpperCase()+n.slice(1)),r.push(f(t));let i=l(e);return i!==null&&r.push(`Runs ${i}.`),r.push(...h(e)),r.join(`
+import{a as e,c as t,n}from"./index-QesfXBsb.js";import{n as r,u as i,x as a}from"./verse-model-MMySehjj.js";import{S as o,x as s}from"./format-Dk4Fmxax.js";import{n as c}from"./seat-subscription-C5Tvr0WQ.js";import{b as l,g as u,h as d,m as f,p,r as m,x as h}from"./context-model-Co4wh3SM.js";import{t as g}from"./Composer.module-C8U73KdQ.js";var _=t(e(),1),v=n();function y(e){return JSON.stringify([e.seatId,e.model])}function b(e){try{let t=JSON.parse(e);if(!Array.isArray(t)||t.length!==2)return null;let[n,r]=t;return typeof n!=`string`||typeof r!=`string`?null:{seatId:n,model:r}}catch{return null}}function x(e,t=null){for(let n of i(e))for(let e of n.seats){if(e.health.state===`unavailable`||o(e,S(t,e.id))!==null)continue;let n=e.models.find(t=>u(e,t)===null);if(n)return{seatId:e.id,model:n.id}}return null}function S(e,t){return e?.find(e=>e.seatId===t)??null}function C(e,t,n=null,r=Date.now()){let i=o(e,S(n,e.id),r);if(i===null)return null;let a=i.reason.replace(`${e.label} is `,``).replace(/ to use this seat\.$/,``).replace(/\.$/,``),c=s(e.id,t,n,r)[0],l=c===void 0?null:t.find(e=>e.id===c)?.label??null;return l===null?a:`${a} · try ${l}`}function w(e){let t=d(e.workingSetTokens,e.model,e.mode,e.seat.engine),n=t===null?``:` · ${m[t]}`,r=e.note===null?``:` (${e.note})`;return`${e.seat.label} — ${e.model.label} · ${p(e.model,e.mode)}${n}${r}`}function T(e,t,n){let r=[];n!==null&&r.push(n.charAt(0).toUpperCase()+n.slice(1)),r.push(f(t));let i=l(e);return i!==null&&r.push(`Runs ${i}.`),r.push(...h(e)),r.join(`
 `)}function E({seats:e,value:t,onChange:n,disabled:o=!1,label:s=`Seat and model`,id:l,compact:d=!1,workingSetTokens:f=null,modeFor:p,healthReports:m=null}){let h=(0,_.useId)(),x=l??h,S=i(e),E=t?y(t):``,D=t&&e.some(e=>e.id===t.seatId&&e.models.some(e=>e.id===t.model));return(0,v.jsxs)(`label`,{className:`${g.seatField} ${d?g.seatFieldCompact:``}`,htmlFor:x,children:[(0,v.jsx)(`span`,{className:d?`visually-hidden`:g.fieldLabel,children:s}),(0,v.jsxs)(`select`,{id:x,className:g.seatSelect,value:D?E:``,disabled:o||S.length===0,"aria-label":d?s:void 0,onChange:e=>{let t=b(e.target.value);t&&n(t)},children:[D?null:(0,v.jsx)(`option`,{value:``,disabled:!0,children:S.length===0?`No seats discovered`:`Choose a seat…`}),S.map(t=>(0,v.jsx)(`optgroup`,{label:r[t.engine],children:t.seats.flatMap(t=>{let n=a(t)??C(t,e,m),r=c(t),i=r.cls===`unread`||r.kind===`local`?null:`${r.plan===null?``:`${r.plan} · `}${r.word} · ${r.summary}`;return t.models.map(e=>{let r=n??u(t,e),a=r===null?i:`unavailable: ${r}`,o=p?.(t,e)??`standard`,s=y({seatId:t.id,model:e.id});return(0,v.jsx)(`option`,{value:s,disabled:r!==null,title:T(t,e,a),children:w({seat:t,model:e,mode:o,workingSetTokens:f,note:a})},s)})})},t.engine))]})]})}export{x as n,E as t};
-//# sourceMappingURL=SeatSelector-CH7hTgwy.js.map
+//# sourceMappingURL=SeatSelector-Cg75LInq.js.map

package/dist/core/web/public/next/assets/{SeatSelector-CH7hTgwy.js.map → SeatSelector-Cg75LInq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SeatSelector-CH7hTgwy.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/SeatSelector.tsx"],"sourcesContent":["/**\n * routes/verse/SeatSelector.tsx — grouped seat/model picker. A native\n * <select> with one <optgroup> per engine (Claude · Codex · Grok · Local)\n * and one option per seat×model; seats whose health is `unavailable` are\n * disabled with the reason in the label (and `title`), so the operator sees\n * why rather than just a greyed row. Value is `[seatId, modelId]` JSON so\n * ids containing ':' or '/' can never collide.\n *\n * Every option also carries its seat's CAPACITY (`seat-subscription.ts`).\n * Without it an exhausted seat was indistinguishable from a fresh one here:\n * the only annotation was `seatUnavailableReason`, which fires solely on\n * `health.state === 'unavailable'`, and Claude's health is `unknown` BY\n * CONSTRUCTION (docs/VERSE-TELEMETRY-V2.md). A Claude seat whose binding\n * weekly window read 100% used therefore appeared as an ordinary, enabled,\n * unannotated choice, and the exhaustion was discovered at turn time — the\n * exact failure the Usage section exists to prevent.\n *\n * The annotation reads `plan · word · binding phrase` — the plan tier only\n * when the provider published one, so nothing is invented for a seat whose\n * subscription was never read.\n *\n * A `blocked` seat is MARKED but stays selectable: a used-up window can\n * coexist with a spendable credit balance, so refusing the choice would be a\n * stronger claim than the data supports.\n *\n * V3.10 — EXCEPT when the server's verdict IS a refusal. The session engine now\n * refuses a turn on a seat whose `capacity.usability` is `exhausted` (every\n * read window spent, no credits) or `signed-out` — the same rule, from the same\n * function (core/verse/seat-readiness.ts `seatBlock`). Offering such a seat\n * here would only move the failure from the picker to the first send, so its\n * rows are disabled and say why, when it resets, and where to go instead\n * (\"unavailable: out of usage — resets Fri 2:25 PM · try Grok\"). A seat that is\n * merely `tight` (a spent window beside spendable credits, or a spent per-model\n * window beside healthy account-wide ones) stays selectable, as before.\n *\n * V3.9 — EVERY ROW SAYS WHAT CONTEXT IT BUYS. A row used to read \"Claude Max —\n * Opus 5\", and the only window anywhere near the picker was the seat's DEFAULT\n * model's (so \"200k\" for every 1M Claude model). Now each row carries its own\n * model's window and compaction point in the mode that row would run in\n * (\"1M ctx · compacts ≈367k\"), and — when the dialog has sized the chosen\n * folders — whether that code would fit. A model the seat's pinned CLI cannot\n * run (Opus 5.5 on a 2.1.257 seat) is LISTED, disabled, with its reason, so\n * the operator learns why it is missing instead of wondering. The option's\n * tooltip carries the long form: the window's provenance, the pinned CLI\n * version and the seat's own notes. The new-chat dialog repeats those for the\n * chosen seat in visible text, because WebKit's native menus never show an\n * option's title.\n */\nimport { useId } from 'react';\nimport type { VerseModelOption, VerseSeat } from '../../data/api-types.js';\nimport type { VerseContextMode } from '../../../core/verse/types.js';\nimport type { SeatHealthReport } from '../../../core/verse/health-types.js';\nimport { rankSeatAlternatives, seatBlock } from '../../../core/verse/seat-readiness.js';\nimport { seatSubscription } from './seat-subscription.js';\nimport {\n  FIT_SHORT,\n  modelContextPhrase,\n  modelContextSentence,\n  modelFit,\n  modelUnavailableReason,\n  seatCliLine,\n  seatContextNotes,\n} from './usage/context-model.js';\nimport { ENGINE_LABEL, groupSeats, seatUnavailableReason } from './verse-model.js';\nimport styles from './Composer.module.css';\n\nexport interface SeatChoice {\n  seatId: string;\n  model: string;\n}\n\nexport interface SeatSelectorProps {\n  seats: readonly VerseSeat[];\n  value: SeatChoice | null;\n  onChange: (choice: SeatChoice) => void;\n  disabled?: boolean;\n  label?: string;\n  id?: string;\n  compact?: boolean;\n  /**\n   * Estimated tokens of the chosen folders' tracked code (GET /context-fit).\n   * When present every row also says whether that code fits the model. Null\n   * or absent: nothing is claimed.\n   */\n  workingSetTokens?: number | null;\n  /**\n   * The context mode each row would run in, so its compaction point is the\n   * one the operator would actually get. Absent → standard for every row.\n   */\n  modeFor?: (seat: VerseSeat, model: VerseModelOption) => VerseContextMode;\n  /**\n   * V3.10. Live seat health (GET /api/verse/health). Optional: without it the\n   * seat's own `capacity.usability` still decides which seats are blocked.\n   */\n  healthReports?: readonly SeatHealthReport[] | null;\n}\n\nexport function encodeSeatChoice(choice: SeatChoice): string {\n  return JSON.stringify([choice.seatId, choice.model]);\n}\n\nexport function decodeSeatChoice(value: string): SeatChoice | null {\n  try {\n    const parsed = JSON.parse(value) as unknown;\n    if (!Array.isArray(parsed) || parsed.length !== 2) return null;\n    const [seatId, model] = parsed as [unknown, unknown];\n    if (typeof seatId !== 'string' || typeof model !== 'string') return null;\n    return { seatId, model };\n  } catch {\n    return null;\n  }\n}\n\n/**\n * First selectable seat (ready/degraded/unknown) with its first RUNNABLE\n * model. The seat catalog already puts a runnable model first; skipping an\n * unavailable one here as well means a stale or hand-built roster can never\n * make \"Start chat\" land on a model the pinned CLI would reject.\n */\nexport function defaultSeatChoice(\n  seats: readonly VerseSeat[],\n  healthReports: readonly SeatHealthReport[] | null = null,\n): SeatChoice | null {\n  for (const group of groupSeats(seats)) {\n    for (const seat of group.seats) {\n      if (seat.health.state === 'unavailable') continue;\n      // A seat the engine would refuse is never the default (V3.10).\n      if (seatBlock(seat, reportFor(healthReports, seat.id)) !== null) continue;\n      const model = seat.models.find((m) => modelUnavailableReason(seat, m) === null);\n      if (model) return { seatId: seat.id, model: model.id };\n    }\n  }\n  return null;\n}\n\nfunction reportFor(reports: readonly SeatHealthReport[] | null | undefined, seatId: string): SeatHealthReport | null {\n  return reports?.find((report) => report.seatId === seatId) ?? null;\n}\n\n/**\n * Why a seat is refused, as an inline note — \"out of usage — resets Fri\n * 2:25 PM · try Grok\" / \"signed out — reconnect it · try Grok\" — or null when\n * the engine would accept it. The seat's label is dropped (the row already\n * leads with it) and the best alternative is named, so the row says where to\n * go instead.\n */\nexport function seatBlockedNote(\n  seat: VerseSeat,\n  seats: readonly VerseSeat[],\n  healthReports: readonly SeatHealthReport[] | null = null,\n  now: number = Date.now(),\n): string | null {\n  const block = seatBlock(seat, reportFor(healthReports, seat.id), now);\n  if (block === null) return null;\n  const phrase = block.reason\n    .replace(`${seat.label} is `, '')\n    .replace(/ to use this seat\\.$/, '')\n    .replace(/\\.$/, '');\n  const best = rankSeatAlternatives(seat.id, seats, healthReports, now)[0];\n  const bestLabel = best === undefined ? null : seats.find((candidate) => candidate.id === best)?.label ?? null;\n  return bestLabel === null ? phrase : `${phrase} · try ${bestLabel}`;\n}\n\n/**\n * The option's text, which is also its accessible name:\n * \"Claude Max — Opus 5.5 · 1M ctx · compacts ≈367k · code fits (usable · …)\".\n * Seat and model lead so the CLOSED select still says what was chosen.\n */\nexport function seatOptionText(input: {\n  seat: VerseSeat;\n  model: VerseModelOption;\n  mode: VerseContextMode;\n  workingSetTokens?: number | null;\n  note: string | null;\n}): string {\n  // The seat's own engine: the fit adds THAT CLI's estimated fixed prompt.\n  const verdict = modelFit(input.workingSetTokens, input.model, input.mode, input.seat.engine);\n  const fit = verdict === null ? '' : ` · ${FIT_SHORT[verdict]}`;\n  const note = input.note === null ? '' : ` (${input.note})`;\n  return `${input.seat.label} — ${input.model.label} · ${modelContextPhrase(input.model, input.mode)}${fit}${note}`;\n}\n\n/**\n * The option's tooltip: the note first (it is why the row is marked), then the\n * model's full context sentence, then the seat facts no row has room for.\n */\nexport function seatOptionTitle(seat: VerseSeat, model: VerseModelOption, note: string | null): string {\n  const lines: string[] = [];\n  if (note !== null) lines.push(note.charAt(0).toUpperCase() + note.slice(1));\n  lines.push(modelContextSentence(model));\n  const cli = seatCliLine(seat);\n  if (cli !== null) lines.push(`Runs ${cli}.`);\n  lines.push(...seatContextNotes(seat));\n  return lines.join('\\n');\n}\n\nexport function SeatSelector({\n  seats,\n  value,\n  onChange,\n  disabled = false,\n  label = 'Seat and model',\n  id,\n  compact = false,\n  workingSetTokens = null,\n  modeFor,\n  healthReports = null,\n}: SeatSelectorProps) {\n  const generated = useId();\n  const selectId = id ?? generated;\n  const groups = groupSeats(seats);\n  const current = value ? encodeSeatChoice(value) : '';\n  const known = value && seats.some((s) => s.id === value.seatId && s.models.some((m) => m.id === value.model));\n  return (\n    <label className={`${styles.seatField} ${compact ? styles.seatFieldCompact : ''}`} htmlFor={selectId}>\n      <span className={compact ? 'visually-hidden' : styles.fieldLabel}>{label}</span>\n      <select id={selectId} className={styles.seatSelect} value={known ? current : ''} disabled={disabled || groups.length === 0}\n        aria-label={compact ? label : undefined}\n        onChange={(event) => {\n          const choice = decodeSeatChoice(event.target.value);\n          if (choice) onChange(choice);\n        }}>\n        {!known ? <option value=\"\" disabled>{groups.length === 0 ? 'No seats discovered' : 'Choose a seat…'}</option> : null}\n        {groups.map((group) => (\n          <optgroup key={group.engine} label={ENGINE_LABEL[group.engine]}>\n            {group.seats.flatMap((seat) => {\n              // Reachability first, then the engine's own refusal (V3.10).\n              const seatReason = seatUnavailableReason(seat) ?? seatBlockedNote(seat, seats, healthReports);\n              const capacity = seatSubscription(seat);\n              // `unread` is left unsaid: \"no reading\" on every Claude row\n              // would be noise, and the absent figure already says it. A local\n              // seat is left unsaid too — it has no subscription to report,\n              // and its readiness is already carried by the disabled state.\n              const capacityNote =\n                capacity.cls === 'unread' || capacity.kind === 'local'\n                  ? null\n                  : `${capacity.plan === null ? '' : `${capacity.plan} · `}${capacity.word} · ${capacity.summary}`;\n              return seat.models.map((model) => {\n                // The seat's outage outranks the model's own reason: nothing\n                // on an unreachable seat runs, whatever its CLI version.\n                const reason = seatReason ?? modelUnavailableReason(seat, model);\n                // The label reads inline after the model name, so it stays\n                // lowercase; the tooltip stands alone, so it is sentence case.\n                const note = reason !== null ? `unavailable: ${reason}` : capacityNote;\n                const mode = modeFor?.(seat, model) ?? 'standard';\n                const optionValue = encodeSeatChoice({ seatId: seat.id, model: model.id });\n                return (\n                  <option key={optionValue} value={optionValue} disabled={reason !== null}\n                    title={seatOptionTitle(seat, model, note)}>\n                    {seatOptionText({ seat, model, mode, workingSetTokens, note })}\n                  </option>\n                );\n              });\n            })}\n          </optgroup>\n        ))}\n      </select>\n    </label>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SeatSelector-Cg75LInq.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/SeatSelector.tsx"],"sourcesContent":["/**\n * routes/verse/SeatSelector.tsx — grouped seat/model picker. A native\n * <select> with one <optgroup> per engine (Claude · Codex · Grok · Local)\n * and one option per seat×model; seats whose health is `unavailable` are\n * disabled with the reason in the label (and `title`), so the operator sees\n * why rather than just a greyed row. Value is `[seatId, modelId]` JSON so\n * ids containing ':' or '/' can never collide.\n *\n * Every option also carries its seat's CAPACITY (`seat-subscription.ts`).\n * Without it an exhausted seat was indistinguishable from a fresh one here:\n * the only annotation was `seatUnavailableReason`, which fires solely on\n * `health.state === 'unavailable'`, and Claude's health is `unknown` BY\n * CONSTRUCTION (docs/VERSE-TELEMETRY-V2.md). A Claude seat whose binding\n * weekly window read 100% used therefore appeared as an ordinary, enabled,\n * unannotated choice, and the exhaustion was discovered at turn time — the\n * exact failure the Usage section exists to prevent.\n *\n * The annotation reads `plan · word · binding phrase` — the plan tier only\n * when the provider published one, so nothing is invented for a seat whose\n * subscription was never read.\n *\n * A `blocked` seat is MARKED but stays selectable: a used-up window can\n * coexist with a spendable credit balance, so refusing the choice would be a\n * stronger claim than the data supports.\n *\n * V3.10 — EXCEPT when the server's verdict IS a refusal. The session engine now\n * refuses a turn on a seat whose `capacity.usability` is `exhausted` (every\n * read window spent, no credits) or `signed-out` — the same rule, from the same\n * function (core/verse/seat-readiness.ts `seatBlock`). Offering such a seat\n * here would only move the failure from the picker to the first send, so its\n * rows are disabled and say why, when it resets, and where to go instead\n * (\"unavailable: out of usage — resets Fri 2:25 PM · try Grok\"). A seat that is\n * merely `tight` (a spent window beside spendable credits, or a spent per-model\n * window beside healthy account-wide ones) stays selectable, as before.\n *\n * V3.9 — EVERY ROW SAYS WHAT CONTEXT IT BUYS. A row used to read \"Claude Max —\n * Opus 5\", and the only window anywhere near the picker was the seat's DEFAULT\n * model's (so \"200k\" for every 1M Claude model). Now each row carries its own\n * model's window and compaction point in the mode that row would run in\n * (\"1M ctx · compacts ≈367k\"), and — when the dialog has sized the chosen\n * folders — whether that code would fit. A model the seat's pinned CLI cannot\n * run (Opus 5.5 on a 2.1.257 seat) is LISTED, disabled, with its reason, so\n * the operator learns why it is missing instead of wondering. The option's\n * tooltip carries the long form: the window's provenance, the pinned CLI\n * version and the seat's own notes. The new-chat dialog repeats those for the\n * chosen seat in visible text, because WebKit's native menus never show an\n * option's title.\n */\nimport { useId } from 'react';\nimport type { VerseModelOption, VerseSeat } from '../../data/api-types.js';\nimport type { VerseContextMode } from '../../../core/verse/types.js';\nimport type { SeatHealthReport } from '../../../core/verse/health-types.js';\nimport { rankSeatAlternatives, seatBlock } from '../../../core/verse/seat-readiness.js';\nimport { seatSubscription } from './seat-subscription.js';\nimport {\n  FIT_SHORT,\n  modelContextPhrase,\n  modelContextSentence,\n  modelFit,\n  modelUnavailableReason,\n  seatCliLine,\n  seatContextNotes,\n} from './usage/context-model.js';\nimport { ENGINE_LABEL, groupSeats, seatUnavailableReason } from './verse-model.js';\nimport styles from './Composer.module.css';\n\nexport interface SeatChoice {\n  seatId: string;\n  model: string;\n}\n\nexport interface SeatSelectorProps {\n  seats: readonly VerseSeat[];\n  value: SeatChoice | null;\n  onChange: (choice: SeatChoice) => void;\n  disabled?: boolean;\n  label?: string;\n  id?: string;\n  compact?: boolean;\n  /**\n   * Estimated tokens of the chosen folders' tracked code (GET /context-fit).\n   * When present every row also says whether that code fits the model. Null\n   * or absent: nothing is claimed.\n   */\n  workingSetTokens?: number | null;\n  /**\n   * The context mode each row would run in, so its compaction point is the\n   * one the operator would actually get. Absent → standard for every row.\n   */\n  modeFor?: (seat: VerseSeat, model: VerseModelOption) => VerseContextMode;\n  /**\n   * V3.10. Live seat health (GET /api/verse/health). Optional: without it the\n   * seat's own `capacity.usability` still decides which seats are blocked.\n   */\n  healthReports?: readonly SeatHealthReport[] | null;\n}\n\nexport function encodeSeatChoice(choice: SeatChoice): string {\n  return JSON.stringify([choice.seatId, choice.model]);\n}\n\nexport function decodeSeatChoice(value: string): SeatChoice | null {\n  try {\n    const parsed = JSON.parse(value) as unknown;\n    if (!Array.isArray(parsed) || parsed.length !== 2) return null;\n    const [seatId, model] = parsed as [unknown, unknown];\n    if (typeof seatId !== 'string' || typeof model !== 'string') return null;\n    return { seatId, model };\n  } catch {\n    return null;\n  }\n}\n\n/**\n * First selectable seat (ready/degraded/unknown) with its first RUNNABLE\n * model. The seat catalog already puts a runnable model first; skipping an\n * unavailable one here as well means a stale or hand-built roster can never\n * make \"Start chat\" land on a model the pinned CLI would reject.\n */\nexport function defaultSeatChoice(\n  seats: readonly VerseSeat[],\n  healthReports: readonly SeatHealthReport[] | null = null,\n): SeatChoice | null {\n  for (const group of groupSeats(seats)) {\n    for (const seat of group.seats) {\n      if (seat.health.state === 'unavailable') continue;\n      // A seat the engine would refuse is never the default (V3.10).\n      if (seatBlock(seat, reportFor(healthReports, seat.id)) !== null) continue;\n      const model = seat.models.find((m) => modelUnavailableReason(seat, m) === null);\n      if (model) return { seatId: seat.id, model: model.id };\n    }\n  }\n  return null;\n}\n\nfunction reportFor(reports: readonly SeatHealthReport[] | null | undefined, seatId: string): SeatHealthReport | null {\n  return reports?.find((report) => report.seatId === seatId) ?? null;\n}\n\n/**\n * Why a seat is refused, as an inline note — \"out of usage — resets Fri\n * 2:25 PM · try Grok\" / \"signed out — reconnect it · try Grok\" — or null when\n * the engine would accept it. The seat's label is dropped (the row already\n * leads with it) and the best alternative is named, so the row says where to\n * go instead.\n */\nexport function seatBlockedNote(\n  seat: VerseSeat,\n  seats: readonly VerseSeat[],\n  healthReports: readonly SeatHealthReport[] | null = null,\n  now: number = Date.now(),\n): string | null {\n  const block = seatBlock(seat, reportFor(healthReports, seat.id), now);\n  if (block === null) return null;\n  const phrase = block.reason\n    .replace(`${seat.label} is `, '')\n    .replace(/ to use this seat\\.$/, '')\n    .replace(/\\.$/, '');\n  const best = rankSeatAlternatives(seat.id, seats, healthReports, now)[0];\n  const bestLabel = best === undefined ? null : seats.find((candidate) => candidate.id === best)?.label ?? null;\n  return bestLabel === null ? phrase : `${phrase} · try ${bestLabel}`;\n}\n\n/**\n * The option's text, which is also its accessible name:\n * \"Claude Max — Opus 5.5 · 1M ctx · compacts ≈367k · code fits (usable · …)\".\n * Seat and model lead so the CLOSED select still says what was chosen.\n */\nexport function seatOptionText(input: {\n  seat: VerseSeat;\n  model: VerseModelOption;\n  mode: VerseContextMode;\n  workingSetTokens?: number | null;\n  note: string | null;\n}): string {\n  // The seat's own engine: the fit adds THAT CLI's estimated fixed prompt.\n  const verdict = modelFit(input.workingSetTokens, input.model, input.mode, input.seat.engine);\n  const fit = verdict === null ? '' : ` · ${FIT_SHORT[verdict]}`;\n  const note = input.note === null ? '' : ` (${input.note})`;\n  return `${input.seat.label} — ${input.model.label} · ${modelContextPhrase(input.model, input.mode)}${fit}${note}`;\n}\n\n/**\n * The option's tooltip: the note first (it is why the row is marked), then the\n * model's full context sentence, then the seat facts no row has room for.\n */\nexport function seatOptionTitle(seat: VerseSeat, model: VerseModelOption, note: string | null): string {\n  const lines: string[] = [];\n  if (note !== null) lines.push(note.charAt(0).toUpperCase() + note.slice(1));\n  lines.push(modelContextSentence(model));\n  const cli = seatCliLine(seat);\n  if (cli !== null) lines.push(`Runs ${cli}.`);\n  lines.push(...seatContextNotes(seat));\n  return lines.join('\\n');\n}\n\nexport function SeatSelector({\n  seats,\n  value,\n  onChange,\n  disabled = false,\n  label = 'Seat and model',\n  id,\n  compact = false,\n  workingSetTokens = null,\n  modeFor,\n  healthReports = null,\n}: SeatSelectorProps) {\n  const generated = useId();\n  const selectId = id ?? generated;\n  const groups = groupSeats(seats);\n  const current = value ? encodeSeatChoice(value) : '';\n  const known = value && seats.some((s) => s.id === value.seatId && s.models.some((m) => m.id === value.model));\n  return (\n    <label className={`${styles.seatField} ${compact ? styles.seatFieldCompact : ''}`} htmlFor={selectId}>\n      <span className={compact ? 'visually-hidden' : styles.fieldLabel}>{label}</span>\n      <select id={selectId} className={styles.seatSelect} value={known ? current : ''} disabled={disabled || groups.length === 0}\n        aria-label={compact ? label : undefined}\n        onChange={(event) => {\n          const choice = decodeSeatChoice(event.target.value);\n          if (choice) onChange(choice);\n        }}>\n        {!known ? <option value=\"\" disabled>{groups.length === 0 ? 'No seats discovered' : 'Choose a seat…'}</option> : null}\n        {groups.map((group) => (\n          <optgroup key={group.engine} label={ENGINE_LABEL[group.engine]}>\n            {group.seats.flatMap((seat) => {\n              // Reachability first, then the engine's own refusal (V3.10).\n              const seatReason = seatUnavailableReason(seat) ?? seatBlockedNote(seat, seats, healthReports);\n              const capacity = seatSubscription(seat);\n              // `unread` is left unsaid: \"no reading\" on every Claude row\n              // would be noise, and the absent figure already says it. A local\n              // seat is left unsaid too — it has no subscription to report,\n              // and its readiness is already carried by the disabled state.\n              const capacityNote =\n                capacity.cls === 'unread' || capacity.kind === 'local'\n                  ? null\n                  : `${capacity.plan === null ? '' : `${capacity.plan} · `}${capacity.word} · ${capacity.summary}`;\n              return seat.models.map((model) => {\n                // The seat's outage outranks the model's own reason: nothing\n                // on an unreachable seat runs, whatever its CLI version.\n                const reason = seatReason ?? modelUnavailableReason(seat, model);\n                // The label reads inline after the model name, so it stays\n                // lowercase; the tooltip stands alone, so it is sentence case.\n                const note = reason !== null ? `unavailable: ${reason}` : capacityNote;\n                const mode = modeFor?.(seat, model) ?? 'standard';\n                const optionValue = encodeSeatChoice({ seatId: seat.id, model: model.id });\n                return (\n                  <option key={optionValue} value={optionValue} disabled={reason !== null}\n                    title={seatOptionTitle(seat, model, note)}>\n                    {seatOptionText({ seat, model, mode, workingSetTokens, note })}\n                  </option>\n                );\n              });\n            })}\n          </optgroup>\n        ))}\n      </select>\n    </label>\n  );\n}\n"],"mappings":"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"}