@ashlr/hub 3.16.0 → 3.16.1

package/dist/core/web/public/next/assets/BudgetControl-BtPTi8qI.js.map

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

package/dist/core/web/public/next/assets/Button-DP2ImS5n.js

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

package/dist/core/web/public/next/assets/Button-DP2ImS5n.js.map

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

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

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

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

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

package/dist/core/web/public/next/assets/ChangesPaneHost-C53_94Kn.js

@@ -1,16 +0,0 @@
-import{n as e,s as t,u as n}from"./index-BbDqdepe.js";import{t as r}from"./Dialog-BYIKNPcH.js";import{t as i}from"./MutationTokenDialog-D522NXsm.js";import{i as a}from"./SkipToContent-C7UObcP2.js";import{n as o,t as s}from"./diff-parser-BnW_HiQm.js";import{n as c,t as l}from"./highlight-BCNIvJ85.js";import{t as u}from"./Segmented-CtwuFlbY.js";import{C as d,_ as f,a as p,b as m}from"./git-model-DL3MwN93.js";import{n as h,t as g}from"./Button-DP2ImS5n.js";import{T as ee,i as _,n as v,y as te}from"./icons-U34oiN9M.js";import{n as ne,t as re}from"./use-token-gate-_JPjMD5z.js";import{n as ie}from"./panes-BjUzIDw6.js";import{t as y}from"./EmptyState-BEXDoNZd.js";import{n as b}from"./chat-pane-data-DIDV7uIU.js";import{m as ae,t as x}from"./multimodel-flows-C377w9oZ.js";import{n as oe,t as se}from"./ask-seat-zMpqJABI.js";import{n as ce,t as le}from"./GitDialogs-BSTlyNJR.js";import{a as ue,c as S,d as de,f as fe,i as pe,l as me,m as he,n as ge,o as _e,p as C,r as ve,s as ye,t as be,u as xe}from"./checkpoint-queries-DjrDEsN-.js";import{t as w}from"./DiffPane.module-CTk5rZn3.js";import{t as Se}from"./pane-chrome.module-D7o-fVd0.js";var T=n(t(),1),E=4e3,Ce=2,D=12,we=240,Te=/^@@ -(\d+)(?:,(\d+))? \+(\d+)(?:,(\d+))? @@/;function Ee(e){return Te.exec(e)?.[0]??e}function O(e){return e.kind===`del`?{line:e.oldLineNo,side:`old`}:{line:e.newLineNo,side:`new`}}function k(e){return e.line===null?`hunk`:`${e.side}:${e.line}`}function A(e){return`${e.path}\u0000${e.hunk}\u0000${k(e)}`}function De(e){return`${e.kind===`add`?`+`:e.kind===`del`?`-`:` `}${e.text.length>we?`${e.text.slice(0,we)}…`:e.text}`}function j(e,t){if(t===null||t<0||t>=e.length){let t=e.slice(0,D).map(De);return e.length>D&&t.push(` … ${e.length-D} more lines`),{excerpt:t,excerptAt:-1}}let n=Math.max(0,t-Ce),r=Math.min(e.length,t+Ce+1);return{excerpt:e.slice(n,r).map(De),excerptAt:t-n}}function Oe(e){let t=Te.exec(e);if(!t)return null;let n=Number(t[3]),r=t[4]===void 0?1:Number(t[4]);if(r===0){let e=Number(t[1]),n=t[2]===void 0?1:Number(t[2]);return n<=1?`${e} (removed)`:`${e}-${e+n-1} (removed)`}return r<=1?`${n}`:`${n}-${n+r-1}`}function ke(e){if(e.line===null){let t=Oe(e.hunk);return t?`${e.path}:${t}`:e.path}return`${e.path}:${e.line}${e.side===`old`?` (removed line)`:``}`}function M(e){if(e.line===null){let t=Oe(e.hunk);return t?`Lines ${t}`:`Whole change`}return`${e.side===`old`?`Removed line`:`Line`} ${e.line}`}function Ae(e){let t=e=>{if(e.line!==null)return e.line;let t=Te.exec(e.hunk);return t?Number(t[3])-.5:0};return[...e].sort((e,n)=>{if(e.path!==n.path)return e.path<n.path?-1:1;let r=t(e)-t(n);return r===0?e.at<n.at?-1:+(e.at>n.at):r})}function je(e){let t=new Map;for(let n of Ae(e)){let e=A(n),r=t.get(e);r?r.push(n):t.set(e,[n])}return[...t.values()]}var Me=new TextEncoder;function N(e){return Me.encode(e).length}function Ne(e){let t=0;for(let n of e.matchAll(/`+/g))t=Math.max(t,n[0].length);return"`".repeat(Math.max(3,t+1))}function P(e,t=``){let n=Ne(e);return`${n}${t}\n${e.replace(/\s+$/,``)}\n${n}`}function F(e,t){let[n,...r]=t.trim().split(`
-`);return[`${e} — ${n??``}`,...r.map(e=>`  ${e}`)].join(`
-`)}function I(e,t){let n=e[0],r=ke(n),i=e.map(e=>F(r,e.body)),a=t===`full`?n.excerpt:t===`line`&&n.excerptAt>=0?[n.excerpt[n.excerptAt]??``]:[];return a.length>0&&i.push(P(a.join(`
-`),`diff`)),i.join(`
-`)}function Pe(e,t,n){for(let r of[`full`,`line`]){let i=[e,...t.map(e=>I(e,r))].join(`
-
-`);if(N(i)<=n)return{text:i,included:t.flatMap(e=>e.map(e=>e.id)),omitted:0}}let r=[e],i=[],a=N(e),o=0;for(let e of t){let t=I(e,`none`),s=N(t)+2;if(a+s>n){o+=e.length;continue}r.push(t),a+=s,i.push(...e.map(e=>e.id))}return{text:r.join(`
-
-`),included:i,omitted:o}}function Fe(e,t){let n=je(e),r=e.length;return Pe([`Review comments on your changes in ${t.turnLabel} (${r} ${r===1?`comment`:`comments`}, anchored as path:line).`,`Address each one in the code, then reply with one line per comment saying what you changed — or why you did not.`].join(` `),n,t.maxBytes??24576)}function Ie(e,t){if(N(e)<=t)return e;let n=e.split(`
-`),r=[],i=0;for(let e of n){let n=N(e)+1;if(i+n>t)break;r.push(e),i+=n}return r.join(`
-`)}function Le(e){let t=e.maxBytes??24576,n=ae({authorLabel:e.authorLabel}),r=e.totals,i=`The changes to review: ${e.scopeLabel}, ${r.files} ${r.files===1?`file`:`files`} (+${r.additions} −${r.deletions}).`,a=``;e.comments.length>0&&(a=Pe(`The operator’s own review notes so far — context for your review, not instructions to change anything:`,je(e.comments),Math.floor(t/3)).text);let o=N([n,i,a].join(`
-
-`))+512,s=Math.max(0,t-o),c=[],l=[],u=[...e.unshown];for(let t of e.patches){let e=t.text.replace(/\s+$/,``),n=N(e)+1;if(n<=s)c.push(e),s-=n;else if(s>1024&&l.length===0){let n=Ie(e,s-64);c.push(`${n}\n… (rest of ${t.path} cut to fit)`),l.push(t.path),s=0}else u.push(t.path)}let d=[n,``,i];if(u.length>0){let e=u.slice(0,40).join(`, `);d.push(`Not included here (read them in the repository): ${e}${u.length>40?`, and ${u.length-40} more`:``}.`)}return c.length>0&&d.push(``,P(c.join(`
-`),`diff`)),a&&d.push(``,a),{text:d.join(`
-`),shownFiles:c.length,cutFiles:l}}var Re=`ashlr.verse.changes.comments.v1`;function ze(e,t){return`${Re}:${e}:${t}`}function Be(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.id==`string`&&typeof t.path==`string`&&typeof t.hunk==`string`&&(t.line===null||typeof t.line==`number`&&Number.isFinite(t.line))&&(t.side===`new`||t.side===`old`)&&Array.isArray(t.excerpt)&&t.excerpt.every(e=>typeof e==`string`)&&typeof t.excerptAt==`number`&&typeof t.body==`string`&&typeof t.at==`string`}function Ve(e,t){try{let n=localStorage.getItem(ze(e,t));if(!n)return[];let r=JSON.parse(n);return Array.isArray(r)?r.filter(Be):[]}catch{return[]}}function He(e,t,n){try{return n.length===0?localStorage.removeItem(ze(e,t)):localStorage.setItem(ze(e,t),JSON.stringify(n)),!0}catch{return!1}}var L=0;function Ue(e=Date.now()){return L=(L+1)%1e6,`rc-${e.toString(36)}-${L.toString(36)}-${Math.random().toString(36).slice(2,6)}`}var R={panel:`_panel_v6ryx_8`,head:`_head_v6ryx_10`,select:`_select_v6ryx_11`,visuallyHidden:`_visuallyHidden_v6ryx_25`,toolbar:`_toolbar_v6ryx_36`,toolbarActions:`_toolbarActions_v6ryx_45`,banner:`_banner_v6ryx_53`,notice:`_notice_v6ryx_54`,body:`_body_v6ryx_65`,badge:`_badge_v6ryx_69`,fileActions:`_fileActions_v6ryx_80`,iconAction:`_iconAction_v6ryx_85`,hunk:`_hunk_v6ryx_113`,hunkBar:`_hunkBar_v6ryx_114`,hunkLabel:`_hunkLabel_v6ryx_120`,reviewed:`_reviewed_v6ryx_127`,hunkActions:`_hunkActions_v6ryx_136`,hunkButton:`_hunkButton_v6ryx_137`,undoDialog:`_undoDialog_v6ryx_155`,undoBody:`_undoBody_v6ryx_156`,facts:`_facts_v6ryx_161`,rootNote:`_rootNote_v6ryx_178`,undoRoot:`_undoRoot_v6ryx_179`,undoRootName:`_undoRootName_v6ryx_180`,undoList:`_undoList_v6ryx_186`,conflict:`_conflict_v6ryx_202`,conflictPath:`_conflictPath_v6ryx_213`,conflictWhy:`_conflictWhy_v6ryx_223`,conflictTabs:`_conflictTabs_v6ryx_224`,tab:`_tab_v6ryx_225`,conflictText:`_conflictText_v6ryx_237`,choices:`_choices_v6ryx_251`,choice:`_choice_v6ryx_251`,error:`_error_v6ryx_261`,hint:`_hint_v6ryx_262`,dialogActions:`_dialogActions_v6ryx_263`,host:`_host_v6ryx_279`,hostBar:`_hostBar_v6ryx_285`,hostBody:`_hostBody_v6ryx_293`,thread:`_thread_v6ryx_302`,commentEditor:`_commentEditor_v6ryx_303`,threadComment:`_threadComment_v6ryx_304`,commentActions:`_commentActions_v6ryx_305`,replyButton:`_replyButton_v6ryx_306`,drafts:`_drafts_v6ryx_309`,picker:`_picker_v6ryx_310`,orphans:`_orphans_v6ryx_318`,orphansTitle:`_orphansTitle_v6ryx_326`,draftList:`_draftList_v6ryx_345`,draftBody:`_draftBody_v6ryx_358`,menuWrap:`_menuWrap_v6ryx_367`,menu:`_menu_v6ryx_367`,menuItem:`_menuItem_v6ryx_384`,menuLabel:`_menuLabel_v6ryx_403`,menuNote:`_menuNote_v6ryx_404`},z=e();function We({label:e,initial:t=``,submitLabel:n,picker:r,onSave:i,onCancel:a}){let[o,s]=(0,T.useState)(t),c=(0,T.useRef)(null),l=(0,T.useId)(),u=(0,T.useRef)(typeof document<`u`?document.activeElement:null);(0,T.useEffect)(()=>{c.current?.focus()},[]);let d=()=>{let e=u.current;e instanceof HTMLElement&&e.isConnected&&e.focus()},f=()=>{let e=o.trim();e&&(i(e),d())},p=()=>{a(),d()};return(0,z.jsxs)(`div`,{className:`${w.editor} ${R.commentEditor}`,children:[r,(0,z.jsx)(`label`,{htmlFor:l,className:w.editorLabel,children:e}),(0,z.jsx)(`textarea`,{id:l,ref:c,className:w.editorInput,rows:2,value:o,maxLength:E,placeholder:`What should change here?`,onChange:e=>s(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)?(e.preventDefault(),f()):e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),p())}}),(0,z.jsxs)(`div`,{className:w.editorActions,children:[(0,z.jsx)(`span`,{className:w.editorHint,children:`⌘Enter saves · Esc cancels · drafts are kept until you send them`}),(0,z.jsx)(`button`,{type:`button`,className:w.linkButton,onClick:p,children:`Cancel`}),(0,z.jsx)(`button`,{type:`button`,className:w.saveButton,onClick:f,disabled:!o.trim(),children:n})]})]})}function Ge({path:e,comments:t,actions:n,replying:r}){let[i,a]=(0,T.useState)(null),o=t[0];if(!o)return null;let s=M(o);return(0,z.jsxs)(`div`,{className:R.thread,role:`group`,"aria-label":`Review comments on ${s} of ${e}`,children:[t.map((t,r)=>i===t.id?(0,z.jsx)(We,{label:`Edit the comment on ${s.toLowerCase()}`,initial:t.body,submitLabel:`Save`,onCancel:()=>a(null),onSave:e=>{n.onEdit(t.id,e),a(null)}},t.id):(0,z.jsxs)(`div`,{className:`${w.comment} ${R.threadComment}`,children:[(0,z.jsx)(`span`,{className:w.commentWhere,children:r===0?s:`Reply`}),(0,z.jsx)(`p`,{className:w.commentText,children:t.body}),(0,z.jsxs)(`span`,{className:R.commentActions,children:[(0,z.jsx)(`button`,{type:`button`,className:w.linkButton,onClick:()=>a(t.id),"aria-label":`Edit the comment on ${s.toLowerCase()} of ${e}`,children:`Edit`}),(0,z.jsx)(`button`,{type:`button`,className:w.linkButton,"data-tone":`danger`,onClick:()=>n.onDelete(t.id),"aria-label":`Delete the comment on ${s.toLowerCase()} of ${e}`,children:`Delete`})]})]},t.id)),!r&&i===null?(0,z.jsx)(`button`,{type:`button`,className:`${w.linkButton} ${R.replyButton}`,onClick:()=>n.onReply(o),"aria-label":`Add another comment on ${s.toLowerCase()} of ${e}`,children:`Add a comment`}):null]})}var Ke=3e3,qe=/^@@ -\d+(?:,\d+)? \+\d+(?:,\d+)? @@/;function B(e,t){let n=e.replace(/^@@[^@]*@@/,``).trim(),r=/^@@ -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@/.exec(e),i=r?`Line ${r[2]}`:`Hunk ${t+1}`;return n?`${i} · ${n}`:i}function V(e,t){let n=s(e).files[0];return n?{hunks:n.hunks.map((e,n)=>{let r=t[n],i=qe.exec(e.header)?.[0],a=r&&i&&r.header.startsWith(i)?r:null,s=o(e.lines),c=new Map;for(let e of s)if(e.left&&e.right&&e.left.kind===`del`&&e.right.kind===`add`){let t=he(e.left.text,e.right.text);t&&(c.set(e.left,t.old),c.set(e.right,t.new))}return{key:`h${n}`,label:B(e.header,n),core:Ee(e.header),lines:e.lines,info:a,unified:e.lines.map((e,t)=>({key:`h${n}l${t}`,line:e,spans:c.get(e)??[]})),split:s.map((e,t)=>({key:`h${n}p${t}`,left:e.left,right:e.right,leftSpans:e.left?c.get(e.left)??[]:[],rightSpans:e.right?c.get(e.right)??[]:[]}))}}),notice:n.unparsedNotice,status:n.status}:{hunks:[],notice:null,status:`modified`}}function Je({path:e,text:t,truncated:n,binary:r,hunks:i,layout:a,actionable:o,busyHunk:s,onHunk:c,review:u}){let d=l(e),f=(0,T.useMemo)(()=>V(t,i),[t,i]),[p,m]=(0,T.useState)(!1),[h,g]=(0,T.useState)(null),ee=(0,T.useId)();(0,T.useEffect)(()=>g(null),[a,t]);let _=(0,T.useMemo)(()=>{let e=new Map,t=[];if(!u)return{at:e,orphans:t};let n=new Map;for(let e of f.hunks)n.has(e.core)||n.set(e.core,e);for(let r of je(u.comments)){let i=r[0],o=n.get(i.hunk);if(!o){t.push(r);continue}let s=H(o);if(i.line!==null){let e=k(i),t=a===`split`?o.split.find(t=>t.right&&k(O(t.right))===e||t.left&&k(O(t.left))===e):o.unified.find(t=>k(O(t.line))===e);t&&(s=t.key)}e.set(s,[...e.get(s)??[],r])}return{at:e,orphans:t}},[f,u,a]);if(r)return(0,z.jsx)(`p`,{className:w.patchNotice,children:`Binary file — accept or reject it as a whole.`});if(f.hunks.length===0)return f.notice?(0,z.jsx)(`p`,{className:w.patchNotice,children:f.notice}):(0,z.jsx)(`p`,{className:w.patchNotice,children:f.status===`renamed`?`Renamed with no content changes.`:`No line changes (a mode or permission change).`});let v=p?1/0:Ke,te=!1,ne=f.hunks.reduce((e,t)=>e+(a===`split`?t.split.length:t.unified.length),0),re=()=>g(null),ie=(e,t,n)=>g({kind:`new`,hunk:e.key,at:t,index:n}),y=e=>u?{onEdit:u.onEdit,onDelete:u.onDelete,onReply:t=>g({kind:`reply`,at:e,anchor:U(t)})}:null,b=(t,n)=>{if(!u||!h||h.at!==n)return null;if(h.kind===`reply`){let t=h.anchor;return(0,z.jsx)(We,{label:`Another comment on ${M(t).toLowerCase()} of ${e}`,submitLabel:`Add comment`,onCancel:re,onSave:e=>{u.onAdd(t,e),re()}})}if(h.hunk!==t.key)return null;let r=h.index,i=r===null?null:t.lines[r]??null,a=i?O(i):{line:null,side:`new`},o=M({hunk:t.core,...a}),s=(0,z.jsxs)(`div`,{className:R.picker,children:[(0,z.jsx)(`label`,{htmlFor:ee,className:w.editorLabel,children:`Anchor`}),(0,z.jsxs)(`select`,{id:ee,className:R.select,value:i?String(r):``,onChange:e=>g({...h,index:e.target.value===``?null:Number(e.target.value)}),children:[(0,z.jsxs)(`option`,{value:``,children:[`Whole change · `,M({hunk:t.core,line:null,side:`new`})]}),t.lines.map((e,n)=>{let r=O(e);return r.line===null?null:(0,z.jsxs)(`option`,{value:n,children:[M({hunk:t.core,...r}),`: `,e.kind===`add`?`+`:e.kind===`del`?`−`:` `,e.text.trim().slice(0,60)]},n)})]})]});return(0,z.jsx)(We,{label:`Comment on ${o.toLowerCase()} of ${e}`,submitLabel:`Add comment`,picker:s,onCancel:re,onSave:n=>{u.onAdd({path:e,hunk:t.core,line:a.line,side:a.side,...j(t.lines,i?r:null)},n),re()}})},ae=(t,n)=>{let r=y(n);if(!r)return null;let i=_.at.get(n)??[],a=b(t,n);return i.length===0&&!a?null:(0,z.jsx)(`tr`,{className:w.threadRow,children:(0,z.jsxs)(`td`,{colSpan:5,children:[i.map(t=>(0,z.jsx)(Ge,{path:e,comments:t,actions:r,replying:h?.kind===`reply`&&h.at===n&&Ye(h.anchor,t[0])},t[0].id)),a]})})},x=(t,n,r)=>{let i=r?O(r):null;if(!u||!r||!i||i.line===null)return(0,z.jsx)(`td`,{className:w.gutter,"aria-hidden":`true`});let a=M({hunk:t.core,...i}).toLowerCase();return(0,z.jsx)(`td`,{className:w.gutter,children:(0,z.jsx)(`button`,{type:`button`,className:w.gutterAdd,tabIndex:-1,onClick:()=>ie(t,n,t.lines.indexOf(r)),"aria-label":`Comment on ${a} of ${e}`,title:`Comment on ${a}`,children:`+`})})},oe=y(`orphans`);return(0,z.jsxs)(`div`,{className:w.patch,children:[n?(0,z.jsx)(`p`,{className:w.truncated,role:`note`,children:`Showing the first 256 KB of this file’s changes. Reject it as a whole, or open it in your editor for the rest.`}):null,oe&&_.orphans.length>0?(0,z.jsxs)(`div`,{className:R.orphans,children:[(0,z.jsx)(`p`,{className:R.orphansTitle,children:`Comments on changes no longer in this diff`}),_.orphans.map(t=>(0,z.jsx)(Ge,{path:e,comments:t,actions:oe,replying:!0},t[0].id))]}):null,(0,z.jsx)(`table`,{className:w.grid,"data-layout":a,"aria-label":`Changes in ${e}`,children:f.hunks.map(t=>{if(v<=0)return te=!0,null;let n=a===`split`?t.split:t.unified,r=n.slice(0,Math.max(0,v));v-=r.length,r.length<n.length&&(te=!0);let i=t.info?.accepted??!1,l=t.info!==null&&s===t.info.hash;return(0,z.jsxs)(`tbody`,{className:R.hunk,"data-accepted":i?`true`:void 0,children:[(0,z.jsx)(`tr`,{className:w.hunkRow,children:(0,z.jsx)(`td`,{colSpan:5,children:(0,z.jsxs)(`div`,{className:R.hunkBar,children:[(0,z.jsx)(`span`,{className:R.hunkLabel,children:t.label}),i?(0,z.jsx)(`span`,{className:R.reviewed,children:`Accepted`}):null,u?(0,z.jsx)(`button`,{type:`button`,className:R.hunkButton,onClick:()=>ie(t,H(t),null),"aria-label":`Comment on the change at ${t.label} in ${e}`,children:`Comment`}):null,o&&t.info?(0,z.jsxs)(`span`,{className:R.hunkActions,children:[i?null:(0,z.jsx)(`button`,{type:`button`,className:R.hunkButton,disabled:s!==null,onClick:()=>c(t.info.hash,`accept`),"aria-label":`Accept the change at ${t.label} in ${e}`,children:`Accept`}),(0,z.jsx)(`button`,{type:`button`,className:R.hunkButton,"data-tone":`danger`,disabled:s!==null,"aria-busy":l||void 0,onClick:()=>c(t.info.hash,`reject`),"aria-label":`Reject the change at ${t.label} in ${e} (restore it from the checkpoint)`,children:l?`Restoring…`:`Reject`})]}):null]})})}),ae(t,H(t)),a===`unified`?r.map(e=>(0,z.jsxs)(T.Fragment,{children:[(0,z.jsxs)(`tr`,{className:w.lineRow,"data-kind":e.line.kind,children:[(0,z.jsx)(`td`,{className:w.no,"aria-hidden":`true`,children:e.line.oldLineNo??``}),(0,z.jsx)(`td`,{className:w.no,"aria-hidden":`true`,children:e.line.newLineNo??``}),x(t,e.key,e.line),(0,z.jsx)(`td`,{className:w.marker,"aria-hidden":`true`,children:e.line.kind===`add`?`+`:e.line.kind===`del`?`−`:``}),(0,z.jsx)(`td`,{className:w.code,"aria-label":W(e.line),children:(0,z.jsx)(G,{text:e.line.text,lang:d,spans:e.line.kind===`context`?[]:e.spans})})]}),ae(t,e.key)]},e.key)):r.map(e=>(0,z.jsxs)(T.Fragment,{children:[(0,z.jsxs)(`tr`,{className:w.lineRow,"data-kind":`pair`,children:[(0,z.jsx)(`td`,{className:w.no,"aria-hidden":`true`,children:e.left?.oldLineNo??``}),(0,z.jsx)(`td`,{className:w.half,"data-kind":e.left?.kind??`empty`,"aria-label":e.left?W(e.left):void 0,children:e.left?(0,z.jsx)(G,{text:e.left.text,lang:d,spans:e.left.kind===`context`?[]:e.leftSpans}):null}),x(t,e.key,e.right??e.left),(0,z.jsx)(`td`,{className:w.no,"aria-hidden":`true`,children:e.right?.newLineNo??``}),(0,z.jsx)(`td`,{className:w.half,"data-kind":e.right?.kind??`empty`,"aria-label":e.right&&e.right!==e.left?W(e.right):void 0,children:e.right?(0,z.jsx)(G,{text:e.right.text,lang:d,spans:e.right.kind===`context`?[]:e.rightSpans}):null})]}),ae(t,e.key)]},e.key))]},t.key)})}),te?(0,z.jsxs)(`button`,{type:`button`,className:w.showAll,onClick:()=>m(!0),children:[`Show all `,ne.toLocaleString(`en-US`),` lines`]}):null]})}function H(e){return`${e.key}:bar`}function U(e){return{path:e.path,hunk:e.hunk,line:e.line,side:e.side,excerpt:e.excerpt,excerptAt:e.excerptAt}}function Ye(e,t){return e.path===t.path&&e.hunk===t.hunk&&k(e)===k(t)}function W(e){let t=e.kind===`del`?e.oldLineNo:e.newLineNo,n=e.kind===`add`?`added`:e.kind===`del`?`removed`:`unchanged`;return`Line ${t??`—`}, ${n}: ${e.text}`}function G({text:e,lang:t,spans:n}){let r=c(e,t);if(n.length===0)return(0,z.jsx)(`code`,{className:w.codeText,children:r.map((e,t)=>(0,z.jsx)(`span`,{className:w[`tok_${e.kind}`],children:e.text},t))});let i=e=>n.some(([t,n])=>e>=t&&e<n),a=new Set([0,e.length]);for(let[e,t]of n)a.add(e),a.add(t);let o=[],s=0;for(let t of r){let n=s,r=s+t.text.length,c=[n,...[...a].filter(e=>e>n&&e<r).sort((e,t)=>e-t),r];for(let n=0;n<c.length-1;n++){let r=c[n],a=c[n+1];a>r&&o.push({text:e.slice(r,a),kind:t.kind,em:i(r)})}s=r}return(0,z.jsx)(`code`,{className:w.codeText,children:o.map((e,t)=>(0,z.jsx)(`span`,{className:`${w[`tok_${e.kind}`]??``} ${e.em?w.em:``}`,"data-em":e.em?`true`:void 0,children:e.text},t))})}function Xe({seats:e,onPick:t,disabled:n=!1,busy:r=!1,disabledReason:i}){let[a,o]=(0,T.useState)(!1),[s,c]=(0,T.useState)(0),l=(0,T.useId)(),u=(0,T.useRef)(null),d=(0,T.useRef)(null),f=(0,T.useRef)([]),p=(0,T.useCallback)(e=>{o(!1),e&&u.current?.focus()},[]),m=t=>{e.length!==0&&(c(t===`first`?0:e.length-1),o(!0))};(0,T.useEffect)(()=>{a&&f.current[s]?.focus()},[a,s]),(0,T.useEffect)(()=>{if(!a)return;let e=e=>{let t=e.target;d.current?.contains(t)||u.current?.contains(t)||p(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[a,p]);let h=e=>{e.key===`ArrowDown`?(e.preventDefault(),m(`first`)):e.key===`ArrowUp`&&(e.preventDefault(),m(`last`))},ee=t=>{let n=e.length;if(n!==0)switch(t.key){case`ArrowDown`:t.preventDefault(),c(e=>(e+1)%n);break;case`ArrowUp`:t.preventDefault(),c(e=>(e-1+n)%n);break;case`Home`:t.preventDefault(),c(0);break;case`End`:t.preventDefault(),c(n-1);break;case`Escape`:t.preventDefault(),t.stopPropagation(),p(!0);break;case`Tab`:p(!1)}},v=e=>{p(!0),t(e)},te=n||e.length===0;return(0,z.jsxs)(`div`,{className:R.menuWrap,children:[(0,z.jsx)(g,{ref:u,size:`sm`,variant:`ghost`,trailingIcon:(0,z.jsx)(_,{width:14,height:14,"aria-hidden":`true`}),"aria-haspopup":`menu`,"aria-expanded":a,"aria-controls":a?l:void 0,disabled:te,busy:r,title:te?i??(e.length===0?`No other seat is available to review`:void 0):`Ask another seat to review these changes (read-only, in a new chat)`,onClick:()=>a?p(!1):m(`first`),onKeyDown:h,children:`Re-review with…`}),a?(0,z.jsx)(`div`,{ref:d,id:l,role:`menu`,"aria-label":`Re-review with`,className:R.menu,tabIndex:-1,onKeyDown:ee,children:e.map((e,t)=>(0,z.jsxs)(`button`,{ref:e=>{f.current[t]=e},type:`button`,role:`menuitem`,className:R.menuItem,tabIndex:t===s?0:-1,onClick:()=>v(e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),v(e))},children:[(0,z.jsx)(`span`,{className:R.menuLabel,children:e.label}),e.ready?null:(0,z.jsx)(`span`,{className:R.menuNote,children:`Not reported ready — it may decline`})]},e.seatId))}):null]})}var K=[{value:`merge`,label:`Merge both`,hint:`Keep the later edits and revert the agent’s`},{value:`keep`,label:`Keep current`,hint:`Leave the file exactly as it is on disk`},{value:`checkpoint`,label:`Use checkpoint`,hint:`Overwrite with the checkpoint (later edits are lost; Redo brings them back)`}];function Ze({open:e,preview:t,turnLabel:n,rootNames:i,busy:a,error:o,onClose:s,onConfirm:c}){let l=(0,T.useId)(),u=(0,T.useRef)(null),[d,f]=(0,T.useState)({});(0,T.useEffect)(()=>{t&&f(_e(t))},[t]);let p=(0,T.useMemo)(()=>t?ye(t):null,[t]),m=t?C(t,d):[],h=t?.kind===`redo`,ee=(t?.roots.length??0)>1,_=p!==null&&p.restore+p.remove+p.conflicts===0,v=(e,t,n)=>{f(r=>({...r,[e]:{...r[e]??{},[t]:n}}))};return(0,z.jsx)(r,{open:e,onClose:s,titleId:l,title:h?`Redo ${n}`:`Undo ${n}`,description:h?`Puts back the files exactly as they were before the undo.`:`Restores the files to the checkpoint taken before this turn (and undoes every turn after it). The current state is kept, so you can redo.`,initialFocusRef:u,widthClassName:R.undoDialog,children:!t||!p?null:(0,z.jsxs)(`div`,{className:R.undoBody,children:[(0,z.jsxs)(`ul`,{className:R.facts,"aria-label":`What this will do`,children:[p.restore>0?(0,z.jsxs)(`li`,{children:[`Restores `,S(p.restore,`file`),`.`]}):null,p.remove>0?(0,z.jsxs)(`li`,{children:[`Removes `,S(p.remove,`file`),` the `,h?`undo`:`agent`,` created.`]}):null,p.conflicts>0?(0,z.jsxs)(`li`,{"data-tone":`warning`,children:[(0,z.jsx)(`strong`,{children:S(p.conflicts,`file`)}),` changed again after the `,h?`undo`:`agent`,` — choose for each below.`]}):null,p.kept>0?(0,z.jsxs)(`li`,{children:[`Leaves `,S(p.kept,`file`),` alone: only you changed `,p.kept===1?`it`:`them`,` since.`]}):null,p.uncaptured>0?(0,z.jsxs)(`li`,{"data-tone":`warning`,children:[S(p.uncaptured,`file`),` `,p.uncaptured===1?`was`:`were`,` too large to checkpoint and will not be touched.`]}):null,_?(0,z.jsx)(`li`,{children:`Nothing to restore: the files already match.`}):null]}),t.roots.map(e=>{let t=i[e.rootId]??`repository`;return e.unavailable?(0,z.jsxs)(`p`,{className:R.rootNote,role:`note`,children:[(0,z.jsx)(`strong`,{children:t}),`: `,e.unavailable]},e.rootId):e.apply.length+e.conflicts.length+e.kept.length+e.uncaptured.length===0?null:(0,z.jsxs)(`section`,{className:R.undoRoot,"aria-label":ee?t:void 0,children:[ee?(0,z.jsx)(`h3`,{className:R.undoRootName,children:t}):null,e.apply.length>0?(0,z.jsxs)(`details`,{className:R.undoList,open:e.apply.length<=12,children:[(0,z.jsxs)(`summary`,{children:[S(e.apply.length,`file`),` to `,h?`put back`:`restore`]}),(0,z.jsx)(`ul`,{children:e.apply.map(e=>(0,z.jsxs)(`li`,{children:[(0,z.jsx)(`code`,{children:e.path}),e.action===`delete`?(0,z.jsx)(`span`,{className:R.badge,children:`removed`}):null]},e.path))})]}):null,e.conflicts.map(t=>(0,z.jsx)(Qe,{conflict:t,value:d[e.rootId]?.[t.path]??null,onChoose:n=>v(e.rootId,t.path,n)},t.path)),e.kept.length>0?(0,z.jsxs)(`details`,{className:R.undoList,children:[(0,z.jsxs)(`summary`,{children:[S(e.kept.length,`file`),` left as `,e.kept.length===1?`is`:`they are`]}),(0,z.jsx)(`ul`,{children:e.kept.map(e=>(0,z.jsx)(`li`,{children:(0,z.jsx)(`code`,{children:e})},e))})]}):null,e.uncaptured.length>0?(0,z.jsxs)(`details`,{className:R.undoList,children:[(0,z.jsxs)(`summary`,{children:[S(e.uncaptured.length,`file`),` not captured`]}),(0,z.jsx)(`ul`,{children:e.uncaptured.map(e=>(0,z.jsx)(`li`,{children:(0,z.jsx)(`code`,{children:e})},e))})]}):null]},e.rootId)}),o?(0,z.jsx)(`p`,{role:`alert`,className:R.error,children:o}):null,(0,z.jsxs)(`div`,{className:R.dialogActions,children:[m.length>0?(0,z.jsxs)(`span`,{className:R.hint,role:`status`,children:[`Choose what to do with `,S(m.length,`file`),` first.`]}):null,(0,z.jsx)(g,{variant:`ghost`,onClick:s,children:`Cancel`}),(0,z.jsx)(g,{ref:u,variant:h?`primary`:`danger`,busy:a,disabled:m.length>0||_,onClick:()=>c(d),children:h?`Redo`:`Undo ${n.toLowerCase()}`})]})]})})}function Qe({conflict:e,value:t,onChoose:n}){let r=(0,T.useId)(),[i,a]=(0,T.useState)(e.merge.text===null?`diff`:`merge`),o=e.kind===`unverified`?`There is no after-turn checkpoint to tell the agent’s edits from later ones.`:e.merge.text===null?`Edited after the agent; a line merge is not possible here (binary, too large, or deleted on one side).`:e.merge.clean?`Edited after the agent. The edits do not overlap, so both can be kept.`:`Edited after the agent, in the same lines (${S(e.merge.conflicts,`conflict`)}).`;return(0,z.jsxs)(`fieldset`,{className:R.conflict,"data-decided":t?`true`:void 0,children:[(0,z.jsxs)(`legend`,{className:R.conflictPath,children:[(0,z.jsx)(`code`,{children:e.path}),e.action===`delete`?(0,z.jsx)(`span`,{className:R.badge,children:`the checkpoint has no such file`}):null]}),(0,z.jsx)(`p`,{className:R.conflictWhy,children:o}),(0,z.jsxs)(`div`,{className:R.conflictTabs,role:`tablist`,"aria-label":`Preview for ${e.path}`,children:[e.merge.text===null?null:(0,z.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":i===`merge`,className:R.tab,onClick:()=>a(`merge`),children:e.merge.clean?`Merged result`:`Three-way (with markers)`}),(0,z.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":i===`diff`,className:R.tab,onClick:()=>a(`diff`),children:`Disk now → checkpoint`})]}),(0,z.jsx)(`pre`,{className:R.conflictText,tabIndex:0,"aria-label":i===`merge`?`Merge preview`:`Diff from the file on disk to the checkpoint`,children:i===`merge`?e.merge.text:e.diff||`No text diff (binary file).`}),(0,z.jsx)(`div`,{className:R.choices,role:`radiogroup`,"aria-label":`What to do with ${e.path}`,children:K.map(i=>{let a=i.value===`merge`&&!e.merge.clean;return(0,z.jsxs)(`label`,{className:R.choice,"data-disabled":a?`true`:void 0,title:i.hint,children:[(0,z.jsx)(`input`,{type:`radio`,name:r,value:i.value,checked:t===i.value,disabled:a,onChange:()=>n(i.value)}),(0,z.jsx)(`span`,{children:i.label})]},i.value)})})]})}var $e=e=>se(x,e),et=[],tt=[],nt=60,rt={status:m,commit:f,openPr:d};function it({sessionId:e,visible:t=!0,client:n=be,git:r=rt,pollMs:o=3e3,session:s=null,seats:c=et,onOpenSession:l,ask:d=$e}){let[f,m]=(0,T.useState)({state:`idle`}),[_,ie]=(0,T.useState)(null),[b,ae]=(0,T.useState)(null),[x,se]=(0,T.useState)(`since`),[he,_e]=(0,T.useState)(`unified`),[C,ye]=(0,T.useState)({state:`idle`}),[E,Ce]=(0,T.useState)(null),[D,we]=(0,T.useState)({state:`idle`}),[Te,Ee]=(0,T.useState)(0),[O,k]=(0,T.useState)(null),[A,De]=(0,T.useState)(null),[j,Oe]=(0,T.useState)(null),[M,je]=(0,T.useState)({turnId:null,list:tt}),[Me,Ne]=(0,T.useState)(null),[P,F]=(0,T.useState)(null),[I,Pe]=(0,T.useState)(null),[Ie,Re]=(0,T.useState)(!1),[ze,Be]=(0,T.useState)(null),L=ne(),We=(0,T.useId)(),Ge=(0,T.useId)(),Ke=(0,T.useRef)(null),qe=(0,T.useRef)(!0),B=(0,T.useCallback)(()=>Ee(e=>e+1),[]);(0,T.useEffect)(()=>{if(!t)return;let r=new AbortController;return m(e=>e.state===`ready`?e:{state:`loading`}),n.list(e,r.signal).then(e=>m({state:`ready`,data:e}),e=>{r.signal.aborted||m({state:`error`,message:ge(e),code:ve(e)})}),()=>r.abort()},[n,e,t,Te]);let V=f.state===`ready`?f.data:null,H=V?.running??!1;(0,T.useEffect)(()=>{if(!t||!H)return;let e=setInterval(B,o);return()=>clearInterval(e)},[t,H,o,B]);let U=(0,T.useMemo)(()=>V?.turns??[],[V]),Ye=(0,T.useMemo)(()=>U.filter(de),[U]);(0,T.useEffect)(()=>{if(U.length===0){ie(null);return}let e=U[U.length-1];(_===null||!U.some(e=>e.turnId===_)||qe.current)&&ie(e.turnId)},[U,_]);let W=U.find(e=>e.turnId===_)??null,G=x===`all`?Ye[0]??null:W,K=(0,T.useMemo)(()=>G?G.roots.filter(e=>e.pre?.commit).map(e=>e.rootId):[],[G]),Qe=(0,T.useMemo)(()=>Object.fromEntries((V?.roots??[]).map(e=>[e.rootId,e.name])),[V]),it=e=>V?.roots.find(t=>t.rootId===e)?.path??null;(0,T.useEffect)(()=>{(b===null||!K.includes(b))&&ae(K[0]??null)},[K,b]);let ot=x===`turn`?`turn`:`since`;(0,T.useEffect)(()=>{if(!t||!G||!b||!K.includes(b)){ye({state:`idle`});return}let r=new AbortController;return ye(e=>e.state===`ready`?e:{state:`loading`}),n.diff({chatId:e,turnId:G.turnId,rootId:b,mode:ot},r.signal).then(e=>ye({state:`ready`,data:e}),e=>{r.signal.aborted||ye({state:`error`,message:ge(e),code:ve(e)})}),()=>r.abort()},[n,e,G,b,K,ot,t,Te]);let J=(0,T.useMemo)(()=>C.state===`ready`?C.data.files:[],[C]),st=(0,T.useMemo)(()=>ue(J),[J]),Y=(0,T.useMemo)(()=>st.flatMap(e=>e.files.map(e=>e.path)),[st]),ct=C.state===`ready`&&C.data.actionable&&!H;(0,T.useEffect)(()=>{(E===null||!Y.includes(E))&&Ce(Y[0]??null)},[Y,E]),(0,T.useEffect)(()=>{if(!t||!G||!b||E===null||C.state!==`ready`){we({state:`idle`});return}let r=new AbortController;return we(e=>e.state===`ready`&&e.data.patch?.path===E?e:{state:`loading`}),n.diff({chatId:e,turnId:G.turnId,rootId:b,mode:ot,file:E},r.signal).then(e=>we({state:`ready`,data:e}),e=>{r.signal.aborted||we({state:`error`,message:ge(e),code:ve(e)})}),()=>r.abort()},[n,e,G,b,ot,E,C,t]);let X=(e,t=`ok`)=>Oe({text:e,tone:t}),lt=async(t,r)=>{if(G&&b){k({file:t.file,hunk:t.hunk??null}),De(null),Oe(null);try{let i=r===`reject`?`Restore ${t.hunk?`one change in `:``}${t.file} from the checkpoint before ${q(G)}.`:`Mark ${t.file} reviewed.`;if(await L.run(i,()=>n.review({chatId:e,turnId:G.turnId,rootId:b,file:t.file,...t.hunk?{hunk:t.hunk}:{},decision:r}))===null)return;X(r===`accept`?`Accepted ${t.hunk?`the change in `:``}${t.file}.`:`Restored ${t.hunk?`the change in `:``}${t.file} from the checkpoint.`),B()}catch(e){X(ge(e),`error`),ve(e)===`VERSE_CHECKPOINT_STALE`&&B()}finally{k(null)}}},ut=e=>{if(A!==e){De(e);return}lt({file:e},`reject`)};(0,T.useEffect)(()=>{if(A===null)return;let e=setTimeout(()=>De(null),5e3);return()=>clearTimeout(e)},[A]);let dt=async t=>{let r=t===`undo`?W:U.find(e=>e.turnId===V?.redo?.turnId)??null;if(!r)return;let i=q(r);F({kind:t,turnLabel:i,preview:null,busy:!0,error:null});try{let a=await L.run(t===`undo`?`Prepare to undo ${i}: take a snapshot and compare it with the checkpoint.`:`Prepare to redo ${i}.`,()=>t===`undo`?n.previewUndo(e,r.turnId):n.previewRedo(e));if(a===null){F(null);return}F({kind:t,turnLabel:i,preview:a,busy:!1,error:null})}catch(e){F(null),X(ge(e),`error`)}},ft=async t=>{if(!P?.preview)return;let{preview:r,kind:i,turnLabel:a}=P;F({...P,busy:!0,error:null});try{let o=await L.run(i===`undo`?`Undo ${a}.`:`Redo ${a}.`,()=>n.apply(e,r.previewId,t));if(o===null){F(e=>e&&{...e,busy:!1});return}let s=o.roots.reduce((e,t)=>e+t.written.length+t.deleted.length+t.merged.length,0);F(null),X(i===`undo`?`Undid ${a}: ${S(s,`file`)} restored. Redo puts them back.`:`Redid ${a}: ${S(s,`file`)} put back.`),B()}catch(e){let t=ve(e)===`VERSE_CHECKPOINT_STALE`;F(n=>n&&{...n,busy:!1,error:ge(e)+(t?` Close this and open Undo again to review the new state.`:``)})}},pt=async e=>{let t=it(b);if(t){Be(null);try{let n=await r.status(t);Pe({kind:e,root:t,status:n})}catch(e){X(p(e),`error`)}}},mt=async(e,t,n)=>{Re(!0),Be(null);try{let r=await L.run(e,t);if(r===null)return;Pe(null),X(n(r)),B()}catch(e){Be(p(e))}finally{Re(!1)}};(0,T.useEffect)(()=>{_!==null&&M.turnId!==_&&je({turnId:_,list:Ve(e,_)})},[e,_,M.turnId]);let Z=_!==null&&M.turnId===_?M.list:tt,ht=(0,T.useCallback)((t,n)=>{je(r=>{let i=n(r.turnId===t?r.list:Ve(e,t));return He(e,t,i),r.turnId===t?{turnId:t,list:i}:r})},[e]),gt=e=>{if(_===null)return;let t=_;return{comments:Z.filter(t=>t.path===e),onAdd:(e,n)=>ht(t,t=>[...t,{...e,id:Ue(),body:n,at:new Date().toISOString()}]),onEdit:(e,n)=>ht(t,t=>t.map(t=>t.id===e?{...t,body:n}:t)),onDelete:e=>ht(t,t=>t.filter(t=>t.id!==e))}},_t=(s?c.find(e=>e.id===s.seatId)?.label:null)??`this chat’s agent`,vt=(0,T.useMemo)(()=>s?oe(c).filter(e=>e.seatId!==s.seatId):[],[c,s]),yt=async()=>{if(!s||_===null||Z.length===0)return;let e=_,t=Fe(Z,{turnLabel:W?q(W):`the last turn`});if(t.included.length===0){X(`These comments are too long to send in one message. Shorten them and send again.`,`error`);return}let n={seatId:s.seatId,model:s.model||null,label:_t,engine:s.engine},r=t.included.length;Ne(`comments`),Oe(null);try{if(await L.run(`Send ${S(r,`review comment`)} to ${_t} as the next turn in this chat.`,()=>d({source:s,target:n,text:t.text}))===null)return;let i=new Set(t.included);ht(e,e=>e.filter(e=>!i.has(e.id))),X(t.omitted>0?`Sent ${S(r,`comment`)} to ${_t}. ${S(t.omitted,`comment`)} did not fit in one message and ${t.omitted===1?`is`:`are`} still drafted — send again for the rest.`:`Sent ${S(r,`comment`)} to ${_t}.`),B()}catch(e){X(re(e),`error`)}finally{Ne(null)}},bt=async t=>{if(!s||!G||!b||C.state!==`ready`)return;let r=x===`turn`?q(G):x===`all`?`everything this chat changed`:`everything since before ${q(G)}`;Ne(`review`),Oe(null);let i=[],a=[];try{let t=0,r=new Map(J.map(e=>[e.path,e]));for(let o of Y){let s=r.get(o);if(!s)continue;if(s.binary||!s.captured||t>24576||i.length>=nt){a.push(o);continue}let c=(D.state===`ready`&&D.data.patch?.path===o?D.data.patch:null)??(await n.diff({chatId:e,turnId:G.turnId,rootId:b,mode:ot,file:o})).patch;if(!c||c.binary||!c.text.trim()){a.push(o);continue}i.push({path:o,text:c.text}),t+=N(c.text)}}catch(e){X(ge(e),`error`),Ne(null);return}let o=Le({authorLabel:_t,scopeLabel:r,patches:i,unshown:a,totals:me(J),comments:Z});try{let e=`Review · ${s.title.trim().slice(0,80)||r}`,n=await L.run(`Ask ${t.label} for a read-only review of ${r}, in a new chat on the same folders.`,()=>d({source:s,target:t,text:o.text,relation:`review`,title:e}));if(n===null)return;let i=o.shownFiles<J.length?` (${S(o.shownFiles,`file`)} of ${J.length} in the message; it can read the rest)`:``;Oe({text:`Asked ${n.label} to review ${r} in a new chat${i}.`,tone:`ok`,open:{sessionId:n.sessionId,label:n.label}})}catch(e){X(re(e),`error`)}finally{Ne(null)}},xt=e=>{if(Y.length===0)return;let t=E===null?-1:Y.indexOf(E),n=t=>{e.preventDefault();let n=Y[Math.max(0,Math.min(Y.length-1,t))];Ce(n),Ke.current?.querySelector(`[data-path="${CSS.escape(n)}"]`)?.scrollIntoView?.({block:`nearest`})};e.key===`ArrowDown`?n(t+1):e.key===`ArrowUp`?n(t-1):e.key===`Home`?n(0):e.key===`End`&&n(Y.length-1)};if(f.state===`error`)return(0,z.jsx)(`section`,{className:`${w.pane} ${R.panel}`,"aria-label":`Changes`,children:(0,z.jsx)(y,{compact:!0,tone:`error`,title:`Changes are unavailable`,body:f.message,action:(0,z.jsx)(g,{size:`sm`,variant:`subtle`,onClick:B,children:`Try again`})})});if(f.state!==`ready`||!V)return(0,z.jsx)(`section`,{className:`${w.pane} ${R.panel}`,"aria-label":`Changes`,"aria-busy":`true`,children:(0,z.jsxs)(`div`,{className:w.skeleton,children:[(0,z.jsx)(a,{}),(0,z.jsx)(a,{}),(0,z.jsx)(a,{})]})});if(U.length===0)return(0,z.jsx)(`section`,{className:`${w.pane} ${R.panel}`,"aria-label":`Changes`,children:(0,z.jsx)(y,{compact:!0,title:`No checkpoints yet`,body:`Before every turn Verse takes a checkpoint of this chat’s repositories. Send a message and the agent’s changes appear here, ready to review or undo.`})});let St=me(J),Q=J.find(e=>e.path===E)??null,$=D.state===`ready`?D.data.patch:null,Ct=!H&&W!==null&&de(W),wt=V.redo?U.find(e=>e.turnId===V.redo.turnId)??null:null,Tt=G&&!de(G)?xe(G)??`No checkpoint was taken before this turn.`:null;return(0,z.jsxs)(`section`,{className:`${w.pane} ${R.panel}`,"aria-label":`Changes`,children:[(0,z.jsxs)(`div`,{className:`${Se.header} ${R.head}`,children:[(0,z.jsx)(`label`,{className:R.visuallyHidden,htmlFor:We,children:`Turn`}),(0,z.jsx)(`select`,{id:We,className:R.select,value:_??``,disabled:x===`all`,onChange:e=>{qe.current=e.target.value===U[U.length-1]?.turnId,ie(e.target.value)},children:[...U].reverse().map(e=>(0,z.jsx)(`option`,{value:e.turnId,children:fe(e)},e.turnId))}),K.length>1?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`label`,{className:R.visuallyHidden,htmlFor:Ge,children:`Repository`}),(0,z.jsx)(`select`,{id:Ge,className:R.select,value:b??``,onChange:e=>ae(e.target.value),children:K.map(e=>(0,z.jsx)(`option`,{value:e,children:Qe[e]??e},e))})]}):b?(0,z.jsx)(`span`,{className:Se.title,title:it(b)??void 0,children:Qe[b]}):null,(0,z.jsx)(u,{size:`sm`,"aria-label":`Which changes`,value:x,onChange:se,options:[{value:`turn`,label:`This turn`},{value:`since`,label:`Since turn`},{value:`all`,label:`All turns`}]}),(0,z.jsxs)(`div`,{className:Se.actions,children:[(0,z.jsx)(u,{size:`sm`,"aria-label":`Diff layout`,value:he,onChange:_e,options:[{value:`unified`,label:`Unified`},{value:`split`,label:`Split`}]}),(0,z.jsx)(h,{size:`sm`,variant:`ghost`,icon:(0,z.jsx)(te,{}),"aria-label":`Refresh changes`,onClick:B})]})]}),(0,z.jsxs)(`div`,{className:R.toolbar,children:[(0,z.jsx)(`p`,{className:w.summary,"aria-live":`polite`,children:C.state===`ready`?(0,z.jsxs)(z.Fragment,{children:[S(St.files,`file`),` · `,(0,z.jsxs)(`span`,{className:w.add,children:[`+`,St.additions.toLocaleString(`en-US`)]}),` `,(0,z.jsxs)(`span`,{className:w.del,children:[`−`,St.deletions.toLocaleString(`en-US`)]}),(0,z.jsx)(`span`,{className:w.muted,children:x===`turn`?` in ${W?q(W):`this turn`}`:` since ${G?`before ${q(G)}`:`the checkpoint`}`})]}):null}),(0,z.jsxs)(`div`,{className:R.toolbarActions,children:[(0,z.jsx)(g,{size:`sm`,variant:`subtle`,disabled:!Ct,onClick:()=>void dt(`undo`),title:H?`Wait for the running turn to finish`:void 0,children:W&&W.index<U.length?`Rewind to before ${q(W)}…`:`Undo turn…`}),wt?(0,z.jsxs)(g,{size:`sm`,variant:`subtle`,disabled:H,onClick:()=>void dt(`redo`),children:[`Redo `,q(wt)]}):null,(0,z.jsx)(g,{size:`sm`,variant:`ghost`,disabled:H||!b,onClick:()=>void pt(`commit`),children:`Commit…`}),(0,z.jsx)(g,{size:`sm`,variant:`ghost`,disabled:H||!b,onClick:()=>void pt(`pr`),children:`Open PR…`}),s?(0,z.jsx)(Xe,{seats:vt,onPick:e=>void bt(e),disabled:Me!==null||C.state!==`ready`||J.length===0,busy:Me===`review`,disabledReason:vt.length===0?`No other seat is available to review`:J.length===0?`No changes to review`:void 0}):null]})]}),H?(0,z.jsx)(`p`,{className:R.banner,role:`status`,children:`A turn is running. Changes update when it ends; restoring waits until then.`}):null,j?(0,z.jsxs)(`p`,{className:R.notice,role:j.tone===`error`?`alert`:`status`,"data-tone":j.tone,children:[j.text,j.open&&l?(0,z.jsxs)(z.Fragment,{children:[` `,(0,z.jsxs)(`button`,{type:`button`,className:w.linkButton,onClick:()=>l(j.open.sessionId),children:[`Open `,j.open.label,`’s review`]})]}):null]}):null,Z.length>0?(0,z.jsxs)(`div`,{className:R.drafts,role:`region`,"aria-label":`Draft review comments`,children:[(0,z.jsxs)(`details`,{className:R.draftList,children:[(0,z.jsxs)(`summary`,{children:[S(Z.length,`draft comment`),W?` on ${q(W)}`:``]}),(0,z.jsx)(`ul`,{children:Ae(Z).map(e=>(0,z.jsxs)(`li`,{children:[(0,z.jsx)(`button`,{type:`button`,className:w.linkButton,disabled:!Y.includes(e.path),onClick:()=>Ce(e.path),"aria-label":`Show ${ke(e)}`,title:Y.includes(e.path)?void 0:`Not in this view`,children:(0,z.jsx)(`code`,{children:ke(e)})}),(0,z.jsx)(`span`,{className:R.draftBody,children:e.body}),(0,z.jsx)(`button`,{type:`button`,className:w.linkButton,"data-tone":`danger`,onClick:()=>_!==null&&ht(_,t=>t.filter(t=>t.id!==e.id)),"aria-label":`Delete the comment at ${ke(e)}`,children:`Delete`})]},e.id))})]}),(0,z.jsxs)(g,{size:`sm`,variant:`primary`,disabled:!s||H||Me!==null,busy:Me===`comments`,title:s?H?`Wait for the running turn to finish`:`Send them to ${_t} as the next turn`:`Open the chat to send comments`,onClick:()=>void yt(),children:[`Send `,S(Z.length,`comment`)]})]}):null,Tt?(0,z.jsx)(y,{compact:!0,title:`No checkpoint for this turn`,body:Tt}):C.state===`error`?(0,z.jsx)(y,{compact:!0,tone:`error`,title:`Could not read the changes`,body:C.message,action:(0,z.jsx)(g,{size:`sm`,variant:`subtle`,onClick:B,children:`Try again`})}):C.state===`ready`?J.length===0?(0,z.jsx)(y,{compact:!0,title:`No changes`,body:x===`turn`?`This turn did not change any files.`:`The files match the checkpoint.`}):(0,z.jsxs)(`div`,{className:`${w.body} ${R.body}`,children:[(0,z.jsx)(`nav`,{className:w.files,"aria-label":`Changed files`,children:(0,z.jsx)(`ul`,{ref:Ke,className:w.fileList,role:`listbox`,"aria-label":`Changed files`,tabIndex:0,onKeyDown:xt,"aria-activedescendant":E?`cf-${at(E)}`:void 0,children:st.map(e=>(0,z.jsxs)(`li`,{role:`presentation`,className:w.group,children:[e.dir?(0,z.jsx)(`span`,{className:w.dir,"aria-hidden":`true`,title:e.dir,children:e.dir}):null,(0,z.jsx)(`ul`,{role:`presentation`,className:w.groupFiles,children:e.files.map(e=>(0,z.jsxs)(`li`,{id:`cf-${at(e.path)}`,role:`option`,"aria-selected":e.path===E,"data-path":e.path,"data-status":e.status,"data-accepted":e.accepted?`true`:void 0,className:w.file,onClick:()=>Ce(e.path),"aria-label":`${e.path}, ${pe[e.status]}, ${e.additions} added, ${e.deletions} removed${e.editedAfterTurn?`, edited after the agent`:``}${e.accepted?`, accepted`:``}`,children:[(0,z.jsx)(`span`,{className:w.fileStatus,"aria-hidden":`true`,children:e.status}),(0,z.jsx)(`span`,{className:w.fileName,title:e.oldPath?`${e.oldPath} → ${e.path}`:e.path,children:e.name}),e.editedAfterTurn?(0,z.jsx)(`span`,{className:R.badge,title:`Edited after the agent's turn`,children:`edited`}):null,e.captured?null:(0,z.jsx)(`span`,{className:R.badge,title:`Too large to checkpoint`,children:`not captured`}),(0,z.jsx)(`span`,{className:w.fileCounts,"aria-hidden":`true`,children:e.binary?`bin`:(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(`span`,{className:w.add,children:[`+`,e.additions]}),` `,(0,z.jsxs)(`span`,{className:w.del,children:[`−`,e.deletions]})]})}),ct&&e.captured?(0,z.jsxs)(`span`,{className:R.fileActions,children:[e.accepted?null:(0,z.jsx)(`button`,{type:`button`,className:R.iconAction,disabled:O!==null,onClick:t=>{t.stopPropagation(),lt({file:e.path},`accept`)},"aria-label":`Accept ${e.path}`,title:`Accept (mark reviewed)`,children:(0,z.jsx)(v,{})}),(0,z.jsx)(`button`,{type:`button`,className:R.iconAction,"data-tone":`danger`,"data-armed":A===e.path?`true`:void 0,disabled:O!==null,onClick:t=>{t.stopPropagation(),ut(e.path)},"aria-label":A===e.path?`Confirm: restore ${e.path} from the checkpoint`:`Reject ${e.path} (restore it from the checkpoint)`,title:A===e.path?`Click again to restore this file from the checkpoint`:`Reject (restore from the checkpoint)`,children:A===e.path?`Restore?`:(0,z.jsx)(ee,{})})]}):null]},e.path))})]},e.dir||`.`))})}),(0,z.jsxs)(`div`,{className:w.patchArea,children:[Q?(0,z.jsxs)(`p`,{className:w.patchPath,children:[(0,z.jsx)(`code`,{children:Q.oldPath&&Q.oldPath!==Q.path?`${Q.oldPath} → ${Q.path}`:Q.path}),(0,z.jsxs)(`span`,{className:w.muted,children:[` · `,pe[Q.status]]})]}):null,D.state===`error`?(0,z.jsx)(`p`,{className:w.patchError,role:`alert`,children:D.message}):D.state!==`ready`||!$?(0,z.jsxs)(`div`,{className:w.skeleton,children:[(0,z.jsx)(a,{}),(0,z.jsx)(a,{}),(0,z.jsx)(a,{})]}):Q?.captured?(0,z.jsx)(Je,{path:$.path,text:$.text,truncated:$.truncated,binary:$.binary,hunks:$.hunks,layout:he,actionable:ct,busyHunk:O&&O.file===$.path?O.hunk:null,onHunk:(e,t)=>void lt({file:$.path,hunk:e},t),review:gt($.path)}):(0,z.jsx)(`p`,{className:w.patchNotice,children:`This file was too large to checkpoint, so there is no diff and it cannot be restored.`})]})]}):(0,z.jsxs)(`div`,{className:w.skeleton,children:[(0,z.jsx)(a,{}),(0,z.jsx)(a,{})]}),(0,z.jsx)(Ze,{open:P!==null&&P.preview!==null,preview:P?.preview??null,turnLabel:P?.turnLabel??``,rootNames:Qe,busy:P?.busy??!1,error:P?.error??null,onClose:()=>F(null),onConfirm:e=>void ft(e)}),I?.kind===`commit`?(0,z.jsx)(le,{open:!0,status:I.status,busy:Ie,error:ze,onClose:()=>Pe(null),onSubmit:e=>void mt(`Commit ${I.status.dirty} changed files on ${I.status.branch??`this branch`}.`,()=>r.commit({root:I.root,message:e}),e=>`Committed on ${e.status.branch??`the branch`}.`)}):null,I?.kind===`pr`?(0,z.jsx)(ce,{open:!0,draft:!1,status:I.status,busy:Ie,error:ze,onClose:()=>Pe(null),onSubmit:e=>void mt(`Push ${I.status.branch??`this branch`} and open a pull request into ${e.base}.`,()=>r.openPr({root:I.root,title:e.title,base:e.base,...e.body.trim()?{body:e.body}:{},...e.draft?{draft:!0}:{}}),e=>e.pr?`Opened #${e.pr.number}.`:`Opened the pull request.`)}):null,(0,z.jsx)(i,{...L.dialog,tokenLabel:`Mutation token`,tokenHelp:`the mutation token ashlr verse printed`})]})}function q(e){return`turn ${e.index}`}function at(e){let t=0;for(let n=0;n<e.length;n++)t=t*31+e.charCodeAt(n)|0;return`${(t>>>0).toString(36)}-${e.length}`}function ot(e){let{sessionId:t,session:n,visible:r,requests:i,host:a,initialView:o=`turns`}=e,{seats:s}=b(),[c,l]=(0,T.useState)(o),d=(0,T.useRef)(i?.diff?.nonce??null);return(0,T.useEffect)(()=>{let e=i?.diff;e&&d.current!==e.nonce&&(d.current=e.nonce,l(`git`))},[i?.diff]),t?(0,z.jsxs)(`div`,{className:R.host,children:[(0,z.jsx)(`div`,{className:R.hostBar,children:(0,z.jsx)(u,{size:`sm`,"aria-label":`Changes view`,value:c,onChange:l,options:[{value:`turns`,label:`Turns`},{value:`git`,label:`Git`}]})}),(0,z.jsx)(`div`,{className:R.hostBody,children:c===`turns`?(0,z.jsx)(it,{sessionId:t,visible:r,session:n&&n.id===t?n:null,seats:s,onOpenSession:e=>a.openSession(e)},t):(0,z.jsx)(ie,{...e})})]}):(0,z.jsx)(y,{compact:!0,title:`No chat open`,body:`Open a chat to review what its agent changed, turn by turn.`})}export{ot as ChangesPaneHost};
-//# sourceMappingURL=ChangesPaneHost-C53_94Kn.js.map