@av-pi-studio/web-client 0.0.48 → 0.0.49

package/dist/web/assets/{markdown-DxgRalEG.js → markdown-0OCAeyJh.js}

@@ -1,2 +1,2 @@
-import{r as d,j as l}from"./vendor-react-p-LLqNcx.js";import{c as b}from"./vendor-highlight-Cry4x-mr.js";import{n as I,d as x,a as f,h as j,i as _,j as w,b as v,g as S,S as E,k as T}from"./index-CG4bXTWm.js";import{r as M}from"./paths--dEDMUm1.js";import{M as C,r as y}from"./vendor-markdown-ePgMI45n.js";const k="github-dark";let m=null;const g=new Set(["plaintext"]);function H(){return m||(m=b({themes:[k],langs:["plaintext"]})),m}async function N(i,e){if(g.has(e))return e;try{return await i.loadLanguage(e),g.add(e),e}catch{return"plaintext"}}async function F(i,e){const t=await H(),n=await N(t,e);return t.codeToHtml(i,{lang:n,theme:k})}const L="_prose_11tgt_1",U="_inlineCode_11tgt_32",z="_inlineImage_11tgt_58",R="_inlineImageSkeleton_11tgt_67",P="_inlineImageFallback_11tgt_78",c={prose:L,inlineCode:U,inlineImage:z,inlineImageSkeleton:R,inlineImageFallback:P},W=new Set(["http:","https:","data:","blob:"]),$=/^([a-zA-Z][a-zA-Z0-9+.-]*):/;function A(i,e,t){const n=i.trim();if(!n)return{kind:"unresolvable"};const a=n.split(/[?#]/,1)[0];if(!a)return{kind:"unresolvable"};const r=$.exec(a);if(r){const u=`${r[1].toLowerCase()}:`;return W.has(u)?{kind:"remote"}:{kind:"unresolvable"}}let o;return a.startsWith("/")?o=a:a==="~"||a.startsWith("~/")?o=t?I(a,t):null:o=M(a,e??""),o?x(o)!=="image"?{kind:"unresolvable"}:{kind:"local",path:o}:{kind:"unresolvable"}}function V(i,e,t,n){return i.kind==="remote"?{kind:"remote",src:t||"",alt:n}:i.kind==="unresolvable"?{kind:"unresolvable",fallbackText:n||t||"(image)"}:e.status==="loading"||e.status==="idle"?{kind:"loading"}:e.status==="ready"?{kind:"ready",objectUrl:e.objectUrl,alt:n,path:i.path}:{kind:"error",fallbackText:n||i.path||"(image)"}}function Z(i,e,t){if(!i||!e){t({status:"idle"});return}let n=!1;return t({status:"loading"}),j(i,e).then(a=>{n||t({status:"ready",objectUrl:a.objectUrl})}).catch(a=>{n||t({status:"error",message:a instanceof Error?a.message:String(a)})}),()=>{n=!0,_(i)}}function q(i){const e=f(r=>r.client),t=f(r=>r.daemon),[n,a]=d.useState({status:"idle"});return d.useEffect(()=>Z(i,e&&t?o=>w(t).download(o):null,a),[e,t,i]),n}const B=d.memo(function({src:e,alt:t,assetBase:n}){const a=v(),r=S(p=>p.open),o=d.useMemo(()=>A(e||"",n,a),[e,n,a]),u=q(o.kind==="local"?o.path:null),s=V(o,u,e,t);if(s.kind==="remote")return l.jsx("img",{src:s.src,alt:s.alt,className:c.inlineImage});if(s.kind==="unresolvable"||s.kind==="error")return l.jsx("code",{className:c.inlineImageFallback,children:s.fallbackText});if(s.kind==="loading")return l.jsx("div",{className:c.inlineImageSkeleton,children:l.jsx(E,{size:"sm"})});const h=()=>{r({id:T.file(s.path),kind:"file",label:s.path.split("/").pop()||s.path,closable:!0,data:{path:s.path},workspaceCwd:n||"~"})};return l.jsx("img",{src:s.objectUrl,alt:s.alt,className:c.inlineImage,title:s.path,onClick:h,style:{cursor:"pointer"}})});function D({language:i,code:e}){const[t,n]=d.useState(null);return d.useEffect(()=>{let a=!1;return F(e,i).then(r=>{a||n(r)}),()=>{a=!0}},[e,i]),t?l.jsx("div",{className:c.prose,dangerouslySetInnerHTML:{__html:t}}):l.jsx("pre",{children:l.jsx("code",{children:e})})}function G({className:i,children:e,...t}){const n=/language-(\w+)/.exec(i??""),a=!!n,r=String(e).replace(/\n$/,"");return a&&n?l.jsx(D,{language:n[1]??"plaintext",code:r}):l.jsx("code",{className:c.inlineCode,...t,children:e})}const Y=d.memo(function({text:e,assetBase:t=null}){return l.jsx("div",{className:c.prose,children:l.jsx(C,{remarkPlugins:[y],components:{code:G,img:n=>l.jsx(B,{...n,assetBase:t})},children:e})})});export{Y as M};
-//# sourceMappingURL=markdown-DxgRalEG.js.map
+import{r as d,j as l}from"./vendor-react-p-LLqNcx.js";import{c as b}from"./vendor-highlight-Cry4x-mr.js";import{n as I,d as x,a as f,h as j,i as _,j as w,b as v,g as S,S as E,k as T}from"./index-Ds0VVcbZ.js";import{r as M}from"./paths--dEDMUm1.js";import{M as C,r as y}from"./vendor-markdown-ePgMI45n.js";const k="github-dark";let m=null;const g=new Set(["plaintext"]);function H(){return m||(m=b({themes:[k],langs:["plaintext"]})),m}async function N(i,e){if(g.has(e))return e;try{return await i.loadLanguage(e),g.add(e),e}catch{return"plaintext"}}async function F(i,e){const t=await H(),n=await N(t,e);return t.codeToHtml(i,{lang:n,theme:k})}const L="_prose_11tgt_1",U="_inlineCode_11tgt_32",z="_inlineImage_11tgt_58",R="_inlineImageSkeleton_11tgt_67",P="_inlineImageFallback_11tgt_78",c={prose:L,inlineCode:U,inlineImage:z,inlineImageSkeleton:R,inlineImageFallback:P},W=new Set(["http:","https:","data:","blob:"]),$=/^([a-zA-Z][a-zA-Z0-9+.-]*):/;function A(i,e,t){const n=i.trim();if(!n)return{kind:"unresolvable"};const a=n.split(/[?#]/,1)[0];if(!a)return{kind:"unresolvable"};const r=$.exec(a);if(r){const u=`${r[1].toLowerCase()}:`;return W.has(u)?{kind:"remote"}:{kind:"unresolvable"}}let o;return a.startsWith("/")?o=a:a==="~"||a.startsWith("~/")?o=t?I(a,t):null:o=M(a,e??""),o?x(o)!=="image"?{kind:"unresolvable"}:{kind:"local",path:o}:{kind:"unresolvable"}}function V(i,e,t,n){return i.kind==="remote"?{kind:"remote",src:t||"",alt:n}:i.kind==="unresolvable"?{kind:"unresolvable",fallbackText:n||t||"(image)"}:e.status==="loading"||e.status==="idle"?{kind:"loading"}:e.status==="ready"?{kind:"ready",objectUrl:e.objectUrl,alt:n,path:i.path}:{kind:"error",fallbackText:n||i.path||"(image)"}}function Z(i,e,t){if(!i||!e){t({status:"idle"});return}let n=!1;return t({status:"loading"}),j(i,e).then(a=>{n||t({status:"ready",objectUrl:a.objectUrl})}).catch(a=>{n||t({status:"error",message:a instanceof Error?a.message:String(a)})}),()=>{n=!0,_(i)}}function q(i){const e=f(r=>r.client),t=f(r=>r.daemon),[n,a]=d.useState({status:"idle"});return d.useEffect(()=>Z(i,e&&t?o=>w(t).download(o):null,a),[e,t,i]),n}const B=d.memo(function({src:e,alt:t,assetBase:n}){const a=v(),r=S(p=>p.open),o=d.useMemo(()=>A(e||"",n,a),[e,n,a]),u=q(o.kind==="local"?o.path:null),s=V(o,u,e,t);if(s.kind==="remote")return l.jsx("img",{src:s.src,alt:s.alt,className:c.inlineImage});if(s.kind==="unresolvable"||s.kind==="error")return l.jsx("code",{className:c.inlineImageFallback,children:s.fallbackText});if(s.kind==="loading")return l.jsx("div",{className:c.inlineImageSkeleton,children:l.jsx(E,{size:"sm"})});const h=()=>{r({id:T.file(s.path),kind:"file",label:s.path.split("/").pop()||s.path,closable:!0,data:{path:s.path},workspaceCwd:n||"~"})};return l.jsx("img",{src:s.objectUrl,alt:s.alt,className:c.inlineImage,title:s.path,onClick:h,style:{cursor:"pointer"}})});function D({language:i,code:e}){const[t,n]=d.useState(null);return d.useEffect(()=>{let a=!1;return F(e,i).then(r=>{a||n(r)}),()=>{a=!0}},[e,i]),t?l.jsx("div",{className:c.prose,dangerouslySetInnerHTML:{__html:t}}):l.jsx("pre",{children:l.jsx("code",{children:e})})}function G({className:i,children:e,...t}){const n=/language-(\w+)/.exec(i??""),a=!!n,r=String(e).replace(/\n$/,"");return a&&n?l.jsx(D,{language:n[1]??"plaintext",code:r}):l.jsx("code",{className:c.inlineCode,...t,children:e})}const Y=d.memo(function({text:e,assetBase:t=null}){return l.jsx("div",{className:c.prose,children:l.jsx(C,{remarkPlugins:[y],components:{code:G,img:n=>l.jsx(B,{...n,assetBase:t})},children:e})})});export{Y as M};
+//# sourceMappingURL=markdown-0OCAeyJh.js.map

package/dist/web/assets/{markdown-DxgRalEG.js.map → markdown-0OCAeyJh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"markdown-DxgRalEG.js","sources":["../../../src/timeline/highlight.ts","../../../src/timeline/image-src.ts","../../../src/timeline/inline-image-view.ts","../../../src/hooks/use-inline-image.ts","../../../src/timeline/InlineImage.tsx","../../../src/timeline/markdown.tsx"],"sourcesContent":["/**\n * Shiki wrapper + lang-from-path map. Replaces the POC's CDN `highlight.js`\n * (POC_TO_APP_PLAN_UI.md §2, §4.8). Grammars/themes are loaded lazily and cached — the\n * highlighter is not paid for until a code block/file view actually renders.\n */\n\nimport { createHighlighter, type Highlighter } from \"shiki\";\n\n/** POC `getLangFromPath` extension → language map, ported verbatim. */\nconst EXT_TO_LANG: Record<string, string> = {\n  js: \"javascript\",\n  ts: \"typescript\",\n  jsx: \"javascript\",\n  tsx: \"typescript\",\n  py: \"python\",\n  rb: \"ruby\",\n  rs: \"rust\",\n  go: \"go\",\n  java: \"java\",\n  c: \"c\",\n  cpp: \"cpp\",\n  h: \"c\",\n  hpp: \"cpp\",\n  cs: \"csharp\",\n  html: \"html\",\n  css: \"css\",\n  scss: \"scss\",\n  json: \"json\",\n  yaml: \"yaml\",\n  yml: \"yaml\",\n  toml: \"toml\",\n  xml: \"xml\",\n  md: \"markdown\",\n  sh: \"bash\",\n  bash: \"bash\",\n  sql: \"sql\",\n  swift: \"swift\",\n  kt: \"kotlin\",\n  dart: \"dart\",\n  vue: \"xml\",\n  svelte: \"xml\",\n};\n\nexport function langFromPath(path: string): string {\n  const ext = path.split(\".\").pop()?.toLowerCase() ?? \"\";\n  return EXT_TO_LANG[ext] ?? \"plaintext\";\n}\n\nconst THEME = \"github-dark\";\n\nlet highlighterPromise: Promise<Highlighter> | null = null;\nconst loadedLangs = new Set<string>([\"plaintext\"]);\n\nfunction getHighlighter(): Promise<Highlighter> {\n  if (!highlighterPromise) {\n    highlighterPromise = createHighlighter({ themes: [THEME], langs: [\"plaintext\"] });\n  }\n  return highlighterPromise;\n}\n\nasync function ensureLang(highlighter: Highlighter, lang: string): Promise<string> {\n  if (loadedLangs.has(lang)) return lang;\n  try {\n    await highlighter.loadLanguage(lang as never);\n    loadedLangs.add(lang);\n    return lang;\n  } catch {\n    return \"plaintext\"; // unknown grammar to Shiki — fall back rather than throw\n  }\n}\n\n/** Highlight `code` for `lang` (or a path via `langFromPath`) to sanitized HTML. */\nexport async function highlightToHtml(code: string, lang: string): Promise<string> {\n  const highlighter = await getHighlighter();\n  const resolved = await ensureLang(highlighter, lang);\n  return highlighter.codeToHtml(code, { lang: resolved, theme: THEME });\n}\n","/**\n * Markdown image source classification (features/inline-image-rendering.md § Public Contract →\n * Markdown image source classification, § Asset base). The single gate every `![](src)` in a\n * rendered chat message passes through before any network request is even considered — deciding\n * remote (render directly), local (fetch via the daemon's file-transfer path, task-003), or\n * unresolvable (render as plain fallback text, never attempt a request).\n *\n * Pure: no store/hook/network imports, so this file needs no React or client mocks to test.\n */\n\nimport { detectViewerKind } from \"@pi-studio-ui/features/files/viewer-registry.js\";\nimport { normalizeCwd } from \"@pi-studio-ui/features/sessions/workspace-grouping.js\";\nimport { resolveWorkspacePath } from \"@pi-studio-ui/lib/paths.js\";\n\nexport type ImageSrcClassification =\n  | { kind: \"remote\" }\n  | { kind: \"local\"; path: string }\n  | { kind: \"unresolvable\" };\n\nconst REMOTE_SCHEMES = new Set([\"http:\", \"https:\", \"data:\", \"blob:\"]);\n\n/** Matches a leading `scheme:` (e.g. `http:`, `file:`, `mailto:`) — not a Windows drive letter\n *  (`C:\\...`) or a bare `:` with no scheme name. */\nconst SCHEME_RE = /^([a-zA-Z][a-zA-Z0-9+.-]*):/;\n\n/**\n * Classifies a markdown image `src`. `base` is the asset base (absolute, tilde-normalized) or\n * `null` when unknown; `homeDir` may be `null` when the daemon's home directory hasn't been\n * learned yet. Order matters — this mirrors the scope's classification table exactly:\n *\n * 1. empty/whitespace → unresolvable\n * 2. `http:`/`https:`/`data:`/`blob:` → remote\n * 3. any other `scheme:` prefix (including `file:`) → unresolvable\n * 4. `/…` → candidate local path as-is\n * 5. `~`/`~/…` → expand against `homeDir` (unknown home dir → unresolvable)\n * 6. `./…`, `../…`, bare relative → resolve against `base` (no base → unresolvable)\n * 7. final gate: the candidate must be an image per `detectViewerKind`, else unresolvable\n */\nexport function classifyImageSrc(\n  src: string,\n  base: string | null,\n  homeDir: string | null,\n): ImageSrcClassification {\n  const trimmed = src.trim();\n  if (!trimmed) return { kind: \"unresolvable\" };\n\n  // Markdown may carry a title/version via `#fragment`/`?query`; strip both before classifying so\n  // a trailing `?` never defeats the extension gate below.\n  const stripped = trimmed.split(/[?#]/, 1)[0]!;\n  if (!stripped) return { kind: \"unresolvable\" };\n\n  const schemeMatch = SCHEME_RE.exec(stripped);\n  if (schemeMatch) {\n    const scheme = `${schemeMatch[1]!.toLowerCase()}:`;\n    return REMOTE_SCHEMES.has(scheme) ? { kind: \"remote\" } : { kind: \"unresolvable\" };\n  }\n\n  let candidate: string | null;\n  if (stripped.startsWith(\"/\")) {\n    candidate = stripped;\n  } else if (stripped === \"~\" || stripped.startsWith(\"~/\")) {\n    candidate = homeDir ? normalizeCwd(stripped, homeDir) : null;\n  } else {\n    candidate = resolveWorkspacePath(stripped, base ?? \"\");\n  }\n\n  if (!candidate) return { kind: \"unresolvable\" };\n  if (detectViewerKind(candidate) !== \"image\") return { kind: \"unresolvable\" };\n  return { kind: \"local\", path: candidate };\n}\n","/**\n * Pure, testable logic for rendering inline images — extracted from the component\n * so tests can verify branch logic without JSX rendering (mirror of molecule-reload.ts,\n * text-viewer-state.ts; see AGENTS.md testing conventions).\n *\n * Returns a discriminated union describing what to render: the component switches\n * on it to decide remote passthrough, skeleton, ready image, or text fallback.\n */\n\nimport type { ImageSrcClassification } from \"./image-src.js\";\nimport type { InlineImageState } from \"@pi-studio-ui/hooks/use-inline-image.js\";\n\nexport type InlineImageView =\n  | { kind: \"remote\"; src: string; alt?: string }\n  | { kind: \"unresolvable\"; fallbackText: string }\n  | { kind: \"loading\" }\n  | { kind: \"ready\"; objectUrl: string; alt?: string; path: string }\n  | { kind: \"error\"; fallbackText: string };\n\n/**\n * Decides what to render for an inline image given its classification and loading state.\n * Pure: no hooks, no store access — all state passed in as arguments.\n */\nexport function selectInlineImageView(\n  classification: ImageSrcClassification,\n  imageState: InlineImageState,\n  src: string | undefined,\n  alt: string | undefined,\n): InlineImageView {\n  if (classification.kind === \"remote\") {\n    return { kind: \"remote\", src: src || \"\", alt };\n  }\n\n  if (classification.kind === \"unresolvable\") {\n    const fallbackText = alt || src || \"(image)\";\n    return { kind: \"unresolvable\", fallbackText };\n  }\n\n  // classification.kind === \"local\"\n  if (imageState.status === \"loading\" || imageState.status === \"idle\") {\n    return { kind: \"loading\" };\n  }\n\n  if (imageState.status === \"ready\") {\n    return { kind: \"ready\", objectUrl: imageState.objectUrl, alt, path: classification.path };\n  }\n\n  // imageState.status === \"error\"\n  const fallbackText = alt || classification.path || \"(image)\";\n  return { kind: \"error\", fallbackText };\n}\n","/**\n * `use-inline-image` — fetches (via the shared ref-counted `inline-image-cache`) and hands back\n * an object URL for an inline chat image (features/inline-image-rendering.md § Inline image fetch\n * + cache). Consumed by the markdown `img` node override (task-004) once a `classifyImageSrc`\n * result is `local`.\n *\n * Deliberately NOT a TanStack Query hook, and therefore no `rpcKeys` entry: the whole point of\n * `inline-image-cache.ts` is a retention policy (revoke only on LRU eviction, never on unmount)\n * that Query's cache cannot express. Do not \"fix\" this into a `useQuery` — see that module's\n * header for why.\n *\n * `loadInlineImage` is the actual effect body, extracted for direct unit testing without\n * rendering — this package has no jsdom/React-Testing-Library environment (`AGENTS.md`'s testing\n * convention; mirrors `use-file-watch.ts`'s `watchFile` extraction).\n */\n\nimport { useEffect, useState } from \"react\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { acquireInlineImage, releaseInlineImage } from \"@pi-studio-ui/lib/inline-image-cache.js\";\nimport { transferFor } from \"./file-transfer-instance.js\";\n\nexport type InlineImageState =\n  | { status: \"idle\" } // no client yet, or path is null\n  | { status: \"loading\" }\n  | { status: \"ready\"; objectUrl: string }\n  | { status: \"error\"; message: string };\n\n/**\n * Runs one effect cycle: `download === null` (no live connection, or no path) is the idle case —\n * nothing to acquire, nothing to clean up. Otherwise acquires `path`, reports the loading →\n * ready/error transition via `onStateChange`, and returns a cleanup that releases the path and\n * ignores a resolution that lands after it (the `cancelled` flag pattern used across the existing\n * hooks, e.g. `use-checkout-status.ts`).\n */\nexport function loadInlineImage(\n  path: string | null,\n  download: ((path: string) => Promise<{ bytes: Uint8Array; mimeType?: string }>) | null,\n  onStateChange: (state: InlineImageState) => void,\n): (() => void) | void {\n  if (!path || !download) {\n    onStateChange({ status: \"idle\" });\n    return;\n  }\n\n  let cancelled = false;\n  onStateChange({ status: \"loading\" });\n\n  acquireInlineImage(path, download)\n    .then((entry) => {\n      if (!cancelled) onStateChange({ status: \"ready\", objectUrl: entry.objectUrl });\n    })\n    .catch((error: unknown) => {\n      if (!cancelled) {\n        onStateChange({\n          status: \"error\",\n          message: error instanceof Error ? error.message : String(error),\n        });\n      }\n    });\n\n  return () => {\n    cancelled = true;\n    releaseInlineImage(path);\n  };\n}\n\nexport function useInlineImage(path: string | null): InlineImageState {\n  const client = useConnectionStore((s) => s.client);\n  const daemon = useConnectionStore((s) => s.daemon);\n  const [state, setState] = useState<InlineImageState>({ status: \"idle\" });\n\n  useEffect(() => {\n    const download = client && daemon ? (p: string) => transferFor(daemon).download(p) : null;\n    return loadInlineImage(path, download, setState);\n  }, [client, daemon, path]);\n\n  return state;\n}\n","/**\n * `![alt](src)` renderer for finalized assistant markdown (features/inline-image-rendering.md §\n * Behavior & Algorithms → Render pipeline). Handles remote passthrough, local file fetch via\n * useInlineImage (task-003), classification (task-002), and click-to-open file tab.\n *\n * Props are optional (react-markdown may omit them) and must be handled defensively.\n */\n\nimport { memo, useMemo } from \"react\";\nimport { classifyImageSrc } from \"./image-src.js\";\nimport { selectInlineImageView } from \"./inline-image-view.js\";\nimport { useInlineImage } from \"@pi-studio-ui/hooks/use-inline-image.js\";\nimport { useHomeDir } from \"@pi-studio-ui/hooks/use-home-dir.js\";\nimport { useTabStore, tabIds } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport styles from \"./markdown.module.css\";\n\nexport interface InlineImageProps {\n  src?: string;\n  alt?: string;\n  assetBase: string | null;\n}\n\nexport const InlineImage = memo(function InlineImage({ src, alt, assetBase }: InlineImageProps) {\n  const homeDir = useHomeDir();\n  const openTab = useTabStore((s) => s.open);\n\n  // Classify the source once at render time.\n  const classification = useMemo(\n    () => classifyImageSrc(src || \"\", assetBase, homeDir),\n    [src, assetBase, homeDir],\n  );\n\n  // For local images, fetch and track state.\n  const imageState = useInlineImage(classification.kind === \"local\" ? classification.path : null);\n\n  // Decide what to render.\n  const view = selectInlineImageView(classification, imageState, src, alt);\n\n  // Remote images: pass through unchanged (what react-markdown's default would do).\n  if (view.kind === \"remote\") {\n    return <img src={view.src} alt={view.alt} className={styles.inlineImage} />;\n  }\n\n  // Unresolvable or error: render text fallback in inline monospace.\n  if (view.kind === \"unresolvable\" || view.kind === \"error\") {\n    return <code className={styles.inlineImageFallback}>{view.fallbackText}</code>;\n  }\n\n  // Loading or idle: skeleton.\n  if (view.kind === \"loading\") {\n    return (\n      <div className={styles.inlineImageSkeleton}>\n        <Spinner size=\"sm\" />\n      </div>\n    );\n  }\n\n  // Ready: render the fetched image with click-to-open handler.\n  const handleClick = () => {\n    openTab({\n      id: tabIds.file(view.path),\n      kind: \"file\",\n      label: view.path.split(\"/\").pop() || view.path,\n      closable: true,\n      data: { path: view.path },\n      workspaceCwd: assetBase || \"~\",\n    });\n  };\n\n  return (\n    <img\n      src={view.objectUrl}\n      alt={view.alt}\n      className={styles.inlineImage}\n      title={view.path}\n      onClick={handleClick}\n      style={{ cursor: \"pointer\" }}\n    />\n  );\n});\n","/**\n * react-markdown + remark-gfm rendering, replacing the POC's CDN `marked` + `innerHTML`\n * (POC_TO_APP_PLAN_UI.md §4.8). Sanitized by default — react-markdown never injects raw HTML.\n * Fenced code blocks highlight asynchronously via Shiki (`highlight.ts`).\n */\n\nimport { memo, useEffect, useState, type ComponentPropsWithoutRef } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport { highlightToHtml } from \"./highlight.js\";\nimport styles from \"./markdown.module.css\";\nimport { InlineImage } from \"./InlineImage.js\";\n\ninterface CodeBlockProps {\n  language: string;\n  code: string;\n}\n\nfunction CodeBlock({ language, code }: CodeBlockProps) {\n  const [html, setHtml] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    void highlightToHtml(code, language).then((result) => {\n      if (!cancelled) setHtml(result);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [code, language]);\n\n  if (html) {\n    // Shiki's output is generated HTML from a trusted local highlighter (no user HTML is ever\n    // injected) — the only risk is `code`, which Shiki escapes internally before tokenizing.\n    return <div className={styles.prose} dangerouslySetInnerHTML={{ __html: html }} />;\n  }\n  return (\n    <pre>\n      <code>{code}</code>\n    </pre>\n  );\n}\n\ntype MarkdownCodeProps = ComponentPropsWithoutRef<\"code\"> & { className?: string };\n\nfunction CodeRenderer({ className, children, ...rest }: MarkdownCodeProps) {\n  const match = /language-(\\w+)/.exec(className ?? \"\");\n  const isBlock = Boolean(match);\n  const code = String(children).replace(/\\n$/, \"\");\n  if (isBlock && match) {\n    return <CodeBlock language={match[1] ?? \"plaintext\"} code={code} />;\n  }\n  return (\n    <code className={styles.inlineCode} {...rest}>\n      {children}\n    </code>\n  );\n}\n\nexport interface MarkdownProps {\n  text: string;\n  assetBase?: string | null;\n}\n\n/** Renders assistant/tool markdown text. Memoized — text is immutable once a turn finalizes. */\nexport const Markdown = memo(function Markdown({ text, assetBase = null }: MarkdownProps) {\n  return (\n    <div className={styles.prose}>\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={{\n          code: CodeRenderer,\n          img: (props) => <InlineImage {...props} assetBase={assetBase} />,\n        }}\n      >\n        {text}\n      </ReactMarkdown>\n    </div>\n  );\n});\n"],"names":["THEME","highlighterPromise","loadedLangs","getHighlighter","createHighlighter","ensureLang","highlighter","lang","highlightToHtml","code","resolved","REMOTE_SCHEMES","SCHEME_RE","classifyImageSrc","src","base","homeDir","trimmed","stripped","schemeMatch","scheme","candidate","normalizeCwd","resolveWorkspacePath","detectViewerKind","selectInlineImageView","classification","imageState","alt","fallbackText","loadInlineImage","path","download","onStateChange","cancelled","acquireInlineImage","entry","error","releaseInlineImage","useInlineImage","client","useConnectionStore","s","daemon","state","setState","useState","useEffect","p","transferFor","InlineImage","memo","assetBase","useHomeDir","openTab","useTabStore","useMemo","view","jsx","styles","Spinner","handleClick","tabIds","CodeBlock","language","html","setHtml","result","CodeRenderer","className","children","rest","match","isBlock","Markdown","text","ReactMarkdown","remarkGfm","props"],"mappings":"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"}
+{"version":3,"file":"markdown-0OCAeyJh.js","sources":["../../../src/timeline/highlight.ts","../../../src/timeline/image-src.ts","../../../src/timeline/inline-image-view.ts","../../../src/hooks/use-inline-image.ts","../../../src/timeline/InlineImage.tsx","../../../src/timeline/markdown.tsx"],"sourcesContent":["/**\n * Shiki wrapper + lang-from-path map. Replaces the POC's CDN `highlight.js`\n * (POC_TO_APP_PLAN_UI.md §2, §4.8). Grammars/themes are loaded lazily and cached — the\n * highlighter is not paid for until a code block/file view actually renders.\n */\n\nimport { createHighlighter, type Highlighter } from \"shiki\";\n\n/** POC `getLangFromPath` extension → language map, ported verbatim. */\nconst EXT_TO_LANG: Record<string, string> = {\n  js: \"javascript\",\n  ts: \"typescript\",\n  jsx: \"javascript\",\n  tsx: \"typescript\",\n  py: \"python\",\n  rb: \"ruby\",\n  rs: \"rust\",\n  go: \"go\",\n  java: \"java\",\n  c: \"c\",\n  cpp: \"cpp\",\n  h: \"c\",\n  hpp: \"cpp\",\n  cs: \"csharp\",\n  html: \"html\",\n  css: \"css\",\n  scss: \"scss\",\n  json: \"json\",\n  yaml: \"yaml\",\n  yml: \"yaml\",\n  toml: \"toml\",\n  xml: \"xml\",\n  md: \"markdown\",\n  sh: \"bash\",\n  bash: \"bash\",\n  sql: \"sql\",\n  swift: \"swift\",\n  kt: \"kotlin\",\n  dart: \"dart\",\n  vue: \"xml\",\n  svelte: \"xml\",\n};\n\nexport function langFromPath(path: string): string {\n  const ext = path.split(\".\").pop()?.toLowerCase() ?? \"\";\n  return EXT_TO_LANG[ext] ?? \"plaintext\";\n}\n\nconst THEME = \"github-dark\";\n\nlet highlighterPromise: Promise<Highlighter> | null = null;\nconst loadedLangs = new Set<string>([\"plaintext\"]);\n\nfunction getHighlighter(): Promise<Highlighter> {\n  if (!highlighterPromise) {\n    highlighterPromise = createHighlighter({ themes: [THEME], langs: [\"plaintext\"] });\n  }\n  return highlighterPromise;\n}\n\nasync function ensureLang(highlighter: Highlighter, lang: string): Promise<string> {\n  if (loadedLangs.has(lang)) return lang;\n  try {\n    await highlighter.loadLanguage(lang as never);\n    loadedLangs.add(lang);\n    return lang;\n  } catch {\n    return \"plaintext\"; // unknown grammar to Shiki — fall back rather than throw\n  }\n}\n\n/** Highlight `code` for `lang` (or a path via `langFromPath`) to sanitized HTML. */\nexport async function highlightToHtml(code: string, lang: string): Promise<string> {\n  const highlighter = await getHighlighter();\n  const resolved = await ensureLang(highlighter, lang);\n  return highlighter.codeToHtml(code, { lang: resolved, theme: THEME });\n}\n","/**\n * Markdown image source classification (features/inline-image-rendering.md § Public Contract →\n * Markdown image source classification, § Asset base). The single gate every `![](src)` in a\n * rendered chat message passes through before any network request is even considered — deciding\n * remote (render directly), local (fetch via the daemon's file-transfer path, task-003), or\n * unresolvable (render as plain fallback text, never attempt a request).\n *\n * Pure: no store/hook/network imports, so this file needs no React or client mocks to test.\n */\n\nimport { detectViewerKind } from \"@pi-studio-ui/features/files/viewer-registry.js\";\nimport { normalizeCwd } from \"@pi-studio-ui/features/sessions/workspace-grouping.js\";\nimport { resolveWorkspacePath } from \"@pi-studio-ui/lib/paths.js\";\n\nexport type ImageSrcClassification =\n  | { kind: \"remote\" }\n  | { kind: \"local\"; path: string }\n  | { kind: \"unresolvable\" };\n\nconst REMOTE_SCHEMES = new Set([\"http:\", \"https:\", \"data:\", \"blob:\"]);\n\n/** Matches a leading `scheme:` (e.g. `http:`, `file:`, `mailto:`) — not a Windows drive letter\n *  (`C:\\...`) or a bare `:` with no scheme name. */\nconst SCHEME_RE = /^([a-zA-Z][a-zA-Z0-9+.-]*):/;\n\n/**\n * Classifies a markdown image `src`. `base` is the asset base (absolute, tilde-normalized) or\n * `null` when unknown; `homeDir` may be `null` when the daemon's home directory hasn't been\n * learned yet. Order matters — this mirrors the scope's classification table exactly:\n *\n * 1. empty/whitespace → unresolvable\n * 2. `http:`/`https:`/`data:`/`blob:` → remote\n * 3. any other `scheme:` prefix (including `file:`) → unresolvable\n * 4. `/…` → candidate local path as-is\n * 5. `~`/`~/…` → expand against `homeDir` (unknown home dir → unresolvable)\n * 6. `./…`, `../…`, bare relative → resolve against `base` (no base → unresolvable)\n * 7. final gate: the candidate must be an image per `detectViewerKind`, else unresolvable\n */\nexport function classifyImageSrc(\n  src: string,\n  base: string | null,\n  homeDir: string | null,\n): ImageSrcClassification {\n  const trimmed = src.trim();\n  if (!trimmed) return { kind: \"unresolvable\" };\n\n  // Markdown may carry a title/version via `#fragment`/`?query`; strip both before classifying so\n  // a trailing `?` never defeats the extension gate below.\n  const stripped = trimmed.split(/[?#]/, 1)[0]!;\n  if (!stripped) return { kind: \"unresolvable\" };\n\n  const schemeMatch = SCHEME_RE.exec(stripped);\n  if (schemeMatch) {\n    const scheme = `${schemeMatch[1]!.toLowerCase()}:`;\n    return REMOTE_SCHEMES.has(scheme) ? { kind: \"remote\" } : { kind: \"unresolvable\" };\n  }\n\n  let candidate: string | null;\n  if (stripped.startsWith(\"/\")) {\n    candidate = stripped;\n  } else if (stripped === \"~\" || stripped.startsWith(\"~/\")) {\n    candidate = homeDir ? normalizeCwd(stripped, homeDir) : null;\n  } else {\n    candidate = resolveWorkspacePath(stripped, base ?? \"\");\n  }\n\n  if (!candidate) return { kind: \"unresolvable\" };\n  if (detectViewerKind(candidate) !== \"image\") return { kind: \"unresolvable\" };\n  return { kind: \"local\", path: candidate };\n}\n","/**\n * Pure, testable logic for rendering inline images — extracted from the component\n * so tests can verify branch logic without JSX rendering (mirror of molecule-reload.ts,\n * text-viewer-state.ts; see AGENTS.md testing conventions).\n *\n * Returns a discriminated union describing what to render: the component switches\n * on it to decide remote passthrough, skeleton, ready image, or text fallback.\n */\n\nimport type { ImageSrcClassification } from \"./image-src.js\";\nimport type { InlineImageState } from \"@pi-studio-ui/hooks/use-inline-image.js\";\n\nexport type InlineImageView =\n  | { kind: \"remote\"; src: string; alt?: string }\n  | { kind: \"unresolvable\"; fallbackText: string }\n  | { kind: \"loading\" }\n  | { kind: \"ready\"; objectUrl: string; alt?: string; path: string }\n  | { kind: \"error\"; fallbackText: string };\n\n/**\n * Decides what to render for an inline image given its classification and loading state.\n * Pure: no hooks, no store access — all state passed in as arguments.\n */\nexport function selectInlineImageView(\n  classification: ImageSrcClassification,\n  imageState: InlineImageState,\n  src: string | undefined,\n  alt: string | undefined,\n): InlineImageView {\n  if (classification.kind === \"remote\") {\n    return { kind: \"remote\", src: src || \"\", alt };\n  }\n\n  if (classification.kind === \"unresolvable\") {\n    const fallbackText = alt || src || \"(image)\";\n    return { kind: \"unresolvable\", fallbackText };\n  }\n\n  // classification.kind === \"local\"\n  if (imageState.status === \"loading\" || imageState.status === \"idle\") {\n    return { kind: \"loading\" };\n  }\n\n  if (imageState.status === \"ready\") {\n    return { kind: \"ready\", objectUrl: imageState.objectUrl, alt, path: classification.path };\n  }\n\n  // imageState.status === \"error\"\n  const fallbackText = alt || classification.path || \"(image)\";\n  return { kind: \"error\", fallbackText };\n}\n","/**\n * `use-inline-image` — fetches (via the shared ref-counted `inline-image-cache`) and hands back\n * an object URL for an inline chat image (features/inline-image-rendering.md § Inline image fetch\n * + cache). Consumed by the markdown `img` node override (task-004) once a `classifyImageSrc`\n * result is `local`.\n *\n * Deliberately NOT a TanStack Query hook, and therefore no `rpcKeys` entry: the whole point of\n * `inline-image-cache.ts` is a retention policy (revoke only on LRU eviction, never on unmount)\n * that Query's cache cannot express. Do not \"fix\" this into a `useQuery` — see that module's\n * header for why.\n *\n * `loadInlineImage` is the actual effect body, extracted for direct unit testing without\n * rendering — this package has no jsdom/React-Testing-Library environment (`AGENTS.md`'s testing\n * convention; mirrors `use-file-watch.ts`'s `watchFile` extraction).\n */\n\nimport { useEffect, useState } from \"react\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { acquireInlineImage, releaseInlineImage } from \"@pi-studio-ui/lib/inline-image-cache.js\";\nimport { transferFor } from \"./file-transfer-instance.js\";\n\nexport type InlineImageState =\n  | { status: \"idle\" } // no client yet, or path is null\n  | { status: \"loading\" }\n  | { status: \"ready\"; objectUrl: string }\n  | { status: \"error\"; message: string };\n\n/**\n * Runs one effect cycle: `download === null` (no live connection, or no path) is the idle case —\n * nothing to acquire, nothing to clean up. Otherwise acquires `path`, reports the loading →\n * ready/error transition via `onStateChange`, and returns a cleanup that releases the path and\n * ignores a resolution that lands after it (the `cancelled` flag pattern used across the existing\n * hooks, e.g. `use-checkout-status.ts`).\n */\nexport function loadInlineImage(\n  path: string | null,\n  download: ((path: string) => Promise<{ bytes: Uint8Array; mimeType?: string }>) | null,\n  onStateChange: (state: InlineImageState) => void,\n): (() => void) | void {\n  if (!path || !download) {\n    onStateChange({ status: \"idle\" });\n    return;\n  }\n\n  let cancelled = false;\n  onStateChange({ status: \"loading\" });\n\n  acquireInlineImage(path, download)\n    .then((entry) => {\n      if (!cancelled) onStateChange({ status: \"ready\", objectUrl: entry.objectUrl });\n    })\n    .catch((error: unknown) => {\n      if (!cancelled) {\n        onStateChange({\n          status: \"error\",\n          message: error instanceof Error ? error.message : String(error),\n        });\n      }\n    });\n\n  return () => {\n    cancelled = true;\n    releaseInlineImage(path);\n  };\n}\n\nexport function useInlineImage(path: string | null): InlineImageState {\n  const client = useConnectionStore((s) => s.client);\n  const daemon = useConnectionStore((s) => s.daemon);\n  const [state, setState] = useState<InlineImageState>({ status: \"idle\" });\n\n  useEffect(() => {\n    const download = client && daemon ? (p: string) => transferFor(daemon).download(p) : null;\n    return loadInlineImage(path, download, setState);\n  }, [client, daemon, path]);\n\n  return state;\n}\n","/**\n * `![alt](src)` renderer for finalized assistant markdown (features/inline-image-rendering.md §\n * Behavior & Algorithms → Render pipeline). Handles remote passthrough, local file fetch via\n * useInlineImage (task-003), classification (task-002), and click-to-open file tab.\n *\n * Props are optional (react-markdown may omit them) and must be handled defensively.\n */\n\nimport { memo, useMemo } from \"react\";\nimport { classifyImageSrc } from \"./image-src.js\";\nimport { selectInlineImageView } from \"./inline-image-view.js\";\nimport { useInlineImage } from \"@pi-studio-ui/hooks/use-inline-image.js\";\nimport { useHomeDir } from \"@pi-studio-ui/hooks/use-home-dir.js\";\nimport { useTabStore, tabIds } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport styles from \"./markdown.module.css\";\n\nexport interface InlineImageProps {\n  src?: string;\n  alt?: string;\n  assetBase: string | null;\n}\n\nexport const InlineImage = memo(function InlineImage({ src, alt, assetBase }: InlineImageProps) {\n  const homeDir = useHomeDir();\n  const openTab = useTabStore((s) => s.open);\n\n  // Classify the source once at render time.\n  const classification = useMemo(\n    () => classifyImageSrc(src || \"\", assetBase, homeDir),\n    [src, assetBase, homeDir],\n  );\n\n  // For local images, fetch and track state.\n  const imageState = useInlineImage(classification.kind === \"local\" ? classification.path : null);\n\n  // Decide what to render.\n  const view = selectInlineImageView(classification, imageState, src, alt);\n\n  // Remote images: pass through unchanged (what react-markdown's default would do).\n  if (view.kind === \"remote\") {\n    return <img src={view.src} alt={view.alt} className={styles.inlineImage} />;\n  }\n\n  // Unresolvable or error: render text fallback in inline monospace.\n  if (view.kind === \"unresolvable\" || view.kind === \"error\") {\n    return <code className={styles.inlineImageFallback}>{view.fallbackText}</code>;\n  }\n\n  // Loading or idle: skeleton.\n  if (view.kind === \"loading\") {\n    return (\n      <div className={styles.inlineImageSkeleton}>\n        <Spinner size=\"sm\" />\n      </div>\n    );\n  }\n\n  // Ready: render the fetched image with click-to-open handler.\n  const handleClick = () => {\n    openTab({\n      id: tabIds.file(view.path),\n      kind: \"file\",\n      label: view.path.split(\"/\").pop() || view.path,\n      closable: true,\n      data: { path: view.path },\n      workspaceCwd: assetBase || \"~\",\n    });\n  };\n\n  return (\n    <img\n      src={view.objectUrl}\n      alt={view.alt}\n      className={styles.inlineImage}\n      title={view.path}\n      onClick={handleClick}\n      style={{ cursor: \"pointer\" }}\n    />\n  );\n});\n","/**\n * react-markdown + remark-gfm rendering, replacing the POC's CDN `marked` + `innerHTML`\n * (POC_TO_APP_PLAN_UI.md §4.8). Sanitized by default — react-markdown never injects raw HTML.\n * Fenced code blocks highlight asynchronously via Shiki (`highlight.ts`).\n */\n\nimport { memo, useEffect, useState, type ComponentPropsWithoutRef } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport { highlightToHtml } from \"./highlight.js\";\nimport styles from \"./markdown.module.css\";\nimport { InlineImage } from \"./InlineImage.js\";\n\ninterface CodeBlockProps {\n  language: string;\n  code: string;\n}\n\nfunction CodeBlock({ language, code }: CodeBlockProps) {\n  const [html, setHtml] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    void highlightToHtml(code, language).then((result) => {\n      if (!cancelled) setHtml(result);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [code, language]);\n\n  if (html) {\n    // Shiki's output is generated HTML from a trusted local highlighter (no user HTML is ever\n    // injected) — the only risk is `code`, which Shiki escapes internally before tokenizing.\n    return <div className={styles.prose} dangerouslySetInnerHTML={{ __html: html }} />;\n  }\n  return (\n    <pre>\n      <code>{code}</code>\n    </pre>\n  );\n}\n\ntype MarkdownCodeProps = ComponentPropsWithoutRef<\"code\"> & { className?: string };\n\nfunction CodeRenderer({ className, children, ...rest }: MarkdownCodeProps) {\n  const match = /language-(\\w+)/.exec(className ?? \"\");\n  const isBlock = Boolean(match);\n  const code = String(children).replace(/\\n$/, \"\");\n  if (isBlock && match) {\n    return <CodeBlock language={match[1] ?? \"plaintext\"} code={code} />;\n  }\n  return (\n    <code className={styles.inlineCode} {...rest}>\n      {children}\n    </code>\n  );\n}\n\nexport interface MarkdownProps {\n  text: string;\n  assetBase?: string | null;\n}\n\n/** Renders assistant/tool markdown text. Memoized — text is immutable once a turn finalizes. */\nexport const Markdown = memo(function Markdown({ text, assetBase = null }: MarkdownProps) {\n  return (\n    <div className={styles.prose}>\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={{\n          code: CodeRenderer,\n          img: (props) => <InlineImage {...props} assetBase={assetBase} />,\n        }}\n      >\n        {text}\n      </ReactMarkdown>\n    </div>\n  );\n});\n"],"names":["THEME","highlighterPromise","loadedLangs","getHighlighter","createHighlighter","ensureLang","highlighter","lang","highlightToHtml","code","resolved","REMOTE_SCHEMES","SCHEME_RE","classifyImageSrc","src","base","homeDir","trimmed","stripped","schemeMatch","scheme","candidate","normalizeCwd","resolveWorkspacePath","detectViewerKind","selectInlineImageView","classification","imageState","alt","fallbackText","loadInlineImage","path","download","onStateChange","cancelled","acquireInlineImage","entry","error","releaseInlineImage","useInlineImage","client","useConnectionStore","s","daemon","state","setState","useState","useEffect","p","transferFor","InlineImage","memo","assetBase","useHomeDir","openTab","useTabStore","useMemo","view","jsx","styles","Spinner","handleClick","tabIds","CodeBlock","language","html","setHtml","result","CodeRenderer","className","children","rest","match","isBlock","Markdown","text","ReactMarkdown","remarkGfm","props"],"mappings":"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"}

package/dist/web/assets/{use-file-download-JZSmj6t-.js → use-file-download-C5ZdZp1T.js}

@@ -1,2 +1,2 @@
-import{r as a}from"./vendor-react-p-LLqNcx.js";import{u as f}from"./vendor-query-chxBrUuj.js";import{a as s,j as m,r as y}from"./index-CG4bXTWm.js";function p(o,u=!0){var i;const l=s(e=>e.client),n=s(e=>e.daemon),c=f({queryKey:y.fileDownload(o),queryFn:async()=>{if(!l||!n)throw new Error("not connected");const e=await m(n).download(o),t=new Blob([Uint8Array.from(e.bytes)],{type:e.mimeType||"application/octet-stream"});return{objectUrl:URL.createObjectURL(t),mimeType:e.mimeType,fileName:e.fileName}},enabled:!!l&&!!n&&!!o&&u,staleTime:1/0,gcTime:0}),r=a.useRef(null);return a.useEffect(()=>{var t;const e=((t=c.data)==null?void 0:t.objectUrl)??null;e&&r.current&&r.current!==e&&URL.revokeObjectURL(r.current),r.current=e},[(i=c.data)==null?void 0:i.objectUrl]),a.useEffect(()=>()=>{r.current&&URL.revokeObjectURL(r.current)},[]),c}export{p as u};
-//# sourceMappingURL=use-file-download-JZSmj6t-.js.map
+import{r as a}from"./vendor-react-p-LLqNcx.js";import{u as f}from"./vendor-query-chxBrUuj.js";import{a as s,j as m,r as y}from"./index-Ds0VVcbZ.js";function p(o,u=!0){var i;const l=s(e=>e.client),n=s(e=>e.daemon),c=f({queryKey:y.fileDownload(o),queryFn:async()=>{if(!l||!n)throw new Error("not connected");const e=await m(n).download(o),t=new Blob([Uint8Array.from(e.bytes)],{type:e.mimeType||"application/octet-stream"});return{objectUrl:URL.createObjectURL(t),mimeType:e.mimeType,fileName:e.fileName}},enabled:!!l&&!!n&&!!o&&u,staleTime:1/0,gcTime:0}),r=a.useRef(null);return a.useEffect(()=>{var t;const e=((t=c.data)==null?void 0:t.objectUrl)??null;e&&r.current&&r.current!==e&&URL.revokeObjectURL(r.current),r.current=e},[(i=c.data)==null?void 0:i.objectUrl]),a.useEffect(()=>()=>{r.current&&URL.revokeObjectURL(r.current)},[]),c}export{p as u};
+//# sourceMappingURL=use-file-download-C5ZdZp1T.js.map

package/dist/web/assets/{use-file-download-JZSmj6t-.js.map → use-file-download-C5ZdZp1T.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-file-download-JZSmj6t-.js","sources":["../../../src/hooks/use-file-download.ts"],"sourcesContent":["/**\n * `use-file-download` — TanStack Query wrapper over the binary file-transfer download path\n * (`file_download_token_request` → `file_download_request` → chunked `Begin`/`Chunk`/`End`\n * binary frames), for viewers that need raw bytes rather than the UTF-8 preview\n * `file_read_request` returns (images, video — POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular\n * file preview). Resolves to an object URL, revoked once superseded by a new one or once this\n * consumer unmounts.\n */\n\nimport { useEffect, useRef } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { rpcKeys } from \"@pi-studio-ui/lib/connection/rpc-keys.js\";\nimport { transferFor } from \"./file-transfer-instance.js\";\n\nexport interface FileDownload {\n  objectUrl: string;\n  mimeType?: string;\n  fileName?: string;\n}\n\nexport function useFileDownload(path: string, enabled = true) {\n  const client = useConnectionStore((s) => s.client);\n  const daemon = useConnectionStore((s) => s.daemon);\n\n  const query = useQuery({\n    queryKey: rpcKeys.fileDownload(path),\n    queryFn: async (): Promise<FileDownload> => {\n      if (!client || !daemon) throw new Error(\"not connected\");\n      const file = await transferFor(daemon).download(path);\n      // `Blob`'s DOM typings require an `ArrayBuffer`-backed view; the assembled `Uint8Array`'s\n      // `ArrayBufferLike` backing (a decode-time implementation detail) doesn't satisfy that on\n      // its own, so copy into a plain `ArrayBuffer`-backed `Uint8Array` first.\n      const blob = new Blob([Uint8Array.from(file.bytes)], {\n        type: file.mimeType || \"application/octet-stream\",\n      });\n      return { objectUrl: URL.createObjectURL(blob), mimeType: file.mimeType, fileName: file.fileName };\n    },\n    enabled: Boolean(client) && Boolean(daemon) && Boolean(path) && enabled,\n    // Object URLs are process-local, non-serializable browser resources — never persist them or\n    // silently refetch behind this hook's back (that would leak the previous blob's URL).\n    staleTime: Infinity,\n    gcTime: 0,\n  });\n\n  // Revoke the previous object URL once a new one supersedes it, and the current one on unmount\n  // — TanStack Query's cache has no notion that this value owns a browser resource to release.\n  const urlRef = useRef<string | null>(null);\n  useEffect(() => {\n    const nextUrl = query.data?.objectUrl ?? null;\n    if (nextUrl && urlRef.current && urlRef.current !== nextUrl) {\n      URL.revokeObjectURL(urlRef.current);\n    }\n    urlRef.current = nextUrl;\n  }, [query.data?.objectUrl]);\n\n  useEffect(() => {\n    return () => {\n      if (urlRef.current) URL.revokeObjectURL(urlRef.current);\n    };\n  }, []);\n\n  return query;\n}\n"],"names":["useFileDownload","path","enabled","client","useConnectionStore","s","daemon","query","useQuery","rpcKeys","file","transferFor","blob","urlRef","useRef","useEffect","nextUrl","_a"],"mappings":"oJAqBO,SAASA,EAAgBC,EAAcC,EAAU,GAAM,OAC5D,MAAMC,EAASC,EAAoBC,GAAMA,EAAE,MAAM,EAC3CC,EAASF,EAAoBC,GAAMA,EAAE,MAAM,EAE3CE,EAAQC,EAAS,CACrB,SAAUC,EAAQ,aAAaR,CAAI,EACnC,QAAS,SAAmC,CAC1C,GAAI,CAACE,GAAU,CAACG,EAAQ,MAAM,IAAI,MAAM,eAAe,EACvD,MAAMI,EAAO,MAAMC,EAAYL,CAAM,EAAE,SAASL,CAAI,EAI9CW,EAAO,IAAI,KAAK,CAAC,WAAW,KAAKF,EAAK,KAAK,CAAC,EAAG,CACnD,KAAMA,EAAK,UAAY,0BAAA,CACxB,EACD,MAAO,CAAE,UAAW,IAAI,gBAAgBE,CAAI,EAAG,SAAUF,EAAK,SAAU,SAAUA,EAAK,QAAA,CACzF,EACA,QAAS,EAAQP,GAAW,EAAQG,GAAW,EAAQL,GAASC,EAGhE,UAAW,IACX,OAAQ,CAAA,CACT,EAIKW,EAASC,EAAAA,OAAsB,IAAI,EACzCC,OAAAA,EAAAA,UAAU,IAAM,OACd,MAAMC,IAAUC,EAAAV,EAAM,OAAN,YAAAU,EAAY,YAAa,KACrCD,GAAWH,EAAO,SAAWA,EAAO,UAAYG,GAClD,IAAI,gBAAgBH,EAAO,OAAO,EAEpCA,EAAO,QAAUG,CACnB,EAAG,EAACC,EAAAV,EAAM,OAAN,YAAAU,EAAY,SAAS,CAAC,EAE1BF,EAAAA,UAAU,IACD,IAAM,CACPF,EAAO,SAAS,IAAI,gBAAgBA,EAAO,OAAO,CACxD,EACC,CAAA,CAAE,EAEEN,CACT"}
+{"version":3,"file":"use-file-download-C5ZdZp1T.js","sources":["../../../src/hooks/use-file-download.ts"],"sourcesContent":["/**\n * `use-file-download` — TanStack Query wrapper over the binary file-transfer download path\n * (`file_download_token_request` → `file_download_request` → chunked `Begin`/`Chunk`/`End`\n * binary frames), for viewers that need raw bytes rather than the UTF-8 preview\n * `file_read_request` returns (images, video — POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular\n * file preview). Resolves to an object URL, revoked once superseded by a new one or once this\n * consumer unmounts.\n */\n\nimport { useEffect, useRef } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { rpcKeys } from \"@pi-studio-ui/lib/connection/rpc-keys.js\";\nimport { transferFor } from \"./file-transfer-instance.js\";\n\nexport interface FileDownload {\n  objectUrl: string;\n  mimeType?: string;\n  fileName?: string;\n}\n\nexport function useFileDownload(path: string, enabled = true) {\n  const client = useConnectionStore((s) => s.client);\n  const daemon = useConnectionStore((s) => s.daemon);\n\n  const query = useQuery({\n    queryKey: rpcKeys.fileDownload(path),\n    queryFn: async (): Promise<FileDownload> => {\n      if (!client || !daemon) throw new Error(\"not connected\");\n      const file = await transferFor(daemon).download(path);\n      // `Blob`'s DOM typings require an `ArrayBuffer`-backed view; the assembled `Uint8Array`'s\n      // `ArrayBufferLike` backing (a decode-time implementation detail) doesn't satisfy that on\n      // its own, so copy into a plain `ArrayBuffer`-backed `Uint8Array` first.\n      const blob = new Blob([Uint8Array.from(file.bytes)], {\n        type: file.mimeType || \"application/octet-stream\",\n      });\n      return { objectUrl: URL.createObjectURL(blob), mimeType: file.mimeType, fileName: file.fileName };\n    },\n    enabled: Boolean(client) && Boolean(daemon) && Boolean(path) && enabled,\n    // Object URLs are process-local, non-serializable browser resources — never persist them or\n    // silently refetch behind this hook's back (that would leak the previous blob's URL).\n    staleTime: Infinity,\n    gcTime: 0,\n  });\n\n  // Revoke the previous object URL once a new one supersedes it, and the current one on unmount\n  // — TanStack Query's cache has no notion that this value owns a browser resource to release.\n  const urlRef = useRef<string | null>(null);\n  useEffect(() => {\n    const nextUrl = query.data?.objectUrl ?? null;\n    if (nextUrl && urlRef.current && urlRef.current !== nextUrl) {\n      URL.revokeObjectURL(urlRef.current);\n    }\n    urlRef.current = nextUrl;\n  }, [query.data?.objectUrl]);\n\n  useEffect(() => {\n    return () => {\n      if (urlRef.current) URL.revokeObjectURL(urlRef.current);\n    };\n  }, []);\n\n  return query;\n}\n"],"names":["useFileDownload","path","enabled","client","useConnectionStore","s","daemon","query","useQuery","rpcKeys","file","transferFor","blob","urlRef","useRef","useEffect","nextUrl","_a"],"mappings":"oJAqBO,SAASA,EAAgBC,EAAcC,EAAU,GAAM,OAC5D,MAAMC,EAASC,EAAoBC,GAAMA,EAAE,MAAM,EAC3CC,EAASF,EAAoBC,GAAMA,EAAE,MAAM,EAE3CE,EAAQC,EAAS,CACrB,SAAUC,EAAQ,aAAaR,CAAI,EACnC,QAAS,SAAmC,CAC1C,GAAI,CAACE,GAAU,CAACG,EAAQ,MAAM,IAAI,MAAM,eAAe,EACvD,MAAMI,EAAO,MAAMC,EAAYL,CAAM,EAAE,SAASL,CAAI,EAI9CW,EAAO,IAAI,KAAK,CAAC,WAAW,KAAKF,EAAK,KAAK,CAAC,EAAG,CACnD,KAAMA,EAAK,UAAY,0BAAA,CACxB,EACD,MAAO,CAAE,UAAW,IAAI,gBAAgBE,CAAI,EAAG,SAAUF,EAAK,SAAU,SAAUA,EAAK,QAAA,CACzF,EACA,QAAS,EAAQP,GAAW,EAAQG,GAAW,EAAQL,GAASC,EAGhE,UAAW,IACX,OAAQ,CAAA,CACT,EAIKW,EAASC,EAAAA,OAAsB,IAAI,EACzCC,OAAAA,EAAAA,UAAU,IAAM,OACd,MAAMC,IAAUC,EAAAV,EAAM,OAAN,YAAAU,EAAY,YAAa,KACrCD,GAAWH,EAAO,SAAWA,EAAO,UAAYG,GAClD,IAAI,gBAAgBH,EAAO,OAAO,EAEpCA,EAAO,QAAUG,CACnB,EAAG,EAACC,EAAAV,EAAM,OAAN,YAAAU,EAAY,SAAS,CAAC,EAE1BF,EAAAA,UAAU,IACD,IAAM,CACPF,EAAO,SAAS,IAAI,gBAAgBA,EAAO,OAAO,CACxD,EACC,CAAA,CAAE,EAEEN,CACT"}

package/dist/web/assets/{use-file-watch-rIFXLGx9.js → use-file-watch-2C2o-DDo.js}

@@ -1,2 +1,2 @@
-import{r as a}from"./vendor-react-p-LLqNcx.js";import{a as w}from"./index-CG4bXTWm.js";function b(e){return typeof e=="object"&&e!==null&&"type"in e&&e.type==="file_changed"&&"path"in e&&typeof e.path=="string"}const l=new WeakMap;function p(e,t,i){let s=l.get(e);s||(s=new Map,l.set(e,s));let o=s.get(t);if(!o){const r={count:0,resolvedPath:null,listeners:new Set,dispose:()=>{}},f=e.connection.onSessionMessage(c=>{const n=c;if(!b(n)||n.path!==t&&n.path!==r.resolvedPath)return;const d=Date.now();for(const h of r.listeners)h(d)});e.connection.request("file_watch_subscribe",{path:t}).then(c=>{const n=c;if((n==null?void 0:n.ok)===!1){console.warn(`watchFile: ${n.error??"subscribe failed"} for "${t}"`);return}typeof(n==null?void 0:n.path)=="string"&&(r.resolvedPath=n.path)}).catch(()=>{}),r.dispose=()=>{f(),e.connection.request("file_watch_unsubscribe",{path:t}).catch(()=>{})},o=r,s.set(t,o)}o.count++,o.listeners.add(i);let u=!1;return()=>{if(u)return;u=!0;const r=s.get(t);r&&(r.listeners.delete(i),r.count--,r.count===0&&(s.delete(t),r.dispose()))}}function v(e){const t=w(o=>o.client),[i,s]=a.useState(null);return a.useEffect(()=>{if(!(!t||!e))return p(t,e,s)},[t,e]),{changedAt:i}}export{v as u};
-//# sourceMappingURL=use-file-watch-rIFXLGx9.js.map
+import{r as a}from"./vendor-react-p-LLqNcx.js";import{a as w}from"./index-Ds0VVcbZ.js";function b(e){return typeof e=="object"&&e!==null&&"type"in e&&e.type==="file_changed"&&"path"in e&&typeof e.path=="string"}const l=new WeakMap;function p(e,t,i){let s=l.get(e);s||(s=new Map,l.set(e,s));let o=s.get(t);if(!o){const r={count:0,resolvedPath:null,listeners:new Set,dispose:()=>{}},f=e.connection.onSessionMessage(c=>{const n=c;if(!b(n)||n.path!==t&&n.path!==r.resolvedPath)return;const d=Date.now();for(const h of r.listeners)h(d)});e.connection.request("file_watch_subscribe",{path:t}).then(c=>{const n=c;if((n==null?void 0:n.ok)===!1){console.warn(`watchFile: ${n.error??"subscribe failed"} for "${t}"`);return}typeof(n==null?void 0:n.path)=="string"&&(r.resolvedPath=n.path)}).catch(()=>{}),r.dispose=()=>{f(),e.connection.request("file_watch_unsubscribe",{path:t}).catch(()=>{})},o=r,s.set(t,o)}o.count++,o.listeners.add(i);let u=!1;return()=>{if(u)return;u=!0;const r=s.get(t);r&&(r.listeners.delete(i),r.count--,r.count===0&&(s.delete(t),r.dispose()))}}function v(e){const t=w(o=>o.client),[i,s]=a.useState(null);return a.useEffect(()=>{if(!(!t||!e))return p(t,e,s)},[t,e]),{changedAt:i}}export{v as u};
+//# sourceMappingURL=use-file-watch-2C2o-DDo.js.map

package/dist/web/assets/{use-file-watch-rIFXLGx9.js.map → use-file-watch-2C2o-DDo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-file-watch-rIFXLGx9.js","sources":["../../../src/hooks/use-file-watch.ts"],"sourcesContent":["/**\n * `use-file-watch` — subscribes to live daemon `file_changed` pushes for a path (task-006's\n * `FileWatchService`), structurally mirroring `use-checkout-status.ts`: subscribe on mount/path\n * change via `file_watch_subscribe`, route matching pushes through `onSessionMessage`, and on\n * cleanup detach the message handler AND send `file_watch_unsubscribe` for the path being left —\n * `use-checkout-status.ts`'s own header comment calls out that leaving either half undone is the\n * leak this pattern exists to avoid.\n *\n * The actual subscribe/route/cleanup wiring lives in `watchFile`, a plain function with no React\n * dependency (mirrors `molecule-source.ts`/`molecule-reload.ts`'s \"extract the testable core\"\n * convention) — this repo has no DOM test environment set up, so it is the seam\n * `use-file-watch.test.ts` exercises directly with a fake client rather than mounting the hook.\n *\n * A `null` path (an empty \"+\"-menu molecule tab, or the absence of a client) subscribes nothing.\n *\n * `watchFile` ref-counts subscriptions per `(client, path)` in a module-level registry (mirrors\n * `file-transfer-instance.ts`'s `WeakMap<DaemonClient, …>` shared-instance convention): more than\n * one component can watch the same file (a file tab and a diff tab on the same path) and share\n * ONE daemon watch, rather than the second `file_watch_unsubscribe` killing it for both — the\n * daemon's `SessionSubscriptions.add` disposes any existing entry for the same resolved-path key.\n * The entry also remembers the RESOLVED path echoed back by `file_watch_subscribe_response.path`\n * (the daemon expands a leading `~` server-side before pushing `file_changed`), and matches a\n * push against either the requested spelling or that resolved path.\n */\n\nimport { useEffect, useState } from \"react\";\nimport type { PiStudioClient } from \"@av-pi-studio/client\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\n\ninterface FileChangedMessage {\n  type: \"file_changed\";\n  path: string;\n}\n\nfunction isFileChangedMessage(msg: unknown): msg is FileChangedMessage {\n  return (\n    typeof msg === \"object\" &&\n    msg !== null &&\n    \"type\" in msg &&\n    msg.type === \"file_changed\" &&\n    \"path\" in msg &&\n    typeof msg.path === \"string\"\n  );\n}\n\ninterface FileWatchSubscribeResponse {\n  ok?: boolean;\n  error?: string;\n  path?: string;\n}\n\ninterface WatchEntry {\n  count: number;\n  /** Resolved path echoed by `file_watch_subscribe_response.path`; `null` until it arrives. */\n  resolvedPath: string | null;\n  listeners: Set<(changedAt: number) => void>;\n  dispose: () => void;\n}\n\nconst watchesByClient = new WeakMap<Pick<PiStudioClient, \"connection\">, Map<string, WatchEntry>>();\n\n/** Subscribes `path` on `client.connection`, calls `onChanged` for every matching `file_changed`\n *  push, and returns a cleanup function that detaches the handler AND sends\n *  `file_watch_unsubscribe` for `path` once the LAST subscriber for that `(client, path)` pair\n *  releases it. Framework-agnostic on purpose — see module header. */\nexport function watchFile(\n  client: Pick<PiStudioClient, \"connection\">,\n  path: string,\n  onChanged: (changedAt: number) => void,\n): () => void {\n  let entries = watchesByClient.get(client);\n  if (!entries) {\n    entries = new Map<string, WatchEntry>();\n    watchesByClient.set(client, entries);\n  }\n\n  let entry = entries.get(path);\n  if (!entry) {\n    const created: WatchEntry = {\n      count: 0,\n      resolvedPath: null,\n      listeners: new Set(),\n      dispose: () => {},\n    };\n\n    const unsubscribeMessages = client.connection.onSessionMessage((msg) => {\n      const raw: unknown = msg;\n      if (!isFileChangedMessage(raw)) return;\n      if (raw.path !== path && raw.path !== created.resolvedPath) return;\n      const changedAt = Date.now();\n      for (const listener of created.listeners) listener(changedAt);\n    });\n\n    void client.connection\n      .request(\"file_watch_subscribe\", { path })\n      .then((res) => {\n        const response = res as FileWatchSubscribeResponse;\n        if (response?.ok === false) {\n          console.warn(`watchFile: ${response.error ?? \"subscribe failed\"} for \"${path}\"`);\n          return;\n        }\n        if (typeof response?.path === \"string\") {\n          created.resolvedPath = response.path;\n        }\n      })\n      .catch(() => {});\n\n    created.dispose = () => {\n      unsubscribeMessages();\n      void client.connection.request(\"file_watch_unsubscribe\", { path }).catch(() => {});\n    };\n\n    entry = created;\n    entries.set(path, entry);\n  }\n\n  entry.count++;\n  entry.listeners.add(onChanged);\n\n  let released = false;\n  return () => {\n    if (released) return; // Idempotent: a second call must never double-release.\n    released = true;\n    const current = entries!.get(path);\n    if (!current) return;\n    current.listeners.delete(onChanged);\n    current.count--;\n    if (current.count === 0) {\n      entries!.delete(path);\n      current.dispose();\n    }\n  };\n}\n\nexport interface UseFileWatchResult {\n  /** Monotonic timestamp of the last `file_changed` push for this path; `null` if none yet. */\n  changedAt: number | null;\n}\n\nexport function useFileWatch(path: string | null): UseFileWatchResult {\n  const client = useConnectionStore((s) => s.client);\n  const [changedAt, setChangedAt] = useState<number | null>(null);\n\n  useEffect(() => {\n    if (!client || !path) return;\n    return watchFile(client, path, setChangedAt);\n  }, [client, path]);\n\n  return { changedAt };\n}\n"],"names":["isFileChangedMessage","msg","watchesByClient","watchFile","client","path","onChanged","entries","entry","created","unsubscribeMessages","raw","changedAt","listener","res","response","released","current","useFileWatch","useConnectionStore","s","setChangedAt","useState","useEffect"],"mappings":"uFAkCA,SAASA,EAAqBC,EAAyC,CACrE,OACE,OAAOA,GAAQ,UACfA,IAAQ,MACR,SAAUA,GACVA,EAAI,OAAS,gBACb,SAAUA,GACV,OAAOA,EAAI,MAAS,QAExB,CAgBA,MAAMC,MAAsB,QAMrB,SAASC,EACdC,EACAC,EACAC,EACY,CACZ,IAAIC,EAAUL,EAAgB,IAAIE,CAAM,EACnCG,IACHA,MAAc,IACdL,EAAgB,IAAIE,EAAQG,CAAO,GAGrC,IAAIC,EAAQD,EAAQ,IAAIF,CAAI,EAC5B,GAAI,CAACG,EAAO,CACV,MAAMC,EAAsB,CAC1B,MAAO,EACP,aAAc,KACd,cAAe,IACf,QAAS,IAAM,CAAC,CAAA,EAGZC,EAAsBN,EAAO,WAAW,iBAAkBH,GAAQ,CACtE,MAAMU,EAAeV,EAErB,GADI,CAACD,EAAqBW,CAAG,GACzBA,EAAI,OAASN,GAAQM,EAAI,OAASF,EAAQ,aAAc,OAC5D,MAAMG,EAAY,KAAK,IAAA,EACvB,UAAWC,KAAYJ,EAAQ,UAAWI,EAASD,CAAS,CAC9D,CAAC,EAEIR,EAAO,WACT,QAAQ,uBAAwB,CAAE,KAAAC,EAAM,EACxC,KAAMS,GAAQ,CACb,MAAMC,EAAWD,EACjB,IAAIC,GAAA,YAAAA,EAAU,MAAO,GAAO,CAC1B,QAAQ,KAAK,cAAcA,EAAS,OAAS,kBAAkB,SAASV,CAAI,GAAG,EAC/E,MACF,CACI,OAAOU,GAAA,YAAAA,EAAU,OAAS,WAC5BN,EAAQ,aAAeM,EAAS,KAEpC,CAAC,EACA,MAAM,IAAM,CAAC,CAAC,EAEjBN,EAAQ,QAAU,IAAM,CACtBC,EAAA,EACKN,EAAO,WAAW,QAAQ,yBAA0B,CAAE,KAAAC,CAAA,CAAM,EAAE,MAAM,IAAM,CAAC,CAAC,CACnF,EAEAG,EAAQC,EACRF,EAAQ,IAAIF,EAAMG,CAAK,CACzB,CAEAA,EAAM,QACNA,EAAM,UAAU,IAAIF,CAAS,EAE7B,IAAIU,EAAW,GACf,MAAO,IAAM,CACX,GAAIA,EAAU,OACdA,EAAW,GACX,MAAMC,EAAUV,EAAS,IAAIF,CAAI,EAC5BY,IACLA,EAAQ,UAAU,OAAOX,CAAS,EAClCW,EAAQ,QACJA,EAAQ,QAAU,IACpBV,EAAS,OAAOF,CAAI,EACpBY,EAAQ,QAAA,GAEZ,CACF,CAOO,SAASC,EAAab,EAAyC,CACpE,MAAMD,EAASe,EAAoBC,GAAMA,EAAE,MAAM,EAC3C,CAACR,EAAWS,CAAY,EAAIC,EAAAA,SAAwB,IAAI,EAE9DC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,GAACnB,GAAU,CAACC,GAChB,OAAOF,EAAUC,EAAQC,EAAMgB,CAAY,CAC7C,EAAG,CAACjB,EAAQC,CAAI,CAAC,EAEV,CAAE,UAAAO,CAAA,CACX"}
+{"version":3,"file":"use-file-watch-2C2o-DDo.js","sources":["../../../src/hooks/use-file-watch.ts"],"sourcesContent":["/**\n * `use-file-watch` — subscribes to live daemon `file_changed` pushes for a path (task-006's\n * `FileWatchService`), structurally mirroring `use-checkout-status.ts`: subscribe on mount/path\n * change via `file_watch_subscribe`, route matching pushes through `onSessionMessage`, and on\n * cleanup detach the message handler AND send `file_watch_unsubscribe` for the path being left —\n * `use-checkout-status.ts`'s own header comment calls out that leaving either half undone is the\n * leak this pattern exists to avoid.\n *\n * The actual subscribe/route/cleanup wiring lives in `watchFile`, a plain function with no React\n * dependency (mirrors `molecule-source.ts`/`molecule-reload.ts`'s \"extract the testable core\"\n * convention) — this repo has no DOM test environment set up, so it is the seam\n * `use-file-watch.test.ts` exercises directly with a fake client rather than mounting the hook.\n *\n * A `null` path (an empty \"+\"-menu molecule tab, or the absence of a client) subscribes nothing.\n *\n * `watchFile` ref-counts subscriptions per `(client, path)` in a module-level registry (mirrors\n * `file-transfer-instance.ts`'s `WeakMap<DaemonClient, …>` shared-instance convention): more than\n * one component can watch the same file (a file tab and a diff tab on the same path) and share\n * ONE daemon watch, rather than the second `file_watch_unsubscribe` killing it for both — the\n * daemon's `SessionSubscriptions.add` disposes any existing entry for the same resolved-path key.\n * The entry also remembers the RESOLVED path echoed back by `file_watch_subscribe_response.path`\n * (the daemon expands a leading `~` server-side before pushing `file_changed`), and matches a\n * push against either the requested spelling or that resolved path.\n */\n\nimport { useEffect, useState } from \"react\";\nimport type { PiStudioClient } from \"@av-pi-studio/client\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\n\ninterface FileChangedMessage {\n  type: \"file_changed\";\n  path: string;\n}\n\nfunction isFileChangedMessage(msg: unknown): msg is FileChangedMessage {\n  return (\n    typeof msg === \"object\" &&\n    msg !== null &&\n    \"type\" in msg &&\n    msg.type === \"file_changed\" &&\n    \"path\" in msg &&\n    typeof msg.path === \"string\"\n  );\n}\n\ninterface FileWatchSubscribeResponse {\n  ok?: boolean;\n  error?: string;\n  path?: string;\n}\n\ninterface WatchEntry {\n  count: number;\n  /** Resolved path echoed by `file_watch_subscribe_response.path`; `null` until it arrives. */\n  resolvedPath: string | null;\n  listeners: Set<(changedAt: number) => void>;\n  dispose: () => void;\n}\n\nconst watchesByClient = new WeakMap<Pick<PiStudioClient, \"connection\">, Map<string, WatchEntry>>();\n\n/** Subscribes `path` on `client.connection`, calls `onChanged` for every matching `file_changed`\n *  push, and returns a cleanup function that detaches the handler AND sends\n *  `file_watch_unsubscribe` for `path` once the LAST subscriber for that `(client, path)` pair\n *  releases it. Framework-agnostic on purpose — see module header. */\nexport function watchFile(\n  client: Pick<PiStudioClient, \"connection\">,\n  path: string,\n  onChanged: (changedAt: number) => void,\n): () => void {\n  let entries = watchesByClient.get(client);\n  if (!entries) {\n    entries = new Map<string, WatchEntry>();\n    watchesByClient.set(client, entries);\n  }\n\n  let entry = entries.get(path);\n  if (!entry) {\n    const created: WatchEntry = {\n      count: 0,\n      resolvedPath: null,\n      listeners: new Set(),\n      dispose: () => {},\n    };\n\n    const unsubscribeMessages = client.connection.onSessionMessage((msg) => {\n      const raw: unknown = msg;\n      if (!isFileChangedMessage(raw)) return;\n      if (raw.path !== path && raw.path !== created.resolvedPath) return;\n      const changedAt = Date.now();\n      for (const listener of created.listeners) listener(changedAt);\n    });\n\n    void client.connection\n      .request(\"file_watch_subscribe\", { path })\n      .then((res) => {\n        const response = res as FileWatchSubscribeResponse;\n        if (response?.ok === false) {\n          console.warn(`watchFile: ${response.error ?? \"subscribe failed\"} for \"${path}\"`);\n          return;\n        }\n        if (typeof response?.path === \"string\") {\n          created.resolvedPath = response.path;\n        }\n      })\n      .catch(() => {});\n\n    created.dispose = () => {\n      unsubscribeMessages();\n      void client.connection.request(\"file_watch_unsubscribe\", { path }).catch(() => {});\n    };\n\n    entry = created;\n    entries.set(path, entry);\n  }\n\n  entry.count++;\n  entry.listeners.add(onChanged);\n\n  let released = false;\n  return () => {\n    if (released) return; // Idempotent: a second call must never double-release.\n    released = true;\n    const current = entries!.get(path);\n    if (!current) return;\n    current.listeners.delete(onChanged);\n    current.count--;\n    if (current.count === 0) {\n      entries!.delete(path);\n      current.dispose();\n    }\n  };\n}\n\nexport interface UseFileWatchResult {\n  /** Monotonic timestamp of the last `file_changed` push for this path; `null` if none yet. */\n  changedAt: number | null;\n}\n\nexport function useFileWatch(path: string | null): UseFileWatchResult {\n  const client = useConnectionStore((s) => s.client);\n  const [changedAt, setChangedAt] = useState<number | null>(null);\n\n  useEffect(() => {\n    if (!client || !path) return;\n    return watchFile(client, path, setChangedAt);\n  }, [client, path]);\n\n  return { changedAt };\n}\n"],"names":["isFileChangedMessage","msg","watchesByClient","watchFile","client","path","onChanged","entries","entry","created","unsubscribeMessages","raw","changedAt","listener","res","response","released","current","useFileWatch","useConnectionStore","s","setChangedAt","useState","useEffect"],"mappings":"uFAkCA,SAASA,EAAqBC,EAAyC,CACrE,OACE,OAAOA,GAAQ,UACfA,IAAQ,MACR,SAAUA,GACVA,EAAI,OAAS,gBACb,SAAUA,GACV,OAAOA,EAAI,MAAS,QAExB,CAgBA,MAAMC,MAAsB,QAMrB,SAASC,EACdC,EACAC,EACAC,EACY,CACZ,IAAIC,EAAUL,EAAgB,IAAIE,CAAM,EACnCG,IACHA,MAAc,IACdL,EAAgB,IAAIE,EAAQG,CAAO,GAGrC,IAAIC,EAAQD,EAAQ,IAAIF,CAAI,EAC5B,GAAI,CAACG,EAAO,CACV,MAAMC,EAAsB,CAC1B,MAAO,EACP,aAAc,KACd,cAAe,IACf,QAAS,IAAM,CAAC,CAAA,EAGZC,EAAsBN,EAAO,WAAW,iBAAkBH,GAAQ,CACtE,MAAMU,EAAeV,EAErB,GADI,CAACD,EAAqBW,CAAG,GACzBA,EAAI,OAASN,GAAQM,EAAI,OAASF,EAAQ,aAAc,OAC5D,MAAMG,EAAY,KAAK,IAAA,EACvB,UAAWC,KAAYJ,EAAQ,UAAWI,EAASD,CAAS,CAC9D,CAAC,EAEIR,EAAO,WACT,QAAQ,uBAAwB,CAAE,KAAAC,EAAM,EACxC,KAAMS,GAAQ,CACb,MAAMC,EAAWD,EACjB,IAAIC,GAAA,YAAAA,EAAU,MAAO,GAAO,CAC1B,QAAQ,KAAK,cAAcA,EAAS,OAAS,kBAAkB,SAASV,CAAI,GAAG,EAC/E,MACF,CACI,OAAOU,GAAA,YAAAA,EAAU,OAAS,WAC5BN,EAAQ,aAAeM,EAAS,KAEpC,CAAC,EACA,MAAM,IAAM,CAAC,CAAC,EAEjBN,EAAQ,QAAU,IAAM,CACtBC,EAAA,EACKN,EAAO,WAAW,QAAQ,yBAA0B,CAAE,KAAAC,CAAA,CAAM,EAAE,MAAM,IAAM,CAAC,CAAC,CACnF,EAEAG,EAAQC,EACRF,EAAQ,IAAIF,EAAMG,CAAK,CACzB,CAEAA,EAAM,QACNA,EAAM,UAAU,IAAIF,CAAS,EAE7B,IAAIU,EAAW,GACf,MAAO,IAAM,CACX,GAAIA,EAAU,OACdA,EAAW,GACX,MAAMC,EAAUV,EAAS,IAAIF,CAAI,EAC5BY,IACLA,EAAQ,UAAU,OAAOX,CAAS,EAClCW,EAAQ,QACJA,EAAQ,QAAU,IACpBV,EAAS,OAAOF,CAAI,EACpBY,EAAQ,QAAA,GAEZ,CACF,CAOO,SAASC,EAAab,EAAyC,CACpE,MAAMD,EAASe,EAAoBC,GAAMA,EAAE,MAAM,EAC3C,CAACR,EAAWS,CAAY,EAAIC,EAAAA,SAAwB,IAAI,EAE9DC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,GAACnB,GAAU,CAACC,GAChB,OAAOF,EAAUC,EAAQC,EAAMgB,CAAY,CAC7C,EAAG,CAACjB,EAAQC,CAAI,CAAC,EAEV,CAAE,UAAAO,CAAA,CACX"}

package/dist/web/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Pi-Studio</title>
-    <script type="module" crossorigin src="/assets/index-CG4bXTWm.js"></script>
+    <script type="module" crossorigin src="/assets/index-Ds0VVcbZ.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-react-p-LLqNcx.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-query-chxBrUuj.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-markdown-ePgMI45n.js">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@av-pi-studio/web-client",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "type": "module",
   "files": [
     "dist"
@@ -14,8 +14,8 @@
     "clean": "rm -rf dist *.tsbuildinfo"
   },
   "dependencies": {
-    "@av-pi-studio/client": "^0.0.48",
-    "@av-pi-studio/protocol": "^0.0.48",
+    "@av-pi-studio/client": "^0.0.49",
+    "@av-pi-studio/protocol": "^0.0.49",
     "@codemirror/language": "^6.12.4",
     "@codemirror/language-data": "^6.5.2",
     "@codemirror/state": "^6.7.1",