@ashlr/hub 3.13.0 → 3.14.0

package/dist/core/web/public/next/assets/{RunInCloudAction-1-IPLYhf.js.map → RunInCloudAction-BXPlZwJQ.js.map}

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

package/dist/core/web/public/next/assets/{SeatSelector-DpwNiX8F.js → SeatSelector-J5R3zDkB.js}

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

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

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

package/dist/core/web/public/next/assets/{Segmented-Wt1ATod9.js → Segmented-CGh_-tBb.js}

@@ -1,2 +1,2 @@
-import{a as e,c as t,n}from"./index-CyK31YRm.js";var r=t(e(),1),i={group:`_group_15ia8_1`,block:`_block_15ia8_11`,option:`_option_15ia8_16`,sm:`_sm_15ia8_45`,glyph:`_glyph_15ia8_72`},a=n();function o({options:e,value:t,onChange:n,size:o=`md`,block:s=!1,className:c,...l}){let u=(0,r.useRef)(null);function d(r){let i=e.filter(e=>!e.disabled);if(i.length===0)return;let a=i[((i.findIndex(e=>e.value===t)+r)%i.length+i.length)%i.length];n(a.value),requestAnimationFrame(()=>{u.current?.querySelector(`[data-value="${a.value}"]`)?.focus()})}return(0,a.jsx)(`div`,{ref:u,role:`radiogroup`,className:`${i.group} ${i[o]} ${s?i.block:``} ${c??``}`,...l,children:e.map(e=>{let r=e.value===t;return(0,a.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":r,"aria-label":e.ariaLabel,"data-value":e.value,tabIndex:r?0:-1,disabled:e.disabled,className:i.option,onClick:()=>n(e.value),onKeyDown:e=>{e.key===`ArrowRight`||e.key===`ArrowDown`?(e.preventDefault(),d(1)):(e.key===`ArrowLeft`||e.key===`ArrowUp`)&&(e.preventDefault(),d(-1))},children:[e.icon?(0,a.jsx)(`span`,{className:i.glyph,children:e.icon}):null,e.label]},e.value)})})}export{o as t};
-//# sourceMappingURL=Segmented-Wt1ATod9.js.map
+import{a as e,c as t,n}from"./index-DZ-UQ7v8.js";var r=t(e(),1),i={group:`_group_15ia8_1`,block:`_block_15ia8_11`,option:`_option_15ia8_16`,sm:`_sm_15ia8_45`,glyph:`_glyph_15ia8_72`},a=n();function o({options:e,value:t,onChange:n,size:o=`md`,block:s=!1,className:c,...l}){let u=(0,r.useRef)(null);function d(r){let i=e.filter(e=>!e.disabled);if(i.length===0)return;let a=i[((i.findIndex(e=>e.value===t)+r)%i.length+i.length)%i.length];n(a.value),requestAnimationFrame(()=>{u.current?.querySelector(`[data-value="${a.value}"]`)?.focus()})}return(0,a.jsx)(`div`,{ref:u,role:`radiogroup`,className:`${i.group} ${i[o]} ${s?i.block:``} ${c??``}`,...l,children:e.map(e=>{let r=e.value===t;return(0,a.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":r,"aria-label":e.ariaLabel,"data-value":e.value,tabIndex:r?0:-1,disabled:e.disabled,className:i.option,onClick:()=>n(e.value),onKeyDown:e=>{e.key===`ArrowRight`||e.key===`ArrowDown`?(e.preventDefault(),d(1)):(e.key===`ArrowLeft`||e.key===`ArrowUp`)&&(e.preventDefault(),d(-1))},children:[e.icon?(0,a.jsx)(`span`,{className:i.glyph,children:e.icon}):null,e.label]},e.value)})})}export{o as t};
+//# sourceMappingURL=Segmented-CGh_-tBb.js.map

package/dist/core/web/public/next/assets/{Segmented-Wt1ATod9.js.map → Segmented-CGh_-tBb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Segmented-Wt1ATod9.js","names":[],"sources":["../../../../../../src/web-ui/components/primitives/Segmented.module.css","../../../../../../src/web-ui/components/primitives/Segmented.tsx"],"sourcesContent":[".group {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 2px;\n  background: var(--bg-hover);\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-sm);\n}\n\n.block {\n  display: flex;\n  width: 100%;\n}\n\n.block .option {\n  flex: 1;\n  justify-content: center;\n}\n\n.option {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-1);\n  height: calc(var(--density-row) - 6px);\n  padding: 0 var(--space-3);\n  /* Transparent rather than absent so the checked state can colour it without\n     changing the option's box — everything is border-box, so the hairline\n     costs no height and no horizontal drift when it appears. */\n  border: 1px solid transparent;\n  border-radius: calc(var(--radius-sm) - 1px);\n  background: transparent;\n  color: var(--text-secondary);\n  font-family: var(--font-ui);\n  font-size: var(--text-xs-size);\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    color var(--duration-fast) var(--ease-standard);\n}\n\n.sm .option {\n  height: calc(var(--density-row-sm) - 6px);\n  padding: 0 var(--space-2);\n  font-size: var(--text-2xs-size);\n}\n\n.option:hover:not(:disabled):not([aria-checked='true']) {\n  color: var(--text-primary);\n}\n\n/* No shadow. DESIGN-V2 §1.2 allows drop shadows only on true overlays\n   (dialog, menu, toast) and §2 retires every elevation token but those three;\n   a segmented control is chrome. It was not carrying its weight either: in\n   dark, --shadow-sm is rgba(0,0,0,0.4) on a near-black ground, i.e. invisible,\n   so the selected thumb read as fill-only in dark and fill+shadow in light —\n   two looks for one state. The hairline does the separating in both. */\n.option[aria-checked='true'] {\n  background: var(--bg-surface);\n  color: var(--text-primary);\n  border-color: var(--border-default);\n}\n\n.option:disabled {\n  color: var(--text-disabled);\n  cursor: not-allowed;\n}\n\n.glyph {\n  display: inline-flex;\n  flex: none;\n}\n","/**\n * components/primitives/Segmented.tsx — pick one of 2-4 options where the\n * choice applies instantly (theme, density, a status filter). It replaces\n * both a <select> (too heavy for three options) and a row of toggle buttons\n * (no single-selection semantics for a screen reader).\n *\n * Implemented as a radiogroup with ROVING TABINDEX: one Tab stop for the\n * group, arrows move between options and select as they go — the WAI-ARIA\n * radio-group pattern. Every option is reachable by keyboard and announced\n * as \"N of M\".\n */\nimport { useRef, type ReactNode } from 'react';\nimport styles from './Segmented.module.css';\n\nexport interface SegmentedOption<T extends string> {\n  value: T;\n  label: ReactNode;\n  /** Leading 16px glyph; the text label always stays visible. */\n  icon?: ReactNode;\n  /** Spoken name when `label` is a glyph or an abbreviation. */\n  ariaLabel?: string;\n  disabled?: boolean;\n}\n\nexport interface SegmentedProps<T extends string> {\n  options: ReadonlyArray<SegmentedOption<T>>;\n  value: T;\n  onChange: (next: T) => void;\n  /** Accessible name for the group — required when no visible label precedes it. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  size?: 'sm' | 'md';\n  /** Stretch each option to an equal share of the width. */\n  block?: boolean;\n  className?: string;\n}\n\nexport function Segmented<T extends string>({\n  options,\n  value,\n  onChange,\n  size = 'md',\n  block = false,\n  className,\n  ...aria\n}: SegmentedProps<T>) {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function move(delta: number): void {\n    const enabled = options.filter((o) => !o.disabled);\n    if (enabled.length === 0) return;\n    const current = enabled.findIndex((o) => o.value === value);\n    const next = enabled[(((current + delta) % enabled.length) + enabled.length) % enabled.length]!;\n    onChange(next.value);\n    // Keep DOM focus on the newly selected option (roving tabindex).\n    requestAnimationFrame(() => {\n      groupRef.current?.querySelector<HTMLButtonElement>(`[data-value=\"${next.value}\"]`)?.focus();\n    });\n  }\n\n  return (\n    <div\n      ref={groupRef}\n      role=\"radiogroup\"\n      className={`${styles.group} ${styles[size]} ${block ? styles.block : ''} ${className ?? ''}`}\n      {...aria}\n    >\n      {options.map((option) => {\n        const selected = option.value === value;\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={selected}\n            aria-label={option.ariaLabel}\n            data-value={option.value}\n            tabIndex={selected ? 0 : -1}\n            disabled={option.disabled}\n            className={styles.option}\n            onClick={() => onChange(option.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n                e.preventDefault();\n                move(1);\n              } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n                e.preventDefault();\n                move(-1);\n              }\n            }}\n          >\n            {option.icon ? <span className={styles.glyph}>{option.icon}</span> : null}\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"6LCqCA,SAAgB,EAA4B,CAC1C,UACA,QACA,WACA,OAAO,KACP,QAAQ,GACR,YACA,GAAG,GACiB,CACpB,IAAM,GAAA,EAAW,EAAA,OAAA,CAAuB,IAAI,EAE5C,SAAS,EAAK,EAAqB,CACjC,IAAM,EAAU,EAAQ,OAAQ,GAAM,CAAC,EAAE,QAAQ,EACjD,GAAI,EAAQ,SAAW,EAAG,OAE1B,IAAM,EAAO,IADG,EAAQ,UAAW,GAAM,EAAE,QAAU,CAC7B,EAAU,GAAS,EAAQ,OAAU,EAAQ,QAAU,EAAQ,QACvF,EAAS,EAAK,KAAK,EAEnB,0BAA4B,CAC1B,EAAS,SAAS,cAAiC,gBAAgB,EAAK,MAAM,GAAG,CAAC,EAAE,MAAM,CAC5F,CAAC,CACH,CAEA,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,IAAK,EACL,KAAK,aACL,UAAW,GAAG,EAAO,MAAM,GAAG,EAAO,GAAM,GAAG,EAAQ,EAAO,MAAQ,GAAG,GAAG,GAAa,KACxF,GAAI,EAEH,SAAA,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,EAAO,QAAU,EAClC,OACE,EAAA,EAAA,KAAA,CAAC,SAAD,CAEE,KAAK,SACL,KAAK,QACL,eAAc,EACd,aAAY,EAAO,UACnB,aAAY,EAAO,MACnB,SAAU,EAAW,EAAI,GACzB,SAAU,EAAO,SACjB,UAAW,EAAO,OAClB,YAAe,EAAS,EAAO,KAAK,EACpC,UAAY,GAAM,CACZ,EAAE,MAAQ,cAAgB,EAAE,MAAQ,aACtC,EAAE,eAAe,EACjB,EAAK,CAAC,IACG,EAAE,MAAQ,aAAe,EAAE,MAAQ,aAC5C,EAAE,eAAe,EACjB,EAAK,EAAE,EAEX,EAnBF,SAAA,CAqBG,EAAO,MAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,MAAQ,SAAA,EAAO,IAAW,CAAA,EAAI,KACpE,EAAO,KACF,CAtBD,EAAA,EAAO,KAsBN,CAEZ,CAAC,CACE,CAAA,CAET"}
+{"version":3,"file":"Segmented-CGh_-tBb.js","names":[],"sources":["../../../../../../src/web-ui/components/primitives/Segmented.module.css","../../../../../../src/web-ui/components/primitives/Segmented.tsx"],"sourcesContent":[".group {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 2px;\n  background: var(--bg-hover);\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-sm);\n}\n\n.block {\n  display: flex;\n  width: 100%;\n}\n\n.block .option {\n  flex: 1;\n  justify-content: center;\n}\n\n.option {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-1);\n  height: calc(var(--density-row) - 6px);\n  padding: 0 var(--space-3);\n  /* Transparent rather than absent so the checked state can colour it without\n     changing the option's box — everything is border-box, so the hairline\n     costs no height and no horizontal drift when it appears. */\n  border: 1px solid transparent;\n  border-radius: calc(var(--radius-sm) - 1px);\n  background: transparent;\n  color: var(--text-secondary);\n  font-family: var(--font-ui);\n  font-size: var(--text-xs-size);\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    color var(--duration-fast) var(--ease-standard);\n}\n\n.sm .option {\n  height: calc(var(--density-row-sm) - 6px);\n  padding: 0 var(--space-2);\n  font-size: var(--text-2xs-size);\n}\n\n.option:hover:not(:disabled):not([aria-checked='true']) {\n  color: var(--text-primary);\n}\n\n/* No shadow. DESIGN-V2 §1.2 allows drop shadows only on true overlays\n   (dialog, menu, toast) and §2 retires every elevation token but those three;\n   a segmented control is chrome. It was not carrying its weight either: in\n   dark, --shadow-sm is rgba(0,0,0,0.4) on a near-black ground, i.e. invisible,\n   so the selected thumb read as fill-only in dark and fill+shadow in light —\n   two looks for one state. The hairline does the separating in both. */\n.option[aria-checked='true'] {\n  background: var(--bg-surface);\n  color: var(--text-primary);\n  border-color: var(--border-default);\n}\n\n.option:disabled {\n  color: var(--text-disabled);\n  cursor: not-allowed;\n}\n\n.glyph {\n  display: inline-flex;\n  flex: none;\n}\n","/**\n * components/primitives/Segmented.tsx — pick one of 2-4 options where the\n * choice applies instantly (theme, density, a status filter). It replaces\n * both a <select> (too heavy for three options) and a row of toggle buttons\n * (no single-selection semantics for a screen reader).\n *\n * Implemented as a radiogroup with ROVING TABINDEX: one Tab stop for the\n * group, arrows move between options and select as they go — the WAI-ARIA\n * radio-group pattern. Every option is reachable by keyboard and announced\n * as \"N of M\".\n */\nimport { useRef, type ReactNode } from 'react';\nimport styles from './Segmented.module.css';\n\nexport interface SegmentedOption<T extends string> {\n  value: T;\n  label: ReactNode;\n  /** Leading 16px glyph; the text label always stays visible. */\n  icon?: ReactNode;\n  /** Spoken name when `label` is a glyph or an abbreviation. */\n  ariaLabel?: string;\n  disabled?: boolean;\n}\n\nexport interface SegmentedProps<T extends string> {\n  options: ReadonlyArray<SegmentedOption<T>>;\n  value: T;\n  onChange: (next: T) => void;\n  /** Accessible name for the group — required when no visible label precedes it. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  size?: 'sm' | 'md';\n  /** Stretch each option to an equal share of the width. */\n  block?: boolean;\n  className?: string;\n}\n\nexport function Segmented<T extends string>({\n  options,\n  value,\n  onChange,\n  size = 'md',\n  block = false,\n  className,\n  ...aria\n}: SegmentedProps<T>) {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function move(delta: number): void {\n    const enabled = options.filter((o) => !o.disabled);\n    if (enabled.length === 0) return;\n    const current = enabled.findIndex((o) => o.value === value);\n    const next = enabled[(((current + delta) % enabled.length) + enabled.length) % enabled.length]!;\n    onChange(next.value);\n    // Keep DOM focus on the newly selected option (roving tabindex).\n    requestAnimationFrame(() => {\n      groupRef.current?.querySelector<HTMLButtonElement>(`[data-value=\"${next.value}\"]`)?.focus();\n    });\n  }\n\n  return (\n    <div\n      ref={groupRef}\n      role=\"radiogroup\"\n      className={`${styles.group} ${styles[size]} ${block ? styles.block : ''} ${className ?? ''}`}\n      {...aria}\n    >\n      {options.map((option) => {\n        const selected = option.value === value;\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={selected}\n            aria-label={option.ariaLabel}\n            data-value={option.value}\n            tabIndex={selected ? 0 : -1}\n            disabled={option.disabled}\n            className={styles.option}\n            onClick={() => onChange(option.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n                e.preventDefault();\n                move(1);\n              } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n                e.preventDefault();\n                move(-1);\n              }\n            }}\n          >\n            {option.icon ? <span className={styles.glyph}>{option.icon}</span> : null}\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"6LCqCA,SAAgB,EAA4B,CAC1C,UACA,QACA,WACA,OAAO,KACP,QAAQ,GACR,YACA,GAAG,GACiB,CACpB,IAAM,GAAA,EAAW,EAAA,OAAA,CAAuB,IAAI,EAE5C,SAAS,EAAK,EAAqB,CACjC,IAAM,EAAU,EAAQ,OAAQ,GAAM,CAAC,EAAE,QAAQ,EACjD,GAAI,EAAQ,SAAW,EAAG,OAE1B,IAAM,EAAO,IADG,EAAQ,UAAW,GAAM,EAAE,QAAU,CAC7B,EAAU,GAAS,EAAQ,OAAU,EAAQ,QAAU,EAAQ,QACvF,EAAS,EAAK,KAAK,EAEnB,0BAA4B,CAC1B,EAAS,SAAS,cAAiC,gBAAgB,EAAK,MAAM,GAAG,CAAC,EAAE,MAAM,CAC5F,CAAC,CACH,CAEA,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,IAAK,EACL,KAAK,aACL,UAAW,GAAG,EAAO,MAAM,GAAG,EAAO,GAAM,GAAG,EAAQ,EAAO,MAAQ,GAAG,GAAG,GAAa,KACxF,GAAI,EAEH,SAAA,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,EAAO,QAAU,EAClC,OACE,EAAA,EAAA,KAAA,CAAC,SAAD,CAEE,KAAK,SACL,KAAK,QACL,eAAc,EACd,aAAY,EAAO,UACnB,aAAY,EAAO,MACnB,SAAU,EAAW,EAAI,GACzB,SAAU,EAAO,SACjB,UAAW,EAAO,OAClB,YAAe,EAAS,EAAO,KAAK,EACpC,UAAY,GAAM,CACZ,EAAE,MAAQ,cAAgB,EAAE,MAAQ,aACtC,EAAE,eAAe,EACjB,EAAK,CAAC,IACG,EAAE,MAAQ,aAAe,EAAE,MAAQ,aAC5C,EAAE,eAAe,EACjB,EAAK,EAAE,EAEX,EAnBF,SAAA,CAqBG,EAAO,MAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,MAAQ,SAAA,EAAO,IAAW,CAAA,EAAI,KACpE,EAAO,KACF,CAtBD,EAAA,EAAO,KAsBN,CAEZ,CAAC,CACE,CAAA,CAET"}

package/dist/core/web/public/next/assets/{Select-By-V9lMc.js → Select-CWnmUzs3.js}

@@ -1,2 +1,2 @@
-import{a as e,c as t,n}from"./index-CyK31YRm.js";import{i as r}from"./icons-CygCEFWs.js";var i=t(e(),1),a={field:`_field_1yhua_1`,label:`_label_1yhua_8`,shell:`_shell_1yhua_15`,sm:`_sm_1yhua_28`,select:`_select_1yhua_42`,chevron:`_chevron_1yhua_72`,hint:`_hint_1yhua_79`},o=n();function s({label:e,hint:t,size:n=`md`,className:s,id:c,children:l,...u}){let d=(0,i.useId)(),f=c??d,p=`${f}-hint`;return(0,o.jsxs)(`div`,{className:`${a.field} ${s??``}`,children:[e?(0,o.jsx)(`label`,{className:a.label,htmlFor:f,children:e}):null,(0,o.jsxs)(`div`,{className:`${a.shell} ${a[n]}`,children:[(0,o.jsx)(`select`,{...u,id:f,className:a.select,"aria-describedby":[u[`aria-describedby`],t?p:null].filter(Boolean).join(` `)||void 0,children:l}),(0,o.jsx)(r,{className:a.chevron,size:14})]}),t?(0,o.jsx)(`p`,{id:p,className:a.hint,children:t}):null]})}export{s as t};
-//# sourceMappingURL=Select-By-V9lMc.js.map
+import{a as e,c as t,n}from"./index-DZ-UQ7v8.js";import{i as r}from"./icons-D1sYbCTQ.js";var i=t(e(),1),a={field:`_field_1yhua_1`,label:`_label_1yhua_8`,shell:`_shell_1yhua_15`,sm:`_sm_1yhua_28`,select:`_select_1yhua_42`,chevron:`_chevron_1yhua_72`,hint:`_hint_1yhua_79`},o=n();function s({label:e,hint:t,size:n=`md`,className:s,id:c,children:l,...u}){let d=(0,i.useId)(),f=c??d,p=`${f}-hint`;return(0,o.jsxs)(`div`,{className:`${a.field} ${s??``}`,children:[e?(0,o.jsx)(`label`,{className:a.label,htmlFor:f,children:e}):null,(0,o.jsxs)(`div`,{className:`${a.shell} ${a[n]}`,children:[(0,o.jsx)(`select`,{...u,id:f,className:a.select,"aria-describedby":[u[`aria-describedby`],t?p:null].filter(Boolean).join(` `)||void 0,children:l}),(0,o.jsx)(r,{className:a.chevron,size:14})]}),t?(0,o.jsx)(`p`,{id:p,className:a.hint,children:t}):null]})}export{s as t};
+//# sourceMappingURL=Select-CWnmUzs3.js.map

package/dist/core/web/public/next/assets/{Select-By-V9lMc.js.map → Select-CWnmUzs3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-By-V9lMc.js","names":[],"sources":["../../../../../../src/web-ui/components/primitives/Select.module.css","../../../../../../src/web-ui/components/primitives/Select.tsx"],"sourcesContent":[".field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.label {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-secondary);\n  font-weight: var(--font-weight-medium);\n}\n\n.shell {\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: var(--density-row);\n  background: var(--bg-input);\n  border: 1px solid var(--border-default);\n  border-radius: var(--radius-sm);\n  transition:\n    border-color var(--duration-fast) var(--ease-standard),\n    box-shadow var(--duration-fast) var(--ease-standard);\n}\n\n.sm {\n  height: var(--density-row-sm);\n}\n\n.shell:hover {\n  border-color: var(--border-strong);\n}\n\n/* The system ring, not an --accent-100 wash: that token is pinned at 92%\n   lightness in light and 22% in dark (tokens.css), so hue and saturation\n   follow the operator's accent but LIGHTNESS never does — every preset and\n   every slider position produced the same 1.34:1 / 1.15:1 near-invisible\n   ring. --shadow-focus-ring is already the 2px-gap + 2px-accent shape\n   DESIGN-V2 §6 asks for, and --border-focus is contrast-tested. */\n.shell:has(.select:focus-visible) {\n  border-color: var(--border-focus);\n  box-shadow: var(--shadow-focus-ring);\n}\n\n.select {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 100%;\n  height: 100%;\n  padding: 0 var(--space-6) 0 var(--space-2);\n  border: none;\n  background: none;\n  color: var(--text-primary);\n  font-family: var(--font-ui);\n  font-size: var(--text-sm-size);\n  cursor: pointer;\n}\n\n.select:focus,\n.select:focus-visible {\n  outline: none;\n  box-shadow: none;\n}\n\n.select:disabled {\n  color: var(--text-disabled);\n  cursor: not-allowed;\n}\n\n.chevron {\n  position: absolute;\n  right: var(--space-2);\n  color: var(--text-tertiary);\n  pointer-events: none;\n}\n\n.hint {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-tertiary);\n}\n","/**\n * components/primitives/Select.tsx — a native <select> that does not look\n * native: the browser's own control is stripped and the chevron is our own\n * 16px glyph, so the field matches Input at every density.\n *\n * Deliberately NOT a custom listbox. A native select gets the platform's\n * keyboard handling, type-ahead, and mobile picker for free — a hand-rolled\n * popup would be a worse control with more code (DESIGN.md §3).\n */\nimport { useId, type ReactNode, type SelectHTMLAttributes } from 'react';\nimport { IconChevronDown } from './icons.js';\nimport styles from './Select.module.css';\n\nexport interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'className'> {\n  label?: ReactNode;\n  hint?: ReactNode;\n  size?: 'sm' | 'md';\n  className?: string;\n  children: ReactNode;\n}\n\nexport function Select({ label, hint, size = 'md', className, id, children, ...rest }: SelectProps) {\n  const generatedId = useId();\n  const selectId = id ?? generatedId;\n  const hintId = `${selectId}-hint`;\n\n  return (\n    <div className={`${styles.field} ${className ?? ''}`}>\n      {label ? (\n        <label className={styles.label} htmlFor={selectId}>\n          {label}\n        </label>\n      ) : null}\n      <div className={`${styles.shell} ${styles[size]}`}>\n        <select\n          {...rest}\n          id={selectId}\n          className={styles.select}\n          aria-describedby={[rest['aria-describedby'], hint ? hintId : null].filter(Boolean).join(' ') || undefined}\n        >\n          {children}\n        </select>\n        <IconChevronDown className={styles.chevron} size={14} />\n      </div>\n      {hint ? (\n        <p id={hintId} className={styles.hint}>\n          {hint}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"sRCqBA,SAAgB,EAAO,CAAE,QAAO,OAAM,OAAO,KAAM,YAAW,KAAI,WAAU,GAAG,GAAqB,CAClG,IAAM,GAAA,EAAc,EAAA,MAAA,CAAM,EACpB,EAAW,GAAM,EACjB,EAAS,GAAG,EAAS,OAE3B,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,GAAG,EAAO,MAAM,GAAG,GAAa,KAAhD,SAAA,CACG,GACC,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAW,EAAO,MAAO,QAAS,EACtC,SAAA,CACI,CAAA,EACL,MACJ,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,GAAG,EAAO,MAAM,GAAG,EAAO,KAA1C,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,GAAI,EACJ,GAAI,EACJ,UAAW,EAAO,OAClB,mBAAkB,CAAC,EAAK,oBAAqB,EAAO,EAAS,IAAI,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,GAAK,IAAA,GAE/F,UACK,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,UAAW,EAAO,QAAS,KAAM,EAAK,CAAA,CACpD,IACJ,GACC,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,GAAI,EAAQ,UAAW,EAAO,KAC9B,SAAA,CACA,CAAA,EACD,IACD,GAET"}
+{"version":3,"file":"Select-CWnmUzs3.js","names":[],"sources":["../../../../../../src/web-ui/components/primitives/Select.module.css","../../../../../../src/web-ui/components/primitives/Select.tsx"],"sourcesContent":[".field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.label {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-secondary);\n  font-weight: var(--font-weight-medium);\n}\n\n.shell {\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: var(--density-row);\n  background: var(--bg-input);\n  border: 1px solid var(--border-default);\n  border-radius: var(--radius-sm);\n  transition:\n    border-color var(--duration-fast) var(--ease-standard),\n    box-shadow var(--duration-fast) var(--ease-standard);\n}\n\n.sm {\n  height: var(--density-row-sm);\n}\n\n.shell:hover {\n  border-color: var(--border-strong);\n}\n\n/* The system ring, not an --accent-100 wash: that token is pinned at 92%\n   lightness in light and 22% in dark (tokens.css), so hue and saturation\n   follow the operator's accent but LIGHTNESS never does — every preset and\n   every slider position produced the same 1.34:1 / 1.15:1 near-invisible\n   ring. --shadow-focus-ring is already the 2px-gap + 2px-accent shape\n   DESIGN-V2 §6 asks for, and --border-focus is contrast-tested. */\n.shell:has(.select:focus-visible) {\n  border-color: var(--border-focus);\n  box-shadow: var(--shadow-focus-ring);\n}\n\n.select {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 100%;\n  height: 100%;\n  padding: 0 var(--space-6) 0 var(--space-2);\n  border: none;\n  background: none;\n  color: var(--text-primary);\n  font-family: var(--font-ui);\n  font-size: var(--text-sm-size);\n  cursor: pointer;\n}\n\n.select:focus,\n.select:focus-visible {\n  outline: none;\n  box-shadow: none;\n}\n\n.select:disabled {\n  color: var(--text-disabled);\n  cursor: not-allowed;\n}\n\n.chevron {\n  position: absolute;\n  right: var(--space-2);\n  color: var(--text-tertiary);\n  pointer-events: none;\n}\n\n.hint {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-tertiary);\n}\n","/**\n * components/primitives/Select.tsx — a native <select> that does not look\n * native: the browser's own control is stripped and the chevron is our own\n * 16px glyph, so the field matches Input at every density.\n *\n * Deliberately NOT a custom listbox. A native select gets the platform's\n * keyboard handling, type-ahead, and mobile picker for free — a hand-rolled\n * popup would be a worse control with more code (DESIGN.md §3).\n */\nimport { useId, type ReactNode, type SelectHTMLAttributes } from 'react';\nimport { IconChevronDown } from './icons.js';\nimport styles from './Select.module.css';\n\nexport interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'className'> {\n  label?: ReactNode;\n  hint?: ReactNode;\n  size?: 'sm' | 'md';\n  className?: string;\n  children: ReactNode;\n}\n\nexport function Select({ label, hint, size = 'md', className, id, children, ...rest }: SelectProps) {\n  const generatedId = useId();\n  const selectId = id ?? generatedId;\n  const hintId = `${selectId}-hint`;\n\n  return (\n    <div className={`${styles.field} ${className ?? ''}`}>\n      {label ? (\n        <label className={styles.label} htmlFor={selectId}>\n          {label}\n        </label>\n      ) : null}\n      <div className={`${styles.shell} ${styles[size]}`}>\n        <select\n          {...rest}\n          id={selectId}\n          className={styles.select}\n          aria-describedby={[rest['aria-describedby'], hint ? hintId : null].filter(Boolean).join(' ') || undefined}\n        >\n          {children}\n        </select>\n        <IconChevronDown className={styles.chevron} size={14} />\n      </div>\n      {hint ? (\n        <p id={hintId} className={styles.hint}>\n          {hint}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"sRCqBA,SAAgB,EAAO,CAAE,QAAO,OAAM,OAAO,KAAM,YAAW,KAAI,WAAU,GAAG,GAAqB,CAClG,IAAM,GAAA,EAAc,EAAA,MAAA,CAAM,EACpB,EAAW,GAAM,EACjB,EAAS,GAAG,EAAS,OAE3B,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,GAAG,EAAO,MAAM,GAAG,GAAa,KAAhD,SAAA,CACG,GACC,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAW,EAAO,MAAO,QAAS,EACtC,SAAA,CACI,CAAA,EACL,MACJ,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,GAAG,EAAO,MAAM,GAAG,EAAO,KAA1C,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,GAAI,EACJ,GAAI,EACJ,UAAW,EAAO,OAClB,mBAAkB,CAAC,EAAK,oBAAqB,EAAO,EAAS,IAAI,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,GAAK,IAAA,GAE/F,UACK,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,UAAW,EAAO,QAAS,KAAM,EAAK,CAAA,CACpD,IACJ,GACC,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,GAAI,EAAQ,UAAW,EAAO,KAC9B,SAAA,CACA,CAAA,EACD,IACD,GAET"}

package/dist/core/web/public/next/assets/{SessionGate-WROS02tK.js → SessionGate-sp4KsnUo.js}

@@ -1,2 +1,2 @@
-import{a as e,c as t,n}from"./index-CyK31YRm.js";import{N as r,S as i,T as a}from"./global-y_exIyAP.js";var o=t(e(),1),s={wrap:`_wrap_14qw9_1`,card:`_card_14qw9_10`,badge:`_badge_14qw9_19`,heading:`_heading_14qw9_24`,body:`_body_14qw9_31`,code:`_code_14qw9_38`,example:`_example_14qw9_49`,form:`_form_14qw9_56`,label:`_label_14qw9_63`,input:`_input_14qw9_68`,error:`_error_14qw9_82`,submit:`_submit_14qw9_87`,optional:`_optional_14qw9_107`},c=n(),l=/^[a-f0-9]{64}$/;function u({onAuthenticated:e,heading:t=`Connect to ashlr serve`,command:n=`ashlr serve`,subject:u=`This dashboard`,mutationField:d=!1}){let[f,p]=(0,o.useState)(``),[m,h]=(0,o.useState)(``),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(!1),b=(0,o.useRef)(null),x=(0,o.useId)(),S=(0,o.useId)(),C=(0,o.useId)(),w=(0,o.useRef)(e);w.current=e,(0,o.useEffect)(()=>{let e=!1;return i().then(t=>{t&&!e&&w.current?.()}),()=>{e=!0}},[]);async function T(t){t.preventDefault(),_(null);let n=m.trim();if(d&&n&&!l.test(n)){_(`That does not look like a mutation token — expected 64 hex characters (leave it empty to unlock later).`);return}y(!0);try{await a(f),p(``),d&&n&&r(n),h(``),e?.()}catch(e){_(e instanceof Error?e.message:`Could not establish a session.`),b.current?.select()}finally{y(!1)}}return(0,c.jsx)(`div`,{className:s.wrap,children:(0,c.jsxs)(`div`,{className:s.card,children:[(0,c.jsx)(`div`,{className:s.badge,"aria-hidden":`true`,children:`⛺`}),(0,c.jsx)(`h1`,{className:s.heading,children:t}),(0,c.jsxs)(`p`,{className:s.body,children:[u,` only ever talks to the ashlr server running on this machine (`,(0,c.jsx)(`code`,{children:`127.0.0.1`}),`, never a remote host). To read data, paste the`,` `,(0,c.jsx)(`strong`,{children:`read token`}),` printed in the terminal where you ran:`]}),(0,c.jsx)(`pre`,{className:s.code,children:n}),(0,c.jsxs)(`p`,{className:s.body,children:[`It looks like a 64-character hex string, printed once at startup — something like`,` `,(0,c.jsx)(`code`,{className:s.example,children:`a1b2c3…`}),`. This dialog never stores it: it is exchanged once for a short-lived session cookie, then discarded.`]}),(0,c.jsxs)(`form`,{onSubmit:T,className:s.form,noValidate:!0,children:[(0,c.jsx)(`label`,{htmlFor:x,className:s.label,children:`Read token`}),(0,c.jsx)(`input`,{ref:b,id:x,name:`read-token`,type:`password`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,inputMode:`text`,className:s.input,value:f,onChange:e=>p(e.target.value),"aria-invalid":g?!0:void 0,"aria-describedby":g?C:void 0,placeholder:`64 hex characters`,autoFocus:!0}),d?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`label`,{htmlFor:S,className:s.label,children:[`Mutation token `,(0,c.jsx)(`span`,{className:s.optional,children:`optional — paste it now to enable sending`})]}),(0,c.jsx)(`input`,{id:S,name:`mutation-token`,type:`password`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,inputMode:`text`,className:s.input,value:m,onChange:e=>h(e.target.value),placeholder:`64 hex characters, printed under “Dispatch enabled”`})]}):null,g?(0,c.jsx)(`p`,{id:C,className:s.error,role:`alert`,children:g}):null,(0,c.jsx)(`button`,{type:`submit`,className:s.submit,disabled:v||f.trim().length===0,children:v?`Connecting…`:`Connect`})]})]})})}export{u as SessionGate};
-//# sourceMappingURL=SessionGate-WROS02tK.js.map
+import{a as e,c as t,n}from"./index-DZ-UQ7v8.js";import{C as r,E as i,P as a}from"./global-CMNW_dqn.js";var o=t(e(),1),s={wrap:`_wrap_14qw9_1`,card:`_card_14qw9_10`,badge:`_badge_14qw9_19`,heading:`_heading_14qw9_24`,body:`_body_14qw9_31`,code:`_code_14qw9_38`,example:`_example_14qw9_49`,form:`_form_14qw9_56`,label:`_label_14qw9_63`,input:`_input_14qw9_68`,error:`_error_14qw9_82`,submit:`_submit_14qw9_87`,optional:`_optional_14qw9_107`},c=n(),l=/^[a-f0-9]{64}$/;function u({onAuthenticated:e,heading:t=`Connect to ashlr serve`,command:n=`ashlr serve`,subject:u=`This dashboard`,mutationField:d=!1}){let[f,p]=(0,o.useState)(``),[m,h]=(0,o.useState)(``),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(!1),b=(0,o.useRef)(null),x=(0,o.useId)(),S=(0,o.useId)(),C=(0,o.useId)(),w=(0,o.useRef)(e);w.current=e,(0,o.useEffect)(()=>{let e=!1;return r().then(t=>{t&&!e&&w.current?.()}),()=>{e=!0}},[]);async function T(t){t.preventDefault(),_(null);let n=m.trim();if(d&&n&&!l.test(n)){_(`That does not look like a mutation token — expected 64 hex characters (leave it empty to unlock later).`);return}y(!0);try{await i(f),p(``),d&&n&&a(n),h(``),e?.()}catch(e){_(e instanceof Error?e.message:`Could not establish a session.`),b.current?.select()}finally{y(!1)}}return(0,c.jsx)(`div`,{className:s.wrap,children:(0,c.jsxs)(`div`,{className:s.card,children:[(0,c.jsx)(`div`,{className:s.badge,"aria-hidden":`true`,children:`⛺`}),(0,c.jsx)(`h1`,{className:s.heading,children:t}),(0,c.jsxs)(`p`,{className:s.body,children:[u,` only ever talks to the ashlr server running on this machine (`,(0,c.jsx)(`code`,{children:`127.0.0.1`}),`, never a remote host). To read data, paste the`,` `,(0,c.jsx)(`strong`,{children:`read token`}),` printed in the terminal where you ran:`]}),(0,c.jsx)(`pre`,{className:s.code,children:n}),(0,c.jsxs)(`p`,{className:s.body,children:[`It looks like a 64-character hex string, printed once at startup — something like`,` `,(0,c.jsx)(`code`,{className:s.example,children:`a1b2c3…`}),`. This dialog never stores it: it is exchanged once for a short-lived session cookie, then discarded.`]}),(0,c.jsxs)(`form`,{onSubmit:T,className:s.form,noValidate:!0,children:[(0,c.jsx)(`label`,{htmlFor:x,className:s.label,children:`Read token`}),(0,c.jsx)(`input`,{ref:b,id:x,name:`read-token`,type:`password`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,inputMode:`text`,className:s.input,value:f,onChange:e=>p(e.target.value),"aria-invalid":g?!0:void 0,"aria-describedby":g?C:void 0,placeholder:`64 hex characters`,autoFocus:!0}),d?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`label`,{htmlFor:S,className:s.label,children:[`Mutation token `,(0,c.jsx)(`span`,{className:s.optional,children:`optional — paste it now to enable sending`})]}),(0,c.jsx)(`input`,{id:S,name:`mutation-token`,type:`password`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,inputMode:`text`,className:s.input,value:m,onChange:e=>h(e.target.value),placeholder:`64 hex characters, printed under “Dispatch enabled”`})]}):null,g?(0,c.jsx)(`p`,{id:C,className:s.error,role:`alert`,children:g}):null,(0,c.jsx)(`button`,{type:`submit`,className:s.submit,disabled:v||f.trim().length===0,children:v?`Connecting…`:`Connect`})]})]})})}export{u as SessionGate};
+//# sourceMappingURL=SessionGate-sp4KsnUo.js.map

package/dist/core/web/public/next/assets/{SessionGate-WROS02tK.js.map → SessionGate-sp4KsnUo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SessionGate-WROS02tK.js","names":[],"sources":["../../../../../../src/web-ui/components/auth/SessionGate.module.css","../../../../../../src/web-ui/components/auth/SessionGate.tsx"],"sourcesContent":[".wrap {\n  min-height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-6);\n  background: var(--bg-canvas);\n}\n\n.card {\n  width: min(480px, 100%);\n  background: var(--bg-surface);\n  border: 1px solid var(--border-default);\n  border-radius: var(--radius-xl);\n  box-shadow: var(--shadow-lg);\n  padding: var(--space-8);\n}\n\n.badge {\n  font-size: 28px;\n  margin-bottom: var(--space-4);\n}\n\n.heading {\n  font-size: var(--text-2xl-size);\n  line-height: var(--text-2xl-line);\n  font-weight: var(--font-weight-semibold);\n  margin-bottom: var(--space-3);\n}\n\n.body {\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n  margin-bottom: var(--space-3);\n}\n\n.code {\n  font-family: var(--font-mono);\n  font-size: var(--text-sm-size);\n  background: var(--bg-code);\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-sm);\n  padding: var(--space-3);\n  margin-bottom: var(--space-3);\n  overflow-x: auto;\n}\n\n.example {\n  font-family: var(--font-mono);\n  background: var(--bg-code);\n  padding: 1px 4px;\n  border-radius: var(--radius-xs);\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  margin-top: var(--space-5);\n}\n\n.label {\n  font-size: var(--text-sm-size);\n  font-weight: var(--font-weight-medium);\n}\n\n.input {\n  padding: var(--space-3);\n  border-radius: var(--radius-md);\n  border: 1px solid var(--border-default);\n  background: var(--bg-input);\n  font-family: var(--font-mono);\n  font-size: var(--text-sm-size);\n}\n\n.input:focus-visible {\n  border-color: var(--border-focus);\n  box-shadow: var(--shadow-focus-ring);\n}\n\n.error {\n  color: var(--status-danger-fg);\n  font-size: var(--text-sm-size);\n}\n\n.submit {\n  margin-top: var(--space-2);\n  padding: var(--space-3) var(--space-4);\n  background: var(--accent-500);\n  color: var(--text-on-accent);\n  border-radius: var(--radius-md);\n  font-weight: var(--font-weight-medium);\n  text-align: center;\n  transition: background var(--duration-fast) var(--ease-standard);\n}\n\n.submit:hover:not(:disabled) {\n  background: var(--accent-600);\n}\n\n.submit:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.optional { font-weight: var(--font-weight-normal, 400); color: var(--text-tertiary); }\n","/**\n * components/auth/SessionGate.tsx — replaces the old bare \"⚠ HTTP 401 +\n * Retry\" first-run experience (foundation brief item 5). Shown whenever\n * auth-store's phase is 'unauthenticated': on first load before any read\n * token has been entered, AND any time a session expires mid-use (SSE\n * disconnects, the next GET reports 401).\n *\n * By default this screen owns nothing about the MUTATION token — that is a\n * separate, later step (MutationTokenDialog), because read authority and\n * dispatch authority are genuinely different capabilities on this server\n * (see server.ts). Surfaces where sending is the whole point (Verse) can opt\n * into an optional second field with `mutationField`; the authorities stay\n * separate (the mutation token only ever enters the memory-only hold), it\n * just spares the operator a second paste screen on the first Enter.\n */\nimport { useEffect, useId, useRef, useState, type FormEvent } from 'react';\nimport { adoptInjectedTokens, establishReadSession, setMutationToken } from '../../data/auth-store.js';\nimport styles from './SessionGate.module.css';\n\nconst TOKEN_RE = /^[a-f0-9]{64}$/;\n\nexport interface SessionGateProps {\n  onAuthenticated?: () => void;\n  heading?: string;\n  command?: string;\n  /** What the copy calls this surface (\"This dashboard\", \"Ashlr Verse\"). */\n  subject?: string;\n  /**\n   * Also offer the mutation token on the same screen. The two authorities\n   * stay separate (a pasted mutation token goes straight into the memory-only\n   * hold, exactly as MutationTokenDialog would set it); this only collapses\n   * two paste screens into one for surfaces where sending is the whole point.\n   */\n  mutationField?: boolean;\n}\n\nexport function SessionGate({ onAuthenticated, heading = 'Connect to ashlr serve', command = 'ashlr serve', subject = 'This dashboard', mutationField = false }: SessionGateProps) {\n  const [token, setToken] = useState('');\n  const [mutation, setMutation] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId = useId();\n  const mutationId = useId();\n  const errorId = useId();\n  const authenticatedRef = useRef(onAuthenticated);\n  authenticatedRef.current = onAuthenticated;\n\n  // Desktop wrapper: when the host injected tokens (window.__ASHLR_TOKENS__),\n  // establish the session silently instead of asking for a paste.\n  useEffect(() => {\n    let cancelled = false;\n    void adoptInjectedTokens().then((adopted) => {\n      if (adopted && !cancelled) authenticatedRef.current?.();\n    });\n    return () => { cancelled = true; };\n  }, []);\n\n  async function onSubmit(e: FormEvent) {\n    e.preventDefault();\n    setError(null);\n    const mutationTrimmed = mutation.trim();\n    if (mutationField && mutationTrimmed && !TOKEN_RE.test(mutationTrimmed)) {\n      setError('That does not look like a mutation token — expected 64 hex characters (leave it empty to unlock later).');\n      return;\n    }\n    setBusy(true);\n    try {\n      await establishReadSession(token);\n      setToken('');\n      if (mutationField && mutationTrimmed) setMutationToken(mutationTrimmed);\n      setMutation('');\n      onAuthenticated?.();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Could not establish a session.');\n      inputRef.current?.select();\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  return (\n    <div className={styles.wrap}>\n      <div className={styles.card}>\n        <div className={styles.badge} aria-hidden=\"true\">\n          ⛺\n        </div>\n        <h1 className={styles.heading}>{heading}</h1>\n        <p className={styles.body}>\n          {subject} only ever talks to the ashlr server running on this machine\n          (<code>127.0.0.1</code>, never a remote host). To read data, paste the{' '}\n          <strong>read token</strong> printed in the terminal where you ran:\n        </p>\n        <pre className={styles.code}>{command}</pre>\n        <p className={styles.body}>\n          It looks like a 64-character hex string, printed once at startup — something like{' '}\n          <code className={styles.example}>a1b2c3…</code>. This dialog never stores it: it is\n          exchanged once for a short-lived session cookie, then discarded.\n        </p>\n        <form onSubmit={onSubmit} className={styles.form} noValidate>\n          <label htmlFor={inputId} className={styles.label}>\n            Read token\n          </label>\n          <input\n            ref={inputRef}\n            id={inputId}\n            name=\"read-token\"\n            type=\"password\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            inputMode=\"text\"\n            className={styles.input}\n            value={token}\n            onChange={(e) => setToken(e.target.value)}\n            aria-invalid={error ? true : undefined}\n            aria-describedby={error ? errorId : undefined}\n            placeholder=\"64 hex characters\"\n            autoFocus\n          />\n          {mutationField ? (\n            <>\n              <label htmlFor={mutationId} className={styles.label}>\n                Mutation token <span className={styles.optional}>optional — paste it now to enable sending</span>\n              </label>\n              <input\n                id={mutationId}\n                name=\"mutation-token\"\n                type=\"password\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                spellCheck={false}\n                inputMode=\"text\"\n                className={styles.input}\n                value={mutation}\n                onChange={(e) => setMutation(e.target.value)}\n                placeholder=\"64 hex characters, printed under “Dispatch enabled”\"\n              />\n            </>\n          ) : null}\n          {error ? (\n            <p id={errorId} className={styles.error} role=\"alert\">\n              {error}\n            </p>\n          ) : null}\n          <button type=\"submit\" className={styles.submit} disabled={busy || token.trim().length === 0}>\n            {busy ? 'Connecting…' : 'Connect'}\n          </button>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SessionGate-sp4KsnUo.js","names":[],"sources":["../../../../../../src/web-ui/components/auth/SessionGate.module.css","../../../../../../src/web-ui/components/auth/SessionGate.tsx"],"sourcesContent":[".wrap {\n  min-height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-6);\n  background: var(--bg-canvas);\n}\n\n.card {\n  width: min(480px, 100%);\n  background: var(--bg-surface);\n  border: 1px solid var(--border-default);\n  border-radius: var(--radius-xl);\n  box-shadow: var(--shadow-lg);\n  padding: var(--space-8);\n}\n\n.badge {\n  font-size: 28px;\n  margin-bottom: var(--space-4);\n}\n\n.heading {\n  font-size: var(--text-2xl-size);\n  line-height: var(--text-2xl-line);\n  font-weight: var(--font-weight-semibold);\n  margin-bottom: var(--space-3);\n}\n\n.body {\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n  margin-bottom: var(--space-3);\n}\n\n.code {\n  font-family: var(--font-mono);\n  font-size: var(--text-sm-size);\n  background: var(--bg-code);\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-sm);\n  padding: var(--space-3);\n  margin-bottom: var(--space-3);\n  overflow-x: auto;\n}\n\n.example {\n  font-family: var(--font-mono);\n  background: var(--bg-code);\n  padding: 1px 4px;\n  border-radius: var(--radius-xs);\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  margin-top: var(--space-5);\n}\n\n.label {\n  font-size: var(--text-sm-size);\n  font-weight: var(--font-weight-medium);\n}\n\n.input {\n  padding: var(--space-3);\n  border-radius: var(--radius-md);\n  border: 1px solid var(--border-default);\n  background: var(--bg-input);\n  font-family: var(--font-mono);\n  font-size: var(--text-sm-size);\n}\n\n.input:focus-visible {\n  border-color: var(--border-focus);\n  box-shadow: var(--shadow-focus-ring);\n}\n\n.error {\n  color: var(--status-danger-fg);\n  font-size: var(--text-sm-size);\n}\n\n.submit {\n  margin-top: var(--space-2);\n  padding: var(--space-3) var(--space-4);\n  background: var(--accent-500);\n  color: var(--text-on-accent);\n  border-radius: var(--radius-md);\n  font-weight: var(--font-weight-medium);\n  text-align: center;\n  transition: background var(--duration-fast) var(--ease-standard);\n}\n\n.submit:hover:not(:disabled) {\n  background: var(--accent-600);\n}\n\n.submit:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.optional { font-weight: var(--font-weight-normal, 400); color: var(--text-tertiary); }\n","/**\n * components/auth/SessionGate.tsx — replaces the old bare \"⚠ HTTP 401 +\n * Retry\" first-run experience (foundation brief item 5). Shown whenever\n * auth-store's phase is 'unauthenticated': on first load before any read\n * token has been entered, AND any time a session expires mid-use (SSE\n * disconnects, the next GET reports 401).\n *\n * By default this screen owns nothing about the MUTATION token — that is a\n * separate, later step (MutationTokenDialog), because read authority and\n * dispatch authority are genuinely different capabilities on this server\n * (see server.ts). Surfaces where sending is the whole point (Verse) can opt\n * into an optional second field with `mutationField`; the authorities stay\n * separate (the mutation token only ever enters the memory-only hold), it\n * just spares the operator a second paste screen on the first Enter.\n */\nimport { useEffect, useId, useRef, useState, type FormEvent } from 'react';\nimport { adoptInjectedTokens, establishReadSession, setMutationToken } from '../../data/auth-store.js';\nimport styles from './SessionGate.module.css';\n\nconst TOKEN_RE = /^[a-f0-9]{64}$/;\n\nexport interface SessionGateProps {\n  onAuthenticated?: () => void;\n  heading?: string;\n  command?: string;\n  /** What the copy calls this surface (\"This dashboard\", \"Ashlr Verse\"). */\n  subject?: string;\n  /**\n   * Also offer the mutation token on the same screen. The two authorities\n   * stay separate (a pasted mutation token goes straight into the memory-only\n   * hold, exactly as MutationTokenDialog would set it); this only collapses\n   * two paste screens into one for surfaces where sending is the whole point.\n   */\n  mutationField?: boolean;\n}\n\nexport function SessionGate({ onAuthenticated, heading = 'Connect to ashlr serve', command = 'ashlr serve', subject = 'This dashboard', mutationField = false }: SessionGateProps) {\n  const [token, setToken] = useState('');\n  const [mutation, setMutation] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId = useId();\n  const mutationId = useId();\n  const errorId = useId();\n  const authenticatedRef = useRef(onAuthenticated);\n  authenticatedRef.current = onAuthenticated;\n\n  // Desktop wrapper: when the host injected tokens (window.__ASHLR_TOKENS__),\n  // establish the session silently instead of asking for a paste.\n  useEffect(() => {\n    let cancelled = false;\n    void adoptInjectedTokens().then((adopted) => {\n      if (adopted && !cancelled) authenticatedRef.current?.();\n    });\n    return () => { cancelled = true; };\n  }, []);\n\n  async function onSubmit(e: FormEvent) {\n    e.preventDefault();\n    setError(null);\n    const mutationTrimmed = mutation.trim();\n    if (mutationField && mutationTrimmed && !TOKEN_RE.test(mutationTrimmed)) {\n      setError('That does not look like a mutation token — expected 64 hex characters (leave it empty to unlock later).');\n      return;\n    }\n    setBusy(true);\n    try {\n      await establishReadSession(token);\n      setToken('');\n      if (mutationField && mutationTrimmed) setMutationToken(mutationTrimmed);\n      setMutation('');\n      onAuthenticated?.();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Could not establish a session.');\n      inputRef.current?.select();\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  return (\n    <div className={styles.wrap}>\n      <div className={styles.card}>\n        <div className={styles.badge} aria-hidden=\"true\">\n          ⛺\n        </div>\n        <h1 className={styles.heading}>{heading}</h1>\n        <p className={styles.body}>\n          {subject} only ever talks to the ashlr server running on this machine\n          (<code>127.0.0.1</code>, never a remote host). To read data, paste the{' '}\n          <strong>read token</strong> printed in the terminal where you ran:\n        </p>\n        <pre className={styles.code}>{command}</pre>\n        <p className={styles.body}>\n          It looks like a 64-character hex string, printed once at startup — something like{' '}\n          <code className={styles.example}>a1b2c3…</code>. This dialog never stores it: it is\n          exchanged once for a short-lived session cookie, then discarded.\n        </p>\n        <form onSubmit={onSubmit} className={styles.form} noValidate>\n          <label htmlFor={inputId} className={styles.label}>\n            Read token\n          </label>\n          <input\n            ref={inputRef}\n            id={inputId}\n            name=\"read-token\"\n            type=\"password\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            inputMode=\"text\"\n            className={styles.input}\n            value={token}\n            onChange={(e) => setToken(e.target.value)}\n            aria-invalid={error ? true : undefined}\n            aria-describedby={error ? errorId : undefined}\n            placeholder=\"64 hex characters\"\n            autoFocus\n          />\n          {mutationField ? (\n            <>\n              <label htmlFor={mutationId} className={styles.label}>\n                Mutation token <span className={styles.optional}>optional — paste it now to enable sending</span>\n              </label>\n              <input\n                id={mutationId}\n                name=\"mutation-token\"\n                type=\"password\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                spellCheck={false}\n                inputMode=\"text\"\n                className={styles.input}\n                value={mutation}\n                onChange={(e) => setMutation(e.target.value)}\n                placeholder=\"64 hex characters, printed under “Dispatch enabled”\"\n              />\n            </>\n          ) : null}\n          {error ? (\n            <p id={errorId} className={styles.error} role=\"alert\">\n              {error}\n            </p>\n          ) : null}\n          <button type=\"submit\" className={styles.submit} disabled={busy || token.trim().length === 0}>\n            {busy ? 'Connecting…' : 'Connect'}\n          </button>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/core/web/public/next/assets/{SessionInsightChip-DNUcruwp.js → SessionInsightChip-DLFAzdbi.js}

@@ -1,2 +1,2 @@
-import{a as e,c as t,n}from"./index-CyK31YRm.js";import{m as r}from"./global-y_exIyAP.js";import{u as i}from"./format-BmH2yWL6.js";import{n as a}from"./nav-mimleI0R.js";import{f as o}from"./surface-data-C3UAQ4QX.js";import{n as s,o as c,t as l}from"./mind.module-B15k0Y9q.js";var u=t(e(),1),d=n();function f({sessionId:e}){let t=r(o,{freshMs:6e4}),[n,f]=(0,u.useState)(!1),p=(0,u.useId)(),m=c(t.data?.value??null,e);if(m.length===0)return null;let h=m[0],g=`${s[h.kind]} · ${h.count}×`;function _(e){e.key===`Escape`&&n&&(e.stopPropagation(),f(!1))}return(0,d.jsxs)(`span`,{className:l.chipWrap,onKeyDown:_,children:[(0,d.jsxs)(`button`,{type:`button`,className:l.chip,"data-severity":h.severity,"aria-expanded":n,"aria-controls":p,"aria-label":`Reasoning insight for this chat: ${h.title}${m.length>1?` and ${m.length-1} more`:``}`,onClick:()=>f(e=>!e),children:[(0,d.jsx)(`span`,{className:l.chipDot,"data-severity":h.severity,"aria-hidden":`true`}),g,m.length>1?(0,d.jsxs)(`span`,{className:l.chipMore,children:[`+`,m.length-1]}):null]}),n?(0,d.jsxs)(`div`,{id:p,className:l.chipPanel,role:`region`,"aria-label":`Insights for this chat`,children:[(0,d.jsx)(`ul`,{className:l.chipList,children:m.map(e=>(0,d.jsxs)(`li`,{children:[(0,d.jsx)(`span`,{className:l.insightTitle,children:e.title}),(0,d.jsxs)(`span`,{className:l.insightMeta,children:[s[e.kind],` · `,e.count,`× · last seen `,i(e.lastAt)]})]},e.id))}),(0,d.jsx)(`button`,{type:`button`,className:l.link,onClick:()=>{f(!1),a(`mind`,`insight-${h.id}`)},children:`See it in Mind`})]}):null]})}export{f as SessionInsightChip};
-//# sourceMappingURL=SessionInsightChip-DNUcruwp.js.map
+import{a as e,c as t,n}from"./index-DZ-UQ7v8.js";import{h as r}from"./global-CMNW_dqn.js";import{u as i}from"./format-CH4g_sl1.js";import{p as a}from"./surface-data-Dj71tdD-.js";import{n as o}from"./nav-0dOYe2rJ.js";import{n as s,o as c,t as l}from"./mind.module-7hA92hRg.js";var u=t(e(),1),d=n();function f({sessionId:e}){let t=r(a,{freshMs:6e4}),[n,f]=(0,u.useState)(!1),p=(0,u.useId)(),m=c(t.data?.value??null,e);if(m.length===0)return null;let h=m[0],g=`${s[h.kind]} · ${h.count}×`;function _(e){e.key===`Escape`&&n&&(e.stopPropagation(),f(!1))}return(0,d.jsxs)(`span`,{className:l.chipWrap,onKeyDown:_,children:[(0,d.jsxs)(`button`,{type:`button`,className:l.chip,"data-severity":h.severity,"aria-expanded":n,"aria-controls":p,"aria-label":`Reasoning insight for this chat: ${h.title}${m.length>1?` and ${m.length-1} more`:``}`,onClick:()=>f(e=>!e),children:[(0,d.jsx)(`span`,{className:l.chipDot,"data-severity":h.severity,"aria-hidden":`true`}),g,m.length>1?(0,d.jsxs)(`span`,{className:l.chipMore,children:[`+`,m.length-1]}):null]}),n?(0,d.jsxs)(`div`,{id:p,className:l.chipPanel,role:`region`,"aria-label":`Insights for this chat`,children:[(0,d.jsx)(`ul`,{className:l.chipList,children:m.map(e=>(0,d.jsxs)(`li`,{children:[(0,d.jsx)(`span`,{className:l.insightTitle,children:e.title}),(0,d.jsxs)(`span`,{className:l.insightMeta,children:[s[e.kind],` · `,e.count,`× · last seen `,i(e.lastAt)]})]},e.id))}),(0,d.jsx)(`button`,{type:`button`,className:l.link,onClick:()=>{f(!1),o(`mind`,`insight-${h.id}`)},children:`See it in Mind`})]}):null]})}export{f as SessionInsightChip};
+//# sourceMappingURL=SessionInsightChip-DLFAzdbi.js.map

package/dist/core/web/public/next/assets/{SessionInsightChip-DNUcruwp.js.map → SessionInsightChip-DLFAzdbi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SessionInsightChip-DNUcruwp.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/mind/SessionInsightChip.tsx"],"sourcesContent":["/**\n * routes/verse/mind/SessionInsightChip.tsx — the chat-header chip (SPEC-310C\n * §5 \"`mind/SessionInsightChip`: Chat's header shows it when an A7 loop or\n * struggle insight cites that chat\"; unit C7). Mounted by C2 through C0's\n * `session-insight-chip` slot, which lazy-loads this file and this named\n * export with exactly SessionInsightChipProps.\n *\n * It renders NOTHING unless the reasoning digest cites this chat in a loop\n * or struggle insight — no placeholder, no spinner, no error text in a chat\n * header (a missing digest is simply no chip). When it shows, it is one\n * quiet chip (\"Loop · npm test ×6\"); pressing it opens a small panel with\n * the insight(s) and a way to Mind. Reads the digest the Mind surface\n * already caches (60 s freshness); it never polls from the chat.\n */\nimport { useId, useState, type KeyboardEvent } from 'react';\nimport { useQuery } from '../../../data/hooks.js';\nimport { formatRelative } from '../autonomy/format.js';\nimport { goToSection } from '../command/nav.js';\nimport { reasoningDigestQuery } from '../command/surface-data.js';\nimport type { SessionInsightChipProps } from '../shell/slots.js';\nimport { KIND_LABEL, sessionInsights } from './mind-model.js';\nimport styles from './mind.module.css';\n\nexport function SessionInsightChip({ sessionId }: SessionInsightChipProps) {\n  const digest = useQuery(reasoningDigestQuery, { freshMs: 60_000 });\n  const [open, setOpen] = useState(false);\n  const panelId = useId();\n  const insights = sessionInsights(digest.data?.value ?? null, sessionId);\n  if (insights.length === 0) return null;\n  const first = insights[0]!;\n  const label = `${KIND_LABEL[first.kind]} · ${first.count}×`;\n\n  function onKey(e: KeyboardEvent<HTMLElement>): void {\n    if (e.key === 'Escape' && open) {\n      e.stopPropagation();\n      setOpen(false);\n    }\n  }\n\n  return (\n    <span className={styles.chipWrap} onKeyDown={onKey}>\n      <button\n        type=\"button\"\n        className={styles.chip}\n        data-severity={first.severity}\n        aria-expanded={open}\n        aria-controls={panelId}\n        aria-label={`Reasoning insight for this chat: ${first.title}${insights.length > 1 ? ` and ${insights.length - 1} more` : ''}`}\n        onClick={() => setOpen((o) => !o)}\n      >\n        <span className={styles.chipDot} data-severity={first.severity} aria-hidden=\"true\" />\n        {label}\n        {insights.length > 1 ? <span className={styles.chipMore}>+{insights.length - 1}</span> : null}\n      </button>\n      {open ? (\n        <div id={panelId} className={styles.chipPanel} role=\"region\" aria-label=\"Insights for this chat\">\n          <ul className={styles.chipList}>\n            {insights.map((i) => (\n              <li key={i.id}>\n                <span className={styles.insightTitle}>{i.title}</span>\n                <span className={styles.insightMeta}>\n                  {KIND_LABEL[i.kind]} · {i.count}× · last seen {formatRelative(i.lastAt)}\n                </span>\n              </li>\n            ))}\n          </ul>\n          <button\n            type=\"button\"\n            className={styles.link}\n            onClick={() => {\n              setOpen(false);\n              goToSection('mind', `insight-${first.id}`);\n            }}\n          >\n            See it in Mind\n          </button>\n        </div>\n      ) : null}\n    </span>\n  );\n}\n"],"mappings":"ySAuBA,SAAgB,EAAmB,CAAE,aAAsC,CACzE,IAAM,EAAS,EAAS,EAAsB,CAAE,QAAS,GAAO,CAAC,EAC3D,CAAC,EAAM,IAAA,EAAW,EAAA,SAAA,CAAS,EAAK,EAChC,GAAA,EAAU,EAAA,MAAA,CAAM,EAChB,EAAW,EAAgB,EAAO,MAAM,OAAS,KAAM,CAAS,EACtE,GAAI,EAAS,SAAW,EAAG,OAAO,KAClC,IAAM,EAAQ,EAAS,GACjB,EAAQ,GAAG,EAAW,EAAM,MAAM,KAAK,EAAM,MAAM,GAEzD,SAAS,EAAM,EAAqC,CAC9C,EAAE,MAAQ,UAAY,IACxB,EAAE,gBAAgB,EAClB,EAAQ,EAAK,EAEjB,CAEA,OACE,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAO,SAAU,UAAW,EAA7C,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAO,KAClB,gBAAe,EAAM,SACrB,gBAAe,EACf,gBAAe,EACf,aAAY,oCAAoC,EAAM,QAAQ,EAAS,OAAS,EAAI,QAAQ,EAAS,OAAS,EAAE,OAAS,KACzH,YAAe,EAAS,GAAM,CAAC,CAAC,EAPlC,SAAA,EASE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,QAAS,gBAAe,EAAM,SAAU,cAAY,MAAQ,CAAA,EACnF,EACA,EAAS,OAAS,GAAI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAO,SAAxB,SAAA,CAAkC,IAAE,EAAS,OAAS,CAAQ,CAAI,CAAA,EAAA,IACnF,CACP,CAAA,EAAA,GACC,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,GAAI,EAAS,UAAW,EAAO,UAAW,KAAK,SAAS,aAAW,yBAAxE,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAO,SACnB,SAAA,EAAS,IAAK,IACb,EAAA,EAAA,KAAA,CAAC,KAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,aAAe,SAAA,EAAE,KAAY,CAAA,GACrD,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAO,YAAxB,SAAA,CACG,EAAW,EAAE,MAAM,MAAI,EAAE,MAAM,iBAAe,EAAe,EAAE,MAAM,CAClE,CACJ,CAAA,CAAA,CAAA,EALK,EAAE,EAKP,CACL,CACC,CAAA,GACJ,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAO,KAClB,YAAe,CACb,EAAQ,EAAK,EACb,EAAY,OAAQ,WAAW,EAAM,IAAI,CAC3C,EACD,SAAA,gBAEO,CAAA,CACL,CACH,CAAA,EAAA,IACA,GAEV"}
+{"version":3,"file":"SessionInsightChip-DLFAzdbi.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/mind/SessionInsightChip.tsx"],"sourcesContent":["/**\n * routes/verse/mind/SessionInsightChip.tsx — the chat-header chip (SPEC-310C\n * §5 \"`mind/SessionInsightChip`: Chat's header shows it when an A7 loop or\n * struggle insight cites that chat\"; unit C7). Mounted by C2 through C0's\n * `session-insight-chip` slot, which lazy-loads this file and this named\n * export with exactly SessionInsightChipProps.\n *\n * It renders NOTHING unless the reasoning digest cites this chat in a loop\n * or struggle insight — no placeholder, no spinner, no error text in a chat\n * header (a missing digest is simply no chip). When it shows, it is one\n * quiet chip (\"Loop · npm test ×6\"); pressing it opens a small panel with\n * the insight(s) and a way to Mind. Reads the digest the Mind surface\n * already caches (60 s freshness); it never polls from the chat.\n */\nimport { useId, useState, type KeyboardEvent } from 'react';\nimport { useQuery } from '../../../data/hooks.js';\nimport { formatRelative } from '../autonomy/format.js';\nimport { goToSection } from '../command/nav.js';\nimport { reasoningDigestQuery } from '../command/surface-data.js';\nimport type { SessionInsightChipProps } from '../shell/slots.js';\nimport { KIND_LABEL, sessionInsights } from './mind-model.js';\nimport styles from './mind.module.css';\n\nexport function SessionInsightChip({ sessionId }: SessionInsightChipProps) {\n  const digest = useQuery(reasoningDigestQuery, { freshMs: 60_000 });\n  const [open, setOpen] = useState(false);\n  const panelId = useId();\n  const insights = sessionInsights(digest.data?.value ?? null, sessionId);\n  if (insights.length === 0) return null;\n  const first = insights[0]!;\n  const label = `${KIND_LABEL[first.kind]} · ${first.count}×`;\n\n  function onKey(e: KeyboardEvent<HTMLElement>): void {\n    if (e.key === 'Escape' && open) {\n      e.stopPropagation();\n      setOpen(false);\n    }\n  }\n\n  return (\n    <span className={styles.chipWrap} onKeyDown={onKey}>\n      <button\n        type=\"button\"\n        className={styles.chip}\n        data-severity={first.severity}\n        aria-expanded={open}\n        aria-controls={panelId}\n        aria-label={`Reasoning insight for this chat: ${first.title}${insights.length > 1 ? ` and ${insights.length - 1} more` : ''}`}\n        onClick={() => setOpen((o) => !o)}\n      >\n        <span className={styles.chipDot} data-severity={first.severity} aria-hidden=\"true\" />\n        {label}\n        {insights.length > 1 ? <span className={styles.chipMore}>+{insights.length - 1}</span> : null}\n      </button>\n      {open ? (\n        <div id={panelId} className={styles.chipPanel} role=\"region\" aria-label=\"Insights for this chat\">\n          <ul className={styles.chipList}>\n            {insights.map((i) => (\n              <li key={i.id}>\n                <span className={styles.insightTitle}>{i.title}</span>\n                <span className={styles.insightMeta}>\n                  {KIND_LABEL[i.kind]} · {i.count}× · last seen {formatRelative(i.lastAt)}\n                </span>\n              </li>\n            ))}\n          </ul>\n          <button\n            type=\"button\"\n            className={styles.link}\n            onClick={() => {\n              setOpen(false);\n              goToSection('mind', `insight-${first.id}`);\n            }}\n          >\n            See it in Mind\n          </button>\n        </div>\n      ) : null}\n    </span>\n  );\n}\n"],"mappings":"ySAuBA,SAAgB,EAAmB,CAAE,aAAsC,CACzE,IAAM,EAAS,EAAS,EAAsB,CAAE,QAAS,GAAO,CAAC,EAC3D,CAAC,EAAM,IAAA,EAAW,EAAA,SAAA,CAAS,EAAK,EAChC,GAAA,EAAU,EAAA,MAAA,CAAM,EAChB,EAAW,EAAgB,EAAO,MAAM,OAAS,KAAM,CAAS,EACtE,GAAI,EAAS,SAAW,EAAG,OAAO,KAClC,IAAM,EAAQ,EAAS,GACjB,EAAQ,GAAG,EAAW,EAAM,MAAM,KAAK,EAAM,MAAM,GAEzD,SAAS,EAAM,EAAqC,CAC9C,EAAE,MAAQ,UAAY,IACxB,EAAE,gBAAgB,EAClB,EAAQ,EAAK,EAEjB,CAEA,OACE,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAO,SAAU,UAAW,EAA7C,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAO,KAClB,gBAAe,EAAM,SACrB,gBAAe,EACf,gBAAe,EACf,aAAY,oCAAoC,EAAM,QAAQ,EAAS,OAAS,EAAI,QAAQ,EAAS,OAAS,EAAE,OAAS,KACzH,YAAe,EAAS,GAAM,CAAC,CAAC,EAPlC,SAAA,EASE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,QAAS,gBAAe,EAAM,SAAU,cAAY,MAAQ,CAAA,EACnF,EACA,EAAS,OAAS,GAAI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAO,SAAxB,SAAA,CAAkC,IAAE,EAAS,OAAS,CAAQ,CAAI,CAAA,EAAA,IACnF,CACP,CAAA,EAAA,GACC,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,GAAI,EAAS,UAAW,EAAO,UAAW,KAAK,SAAS,aAAW,yBAAxE,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAO,SACnB,SAAA,EAAS,IAAK,IACb,EAAA,EAAA,KAAA,CAAC,KAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,aAAe,SAAA,EAAE,KAAY,CAAA,GACrD,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAO,YAAxB,SAAA,CACG,EAAW,EAAE,MAAM,MAAI,EAAE,MAAM,iBAAe,EAAe,EAAE,MAAM,CAClE,CACJ,CAAA,CAAA,CAAA,EALK,EAAE,EAKP,CACL,CACC,CAAA,GACJ,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAO,KAClB,YAAe,CACb,EAAQ,EAAK,EACb,EAAY,OAAQ,WAAW,EAAM,IAAI,CAC3C,EACD,SAAA,gBAEO,CAAA,CACL,CACH,CAAA,EAAA,IACA,GAEV"}

package/dist/core/web/public/next/assets/{SessionSearch-UHtt7a8f.js → SessionSearch-DbFjwR1h.js}

@@ -1,2 +1,2 @@
-import{a as e,c as t,n}from"./index-CyK31YRm.js";import{o as r}from"./global-y_exIyAP.js";import{l as i}from"./verse-model-JTuvRBVK.js";import{o as a}from"./context-queries-_9bFWb9v.js";import{b as o,p as s,u as c}from"./context-model-Bb15chFt.js";import{t as l}from"./use-token-gate-DSNIIpI6.js";import{t as u}from"./context.module-BijAfoJw.js";var d=t(e(),1),f=n();function p({onOpenSession:e,query:t,selectedId:n=null}){let p=(0,d.useId)(),m=(0,d.useId)(),h=t===void 0,[g,_]=(0,d.useState)(``),v=(h?g:t).trim(),[y,b]=(0,d.useState)({status:`idle`}),[x,S]=(0,d.useState)(0),C=(0,d.useRef)(!1);(0,d.useEffect)(()=>{if(C.current)return;if(v.length<2){b({status:`idle`});return}let e=new AbortController;b(e=>({status:`loading`,previous:e.status===`ready`?e.response:e.status===`loading`?e.previous:null}));let t=setTimeout(()=>{a(v,30,e.signal).then(t=>{e.signal.aborted||b({status:`ready`,response:t})}).catch(t=>{e.signal.aborted||(t instanceof r&&t.status===404?(C.current=!0,b({status:`unsupported`})):b({status:`error`,message:l(t)}))})},250);return()=>{clearTimeout(t),e.abort()}},[v,x]);let w=h?(0,f.jsxs)(`label`,{className:u.searchBox,htmlFor:p,children:[(0,f.jsx)(`span`,{className:`visually-hidden`,children:`Search messages in every chat`}),(0,f.jsx)(`input`,{id:p,type:`search`,className:u.input,value:g,placeholder:`Search messages`,autoComplete:`off`,spellCheck:!1,onChange:e=>_(e.target.value)})]}):null;if(y.status===`unsupported`)return h?(0,f.jsxs)(`div`,{className:u.search,children:[w,(0,f.jsxs)(`p`,{className:`${u.hint} ${u.searchNote}`,children:[`This server cannot search messages yet — update Ashlr and restart `,(0,f.jsx)(`code`,{children:`ashlr verse`}),`.`]})]}):null;if(y.status===`idle`&&!h)return null;let T=y.status===`ready`?y.response:y.status===`loading`?y.previous:null,E=T?c(T.hits):[],D=o(T?.query??v),O=y.status===`loading`;return(0,f.jsxs)(`section`,{className:u.search,"aria-labelledby":m,"aria-busy":O?!0:void 0,children:[w,(0,f.jsxs)(`h2`,{id:m,className:u.searchHead,children:[(0,f.jsx)(`span`,{children:`In messages`}),T&&!O?(0,f.jsx)(`span`,{className:u.searchCount,"aria-hidden":`true`,children:E.length}):null]}),(0,f.jsx)(`p`,{className:`visually-hidden`,role:`status`,"aria-live":`polite`,children:y.status===`ready`?E.length===0?`No messages match ${v}.`:`${E.length} ${E.length===1?`chat has`:`chats have`} matching messages.`:``}),y.status===`idle`?(0,f.jsx)(`p`,{className:`${u.hint} ${u.searchNote}`,children:`Searches what was said in every chat on this machine. Nothing is sent to a model.`}):y.status===`error`?(0,f.jsxs)(`div`,{className:u.searchError,role:`alert`,children:[(0,f.jsxs)(`span`,{children:[`Could not search messages: `,y.message]}),(0,f.jsx)(`button`,{type:`button`,className:`${u.secondary} ${u.small}`,onClick:()=>S(e=>e+1),children:`Retry`})]}):O&&!T?(0,f.jsx)(`p`,{className:`${u.hint} ${u.searchNote}`,children:`Searching messages…`}):E.length===0?(0,f.jsxs)(`p`,{className:`${u.hint} ${u.searchNote}`,children:[`No messages match “`,v,`”. Try fewer or different words.`]}):(0,f.jsx)(`ul`,{className:u.hits,children:E.map(t=>{let r=s(t.top.snippet,D),a=t.top.kind===`user`?`You`:`Agent`,o=t.count>1?` · ${t.count} matches`:``;return(0,f.jsx)(`li`,{children:(0,f.jsxs)(`button`,{type:`button`,className:`${u.hit} ${u[`engine-${t.engine}`]??``}`,"aria-current":t.sessionId===n?`true`:void 0,"data-session":t.sessionId,"data-engine":t.engine,onClick:()=>e(t.sessionId),children:[(0,f.jsx)(`span`,{className:u.hitMarker,"aria-hidden":`true`}),(0,f.jsx)(`span`,{className:u.hitTitle,title:t.title||`Untitled chat`,children:t.title||`Untitled chat`}),(0,f.jsx)(`time`,{className:u.hitTime,dateTime:t.latestAt,children:i(t.latestAt)}),(0,f.jsxs)(`span`,{className:u.hitSnippet,children:[(0,f.jsxs)(`span`,{className:u.hitWho,children:[a,o,`: `]}),r.map((e,t)=>e.match?(0,f.jsx)(`mark`,{children:e.text},t):(0,f.jsx)(`span`,{children:e.text},t))]})]})},t.sessionId)})}),T&&y.status!==`error`?(0,f.jsxs)(`p`,{className:`${u.hint} ${u.searchNote}`,children:[`Searched `,T.scannedSessions.toLocaleString(),` `,T.scannedSessions===1?`chat`:`chats`,T.truncated?` — the most recent ones only; older chats were not searched.`:`.`]}):null]})}export{p as SessionSearch};
-//# sourceMappingURL=SessionSearch-UHtt7a8f.js.map
+import{a as e,c as t,n}from"./index-DZ-UQ7v8.js";import{o as r}from"./global-CMNW_dqn.js";import{u as i}from"./verse-model-DAVevkNe.js";import{o as a}from"./context-queries-eL3caKVG.js";import{b as o,p as s,u as c}from"./context-model-CokrgEUq.js";import{t as l}from"./use-token-gate-CbXVYQYI.js";import{t as u}from"./context.module-BijAfoJw.js";var d=t(e(),1),f=n();function p({onOpenSession:e,query:t,selectedId:n=null}){let p=(0,d.useId)(),m=(0,d.useId)(),h=t===void 0,[g,_]=(0,d.useState)(``),v=(h?g:t).trim(),[y,b]=(0,d.useState)({status:`idle`}),[x,S]=(0,d.useState)(0),C=(0,d.useRef)(!1);(0,d.useEffect)(()=>{if(C.current)return;if(v.length<2){b({status:`idle`});return}let e=new AbortController;b(e=>({status:`loading`,previous:e.status===`ready`?e.response:e.status===`loading`?e.previous:null}));let t=setTimeout(()=>{a(v,30,e.signal).then(t=>{e.signal.aborted||b({status:`ready`,response:t})}).catch(t=>{e.signal.aborted||(t instanceof r&&t.status===404?(C.current=!0,b({status:`unsupported`})):b({status:`error`,message:l(t)}))})},250);return()=>{clearTimeout(t),e.abort()}},[v,x]);let w=h?(0,f.jsxs)(`label`,{className:u.searchBox,htmlFor:p,children:[(0,f.jsx)(`span`,{className:`visually-hidden`,children:`Search messages in every chat`}),(0,f.jsx)(`input`,{id:p,type:`search`,className:u.input,value:g,placeholder:`Search messages`,autoComplete:`off`,spellCheck:!1,onChange:e=>_(e.target.value)})]}):null;if(y.status===`unsupported`)return h?(0,f.jsxs)(`div`,{className:u.search,children:[w,(0,f.jsxs)(`p`,{className:`${u.hint} ${u.searchNote}`,children:[`This server cannot search messages yet — update Ashlr and restart `,(0,f.jsx)(`code`,{children:`ashlr verse`}),`.`]})]}):null;if(y.status===`idle`&&!h)return null;let T=y.status===`ready`?y.response:y.status===`loading`?y.previous:null,E=T?c(T.hits):[],D=o(T?.query??v),O=y.status===`loading`;return(0,f.jsxs)(`section`,{className:u.search,"aria-labelledby":m,"aria-busy":O?!0:void 0,children:[w,(0,f.jsxs)(`h2`,{id:m,className:u.searchHead,children:[(0,f.jsx)(`span`,{children:`In messages`}),T&&!O?(0,f.jsx)(`span`,{className:u.searchCount,"aria-hidden":`true`,children:E.length}):null]}),(0,f.jsx)(`p`,{className:`visually-hidden`,role:`status`,"aria-live":`polite`,children:y.status===`ready`?E.length===0?`No messages match ${v}.`:`${E.length} ${E.length===1?`chat has`:`chats have`} matching messages.`:``}),y.status===`idle`?(0,f.jsx)(`p`,{className:`${u.hint} ${u.searchNote}`,children:`Searches what was said in every chat on this machine. Nothing is sent to a model.`}):y.status===`error`?(0,f.jsxs)(`div`,{className:u.searchError,role:`alert`,children:[(0,f.jsxs)(`span`,{children:[`Could not search messages: `,y.message]}),(0,f.jsx)(`button`,{type:`button`,className:`${u.secondary} ${u.small}`,onClick:()=>S(e=>e+1),children:`Retry`})]}):O&&!T?(0,f.jsx)(`p`,{className:`${u.hint} ${u.searchNote}`,children:`Searching messages…`}):E.length===0?(0,f.jsxs)(`p`,{className:`${u.hint} ${u.searchNote}`,children:[`No messages match “`,v,`”. Try fewer or different words.`]}):(0,f.jsx)(`ul`,{className:u.hits,children:E.map(t=>{let r=s(t.top.snippet,D),a=t.top.kind===`user`?`You`:`Agent`,o=t.count>1?` · ${t.count} matches`:``;return(0,f.jsx)(`li`,{children:(0,f.jsxs)(`button`,{type:`button`,className:`${u.hit} ${u[`engine-${t.engine}`]??``}`,"aria-current":t.sessionId===n?`true`:void 0,"data-session":t.sessionId,"data-engine":t.engine,onClick:()=>e(t.sessionId),children:[(0,f.jsx)(`span`,{className:u.hitMarker,"aria-hidden":`true`}),(0,f.jsx)(`span`,{className:u.hitTitle,title:t.title||`Untitled chat`,children:t.title||`Untitled chat`}),(0,f.jsx)(`time`,{className:u.hitTime,dateTime:t.latestAt,children:i(t.latestAt)}),(0,f.jsxs)(`span`,{className:u.hitSnippet,children:[(0,f.jsxs)(`span`,{className:u.hitWho,children:[a,o,`: `]}),r.map((e,t)=>e.match?(0,f.jsx)(`mark`,{children:e.text},t):(0,f.jsx)(`span`,{children:e.text},t))]})]})},t.sessionId)})}),T&&y.status!==`error`?(0,f.jsxs)(`p`,{className:`${u.hint} ${u.searchNote}`,children:[`Searched `,T.scannedSessions.toLocaleString(),` `,T.scannedSessions===1?`chat`:`chats`,T.truncated?` — the most recent ones only; older chats were not searched.`:`.`]}):null]})}export{p as SessionSearch};
+//# sourceMappingURL=SessionSearch-DbFjwR1h.js.map

package/dist/core/web/public/next/assets/{SessionSearch-UHtt7a8f.js.map → SessionSearch-DbFjwR1h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SessionSearch-UHtt7a8f.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/context/SessionSearch.tsx"],"sourcesContent":["/**\n * routes/verse/context/SessionSearch.tsx — find a past chat by what was SAID\n * in it, not only by its title.\n *\n * The sidebar's field has always filtered chat titles and project paths on\n * the client, instantly. Titles are the first line of the first message, so\n * \"where did we decide the retry policy?\" was unanswerable without opening\n * chats one by one. This component answers it: a keyword search over every\n * session's user and assistant messages (GET /api/verse/search — a bounded\n * scan of events.jsonl on this machine; nothing is sent to a model).\n *\n * TWO WAYS TO MOUNT, one behaviour:\n *\n *  - Controlled (`query` given): the sidebar passes ITS field's value, so one\n *    box drives both the instant title filter above and the message matches\n *    below. No second box — two search fields stacked in a 240px sidebar\n *    would make the operator guess which one to type in.\n *  - Standalone (`query` absent): renders its own field, for any surface that\n *    has no search box of its own.\n *\n * One row per CHAT (the server ranks messages; the list ranks chats), with the\n * best-matching snippet and its terms marked. A query under two characters\n * asks nothing: a one-letter scan of every transcript is noise, not recall.\n * An older server without the route answers 404; the section then stays\n * silent rather than printing a permanent error for a feature that server\n * does not have — the title filter above still works.\n */\nimport { useEffect, useId, useRef, useState } from 'react';\nimport type { VerseSearchResponse } from '../../../../core/verse/types.js';\nimport { ApiError } from '../../../data/client.js';\nimport { formatRelative } from '../verse-model.js';\nimport {\n  groupSearchHits,\n  highlightSegments,\n  searchTerms,\n  SEARCH_DEBOUNCE_MS,\n  SEARCH_LIMIT,\n  SEARCH_MIN_CHARS,\n} from './context-model.js';\nimport { searchSessions } from './context-queries.js';\nimport { describeContextError } from './use-token-gate.js';\nimport styles from './context.module.css';\n\nexport interface SessionSearchProps {\n  onOpenSession: (id: string) => void;\n  /**\n   * The query, when a surrounding field owns it (the sidebar). Absent → this\n   * component renders its own field.\n   */\n  query?: string;\n  /** The chat that is open, marked with aria-current like the sidebar's rows. */\n  selectedId?: string | null;\n}\n\ntype SearchState =\n  | { status: 'idle' }\n  | { status: 'loading'; previous: VerseSearchResponse | null }\n  | { status: 'ready'; response: VerseSearchResponse }\n  | { status: 'error'; message: string }\n  | { status: 'unsupported' };\n\nexport function SessionSearch({ onOpenSession, query, selectedId = null }: SessionSearchProps) {\n  const inputId = useId();\n  const headingId = useId();\n  const standalone = query === undefined;\n  const [own, setOwn] = useState('');\n  const q = (standalone ? own : query).trim();\n  const [state, setState] = useState<SearchState>({ status: 'idle' });\n  const [retry, setRetry] = useState(0);\n  /** Once the server has said it has no search route, stop asking for this mount's lifetime. */\n  const unsupported = useRef(false);\n\n  useEffect(() => {\n    if (unsupported.current) return undefined;\n    if (q.length < SEARCH_MIN_CHARS) {\n      setState({ status: 'idle' });\n      return undefined;\n    }\n    const controller = new AbortController();\n    // Keep the previous answer on screen while the next one is fetched: a list\n    // that blanks on every keystroke is harder to read than a slightly stale one.\n    setState((prev) => ({\n      status: 'loading',\n      previous: prev.status === 'ready' ? prev.response : prev.status === 'loading' ? prev.previous : null,\n    }));\n    const timer = setTimeout(() => {\n      searchSessions(q, SEARCH_LIMIT, controller.signal)\n        .then((response) => {\n          if (!controller.signal.aborted) setState({ status: 'ready', response });\n        })\n        .catch((err: unknown) => {\n          if (controller.signal.aborted) return;\n          if (err instanceof ApiError && err.status === 404) {\n            unsupported.current = true;\n            setState({ status: 'unsupported' });\n          }\n          else setState({ status: 'error', message: describeContextError(err) });\n        });\n    }, SEARCH_DEBOUNCE_MS);\n    return () => {\n      clearTimeout(timer);\n      controller.abort();\n    };\n  }, [q, retry]);\n\n  const field = standalone ? (\n    <label className={styles.searchBox} htmlFor={inputId}>\n      <span className=\"visually-hidden\">Search messages in every chat</span>\n      <input id={inputId} type=\"search\" className={styles.input} value={own} placeholder=\"Search messages\"\n        autoComplete=\"off\" spellCheck={false} onChange={(event) => setOwn(event.target.value)} />\n    </label>\n  ) : null;\n\n  // Controlled and idle (the sidebar's field is empty or too short), or a\n  // server without the route: nothing to say — the title list above is the\n  // whole answer. A standalone field has no title list, so it says why.\n  if (state.status === 'unsupported') {\n    return standalone ? (\n      <div className={styles.search}>\n        {field}\n        <p className={`${styles.hint} ${styles.searchNote}`}>This server cannot search messages yet — update Ashlr and restart <code>ashlr verse</code>.</p>\n      </div>\n    ) : null;\n  }\n  if (state.status === 'idle' && !standalone) return null;\n\n  const response = state.status === 'ready' ? state.response : state.status === 'loading' ? state.previous : null;\n  const groups = response ? groupSearchHits(response.hits) : [];\n  const terms = searchTerms(response?.query ?? q);\n  const busy = state.status === 'loading';\n\n  return (\n    <section className={styles.search} aria-labelledby={headingId} aria-busy={busy ? true : undefined}>\n      {field}\n      <h2 id={headingId} className={styles.searchHead}>\n        <span>In messages</span>\n        {response && !busy ? (\n          <span className={styles.searchCount} aria-hidden=\"true\">{groups.length}</span>\n        ) : null}\n      </h2>\n\n      {/* Announced once per answer, not per keystroke. */}\n      <p className=\"visually-hidden\" role=\"status\" aria-live=\"polite\">\n        {state.status === 'ready'\n          ? groups.length === 0 ? `No messages match ${q}.` : `${groups.length} ${groups.length === 1 ? 'chat has' : 'chats have'} matching messages.`\n          : ''}\n      </p>\n\n      {state.status === 'idle' ? (\n        <p className={`${styles.hint} ${styles.searchNote}`}>\n          Searches what was said in every chat on this machine. Nothing is sent to a model.\n        </p>\n      ) : state.status === 'error' ? (\n        <div className={styles.searchError} role=\"alert\">\n          <span>Could not search messages: {state.message}</span>\n          <button type=\"button\" className={`${styles.secondary} ${styles.small}`} onClick={() => setRetry((n) => n + 1)}>\n            Retry\n          </button>\n        </div>\n      ) : busy && !response ? (\n        <p className={`${styles.hint} ${styles.searchNote}`}>Searching messages…</p>\n      ) : groups.length === 0 ? (\n        <p className={`${styles.hint} ${styles.searchNote}`}>No messages match “{q}”. Try fewer or different words.</p>\n      ) : (\n        <ul className={styles.hits}>\n          {groups.map((group) => {\n            const segments = highlightSegments(group.top.snippet, terms);\n            const who = group.top.kind === 'user' ? 'You' : 'Agent';\n            const more = group.count > 1 ? ` · ${group.count} matches` : '';\n            return (\n              <li key={group.sessionId}>\n                <button type=\"button\" className={`${styles.hit} ${styles[`engine-${group.engine}`] ?? ''}`}\n                  aria-current={group.sessionId === selectedId ? 'true' : undefined}\n                  data-session={group.sessionId} data-engine={group.engine}\n                  onClick={() => onOpenSession(group.sessionId)}>\n                  <span className={styles.hitMarker} aria-hidden=\"true\" />\n                  {/* The title truncates to one line, so it carries itself in full as a tooltip. */}\n                  <span className={styles.hitTitle} title={group.title || 'Untitled chat'}>{group.title || 'Untitled chat'}</span>\n                  <time className={styles.hitTime} dateTime={group.latestAt}>{formatRelative(group.latestAt)}</time>\n                  <span className={styles.hitSnippet}>\n                    <span className={styles.hitWho}>{who}{more}: </span>\n                    {segments.map((segment, index) => (segment.match\n                      ? <mark key={index}>{segment.text}</mark>\n                      : <span key={index}>{segment.text}</span>))}\n                  </span>\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n\n      {response && state.status !== 'error' ? (\n        <p className={`${styles.hint} ${styles.searchNote}`}>\n          Searched {response.scannedSessions.toLocaleString()} {response.scannedSessions === 1 ? 'chat' : 'chats'}\n          {response.truncated ? ' — the most recent ones only; older chats were not searched.' : '.'}\n        </p>\n      ) : null}\n    </section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SessionSearch-DbFjwR1h.js","names":[],"sources":["../../../../../../src/web-ui/routes/verse/context/SessionSearch.tsx"],"sourcesContent":["/**\n * routes/verse/context/SessionSearch.tsx — find a past chat by what was SAID\n * in it, not only by its title.\n *\n * The sidebar's field has always filtered chat titles and project paths on\n * the client, instantly. Titles are the first line of the first message, so\n * \"where did we decide the retry policy?\" was unanswerable without opening\n * chats one by one. This component answers it: a keyword search over every\n * session's user and assistant messages (GET /api/verse/search — a bounded\n * scan of events.jsonl on this machine; nothing is sent to a model).\n *\n * TWO WAYS TO MOUNT, one behaviour:\n *\n *  - Controlled (`query` given): the sidebar passes ITS field's value, so one\n *    box drives both the instant title filter above and the message matches\n *    below. No second box — two search fields stacked in a 240px sidebar\n *    would make the operator guess which one to type in.\n *  - Standalone (`query` absent): renders its own field, for any surface that\n *    has no search box of its own.\n *\n * One row per CHAT (the server ranks messages; the list ranks chats), with the\n * best-matching snippet and its terms marked. A query under two characters\n * asks nothing: a one-letter scan of every transcript is noise, not recall.\n * An older server without the route answers 404; the section then stays\n * silent rather than printing a permanent error for a feature that server\n * does not have — the title filter above still works.\n */\nimport { useEffect, useId, useRef, useState } from 'react';\nimport type { VerseSearchResponse } from '../../../../core/verse/types.js';\nimport { ApiError } from '../../../data/client.js';\nimport { formatRelative } from '../verse-model.js';\nimport {\n  groupSearchHits,\n  highlightSegments,\n  searchTerms,\n  SEARCH_DEBOUNCE_MS,\n  SEARCH_LIMIT,\n  SEARCH_MIN_CHARS,\n} from './context-model.js';\nimport { searchSessions } from './context-queries.js';\nimport { describeContextError } from './use-token-gate.js';\nimport styles from './context.module.css';\n\nexport interface SessionSearchProps {\n  onOpenSession: (id: string) => void;\n  /**\n   * The query, when a surrounding field owns it (the sidebar). Absent → this\n   * component renders its own field.\n   */\n  query?: string;\n  /** The chat that is open, marked with aria-current like the sidebar's rows. */\n  selectedId?: string | null;\n}\n\ntype SearchState =\n  | { status: 'idle' }\n  | { status: 'loading'; previous: VerseSearchResponse | null }\n  | { status: 'ready'; response: VerseSearchResponse }\n  | { status: 'error'; message: string }\n  | { status: 'unsupported' };\n\nexport function SessionSearch({ onOpenSession, query, selectedId = null }: SessionSearchProps) {\n  const inputId = useId();\n  const headingId = useId();\n  const standalone = query === undefined;\n  const [own, setOwn] = useState('');\n  const q = (standalone ? own : query).trim();\n  const [state, setState] = useState<SearchState>({ status: 'idle' });\n  const [retry, setRetry] = useState(0);\n  /** Once the server has said it has no search route, stop asking for this mount's lifetime. */\n  const unsupported = useRef(false);\n\n  useEffect(() => {\n    if (unsupported.current) return undefined;\n    if (q.length < SEARCH_MIN_CHARS) {\n      setState({ status: 'idle' });\n      return undefined;\n    }\n    const controller = new AbortController();\n    // Keep the previous answer on screen while the next one is fetched: a list\n    // that blanks on every keystroke is harder to read than a slightly stale one.\n    setState((prev) => ({\n      status: 'loading',\n      previous: prev.status === 'ready' ? prev.response : prev.status === 'loading' ? prev.previous : null,\n    }));\n    const timer = setTimeout(() => {\n      searchSessions(q, SEARCH_LIMIT, controller.signal)\n        .then((response) => {\n          if (!controller.signal.aborted) setState({ status: 'ready', response });\n        })\n        .catch((err: unknown) => {\n          if (controller.signal.aborted) return;\n          if (err instanceof ApiError && err.status === 404) {\n            unsupported.current = true;\n            setState({ status: 'unsupported' });\n          }\n          else setState({ status: 'error', message: describeContextError(err) });\n        });\n    }, SEARCH_DEBOUNCE_MS);\n    return () => {\n      clearTimeout(timer);\n      controller.abort();\n    };\n  }, [q, retry]);\n\n  const field = standalone ? (\n    <label className={styles.searchBox} htmlFor={inputId}>\n      <span className=\"visually-hidden\">Search messages in every chat</span>\n      <input id={inputId} type=\"search\" className={styles.input} value={own} placeholder=\"Search messages\"\n        autoComplete=\"off\" spellCheck={false} onChange={(event) => setOwn(event.target.value)} />\n    </label>\n  ) : null;\n\n  // Controlled and idle (the sidebar's field is empty or too short), or a\n  // server without the route: nothing to say — the title list above is the\n  // whole answer. A standalone field has no title list, so it says why.\n  if (state.status === 'unsupported') {\n    return standalone ? (\n      <div className={styles.search}>\n        {field}\n        <p className={`${styles.hint} ${styles.searchNote}`}>This server cannot search messages yet — update Ashlr and restart <code>ashlr verse</code>.</p>\n      </div>\n    ) : null;\n  }\n  if (state.status === 'idle' && !standalone) return null;\n\n  const response = state.status === 'ready' ? state.response : state.status === 'loading' ? state.previous : null;\n  const groups = response ? groupSearchHits(response.hits) : [];\n  const terms = searchTerms(response?.query ?? q);\n  const busy = state.status === 'loading';\n\n  return (\n    <section className={styles.search} aria-labelledby={headingId} aria-busy={busy ? true : undefined}>\n      {field}\n      <h2 id={headingId} className={styles.searchHead}>\n        <span>In messages</span>\n        {response && !busy ? (\n          <span className={styles.searchCount} aria-hidden=\"true\">{groups.length}</span>\n        ) : null}\n      </h2>\n\n      {/* Announced once per answer, not per keystroke. */}\n      <p className=\"visually-hidden\" role=\"status\" aria-live=\"polite\">\n        {state.status === 'ready'\n          ? groups.length === 0 ? `No messages match ${q}.` : `${groups.length} ${groups.length === 1 ? 'chat has' : 'chats have'} matching messages.`\n          : ''}\n      </p>\n\n      {state.status === 'idle' ? (\n        <p className={`${styles.hint} ${styles.searchNote}`}>\n          Searches what was said in every chat on this machine. Nothing is sent to a model.\n        </p>\n      ) : state.status === 'error' ? (\n        <div className={styles.searchError} role=\"alert\">\n          <span>Could not search messages: {state.message}</span>\n          <button type=\"button\" className={`${styles.secondary} ${styles.small}`} onClick={() => setRetry((n) => n + 1)}>\n            Retry\n          </button>\n        </div>\n      ) : busy && !response ? (\n        <p className={`${styles.hint} ${styles.searchNote}`}>Searching messages…</p>\n      ) : groups.length === 0 ? (\n        <p className={`${styles.hint} ${styles.searchNote}`}>No messages match “{q}”. Try fewer or different words.</p>\n      ) : (\n        <ul className={styles.hits}>\n          {groups.map((group) => {\n            const segments = highlightSegments(group.top.snippet, terms);\n            const who = group.top.kind === 'user' ? 'You' : 'Agent';\n            const more = group.count > 1 ? ` · ${group.count} matches` : '';\n            return (\n              <li key={group.sessionId}>\n                <button type=\"button\" className={`${styles.hit} ${styles[`engine-${group.engine}`] ?? ''}`}\n                  aria-current={group.sessionId === selectedId ? 'true' : undefined}\n                  data-session={group.sessionId} data-engine={group.engine}\n                  onClick={() => onOpenSession(group.sessionId)}>\n                  <span className={styles.hitMarker} aria-hidden=\"true\" />\n                  {/* The title truncates to one line, so it carries itself in full as a tooltip. */}\n                  <span className={styles.hitTitle} title={group.title || 'Untitled chat'}>{group.title || 'Untitled chat'}</span>\n                  <time className={styles.hitTime} dateTime={group.latestAt}>{formatRelative(group.latestAt)}</time>\n                  <span className={styles.hitSnippet}>\n                    <span className={styles.hitWho}>{who}{more}: </span>\n                    {segments.map((segment, index) => (segment.match\n                      ? <mark key={index}>{segment.text}</mark>\n                      : <span key={index}>{segment.text}</span>))}\n                  </span>\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n\n      {response && state.status !== 'error' ? (\n        <p className={`${styles.hint} ${styles.searchNote}`}>\n          Searched {response.scannedSessions.toLocaleString()} {response.scannedSessions === 1 ? 'chat' : 'chats'}\n          {response.truncated ? ' — the most recent ones only; older chats were not searched.' : '.'}\n        </p>\n      ) : null}\n    </section>\n  );\n}\n"],"mappings":"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"}