@av-pi-studio/web-client 0.0.37 → 0.0.38

package/dist/web/assets/{FilePanel-BmlpXwsJ.js.map → FilePanel-DPKRpgbo.js.map}

@@ -1 +1 @@
-{"version":3,"mappings":";ySAiBO,SAASA,EAAYC,EAAcC,EAAaC,EAAiBC,EAAU,GAAM,CACtF,MAAMC,EAASC,EAAoBC,GAAMA,EAAE,MAAM,EAEjD,OAAOC,EAAS,CACd,SAAUC,EAAQ,SAASR,EAAMC,EAAKC,CAAM,EAC5C,QAAS,SAAqC,CAC5C,GAAI,CAACE,EAAQ,MAAM,IAAI,MAAM,eAAe,EAM5C,MAAO,CAAE,OALQ,MAAMA,EAAO,WAAW,QAA6B,oBAAqB,CACzF,KAAAJ,EACA,IAAAC,EACA,OAAAC,CAAA,CACD,GACwB,OAAS,GACpC,EACA,QAAS,EAAQE,GAAW,EAAQJ,GAAS,EAAQC,GAAQE,CAAA,CAC9D,CACH,CChBA,MAAMM,EAAaC,OAAK,IAAAC,EAAA,IAAM,OAAO,0BAAiB,yDAAE,KAAMC,IAAO,CAAE,QAASA,EAAE,YAAa,CAAC,EAC1FC,EAAqBH,OAAK,IAAAC,EAAA,IAC9B,OAAO,kCAAyB,mEAAE,KAAMC,IAAO,CAAE,QAASA,EAAE,oBAAqB,CACnF,EACME,EAAcJ,OAAK,IAAAC,EAAA,IAAM,OAAO,2BAAkB,0DAAE,KAAMC,IAAO,CAAE,QAASA,EAAE,aAAc,CAAC,EAC7FG,EAAcL,OAAK,IAAAC,EAAA,IAAM,OAAO,2BAAkB,0DAAE,KAAMC,IAAO,CAAE,QAASA,EAAE,aAAc,CAAC,EAC7FI,EAAuBN,OAAK,IAAAC,EAAA,IAChC,OAAO,oCAA2B,oDAAE,KAAMC,IAAO,CAAE,QAASA,EAAE,sBAAuB,CACvF,EAGaK,EAAiE,CAC5E,KAAMR,EACN,SAAUI,EACV,MAAOC,EACP,MAAOC,EACP,OAAQC,CACV,EAEME,EAA4C,CAChD,GAAI,WACJ,SAAU,WACV,IAAK,WAEL,IAAK,QACL,IAAK,QACL,KAAM,QACN,IAAK,QACL,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,QACL,KAAM,QAEN,IAAK,QACL,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,QAIL,IAAK,SACL,IAAK,SACL,GAAI,SACJ,IAAK,SACL,IAAK,SACL,KAAM,SACN,KAAM,SACN,MAAO,SACP,IAAK,SACL,IAAK,QACP,EAEMC,EAAmE,CACvE,CAAC,SAAU,OAAO,EAClB,CAAC,SAAU,OAAO,CACpB,EAEA,SAASC,EAAMpB,EAAsB,CACnC,MAAMqB,EAAOrB,EAAK,MAAM,GAAG,EAAE,OAASA,EAChCsB,EAAMD,EAAK,YAAY,GAAG,EAChC,OAAOC,EAAM,EAAID,EAAK,MAAMC,EAAM,CAAC,EAAE,cAAgB,EACvD,CAQO,SAASC,EACdvB,EACAwB,EAAkD,GACtC,CACZ,MAAMC,EAAQP,EAAcE,EAAMpB,CAAI,CAAC,EACvC,GAAIyB,EAAO,OAAOA,EAElB,MAAMC,EAAOF,EAAK,UAAY,GAC9B,SAAW,CAACG,EAAQC,CAAI,IAAKT,EAC3B,GAAIO,EAAK,WAAWC,CAAM,EAAG,OAAOC,EAGtC,OAAIJ,EAAK,SAAiB,SACnB,MACT,iQC7EA,SAASK,EAAQC,EAAsD,CACrE,MAAO,SAAUA,CACnB,CAEA,SAASC,EAAcD,EAAsD,CAC3E,MAAO,WAAYA,CACrB,CAMO,SAASE,EAAU,CAAE,IAAAC,GAAuB,OACjD,MAAMC,EAAYD,EAAI,OAAS,OACzBH,EAAOG,EAAI,KACXjC,EAAO6B,EAAQC,CAAI,EAAIA,EAAK,KAAO,GACnC5B,EAAS2B,EAAQC,CAAI,GAAKC,EAAcD,CAAI,EAAIA,EAAK,OAAS,GAE9D,CAACK,EAAUC,CAAW,EAAIC,WAAmBH,EAAY,OAAS,MAAM,EACxEjC,EAAMgC,EAAI,cAAgB,IAE1BK,EAAYvC,EAAYC,EAAMC,EAAKC,EAAQiC,IAAa,MAAM,EAE9DI,EAAahB,EAAiBvB,CAAI,EAClCwC,EAASvB,EAAesB,CAAU,EAExC,OACEE,OAAC,OAAI,UAAWC,EAAO,MACrB,UAAAD,OAAC,OAAI,UAAWC,EAAO,OACrB,UAAAC,MAAC,QAAK,UAAWD,EAAO,KAAO,SAAA1C,EAAK,EACpC2C,MAAC,QAAK,UAAWD,EAAO,KAAO,aAAa,OAAUxC,EAAS,SAAW,WAAc,KAAK,EAC7FuC,OAAC,OAAI,UAAWC,EAAO,WACrB,UAAAC,MAACC,EAAA,CACC,KAAK,KACL,QAAST,IAAa,OAAS,UAAY,QAC3C,QAAS,IAAMC,EAAY,MAAM,EAClC,kBAGDO,MAACC,EAAA,CACC,KAAK,KACL,QAAST,IAAa,OAAS,UAAY,QAC3C,QAAS,IAAMC,EAAY,MAAM,EAClC,iBAED,EACF,GACF,QACC,OAAI,UAAWS,EAAKH,EAAO,KAAM,WAAW,EAC1C,SAAAP,IAAa,aACXW,WAAA,CAAS,gBAAW,OAAI,UAAWJ,EAAO,WAAY,UAAAC,MAACI,EAAA,CAAQ,KAAK,KAAK,EAAE,eAAW,EACrF,SAAAJ,MAACH,EAAA,CAAO,KAAAxC,CAAA,CAAY,EACtB,EACEsC,EAAU,UACZG,OAAC,OAAI,UAAWC,EAAO,WACrB,UAAAC,MAACI,EAAA,CAAQ,KAAK,KAAK,EAAE,oBACvB,EACET,EAAU,eACX,OAAI,UAAWI,EAAO,WAAY,oBACzBJ,EAAU,iBAAiB,MAAQA,EAAU,MAAM,QAAU,iBACvE,GACEU,EAAAV,EAAU,OAAV,MAAAU,EAAgB,MAClBL,MAACM,GAAS,MAAOX,EAAU,KAAK,MAAO,EAEvCK,MAAC,OAAI,UAAWD,EAAO,UAAW,0CAA8B,EAEpE,GACF,CAEJ","names":["useFileDiff","path","cwd","staged","enabled","client","useConnectionStore","s","useQuery","rpcKeys","TextViewer","lazy","__vitePreload","m","MarkdownFileViewer","ImageViewer","VideoViewer","BinaryFallbackViewer","VIEWER_BY_KIND","EXT_TO_VIEWER","MIME_PREFIX_TO_VIEWER","extOf","name","dot","detectViewerKind","opts","byExt","mime","prefix","kind","hasPath","data","isDiffTabData","FilePanel","tab","isDiffTab","viewMode","setViewMode","useState","diffQuery","viewerKind","Viewer","jsxs","styles","jsx","Button","clsx","Suspense","Spinner","_a","DiffView"],"ignoreList":[],"sources":["../../../src/hooks/use-file-diff.ts","../../../src/features/files/viewer-registry.ts","../../../src/features/files/FilePanel.tsx"],"sourcesContent":["/**\n * `use-file-diff` — TanStack Query wrapper over `file_diff_request` (POC `loadDiffContent`,\n * POC_TO_APP_PLAN_UI.md §4.5 / §3 `hooks/use-file-diff.ts`).\n */\n\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\";\n\nexport interface FileDiffResult {\n  patch: string;\n}\n\ninterface FileDiffRpcResponse {\n  patch?: string;\n}\n\nexport function useFileDiff(path: string, cwd: string, staged: boolean, enabled = true) {\n  const client = useConnectionStore((s) => s.client);\n\n  return useQuery({\n    queryKey: rpcKeys.fileDiff(path, cwd, staged),\n    queryFn: async (): Promise<FileDiffResult> => {\n      if (!client) throw new Error(\"not connected\");\n      const response = await client.connection.request<FileDiffRpcResponse>(\"file_diff_request\", {\n        path,\n        cwd,\n        staged,\n      });\n      return { patch: response.patch ?? \"\" };\n    },\n    enabled: Boolean(client) && Boolean(path) && Boolean(cwd) && enabled,\n  });\n}\n","/**\n * File-viewer registry — maps a detected file kind to the viewer component that renders it\n * (POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular file preview). `FilePanel` detects the kind from\n * `path` (extension) and the explorer's binary `mimeHint` (for extension-less/ambiguous files),\n * then looks up the viewer here — adding a new file type is one entry in `EXT_TO_VIEWER`/\n * `MIME_PREFIX_TO_VIEWER` plus one entry in `VIEWER_BY_KIND`, no changes to `FilePanel` itself.\n */\n\nimport { lazy, type ComponentType } from \"react\";\n\nexport type ViewerKind = \"text\" | \"markdown\" | \"image\" | \"video\" | \"binary\";\n\nexport interface ViewerProps {\n  /** Explorer-relative or absolute path, as opened from the file tree/diff panel. */\n  path: string;\n}\n\nconst TextViewer = lazy(() => import(\"./TextViewer.js\").then((m) => ({ default: m.TextViewer })));\nconst MarkdownFileViewer = lazy(() =>\n  import(\"./MarkdownFileViewer.js\").then((m) => ({ default: m.MarkdownFileViewer })),\n);\nconst ImageViewer = lazy(() => import(\"./ImageViewer.js\").then((m) => ({ default: m.ImageViewer })));\nconst VideoViewer = lazy(() => import(\"./VideoViewer.js\").then((m) => ({ default: m.VideoViewer })));\nconst BinaryFallbackViewer = lazy(() =>\n  import(\"./BinaryFallbackViewer.js\").then((m) => ({ default: m.BinaryFallbackViewer })),\n);\n\n/** One component per `ViewerKind`. Register a new file type here — nowhere else. */\nexport const VIEWER_BY_KIND: Record<ViewerKind, ComponentType<ViewerProps>> = {\n  text: TextViewer,\n  markdown: MarkdownFileViewer,\n  image: ImageViewer,\n  video: VideoViewer,\n  binary: BinaryFallbackViewer,\n};\n\nconst EXT_TO_VIEWER: Record<string, ViewerKind> = {\n  md: \"markdown\",\n  markdown: \"markdown\",\n  mdx: \"markdown\",\n\n  png: \"image\",\n  jpg: \"image\",\n  jpeg: \"image\",\n  gif: \"image\",\n  webp: \"image\",\n  svg: \"image\",\n  bmp: \"image\",\n  ico: \"image\",\n  avif: \"image\",\n\n  mp4: \"video\",\n  webm: \"video\",\n  mov: \"video\",\n  m4v: \"video\",\n  ogv: \"video\",\n\n  // No dedicated preview yet — show the binary fallback (name + manual download) instead of\n  // dumping raw/garbled bytes into the text viewer.\n  pdf: \"binary\",\n  zip: \"binary\",\n  gz: \"binary\",\n  tar: \"binary\",\n  exe: \"binary\",\n  wasm: \"binary\",\n  woff: \"binary\",\n  woff2: \"binary\",\n  ttf: \"binary\",\n  otf: \"binary\",\n};\n\nconst MIME_PREFIX_TO_VIEWER: Array<[prefix: string, kind: ViewerKind]> = [\n  [\"image/\", \"image\"],\n  [\"video/\", \"video\"],\n];\n\nfunction extOf(path: string): string {\n  const name = path.split(\"/\").pop() ?? path;\n  const dot = name.lastIndexOf(\".\");\n  return dot > 0 ? name.slice(dot + 1).toLowerCase() : \"\";\n}\n\n/**\n * Detects the viewer kind for a file, preferring the extension (fast, always available) and\n * falling back to a server-supplied MIME hint (extension-less files, e.g. binary blobs the\n * explorer sniffed) — `isBinary` further distinguishes an unrecognized binary from unrecognized\n * text, so unknown-but-textual files (`.env`, `.gitignore`) still fall through to `TextViewer`.\n */\nexport function detectViewerKind(\n  path: string,\n  opts: { mimeHint?: string; isBinary?: boolean } = {},\n): ViewerKind {\n  const byExt = EXT_TO_VIEWER[extOf(path)];\n  if (byExt) return byExt;\n\n  const mime = opts.mimeHint ?? \"\";\n  for (const [prefix, kind] of MIME_PREFIX_TO_VIEWER) {\n    if (mime.startsWith(prefix)) return kind;\n  }\n\n  if (opts.isBinary) return \"binary\";\n  return \"text\";\n}\n","/**\n * FilePanel — the file/diff view toggle panel (POC `buildFilePanel`/`buildDiffPanel` +\n * `loadFileContent`/`loadDiffContent`, chat.html ~line 800-900, POC_TO_APP_PLAN_UI.md §4.5).\n * `panel-registry.ts` mounts this component for BOTH `kind:\"file\"` and `kind:\"diff\"` tabs — a\n * `kind:\"file\"` tab defaults to the File view, a `kind:\"diff\"` tab defaults to the Diff view.\n * Both views stay toggleable within the same panel via local `viewMode` state (not tab-store\n * state), matching the POC's per-panel `showFile`/`showDiff` toggle.\n *\n * The File view dispatches through the modular viewer registry (`viewer-registry.ts`):\n * `detectViewerKind` picks a viewer from the path's extension, and `VIEWER_BY_KIND` resolves the\n * (lazily-loaded) component — text/markdown/image/video today, more by adding one registry entry.\n */\n\nimport { Suspense, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileDiff } from \"@pi-studio-ui/hooks/use-file-diff.js\";\nimport type { Tab, FileTabData, DiffTabData } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { DiffView } from \"./DiffView.js\";\nimport { detectViewerKind, VIEWER_BY_KIND } from \"./viewer-registry.js\";\nimport styles from \"./FilePanel.module.css\";\n\ntype ViewMode = \"file\" | \"diff\";\n\nfunction hasPath(data: Tab[\"data\"]): data is FileTabData | DiffTabData {\n  return \"path\" in data;\n}\n\nfunction isDiffTabData(data: FileTabData | DiffTabData): data is DiffTabData {\n  return \"staged\" in data;\n}\n\nexport interface FilePanelProps {\n  tab: Tab;\n}\n\nexport function FilePanel({ tab }: FilePanelProps) {\n  const isDiffTab = tab.kind === \"diff\";\n  const data = tab.data;\n  const path = hasPath(data) ? data.path : \"\";\n  const staged = hasPath(data) && isDiffTabData(data) ? data.staged : false;\n\n  const [viewMode, setViewMode] = useState<ViewMode>(isDiffTab ? \"diff\" : \"file\");\n  const cwd = tab.workspaceCwd || \"~\";\n\n  const diffQuery = useFileDiff(path, cwd, staged, viewMode === \"diff\");\n\n  const viewerKind = detectViewerKind(path);\n  const Viewer = VIEWER_BY_KIND[viewerKind];\n\n  return (\n    <div className={styles.panel}>\n      <div className={styles.header}>\n        <span className={styles.path}>{path}</span>\n        <span className={styles.size}>{viewMode === \"diff\" ? (staged ? \"staged\" : \"unstaged\") : null}</span>\n        <div className={styles.viewToggle}>\n          <Button\n            size=\"xs\"\n            variant={viewMode === \"file\" ? \"default\" : \"ghost\"}\n            onClick={() => setViewMode(\"file\")}\n          >\n            File\n          </Button>\n          <Button\n            size=\"xs\"\n            variant={viewMode === \"diff\" ? \"default\" : \"ghost\"}\n            onClick={() => setViewMode(\"diff\")}\n          >\n            Diff\n          </Button>\n        </div>\n      </div>\n      <div className={clsx(styles.body, \"file-body\")}>\n        {viewMode === \"file\" ? (\n          <Suspense fallback={<div className={styles.emptyState}><Spinner size=\"sm\" /> Loading...</div>}>\n            <Viewer path={path} />\n          </Suspense>\n        ) : diffQuery.isLoading ? (\n          <div className={styles.emptyState}>\n            <Spinner size=\"sm\" /> Loading diff...\n          </div>\n        ) : diffQuery.isError ? (\n          <div className={styles.emptyState}>\n            Error: {diffQuery.error instanceof Error ? diffQuery.error.message : \"unknown error\"}\n          </div>\n        ) : diffQuery.data?.patch ? (\n          <DiffView patch={diffQuery.data.patch} />\n        ) : (\n          <div className={styles.diffEmpty}>No changes (file matches HEAD)</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"file":"assets/FilePanel-BmlpXwsJ.js"}
+{"version":3,"mappings":"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","names":["useFileDiff","path","cwd","staged","enabled","client","useConnectionStore","s","useQuery","rpcKeys","TextViewer","lazy","__vitePreload","m","MarkdownFileViewer","ImageViewer","VideoViewer","BinaryFallbackViewer","VIEWER_BY_KIND","EXT_TO_VIEWER","MIME_PREFIX_TO_VIEWER","extOf","name","dot","detectViewerKind","opts","byExt","mime","prefix","kind","hasPath","data","isDiffTabData","FilePanel","tab","isDiffTab","viewMode","setViewMode","useState","diffQuery","viewerKind","Viewer","jsxs","styles","jsx","Button","clsx","Suspense","Spinner","_a","DiffView"],"ignoreList":[],"sources":["../../../src/hooks/use-file-diff.ts","../../../src/features/files/viewer-registry.ts","../../../src/features/files/FilePanel.tsx"],"sourcesContent":["/**\n * `use-file-diff` — TanStack Query wrapper over `file_diff_request` (POC `loadDiffContent`,\n * POC_TO_APP_PLAN_UI.md §4.5 / §3 `hooks/use-file-diff.ts`).\n */\n\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\";\n\nexport interface FileDiffResult {\n  patch: string;\n}\n\ninterface FileDiffRpcResponse {\n  patch?: string;\n}\n\nexport function useFileDiff(path: string, cwd: string, staged: boolean, enabled = true) {\n  const client = useConnectionStore((s) => s.client);\n\n  return useQuery({\n    queryKey: rpcKeys.fileDiff(path, cwd, staged),\n    queryFn: async (): Promise<FileDiffResult> => {\n      if (!client) throw new Error(\"not connected\");\n      const response = await client.connection.request<FileDiffRpcResponse>(\"file_diff_request\", {\n        path,\n        cwd,\n        staged,\n      });\n      return { patch: response.patch ?? \"\" };\n    },\n    enabled: Boolean(client) && Boolean(path) && Boolean(cwd) && enabled,\n  });\n}\n","/**\n * File-viewer registry — maps a detected file kind to the viewer component that renders it\n * (POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular file preview). `FilePanel` detects the kind from\n * `path` (extension) and the explorer's binary `mimeHint` (for extension-less/ambiguous files),\n * then looks up the viewer here — adding a new file type is one entry in `EXT_TO_VIEWER`/\n * `MIME_PREFIX_TO_VIEWER` plus one entry in `VIEWER_BY_KIND`, no changes to `FilePanel` itself.\n */\n\nimport { lazy, type ComponentType } from \"react\";\n\nexport type ViewerKind = \"text\" | \"markdown\" | \"image\" | \"video\" | \"binary\";\n\nexport interface ViewerProps {\n  /** Explorer-relative or absolute path, as opened from the file tree/diff panel. */\n  path: string;\n}\n\nconst TextViewer = lazy(() => import(\"./TextViewer.js\").then((m) => ({ default: m.TextViewer })));\nconst MarkdownFileViewer = lazy(() =>\n  import(\"./MarkdownFileViewer.js\").then((m) => ({ default: m.MarkdownFileViewer })),\n);\nconst ImageViewer = lazy(() => import(\"./ImageViewer.js\").then((m) => ({ default: m.ImageViewer })));\nconst VideoViewer = lazy(() => import(\"./VideoViewer.js\").then((m) => ({ default: m.VideoViewer })));\nconst BinaryFallbackViewer = lazy(() =>\n  import(\"./BinaryFallbackViewer.js\").then((m) => ({ default: m.BinaryFallbackViewer })),\n);\n\n/** One component per `ViewerKind`. Register a new file type here — nowhere else. */\nexport const VIEWER_BY_KIND: Record<ViewerKind, ComponentType<ViewerProps>> = {\n  text: TextViewer,\n  markdown: MarkdownFileViewer,\n  image: ImageViewer,\n  video: VideoViewer,\n  binary: BinaryFallbackViewer,\n};\n\nconst EXT_TO_VIEWER: Record<string, ViewerKind> = {\n  md: \"markdown\",\n  markdown: \"markdown\",\n  mdx: \"markdown\",\n\n  png: \"image\",\n  jpg: \"image\",\n  jpeg: \"image\",\n  gif: \"image\",\n  webp: \"image\",\n  svg: \"image\",\n  bmp: \"image\",\n  ico: \"image\",\n  avif: \"image\",\n\n  mp4: \"video\",\n  webm: \"video\",\n  mov: \"video\",\n  m4v: \"video\",\n  ogv: \"video\",\n\n  // No dedicated preview yet — show the binary fallback (name + manual download) instead of\n  // dumping raw/garbled bytes into the text viewer.\n  pdf: \"binary\",\n  zip: \"binary\",\n  gz: \"binary\",\n  tar: \"binary\",\n  exe: \"binary\",\n  wasm: \"binary\",\n  woff: \"binary\",\n  woff2: \"binary\",\n  ttf: \"binary\",\n  otf: \"binary\",\n};\n\nconst MIME_PREFIX_TO_VIEWER: Array<[prefix: string, kind: ViewerKind]> = [\n  [\"image/\", \"image\"],\n  [\"video/\", \"video\"],\n];\n\nfunction extOf(path: string): string {\n  const name = path.split(\"/\").pop() ?? path;\n  const dot = name.lastIndexOf(\".\");\n  return dot > 0 ? name.slice(dot + 1).toLowerCase() : \"\";\n}\n\n/**\n * Detects the viewer kind for a file, preferring the extension (fast, always available) and\n * falling back to a server-supplied MIME hint (extension-less files, e.g. binary blobs the\n * explorer sniffed) — `isBinary` further distinguishes an unrecognized binary from unrecognized\n * text, so unknown-but-textual files (`.env`, `.gitignore`) still fall through to `TextViewer`.\n */\nexport function detectViewerKind(\n  path: string,\n  opts: { mimeHint?: string; isBinary?: boolean } = {},\n): ViewerKind {\n  const byExt = EXT_TO_VIEWER[extOf(path)];\n  if (byExt) return byExt;\n\n  const mime = opts.mimeHint ?? \"\";\n  for (const [prefix, kind] of MIME_PREFIX_TO_VIEWER) {\n    if (mime.startsWith(prefix)) return kind;\n  }\n\n  if (opts.isBinary) return \"binary\";\n  return \"text\";\n}\n","/**\n * FilePanel — the file/diff view toggle panel (POC `buildFilePanel`/`buildDiffPanel` +\n * `loadFileContent`/`loadDiffContent`, chat.html ~line 800-900, POC_TO_APP_PLAN_UI.md §4.5).\n * `panel-registry.ts` mounts this component for BOTH `kind:\"file\"` and `kind:\"diff\"` tabs — a\n * `kind:\"file\"` tab defaults to the File view, a `kind:\"diff\"` tab defaults to the Diff view.\n * Both views stay toggleable within the same panel via local `viewMode` state (not tab-store\n * state), matching the POC's per-panel `showFile`/`showDiff` toggle.\n *\n * The File view dispatches through the modular viewer registry (`viewer-registry.ts`):\n * `detectViewerKind` picks a viewer from the path's extension, and `VIEWER_BY_KIND` resolves the\n * (lazily-loaded) component — text/markdown/image/video today, more by adding one registry entry.\n */\n\nimport { Suspense, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileDiff } from \"@pi-studio-ui/hooks/use-file-diff.js\";\nimport type { Tab, FileTabData, DiffTabData } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { DiffView } from \"./DiffView.js\";\nimport { detectViewerKind, VIEWER_BY_KIND } from \"./viewer-registry.js\";\nimport styles from \"./FilePanel.module.css\";\n\ntype ViewMode = \"file\" | \"diff\";\n\nfunction hasPath(data: Tab[\"data\"]): data is FileTabData | DiffTabData {\n  return \"path\" in data;\n}\n\nfunction isDiffTabData(data: FileTabData | DiffTabData): data is DiffTabData {\n  return \"staged\" in data;\n}\n\nexport interface FilePanelProps {\n  tab: Tab;\n}\n\nexport function FilePanel({ tab }: FilePanelProps) {\n  const isDiffTab = tab.kind === \"diff\";\n  const data = tab.data;\n  const path = hasPath(data) ? data.path : \"\";\n  const staged = hasPath(data) && isDiffTabData(data) ? data.staged : false;\n\n  const [viewMode, setViewMode] = useState<ViewMode>(isDiffTab ? \"diff\" : \"file\");\n  const cwd = tab.workspaceCwd || \"~\";\n\n  const diffQuery = useFileDiff(path, cwd, staged, viewMode === \"diff\");\n\n  const viewerKind = detectViewerKind(path);\n  const Viewer = VIEWER_BY_KIND[viewerKind];\n\n  return (\n    <div className={styles.panel}>\n      <div className={styles.header}>\n        <span className={styles.path}>{path}</span>\n        <span className={styles.size}>{viewMode === \"diff\" ? (staged ? \"staged\" : \"unstaged\") : null}</span>\n        <div className={styles.viewToggle}>\n          <Button\n            size=\"xs\"\n            variant={viewMode === \"file\" ? \"default\" : \"ghost\"}\n            onClick={() => setViewMode(\"file\")}\n          >\n            File\n          </Button>\n          <Button\n            size=\"xs\"\n            variant={viewMode === \"diff\" ? \"default\" : \"ghost\"}\n            onClick={() => setViewMode(\"diff\")}\n          >\n            Diff\n          </Button>\n        </div>\n      </div>\n      <div className={clsx(styles.body, \"file-body\")}>\n        {viewMode === \"file\" ? (\n          <Suspense fallback={<div className={styles.emptyState}><Spinner size=\"sm\" /> Loading...</div>}>\n            <Viewer path={path} />\n          </Suspense>\n        ) : diffQuery.isLoading ? (\n          <div className={styles.emptyState}>\n            <Spinner size=\"sm\" /> Loading diff...\n          </div>\n        ) : diffQuery.isError ? (\n          <div className={styles.emptyState}>\n            Error: {diffQuery.error instanceof Error ? diffQuery.error.message : \"unknown error\"}\n          </div>\n        ) : diffQuery.data?.patch ? (\n          <DiffView patch={diffQuery.data.patch} />\n        ) : (\n          <div className={styles.diffEmpty}>No changes (file matches HEAD)</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"file":"assets/FilePanel-DPKRpgbo.js"}

package/dist/web/assets/{ImageViewer-CoFUhYpw.js → ImageViewer-Cf6sbdhl.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-react-BoIQBqDW.js";import{S as t}from"./index-CXS9Grd7.js";import{u as a}from"./use-file-download-DcvIvDgT.js";import{p as s}from"./FilePanel-BmlpXwsJ.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-Bk3OssJx.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./DiffView-DlVCPvLc.js";const m="_wrap_1al28_1",n="_image_1al28_14",o={wrap:m,image:n};function S({path:i}){const r=a(i);return r.isLoading?e.jsxs("div",{className:s.emptyState,children:[e.jsx(t,{size:"sm"})," Loading image..."]}):r.isError?e.jsxs("div",{className:s.emptyState,children:["Error: ",r.error instanceof Error?r.error.message:"unknown error"]}):r.data?e.jsx("div",{className:o.wrap,children:e.jsx("img",{className:o.image,src:r.data.objectUrl,alt:i.split("/").pop()||i})}):null}export{S as ImageViewer};
-//# sourceMappingURL=ImageViewer-CoFUhYpw.js.map
+import{j as e}from"./vendor-react-BoIQBqDW.js";import{S as t}from"./index-k4czqqpS.js";import{u as a}from"./use-file-download-BvQsnjW2.js";import{p as s}from"./FilePanel-DPKRpgbo.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-CX25WOn8.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./DiffView-DlVCPvLc.js";const m="_wrap_1al28_1",n="_image_1al28_14",o={wrap:m,image:n};function S({path:i}){const r=a(i);return r.isLoading?e.jsxs("div",{className:s.emptyState,children:[e.jsx(t,{size:"sm"})," Loading image..."]}):r.isError?e.jsxs("div",{className:s.emptyState,children:["Error: ",r.error instanceof Error?r.error.message:"unknown error"]}):r.data?e.jsx("div",{className:o.wrap,children:e.jsx("img",{className:o.image,src:r.data.objectUrl,alt:i.split("/").pop()||i})}):null}export{S as ImageViewer};
+//# sourceMappingURL=ImageViewer-Cf6sbdhl.js.map

package/dist/web/assets/{ImageViewer-CoFUhYpw.js.map → ImageViewer-Cf6sbdhl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer-CoFUhYpw.js","sources":["../../../src/features/files/ImageViewer.tsx"],"sourcesContent":["/**\n * ImageViewer — renders a binary image file by downloading it over the file-transfer binary\n * frames (`useFileDownload`) and displaying the resulting object URL (POC_TO_APP_PLAN_UI.md §4.5\n * follow-up: modular file preview). A checkerboard background shows through transparent PNGs.\n */\n\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileDownload } from \"@pi-studio-ui/hooks/use-file-download.js\";\nimport type { ViewerProps } from \"./viewer-registry.js\";\nimport panelStyles from \"./FilePanel.module.css\";\nimport styles from \"./ImageViewer.module.css\";\n\nexport function ImageViewer({ path }: ViewerProps) {\n  const query = useFileDownload(path);\n\n  if (query.isLoading) {\n    return (\n      <div className={panelStyles.emptyState}>\n        <Spinner size=\"sm\" /> Loading image...\n      </div>\n    );\n  }\n  if (query.isError) {\n    return (\n      <div className={panelStyles.emptyState}>\n        Error: {query.error instanceof Error ? query.error.message : \"unknown error\"}\n      </div>\n    );\n  }\n  if (!query.data) return null;\n\n  return (\n    <div className={styles.wrap}>\n      <img className={styles.image} src={query.data.objectUrl} alt={path.split(\"/\").pop() || path} />\n    </div>\n  );\n}\n"],"names":["ImageViewer","path","query","useFileDownload","jsxs","panelStyles","jsx","Spinner","styles"],"mappings":"4gBAYO,SAASA,EAAY,CAAE,KAAAC,GAAqB,CACjD,MAAMC,EAAQC,EAAgBF,CAAI,EAElC,OAAIC,EAAM,UAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAC1B,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAK,IAAA,CAAK,EAAE,mBAAA,EACvB,EAGAL,EAAM,QAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAAY,SAAA,CAAA,UAC9BH,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,eAAA,EAC/D,EAGCA,EAAM,KAGTI,MAAC,OAAI,UAAWE,EAAO,KACrB,SAAAF,MAAC,MAAA,CAAI,UAAWE,EAAO,MAAO,IAAKN,EAAM,KAAK,UAAW,IAAKD,EAAK,MAAM,GAAG,EAAE,IAAA,GAASA,CAAA,CAAM,CAAA,CAC/F,EALsB,IAO1B"}
+{"version":3,"file":"ImageViewer-Cf6sbdhl.js","sources":["../../../src/features/files/ImageViewer.tsx"],"sourcesContent":["/**\n * ImageViewer — renders a binary image file by downloading it over the file-transfer binary\n * frames (`useFileDownload`) and displaying the resulting object URL (POC_TO_APP_PLAN_UI.md §4.5\n * follow-up: modular file preview). A checkerboard background shows through transparent PNGs.\n */\n\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileDownload } from \"@pi-studio-ui/hooks/use-file-download.js\";\nimport type { ViewerProps } from \"./viewer-registry.js\";\nimport panelStyles from \"./FilePanel.module.css\";\nimport styles from \"./ImageViewer.module.css\";\n\nexport function ImageViewer({ path }: ViewerProps) {\n  const query = useFileDownload(path);\n\n  if (query.isLoading) {\n    return (\n      <div className={panelStyles.emptyState}>\n        <Spinner size=\"sm\" /> Loading image...\n      </div>\n    );\n  }\n  if (query.isError) {\n    return (\n      <div className={panelStyles.emptyState}>\n        Error: {query.error instanceof Error ? query.error.message : \"unknown error\"}\n      </div>\n    );\n  }\n  if (!query.data) return null;\n\n  return (\n    <div className={styles.wrap}>\n      <img className={styles.image} src={query.data.objectUrl} alt={path.split(\"/\").pop() || path} />\n    </div>\n  );\n}\n"],"names":["ImageViewer","path","query","useFileDownload","jsxs","panelStyles","jsx","Spinner","styles"],"mappings":"4gBAYO,SAASA,EAAY,CAAE,KAAAC,GAAqB,CACjD,MAAMC,EAAQC,EAAgBF,CAAI,EAElC,OAAIC,EAAM,UAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAC1B,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAK,IAAA,CAAK,EAAE,mBAAA,EACvB,EAGAL,EAAM,QAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAAY,SAAA,CAAA,UAC9BH,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,eAAA,EAC/D,EAGCA,EAAM,KAGTI,MAAC,OAAI,UAAWE,EAAO,KACrB,SAAAF,MAAC,MAAA,CAAI,UAAWE,EAAO,MAAO,IAAKN,EAAM,KAAK,UAAW,IAAKD,EAAK,MAAM,GAAG,EAAE,IAAA,GAASA,CAAA,CAAM,CAAA,CAC/F,EALsB,IAO1B"}

package/dist/web/assets/{MarkdownFileViewer-CR-8mwa9.js → MarkdownFileViewer-DcZOTSUO.js}

@@ -1,2 +1,2 @@
-import{r as d,j as r}from"./vendor-react-BoIQBqDW.js";import{S as c,B as a}from"./index-CXS9Grd7.js";import{u as m,C as p}from"./CodeView-DyKgdbhF.js";import{M as l}from"./markdown-D9FuaV1m.js";import{p as n}from"./FilePanel-BmlpXwsJ.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-Bk3OssJx.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./DiffView-DlVCPvLc.js";const x="_wrap_khhx0_1",u="_toolbar_khhx0_6",h="_rendered_khhx0_17",o={wrap:x,toolbar:u,rendered:h};function M({path:s}){const e=m(s),[t,i]=d.useState("preview");return e.isLoading?r.jsxs("div",{className:n.emptyState,children:[r.jsx(c,{size:"sm"})," Loading..."]}):e.isError?r.jsxs("div",{className:n.emptyState,children:["Error: ",e.error instanceof Error?e.error.message:"unknown error"]}):e.data?r.jsxs("div",{className:o.wrap,children:[r.jsxs("div",{className:o.toolbar,children:[r.jsx(a,{size:"xs",variant:t==="preview"?"default":"ghost",onClick:()=>i("preview"),children:"Preview"}),r.jsx(a,{size:"xs",variant:t==="source"?"default":"ghost",onClick:()=>i("source"),children:"Source"})]}),t==="preview"?r.jsx("div",{className:o.rendered,children:r.jsx(l,{text:e.data.content})}):r.jsx(p,{path:s,content:e.data.content})]}):null}export{M as MarkdownFileViewer};
-//# sourceMappingURL=MarkdownFileViewer-CR-8mwa9.js.map
+import{r as d,j as r}from"./vendor-react-BoIQBqDW.js";import{S as c,B as a}from"./index-k4czqqpS.js";import{u as m,C as p}from"./CodeView-B7hDRPXe.js";import{M as l}from"./markdown-D9FuaV1m.js";import{p as n}from"./FilePanel-DPKRpgbo.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-CX25WOn8.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./DiffView-DlVCPvLc.js";const x="_wrap_khhx0_1",u="_toolbar_khhx0_6",h="_rendered_khhx0_17",o={wrap:x,toolbar:u,rendered:h};function M({path:s}){const e=m(s),[t,i]=d.useState("preview");return e.isLoading?r.jsxs("div",{className:n.emptyState,children:[r.jsx(c,{size:"sm"})," Loading..."]}):e.isError?r.jsxs("div",{className:n.emptyState,children:["Error: ",e.error instanceof Error?e.error.message:"unknown error"]}):e.data?r.jsxs("div",{className:o.wrap,children:[r.jsxs("div",{className:o.toolbar,children:[r.jsx(a,{size:"xs",variant:t==="preview"?"default":"ghost",onClick:()=>i("preview"),children:"Preview"}),r.jsx(a,{size:"xs",variant:t==="source"?"default":"ghost",onClick:()=>i("source"),children:"Source"})]}),t==="preview"?r.jsx("div",{className:o.rendered,children:r.jsx(l,{text:e.data.content})}):r.jsx(p,{path:s,content:e.data.content})]}):null}export{M as MarkdownFileViewer};
+//# sourceMappingURL=MarkdownFileViewer-DcZOTSUO.js.map

package/dist/web/assets/{MarkdownFileViewer-CR-8mwa9.js.map → MarkdownFileViewer-DcZOTSUO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MarkdownFileViewer-CR-8mwa9.js","sources":["../../../src/features/files/MarkdownFileViewer.tsx"],"sourcesContent":["/**\n * MarkdownFileViewer — renders a `.md`/`.mdx` file's content through the app's sanitized\n * Markdown renderer (`timeline/markdown.tsx`, react-markdown + remark-gfm — no\n * `dangerouslySetInnerHTML` of user content), with a Preview/Source toggle since raw markdown is\n * sometimes what you actually want to read (POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular file\n * preview).\n */\n\nimport { useState } from \"react\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileRead } from \"@pi-studio-ui/hooks/use-file-read.js\";\nimport { Markdown } from \"@pi-studio-ui/timeline/markdown.js\";\nimport { CodeView } from \"./CodeView.js\";\nimport type { ViewerProps } from \"./viewer-registry.js\";\nimport panelStyles from \"./FilePanel.module.css\";\nimport styles from \"./MarkdownFileViewer.module.css\";\n\ntype Mode = \"preview\" | \"source\";\n\nexport function MarkdownFileViewer({ path }: ViewerProps) {\n  const query = useFileRead(path);\n  const [mode, setMode] = useState<Mode>(\"preview\");\n\n  if (query.isLoading) {\n    return (\n      <div className={panelStyles.emptyState}>\n        <Spinner size=\"sm\" /> Loading...\n      </div>\n    );\n  }\n  if (query.isError) {\n    return (\n      <div className={panelStyles.emptyState}>\n        Error: {query.error instanceof Error ? query.error.message : \"unknown error\"}\n      </div>\n    );\n  }\n  if (!query.data) return null;\n\n  return (\n    <div className={styles.wrap}>\n      <div className={styles.toolbar}>\n        <Button size=\"xs\" variant={mode === \"preview\" ? \"default\" : \"ghost\"} onClick={() => setMode(\"preview\")}>\n          Preview\n        </Button>\n        <Button size=\"xs\" variant={mode === \"source\" ? \"default\" : \"ghost\"} onClick={() => setMode(\"source\")}>\n          Source\n        </Button>\n      </div>\n      {mode === \"preview\" ? (\n        <div className={styles.rendered}>\n          <Markdown text={query.data.content} />\n        </div>\n      ) : (\n        <CodeView path={path} content={query.data.content} />\n      )}\n    </div>\n  );\n}\n"],"names":["MarkdownFileViewer","path","query","useFileRead","mode","setMode","useState","jsxs","panelStyles","jsx","Spinner","styles","Button","Markdown","CodeView"],"mappings":"wmBAoBO,SAASA,EAAmB,CAAE,KAAAC,GAAqB,CACxD,MAAMC,EAAQC,EAAYF,CAAI,EACxB,CAACG,EAAMC,CAAO,EAAIC,EAAAA,SAAe,SAAS,EAEhD,OAAIJ,EAAM,UAENK,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAC1B,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAK,IAAA,CAAK,EAAE,aAAA,EACvB,EAGAR,EAAM,QAENK,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAAY,SAAA,CAAA,UAC9BN,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,eAAA,EAC/D,EAGCA,EAAM,KAGTK,EAAAA,KAAC,MAAA,CAAI,UAAWI,EAAO,KACrB,SAAA,CAAAJ,EAAAA,KAAC,MAAA,CAAI,UAAWI,EAAO,QACrB,SAAA,CAAAF,EAAAA,IAACG,EAAA,CAAO,KAAK,KAAK,QAASR,IAAS,UAAY,UAAY,QAAS,QAAS,IAAMC,EAAQ,SAAS,EAAG,SAAA,UAExG,EACAI,EAAAA,IAACG,EAAA,CAAO,KAAK,KAAK,QAASR,IAAS,SAAW,UAAY,QAAS,QAAS,IAAMC,EAAQ,QAAQ,EAAG,SAAA,QAAA,CAEtG,CAAA,EACF,EACCD,IAAS,UACRK,MAAC,MAAA,CAAI,UAAWE,EAAO,SACrB,eAACE,EAAA,CAAS,KAAMX,EAAM,KAAK,OAAA,CAAS,EACtC,EAEAO,EAAAA,IAACK,GAAS,KAAAb,EAAY,QAASC,EAAM,KAAK,OAAA,CAAS,CAAA,EAEvD,EAnBsB,IAqB1B"}
+{"version":3,"file":"MarkdownFileViewer-DcZOTSUO.js","sources":["../../../src/features/files/MarkdownFileViewer.tsx"],"sourcesContent":["/**\n * MarkdownFileViewer — renders a `.md`/`.mdx` file's content through the app's sanitized\n * Markdown renderer (`timeline/markdown.tsx`, react-markdown + remark-gfm — no\n * `dangerouslySetInnerHTML` of user content), with a Preview/Source toggle since raw markdown is\n * sometimes what you actually want to read (POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular file\n * preview).\n */\n\nimport { useState } from \"react\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileRead } from \"@pi-studio-ui/hooks/use-file-read.js\";\nimport { Markdown } from \"@pi-studio-ui/timeline/markdown.js\";\nimport { CodeView } from \"./CodeView.js\";\nimport type { ViewerProps } from \"./viewer-registry.js\";\nimport panelStyles from \"./FilePanel.module.css\";\nimport styles from \"./MarkdownFileViewer.module.css\";\n\ntype Mode = \"preview\" | \"source\";\n\nexport function MarkdownFileViewer({ path }: ViewerProps) {\n  const query = useFileRead(path);\n  const [mode, setMode] = useState<Mode>(\"preview\");\n\n  if (query.isLoading) {\n    return (\n      <div className={panelStyles.emptyState}>\n        <Spinner size=\"sm\" /> Loading...\n      </div>\n    );\n  }\n  if (query.isError) {\n    return (\n      <div className={panelStyles.emptyState}>\n        Error: {query.error instanceof Error ? query.error.message : \"unknown error\"}\n      </div>\n    );\n  }\n  if (!query.data) return null;\n\n  return (\n    <div className={styles.wrap}>\n      <div className={styles.toolbar}>\n        <Button size=\"xs\" variant={mode === \"preview\" ? \"default\" : \"ghost\"} onClick={() => setMode(\"preview\")}>\n          Preview\n        </Button>\n        <Button size=\"xs\" variant={mode === \"source\" ? \"default\" : \"ghost\"} onClick={() => setMode(\"source\")}>\n          Source\n        </Button>\n      </div>\n      {mode === \"preview\" ? (\n        <div className={styles.rendered}>\n          <Markdown text={query.data.content} />\n        </div>\n      ) : (\n        <CodeView path={path} content={query.data.content} />\n      )}\n    </div>\n  );\n}\n"],"names":["MarkdownFileViewer","path","query","useFileRead","mode","setMode","useState","jsxs","panelStyles","jsx","Spinner","styles","Button","Markdown","CodeView"],"mappings":"wmBAoBO,SAASA,EAAmB,CAAE,KAAAC,GAAqB,CACxD,MAAMC,EAAQC,EAAYF,CAAI,EACxB,CAACG,EAAMC,CAAO,EAAIC,EAAAA,SAAe,SAAS,EAEhD,OAAIJ,EAAM,UAENK,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAC1B,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAK,IAAA,CAAK,EAAE,aAAA,EACvB,EAGAR,EAAM,QAENK,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAAY,SAAA,CAAA,UAC9BN,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,eAAA,EAC/D,EAGCA,EAAM,KAGTK,EAAAA,KAAC,MAAA,CAAI,UAAWI,EAAO,KACrB,SAAA,CAAAJ,EAAAA,KAAC,MAAA,CAAI,UAAWI,EAAO,QACrB,SAAA,CAAAF,EAAAA,IAACG,EAAA,CAAO,KAAK,KAAK,QAASR,IAAS,UAAY,UAAY,QAAS,QAAS,IAAMC,EAAQ,SAAS,EAAG,SAAA,UAExG,EACAI,EAAAA,IAACG,EAAA,CAAO,KAAK,KAAK,QAASR,IAAS,SAAW,UAAY,QAAS,QAAS,IAAMC,EAAQ,QAAQ,EAAG,SAAA,QAAA,CAEtG,CAAA,EACF,EACCD,IAAS,UACRK,MAAC,MAAA,CAAI,UAAWE,EAAO,SACrB,eAACE,EAAA,CAAS,KAAMX,EAAM,KAAK,OAAA,CAAS,EACtC,EAEAO,EAAAA,IAACK,GAAS,KAAAb,EAAY,QAASC,EAAM,KAAK,OAAA,CAAS,CAAA,EAEvD,EAnBsB,IAqB1B"}

package/dist/web/assets/{TerminalPanel-DV2Ez7aG.js → TerminalPanel-CbAoYROF.js}

@@ -1,2 +1,2 @@
-var A=Object.defineProperty;var I=(n,e,t)=>e in n?A(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var g=(n,e,t)=>I(n,typeof e!="symbol"?e+"":e,t);import{r as a,j as l}from"./vendor-react-BoIQBqDW.js";import{x as B,a as F}from"./vendor-terminal-BhzX2_ts.js";import{b as E,a as N,c as T,S as D}from"./index-CXS9Grd7.js";import"./vendor--os7hw7d.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor-icons-Bk3OssJx.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-markdown-B8HSIhaA.js";class O{constructor(e){g(this,"subscribers",new Map);g(this,"detach",null);this.daemon=e}start(){this.detach||(this.detach=this.daemon.onTerminalFrame(e=>this.dispatch(e)))}stop(){var e;(e=this.detach)==null||e.call(this),this.detach=null}subscribeSlot(e,t){return this.subscribers.set(e,t),()=>{this.subscribers.get(e)===t&&this.subscribers.delete(e)}}hasSlot(e){return this.subscribers.has(e)}sendInput(e,t){this.daemon.sendBinary(E({opcode:"Input",slot:e,data:t}))}sendResize(e,t,m){this.daemon.sendBinary(E({opcode:"Resize",slot:e,rows:t,cols:m}))}dispatch(e){var m,p,u;const t=this.subscribers.get(e.slot);if(t)switch(e.opcode){case"Output":(m=t.onOutput)==null||m.call(t,e.data);return;case"Snapshot":(p=t.onSnapshot)==null||p.call(t,e.data);return;case"Restore":(u=t.onRestore)==null||u.call(t,e.data);return;default:return}}}const C="_wrap_b74ul_1",P="_terminal_b74ul_11",W="_status_b74ul_18",f={wrap:C,terminal:P,status:W},q=new WeakMap;function G(n){let e=q.get(n);return e||(e=new O(n),e.start(),q.set(n,e)),e}const H={background:"#181b1a",foreground:"#fafafa",cursor:"#a2b4d7",cursorAccent:"#181b1a",selectionBackground:"rgba(255,255,255,0.18)",black:"#18181b",red:"#ef4444",green:"#22c55e",yellow:"#f59e0b",blue:"#3b82f6",magenta:"#a855f7",cyan:"#14b8a6",white:"#d4d4d8",brightBlack:"#52525b",brightRed:"#f87171",brightGreen:"#4ade80",brightYellow:"#fbbf24",brightBlue:"#60a5fa",brightMagenta:"#c084fc",brightCyan:"#2dd4bf",brightWhite:"#fafafa"};function te({tab:n}){const e=n.data,t=N(r=>r.client),p=T(r=>r.activeTabId)===n.id,u=a.useRef(null),w=a.useRef(null),h=a.useRef(null),b=a.useRef(e.slot),S=a.useRef(t);S.current=t;const[c,k]=a.useState(e.slot),[_,v]=a.useState(null),d=a.useRef(!1),R=a.useRef(!1);return a.useEffect(()=>{if(d.current=!0,!t||b.current!==null||R.current)return()=>{d.current=!1};R.current=!0;const r=e.cwd||"~";return t.connection.request("create_terminal_request",{workspaceId:"",cwd:r}).then(s=>{const i=s.terminal.slot;if(!d.current){t.connection.request("kill_terminal_request",{slot:i}).catch(()=>{});return}b.current=i,k(i),T.getState().updateData(n.id,{slot:i})}).catch(s=>{d.current&&v(s instanceof Error?s.message:String(s))}).finally(()=>{R.current=!1}),()=>{d.current=!1}},[t,n.id]),a.useEffect(()=>()=>{const r=b.current;r!==null&&setTimeout(()=>{var s;d.current||(s=S.current)==null||s.connection.request("kill_terminal_request",{slot:r}).catch(()=>{})},0)},[]),a.useEffect(()=>{if(!t||c===null||!u.current)return;const r=new B.Terminal({cursorBlink:!0,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSize:13,scrollback:5e3,theme:H,allowProposedApi:!0}),s=new F.FitAddon;r.loadAddon(s),r.open(u.current),s.fit(),w.current=r,h.current=s;const i=G(t.connection),j=i.subscribeSlot(c,{onOutput:o=>r.write(o),onSnapshot:o=>{r.clear(),r.write(o)},onRestore:o=>r.write(o)});t.connection.request("subscribe_terminal_request",{slot:c}).catch(o=>{v(o instanceof Error?o.message:String(o))});const y=r.onData(o=>{i.sendInput(c,new TextEncoder().encode(o))}),z=r.onResize(({cols:o,rows:M})=>{i.sendResize(c,M,o)}),x=new ResizeObserver(()=>{s.fit()});return x.observe(u.current),()=>{x.disconnect(),y.dispose(),z.dispose(),j(),t.connection.request("unsubscribe_terminal_request",{slot:c}).catch(()=>{}),r.dispose(),w.current=null,h.current=null}},[t,c]),a.useEffect(()=>{var r;p&&((r=h.current)==null||r.fit())},[p]),_?l.jsx("div",{className:f.wrap,children:l.jsxs("div",{className:f.status,children:["Terminal error: ",_]})}):c===null?l.jsx("div",{className:f.wrap,children:l.jsxs("div",{className:f.status,children:[l.jsx(D,{size:"sm"})," Starting terminal…"]})}):l.jsx("div",{className:f.wrap,children:l.jsx("div",{ref:u,className:f.terminal})})}export{te as TerminalPanel};
-//# sourceMappingURL=TerminalPanel-DV2Ez7aG.js.map
+var A=Object.defineProperty;var I=(n,e,t)=>e in n?A(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var g=(n,e,t)=>I(n,typeof e!="symbol"?e+"":e,t);import{r as a,j as l}from"./vendor-react-BoIQBqDW.js";import{x as B,a as F}from"./vendor-terminal-BhzX2_ts.js";import{b as E,a as N,c as T,S as D}from"./index-k4czqqpS.js";import"./vendor--os7hw7d.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor-icons-CX25WOn8.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-markdown-B8HSIhaA.js";class O{constructor(e){g(this,"subscribers",new Map);g(this,"detach",null);this.daemon=e}start(){this.detach||(this.detach=this.daemon.onTerminalFrame(e=>this.dispatch(e)))}stop(){var e;(e=this.detach)==null||e.call(this),this.detach=null}subscribeSlot(e,t){return this.subscribers.set(e,t),()=>{this.subscribers.get(e)===t&&this.subscribers.delete(e)}}hasSlot(e){return this.subscribers.has(e)}sendInput(e,t){this.daemon.sendBinary(E({opcode:"Input",slot:e,data:t}))}sendResize(e,t,m){this.daemon.sendBinary(E({opcode:"Resize",slot:e,rows:t,cols:m}))}dispatch(e){var m,p,u;const t=this.subscribers.get(e.slot);if(t)switch(e.opcode){case"Output":(m=t.onOutput)==null||m.call(t,e.data);return;case"Snapshot":(p=t.onSnapshot)==null||p.call(t,e.data);return;case"Restore":(u=t.onRestore)==null||u.call(t,e.data);return;default:return}}}const C="_wrap_b74ul_1",P="_terminal_b74ul_11",W="_status_b74ul_18",f={wrap:C,terminal:P,status:W},q=new WeakMap;function G(n){let e=q.get(n);return e||(e=new O(n),e.start(),q.set(n,e)),e}const H={background:"#181b1a",foreground:"#fafafa",cursor:"#a2b4d7",cursorAccent:"#181b1a",selectionBackground:"rgba(255,255,255,0.18)",black:"#18181b",red:"#ef4444",green:"#22c55e",yellow:"#f59e0b",blue:"#3b82f6",magenta:"#a855f7",cyan:"#14b8a6",white:"#d4d4d8",brightBlack:"#52525b",brightRed:"#f87171",brightGreen:"#4ade80",brightYellow:"#fbbf24",brightBlue:"#60a5fa",brightMagenta:"#c084fc",brightCyan:"#2dd4bf",brightWhite:"#fafafa"};function te({tab:n}){const e=n.data,t=N(r=>r.client),p=T(r=>r.activeTabId)===n.id,u=a.useRef(null),w=a.useRef(null),h=a.useRef(null),b=a.useRef(e.slot),S=a.useRef(t);S.current=t;const[c,k]=a.useState(e.slot),[_,v]=a.useState(null),d=a.useRef(!1),R=a.useRef(!1);return a.useEffect(()=>{if(d.current=!0,!t||b.current!==null||R.current)return()=>{d.current=!1};R.current=!0;const r=e.cwd||"~";return t.connection.request("create_terminal_request",{workspaceId:"",cwd:r}).then(s=>{const i=s.terminal.slot;if(!d.current){t.connection.request("kill_terminal_request",{slot:i}).catch(()=>{});return}b.current=i,k(i),T.getState().updateData(n.id,{slot:i})}).catch(s=>{d.current&&v(s instanceof Error?s.message:String(s))}).finally(()=>{R.current=!1}),()=>{d.current=!1}},[t,n.id]),a.useEffect(()=>()=>{const r=b.current;r!==null&&setTimeout(()=>{var s;d.current||(s=S.current)==null||s.connection.request("kill_terminal_request",{slot:r}).catch(()=>{})},0)},[]),a.useEffect(()=>{if(!t||c===null||!u.current)return;const r=new B.Terminal({cursorBlink:!0,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSize:13,scrollback:5e3,theme:H,allowProposedApi:!0}),s=new F.FitAddon;r.loadAddon(s),r.open(u.current),s.fit(),w.current=r,h.current=s;const i=G(t.connection),j=i.subscribeSlot(c,{onOutput:o=>r.write(o),onSnapshot:o=>{r.clear(),r.write(o)},onRestore:o=>r.write(o)});t.connection.request("subscribe_terminal_request",{slot:c}).catch(o=>{v(o instanceof Error?o.message:String(o))});const y=r.onData(o=>{i.sendInput(c,new TextEncoder().encode(o))}),z=r.onResize(({cols:o,rows:M})=>{i.sendResize(c,M,o)}),x=new ResizeObserver(()=>{s.fit()});return x.observe(u.current),()=>{x.disconnect(),y.dispose(),z.dispose(),j(),t.connection.request("unsubscribe_terminal_request",{slot:c}).catch(()=>{}),r.dispose(),w.current=null,h.current=null}},[t,c]),a.useEffect(()=>{var r;p&&((r=h.current)==null||r.fit())},[p]),_?l.jsx("div",{className:f.wrap,children:l.jsxs("div",{className:f.status,children:["Terminal error: ",_]})}):c===null?l.jsx("div",{className:f.wrap,children:l.jsxs("div",{className:f.status,children:[l.jsx(D,{size:"sm"})," Starting terminal…"]})}):l.jsx("div",{className:f.wrap,children:l.jsx("div",{ref:u,className:f.terminal})})}export{te as TerminalPanel};
+//# sourceMappingURL=TerminalPanel-CbAoYROF.js.map

package/dist/web/assets/{TerminalPanel-DV2Ez7aG.js.map → TerminalPanel-CbAoYROF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TerminalPanel-DV2Ez7aG.js","sources":["../../../../client/src/terminal-stream-router.ts","../../../src/features/terminal/TerminalPanel.tsx"],"sourcesContent":["import { encodeTerminalFrame, type TerminalFrame } from \"@av-pi-studio/protocol\";\n\nimport type { DaemonClient } from \"./daemon-client.js\";\n\n/**\n * Client-side demux of binary terminal frames to per-slot subscribers, plus outbound input/resize\n * encoding (architecture/client-app-runtime.md § Router; features/terminals.md § Binary stream\n * protocol).\n *\n * Inbound `Output`/`Snapshot`/`Restore` frames are dispatched to the subscriber registered for that\n * `slot`. Outbound `Input`/`Resize` are encoded with the right opcode + slot and sent on the data\n * path.\n */\n\nexport interface TerminalSlotSubscriber {\n  /** Live terminal output bytes. */\n  onOutput?: (data: Uint8Array) => void;\n  /** Full-screen snapshot bytes (sent on (re)subscribe). */\n  onSnapshot?: (data: Uint8Array) => void;\n  /** Restore snapshot bytes (reflowable/mode-gated). */\n  onRestore?: (data: Uint8Array) => void;\n}\n\nexport class TerminalStreamRouter {\n  private readonly subscribers = new Map<number, TerminalSlotSubscriber>();\n  private detach: (() => void) | null = null;\n\n  constructor(private readonly daemon: DaemonClient) {}\n\n  /** Begin routing inbound terminal frames. Idempotent. */\n  start(): void {\n    if (this.detach) return;\n    this.detach = this.daemon.onTerminalFrame((frame) => this.dispatch(frame));\n  }\n\n  /** Stop routing inbound frames (subscribers retained). */\n  stop(): void {\n    this.detach?.();\n    this.detach = null;\n  }\n\n  /** Register (or replace) the subscriber for a slot. Returns an unsubscribe fn. */\n  subscribeSlot(slot: number, subscriber: TerminalSlotSubscriber): () => void {\n    this.subscribers.set(slot, subscriber);\n    return () => {\n      if (this.subscribers.get(slot) === subscriber) this.subscribers.delete(slot);\n    };\n  }\n\n  /** True iff a subscriber is registered for the slot. */\n  hasSlot(slot: number): boolean {\n    return this.subscribers.has(slot);\n  }\n\n  // ─── Outbound ─────────────────────────────────────────────────────────────\n\n  /** Send raw input bytes to a slot's PTY (opcode `Input = 0x02`). */\n  sendInput(slot: number, data: Uint8Array): void {\n    this.daemon.sendBinary(encodeTerminalFrame({ opcode: \"Input\", slot, data }));\n  }\n\n  /** Send a resize (opcode `Resize = 0x03`, JSON `{ rows, cols }` payload). */\n  sendResize(slot: number, rows: number, cols: number): void {\n    this.daemon.sendBinary(encodeTerminalFrame({ opcode: \"Resize\", slot, rows, cols }));\n  }\n\n  // ─── Inbound dispatch ───────────────────────────────────────────────────────\n\n  private dispatch(frame: TerminalFrame): void {\n    const subscriber = this.subscribers.get(frame.slot);\n    if (!subscriber) return; // no subscriber for this slot — drop\n    switch (frame.opcode) {\n      case \"Output\":\n        subscriber.onOutput?.(frame.data);\n        return;\n      case \"Snapshot\":\n        subscriber.onSnapshot?.(frame.data);\n        return;\n      case \"Restore\":\n        subscriber.onRestore?.(frame.data);\n        return;\n      default:\n        // Input/Resize are outbound-only; ignore if echoed back.\n        return;\n    }\n  }\n}\n","/**\n * TerminalPanel — @xterm/xterm mount + binary-frame streaming via `TerminalStreamRouter`\n * (POC `initTerminalPanel`, POC_TO_APP_PLAN_UI.md §4.6). Strict upgrade over the POC's 800ms\n * `capture_terminal_request` poll: the daemon pushes `Output`/`Snapshot`/`Restore` binary frames\n * directly over the one shared `DaemonClient` connection, demuxed by slot.\n *\n * Slot lifecycle: created once via `create_terminal_request`, then persisted onto the tab's\n * `TerminalTabData.slot` via `useTabStore.getState().updateData` so switching away and back to\n * this tab (kept mounted-but-hidden by `TabPanelHost`) never recreates the terminal. `TabPanelHost`\n * only unmounts a tab's panel when the tab leaves the store's `tabs[]` (i.e. real tab close, never\n * a tab switch) — this component's true-unmount effect below relies on exactly that invariant to\n * send `kill_terminal_request`, terminating the PTY server-side instead of leaking it forever.\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { Terminal } from \"@xterm/xterm\";\nimport { FitAddon } from \"@xterm/addon-fit\";\nimport \"@xterm/xterm/css/xterm.css\";\nimport type { DaemonClient } from \"@av-pi-studio/client\";\nimport { TerminalStreamRouter } from \"@av-pi-studio/client\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { useTabStore } from \"@pi-studio-ui/stores/tab-store.js\";\nimport type { Tab, TerminalTabData } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport styles from \"./TerminalPanel.module.css\";\n\nexport interface TerminalPanelProps {\n  tab: Tab;\n}\n\ninterface CreateTerminalResponse {\n  terminal: { slot: number };\n}\n\n// One TerminalStreamRouter per daemon connection — multiple terminal tabs share it rather than\n// each opening its own frame demuxer over the same socket.\nconst routerByDaemon = new WeakMap<DaemonClient, TerminalStreamRouter>();\n\nfunction routerFor(daemon: DaemonClient): TerminalStreamRouter {\n  let router = routerByDaemon.get(daemon);\n  if (!router) {\n    router = new TerminalStreamRouter(daemon);\n    router.start();\n    routerByDaemon.set(daemon, router);\n  }\n  return router;\n}\n\n/** Dark palette matching the app's github-dark-ish default theme (theme/variants.ts \"dark\"). */\nconst TERMINAL_THEME = {\n  background: \"#181b1a\",\n  foreground: \"#fafafa\",\n  cursor: \"#a2b4d7\",\n  cursorAccent: \"#181b1a\",\n  selectionBackground: \"rgba(255,255,255,0.18)\",\n  black: \"#18181b\",\n  red: \"#ef4444\",\n  green: \"#22c55e\",\n  yellow: \"#f59e0b\",\n  blue: \"#3b82f6\",\n  magenta: \"#a855f7\",\n  cyan: \"#14b8a6\",\n  white: \"#d4d4d8\",\n  brightBlack: \"#52525b\",\n  brightRed: \"#f87171\",\n  brightGreen: \"#4ade80\",\n  brightYellow: \"#fbbf24\",\n  brightBlue: \"#60a5fa\",\n  brightMagenta: \"#c084fc\",\n  brightCyan: \"#2dd4bf\",\n  brightWhite: \"#fafafa\",\n};\n\nexport function TerminalPanel({ tab }: TerminalPanelProps) {\n  const data = tab.data as TerminalTabData;\n  const client = useConnectionStore((s) => s.client);\n  const activeTabId = useTabStore((s) => s.activeTabId);\n  const isActive = activeTabId === tab.id;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const terminalRef = useRef<Terminal | null>(null);\n  const fitAddonRef = useRef<FitAddon | null>(null);\n  const slotRef = useRef<number | null>(data.slot);\n  // Mirrors `use-checkout-status.ts`'s convention: kept in sync every render so the unmount-only\n  // kill effect below always sends the CURRENT client, never a stale mount-time closure (e.g.\n  // after a reconnect swaps in a new `PiStudioClient` instance).\n  const clientRef = useRef(client);\n  clientRef.current = client;\n\n  const [slot, setSlot] = useState<number | null>(data.slot);\n  const [error, setError] = useState<string | null>(null);\n\n  // ─── Slot lifecycle: create once, persist onto the tab so re-opening reuses it ─────────────\n  // React StrictMode double-invokes effects in dev: mount → cleanup → remount, synchronously,\n  // on the SAME component instance (refs/state persist across all three phases — this is not\n  // three separate mounts). Two things must hold across that: (1) the request fires exactly\n  // once, and (2) whether to APPLY the eventual response is decided by whether the component is\n  // mounted at RESPONSE time, not by a flag captured at REQUEST time.\n  //\n  // `requestStartedRef` gives (1): set the instant the request fires and never reset, so the\n  // phantom-mount's cleanup-then-remount sees it's already in flight and never fires a second\n  // `create_terminal_request` (this is what previously spawned two real PTYs from one Ctrl+T).\n  //\n  // `isMountedRef` gives (2): flipped true at the START of every effect invocation and false in\n  // every cleanup, so it always reflects the LATEST phase. StrictMode's remount happens\n  // synchronously, before the request's promise can possibly settle, so by response time\n  // `isMountedRef.current` is back to `true` for a StrictMode phantom (correctly applies the\n  // slot) — but stays `false` for a genuine fast real close (correctly kills the orphaned PTY\n  // instead of leaking it or, as the previous buggy version did, killing a terminal that was\n  // never actually torn down).\n  const isMountedRef = useRef(false);\n  const requestStartedRef = useRef(false);\n  useEffect(() => {\n    isMountedRef.current = true;\n    if (!client || slotRef.current !== null || requestStartedRef.current) {\n      return () => {\n        isMountedRef.current = false;\n      };\n    }\n    requestStartedRef.current = true;\n\n    const cwd = data.cwd || \"~\";\n\n    void client.connection\n      .request<CreateTerminalResponse>(\"create_terminal_request\", { workspaceId: \"\", cwd })\n      .then((res) => {\n        const created = res.terminal.slot;\n        if (!isMountedRef.current) {\n          // A real close happened with no remount after it — kill the PTY that finished\n          // spawning after the tab was already gone, instead of leaking it.\n          void client.connection.request(\"kill_terminal_request\", { slot: created }).catch(() => {});\n          return;\n        }\n        slotRef.current = created;\n        setSlot(created);\n        useTabStore.getState().updateData(tab.id, { slot: created });\n      })\n      .catch((err: unknown) => {\n        if (!isMountedRef.current) return;\n        setError(err instanceof Error ? err.message : String(err));\n      })\n      .finally(() => {\n        // Reset only after the promise settles — by then StrictMode's synchronous\n        // mount→cleanup→remount window has long passed, so this can never reopen the\n        // double-fire race. It DOES allow a legitimate retry (e.g. `client` changed because of\n        // a reconnect after the first attempt failed) instead of leaving the tab stuck forever.\n        requestStartedRef.current = false;\n      });\n\n    return () => {\n      isMountedRef.current = false;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [client, tab.id]);\n\n  // ─── True unmount only: kill the PTY server-side ───────────────────────────────────────────\n  // Runs its cleanup exactly once, when this component itself unmounts (real tab close, per\n  // `TabPanelHost`'s \"hidden but alive\" model — a tab switch never unmounts). An empty deps array\n  // means React never re-runs the effect body itself; only the cleanup fires, and only on\n  // unmount, so this never races the slot-creation effect above or double-kills on a client\n  // change. Without this, every closed terminal tab leaked its PTY process forever.\n  //\n  // For a REATTACH (this tab opened with a non-null `data.slot` from the very first render —\n  // `use-terminal-restore.ts`, or the create-effect above once it has resolved) `slotRef.current`\n  // is non-null from the start, so StrictMode's synchronous mount→cleanup→remount phantom cycle\n  // would fire this cleanup and kill the PTY immediately on mount — unlike a freshly created\n  // terminal, where `slotRef.current` is still `null` during that same phantom window (see the\n  // create-effect's own comment) and so never hits this path. Deferred via `setTimeout`, exactly\n  // like the create-effect's response handler: by the time it fires, StrictMode's remount has\n  // already flipped `isMountedRef` back to `true` if this was a phantom unmount, so the kill is\n  // skipped; a genuine close never remounts, so `isMountedRef` stays `false` and the kill proceeds.\n  useEffect(() => {\n    return () => {\n      const currentSlot = slotRef.current;\n      if (currentSlot === null) return;\n      setTimeout(() => {\n        if (isMountedRef.current) return; // StrictMode remounted synchronously — not a real close\n        void clientRef.current?.connection\n          .request(\"kill_terminal_request\", { slot: currentSlot })\n          .catch(() => {});\n      }, 0);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // ─── xterm mount (once slot + container are ready) ─────────────────────────────────────────\n  useEffect(() => {\n    if (!client || slot === null || !containerRef.current) return;\n\n    const terminal = new Terminal({\n      cursorBlink: true,\n      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',\n      fontSize: 13,\n      scrollback: 5000,\n      theme: TERMINAL_THEME,\n      allowProposedApi: true,\n    });\n    const fitAddon = new FitAddon();\n    terminal.loadAddon(fitAddon);\n    terminal.open(containerRef.current);\n    fitAddon.fit();\n\n    terminalRef.current = terminal;\n    fitAddonRef.current = fitAddon;\n\n    const router = routerFor(client.connection);\n    const unsubscribeSlot = router.subscribeSlot(slot, {\n      onOutput: (chunk) => terminal.write(chunk),\n      onSnapshot: (chunk) => {\n        terminal.clear();\n        terminal.write(chunk);\n      },\n      onRestore: (chunk) => terminal.write(chunk),\n    });\n\n    void client.connection.request(\"subscribe_terminal_request\", { slot }).catch((err: unknown) => {\n      setError(err instanceof Error ? err.message : String(err));\n    });\n\n    const dataDisposable = terminal.onData((chunk) => {\n      router.sendInput(slot, new TextEncoder().encode(chunk));\n    });\n    const resizeDisposable = terminal.onResize(({ cols, rows }) => {\n      router.sendResize(slot, rows, cols);\n    });\n\n    const resizeObserver = new ResizeObserver(() => {\n      fitAddon.fit();\n    });\n    resizeObserver.observe(containerRef.current);\n\n    return () => {\n      resizeObserver.disconnect();\n      dataDisposable.dispose();\n      resizeDisposable.dispose();\n      unsubscribeSlot();\n      void client.connection.request(\"unsubscribe_terminal_request\", { slot }).catch(() => {});\n      terminal.dispose();\n      terminalRef.current = null;\n      fitAddonRef.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [client, slot]);\n\n  // ─── Re-fit whenever this tab becomes the active (visible) one ────────────────────────────\n  useEffect(() => {\n    if (!isActive) return;\n    fitAddonRef.current?.fit();\n  }, [isActive]);\n\n  if (error) {\n    return (\n      <div className={styles.wrap}>\n        <div className={styles.status}>Terminal error: {error}</div>\n      </div>\n    );\n  }\n\n  if (slot === null) {\n    return (\n      <div className={styles.wrap}>\n        <div className={styles.status}>\n          <Spinner size=\"sm\" /> Starting terminal…\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.wrap}>\n      <div ref={containerRef} className={styles.terminal} />\n    </div>\n  );\n}\n"],"names":["TerminalStreamRouter","daemon","__publicField","frame","_a","slot","subscriber","data","encodeTerminalFrame","rows","cols","_b","_c","routerByDaemon","routerFor","router","TERMINAL_THEME","TerminalPanel","tab","client","useConnectionStore","s","isActive","useTabStore","containerRef","useRef","terminalRef","fitAddonRef","slotRef","clientRef","setSlot","useState","error","setError","isMountedRef","requestStartedRef","useEffect","cwd","res","created","err","currentSlot","terminal","Terminal","fitAddon","FitAddon","unsubscribeSlot","chunk","dataDisposable","resizeDisposable","resizeObserver","jsx","styles","jsxs","Spinner"],"mappings":"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"}
+{"version":3,"file":"TerminalPanel-CbAoYROF.js","sources":["../../../../client/src/terminal-stream-router.ts","../../../src/features/terminal/TerminalPanel.tsx"],"sourcesContent":["import { encodeTerminalFrame, type TerminalFrame } from \"@av-pi-studio/protocol\";\n\nimport type { DaemonClient } from \"./daemon-client.js\";\n\n/**\n * Client-side demux of binary terminal frames to per-slot subscribers, plus outbound input/resize\n * encoding (architecture/client-app-runtime.md § Router; features/terminals.md § Binary stream\n * protocol).\n *\n * Inbound `Output`/`Snapshot`/`Restore` frames are dispatched to the subscriber registered for that\n * `slot`. Outbound `Input`/`Resize` are encoded with the right opcode + slot and sent on the data\n * path.\n */\n\nexport interface TerminalSlotSubscriber {\n  /** Live terminal output bytes. */\n  onOutput?: (data: Uint8Array) => void;\n  /** Full-screen snapshot bytes (sent on (re)subscribe). */\n  onSnapshot?: (data: Uint8Array) => void;\n  /** Restore snapshot bytes (reflowable/mode-gated). */\n  onRestore?: (data: Uint8Array) => void;\n}\n\nexport class TerminalStreamRouter {\n  private readonly subscribers = new Map<number, TerminalSlotSubscriber>();\n  private detach: (() => void) | null = null;\n\n  constructor(private readonly daemon: DaemonClient) {}\n\n  /** Begin routing inbound terminal frames. Idempotent. */\n  start(): void {\n    if (this.detach) return;\n    this.detach = this.daemon.onTerminalFrame((frame) => this.dispatch(frame));\n  }\n\n  /** Stop routing inbound frames (subscribers retained). */\n  stop(): void {\n    this.detach?.();\n    this.detach = null;\n  }\n\n  /** Register (or replace) the subscriber for a slot. Returns an unsubscribe fn. */\n  subscribeSlot(slot: number, subscriber: TerminalSlotSubscriber): () => void {\n    this.subscribers.set(slot, subscriber);\n    return () => {\n      if (this.subscribers.get(slot) === subscriber) this.subscribers.delete(slot);\n    };\n  }\n\n  /** True iff a subscriber is registered for the slot. */\n  hasSlot(slot: number): boolean {\n    return this.subscribers.has(slot);\n  }\n\n  // ─── Outbound ─────────────────────────────────────────────────────────────\n\n  /** Send raw input bytes to a slot's PTY (opcode `Input = 0x02`). */\n  sendInput(slot: number, data: Uint8Array): void {\n    this.daemon.sendBinary(encodeTerminalFrame({ opcode: \"Input\", slot, data }));\n  }\n\n  /** Send a resize (opcode `Resize = 0x03`, JSON `{ rows, cols }` payload). */\n  sendResize(slot: number, rows: number, cols: number): void {\n    this.daemon.sendBinary(encodeTerminalFrame({ opcode: \"Resize\", slot, rows, cols }));\n  }\n\n  // ─── Inbound dispatch ───────────────────────────────────────────────────────\n\n  private dispatch(frame: TerminalFrame): void {\n    const subscriber = this.subscribers.get(frame.slot);\n    if (!subscriber) return; // no subscriber for this slot — drop\n    switch (frame.opcode) {\n      case \"Output\":\n        subscriber.onOutput?.(frame.data);\n        return;\n      case \"Snapshot\":\n        subscriber.onSnapshot?.(frame.data);\n        return;\n      case \"Restore\":\n        subscriber.onRestore?.(frame.data);\n        return;\n      default:\n        // Input/Resize are outbound-only; ignore if echoed back.\n        return;\n    }\n  }\n}\n","/**\n * TerminalPanel — @xterm/xterm mount + binary-frame streaming via `TerminalStreamRouter`\n * (POC `initTerminalPanel`, POC_TO_APP_PLAN_UI.md §4.6). Strict upgrade over the POC's 800ms\n * `capture_terminal_request` poll: the daemon pushes `Output`/`Snapshot`/`Restore` binary frames\n * directly over the one shared `DaemonClient` connection, demuxed by slot.\n *\n * Slot lifecycle: created once via `create_terminal_request`, then persisted onto the tab's\n * `TerminalTabData.slot` via `useTabStore.getState().updateData` so switching away and back to\n * this tab (kept mounted-but-hidden by `TabPanelHost`) never recreates the terminal. `TabPanelHost`\n * only unmounts a tab's panel when the tab leaves the store's `tabs[]` (i.e. real tab close, never\n * a tab switch) — this component's true-unmount effect below relies on exactly that invariant to\n * send `kill_terminal_request`, terminating the PTY server-side instead of leaking it forever.\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { Terminal } from \"@xterm/xterm\";\nimport { FitAddon } from \"@xterm/addon-fit\";\nimport \"@xterm/xterm/css/xterm.css\";\nimport type { DaemonClient } from \"@av-pi-studio/client\";\nimport { TerminalStreamRouter } from \"@av-pi-studio/client\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { useTabStore } from \"@pi-studio-ui/stores/tab-store.js\";\nimport type { Tab, TerminalTabData } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport styles from \"./TerminalPanel.module.css\";\n\nexport interface TerminalPanelProps {\n  tab: Tab;\n}\n\ninterface CreateTerminalResponse {\n  terminal: { slot: number };\n}\n\n// One TerminalStreamRouter per daemon connection — multiple terminal tabs share it rather than\n// each opening its own frame demuxer over the same socket.\nconst routerByDaemon = new WeakMap<DaemonClient, TerminalStreamRouter>();\n\nfunction routerFor(daemon: DaemonClient): TerminalStreamRouter {\n  let router = routerByDaemon.get(daemon);\n  if (!router) {\n    router = new TerminalStreamRouter(daemon);\n    router.start();\n    routerByDaemon.set(daemon, router);\n  }\n  return router;\n}\n\n/** Dark palette matching the app's github-dark-ish default theme (theme/variants.ts \"dark\"). */\nconst TERMINAL_THEME = {\n  background: \"#181b1a\",\n  foreground: \"#fafafa\",\n  cursor: \"#a2b4d7\",\n  cursorAccent: \"#181b1a\",\n  selectionBackground: \"rgba(255,255,255,0.18)\",\n  black: \"#18181b\",\n  red: \"#ef4444\",\n  green: \"#22c55e\",\n  yellow: \"#f59e0b\",\n  blue: \"#3b82f6\",\n  magenta: \"#a855f7\",\n  cyan: \"#14b8a6\",\n  white: \"#d4d4d8\",\n  brightBlack: \"#52525b\",\n  brightRed: \"#f87171\",\n  brightGreen: \"#4ade80\",\n  brightYellow: \"#fbbf24\",\n  brightBlue: \"#60a5fa\",\n  brightMagenta: \"#c084fc\",\n  brightCyan: \"#2dd4bf\",\n  brightWhite: \"#fafafa\",\n};\n\nexport function TerminalPanel({ tab }: TerminalPanelProps) {\n  const data = tab.data as TerminalTabData;\n  const client = useConnectionStore((s) => s.client);\n  const activeTabId = useTabStore((s) => s.activeTabId);\n  const isActive = activeTabId === tab.id;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const terminalRef = useRef<Terminal | null>(null);\n  const fitAddonRef = useRef<FitAddon | null>(null);\n  const slotRef = useRef<number | null>(data.slot);\n  // Mirrors `use-checkout-status.ts`'s convention: kept in sync every render so the unmount-only\n  // kill effect below always sends the CURRENT client, never a stale mount-time closure (e.g.\n  // after a reconnect swaps in a new `PiStudioClient` instance).\n  const clientRef = useRef(client);\n  clientRef.current = client;\n\n  const [slot, setSlot] = useState<number | null>(data.slot);\n  const [error, setError] = useState<string | null>(null);\n\n  // ─── Slot lifecycle: create once, persist onto the tab so re-opening reuses it ─────────────\n  // React StrictMode double-invokes effects in dev: mount → cleanup → remount, synchronously,\n  // on the SAME component instance (refs/state persist across all three phases — this is not\n  // three separate mounts). Two things must hold across that: (1) the request fires exactly\n  // once, and (2) whether to APPLY the eventual response is decided by whether the component is\n  // mounted at RESPONSE time, not by a flag captured at REQUEST time.\n  //\n  // `requestStartedRef` gives (1): set the instant the request fires and never reset, so the\n  // phantom-mount's cleanup-then-remount sees it's already in flight and never fires a second\n  // `create_terminal_request` (this is what previously spawned two real PTYs from one Ctrl+T).\n  //\n  // `isMountedRef` gives (2): flipped true at the START of every effect invocation and false in\n  // every cleanup, so it always reflects the LATEST phase. StrictMode's remount happens\n  // synchronously, before the request's promise can possibly settle, so by response time\n  // `isMountedRef.current` is back to `true` for a StrictMode phantom (correctly applies the\n  // slot) — but stays `false` for a genuine fast real close (correctly kills the orphaned PTY\n  // instead of leaking it or, as the previous buggy version did, killing a terminal that was\n  // never actually torn down).\n  const isMountedRef = useRef(false);\n  const requestStartedRef = useRef(false);\n  useEffect(() => {\n    isMountedRef.current = true;\n    if (!client || slotRef.current !== null || requestStartedRef.current) {\n      return () => {\n        isMountedRef.current = false;\n      };\n    }\n    requestStartedRef.current = true;\n\n    const cwd = data.cwd || \"~\";\n\n    void client.connection\n      .request<CreateTerminalResponse>(\"create_terminal_request\", { workspaceId: \"\", cwd })\n      .then((res) => {\n        const created = res.terminal.slot;\n        if (!isMountedRef.current) {\n          // A real close happened with no remount after it — kill the PTY that finished\n          // spawning after the tab was already gone, instead of leaking it.\n          void client.connection.request(\"kill_terminal_request\", { slot: created }).catch(() => {});\n          return;\n        }\n        slotRef.current = created;\n        setSlot(created);\n        useTabStore.getState().updateData(tab.id, { slot: created });\n      })\n      .catch((err: unknown) => {\n        if (!isMountedRef.current) return;\n        setError(err instanceof Error ? err.message : String(err));\n      })\n      .finally(() => {\n        // Reset only after the promise settles — by then StrictMode's synchronous\n        // mount→cleanup→remount window has long passed, so this can never reopen the\n        // double-fire race. It DOES allow a legitimate retry (e.g. `client` changed because of\n        // a reconnect after the first attempt failed) instead of leaving the tab stuck forever.\n        requestStartedRef.current = false;\n      });\n\n    return () => {\n      isMountedRef.current = false;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [client, tab.id]);\n\n  // ─── True unmount only: kill the PTY server-side ───────────────────────────────────────────\n  // Runs its cleanup exactly once, when this component itself unmounts (real tab close, per\n  // `TabPanelHost`'s \"hidden but alive\" model — a tab switch never unmounts). An empty deps array\n  // means React never re-runs the effect body itself; only the cleanup fires, and only on\n  // unmount, so this never races the slot-creation effect above or double-kills on a client\n  // change. Without this, every closed terminal tab leaked its PTY process forever.\n  //\n  // For a REATTACH (this tab opened with a non-null `data.slot` from the very first render —\n  // `use-terminal-restore.ts`, or the create-effect above once it has resolved) `slotRef.current`\n  // is non-null from the start, so StrictMode's synchronous mount→cleanup→remount phantom cycle\n  // would fire this cleanup and kill the PTY immediately on mount — unlike a freshly created\n  // terminal, where `slotRef.current` is still `null` during that same phantom window (see the\n  // create-effect's own comment) and so never hits this path. Deferred via `setTimeout`, exactly\n  // like the create-effect's response handler: by the time it fires, StrictMode's remount has\n  // already flipped `isMountedRef` back to `true` if this was a phantom unmount, so the kill is\n  // skipped; a genuine close never remounts, so `isMountedRef` stays `false` and the kill proceeds.\n  useEffect(() => {\n    return () => {\n      const currentSlot = slotRef.current;\n      if (currentSlot === null) return;\n      setTimeout(() => {\n        if (isMountedRef.current) return; // StrictMode remounted synchronously — not a real close\n        void clientRef.current?.connection\n          .request(\"kill_terminal_request\", { slot: currentSlot })\n          .catch(() => {});\n      }, 0);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // ─── xterm mount (once slot + container are ready) ─────────────────────────────────────────\n  useEffect(() => {\n    if (!client || slot === null || !containerRef.current) return;\n\n    const terminal = new Terminal({\n      cursorBlink: true,\n      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',\n      fontSize: 13,\n      scrollback: 5000,\n      theme: TERMINAL_THEME,\n      allowProposedApi: true,\n    });\n    const fitAddon = new FitAddon();\n    terminal.loadAddon(fitAddon);\n    terminal.open(containerRef.current);\n    fitAddon.fit();\n\n    terminalRef.current = terminal;\n    fitAddonRef.current = fitAddon;\n\n    const router = routerFor(client.connection);\n    const unsubscribeSlot = router.subscribeSlot(slot, {\n      onOutput: (chunk) => terminal.write(chunk),\n      onSnapshot: (chunk) => {\n        terminal.clear();\n        terminal.write(chunk);\n      },\n      onRestore: (chunk) => terminal.write(chunk),\n    });\n\n    void client.connection.request(\"subscribe_terminal_request\", { slot }).catch((err: unknown) => {\n      setError(err instanceof Error ? err.message : String(err));\n    });\n\n    const dataDisposable = terminal.onData((chunk) => {\n      router.sendInput(slot, new TextEncoder().encode(chunk));\n    });\n    const resizeDisposable = terminal.onResize(({ cols, rows }) => {\n      router.sendResize(slot, rows, cols);\n    });\n\n    const resizeObserver = new ResizeObserver(() => {\n      fitAddon.fit();\n    });\n    resizeObserver.observe(containerRef.current);\n\n    return () => {\n      resizeObserver.disconnect();\n      dataDisposable.dispose();\n      resizeDisposable.dispose();\n      unsubscribeSlot();\n      void client.connection.request(\"unsubscribe_terminal_request\", { slot }).catch(() => {});\n      terminal.dispose();\n      terminalRef.current = null;\n      fitAddonRef.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [client, slot]);\n\n  // ─── Re-fit whenever this tab becomes the active (visible) one ────────────────────────────\n  useEffect(() => {\n    if (!isActive) return;\n    fitAddonRef.current?.fit();\n  }, [isActive]);\n\n  if (error) {\n    return (\n      <div className={styles.wrap}>\n        <div className={styles.status}>Terminal error: {error}</div>\n      </div>\n    );\n  }\n\n  if (slot === null) {\n    return (\n      <div className={styles.wrap}>\n        <div className={styles.status}>\n          <Spinner size=\"sm\" /> Starting terminal…\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.wrap}>\n      <div ref={containerRef} className={styles.terminal} />\n    </div>\n  );\n}\n"],"names":["TerminalStreamRouter","daemon","__publicField","frame","_a","slot","subscriber","data","encodeTerminalFrame","rows","cols","_b","_c","routerByDaemon","routerFor","router","TERMINAL_THEME","TerminalPanel","tab","client","useConnectionStore","s","isActive","useTabStore","containerRef","useRef","terminalRef","fitAddonRef","slotRef","clientRef","setSlot","useState","error","setError","isMountedRef","requestStartedRef","useEffect","cwd","res","created","err","currentSlot","terminal","Terminal","fitAddon","FitAddon","unsubscribeSlot","chunk","dataDisposable","resizeDisposable","resizeObserver","jsx","styles","jsxs","Spinner"],"mappings":"ukBAuBO,MAAMA,CAAqB,CAIhC,YAA6BC,EAAsB,CAHlCC,EAAA,uBAAkB,KAC3BA,EAAA,cAA8B,MAET,KAAA,OAAAD,CAAuB,CAGpD,OAAc,CACR,KAAK,SACT,KAAK,OAAS,KAAK,OAAO,gBAAiBE,GAAU,KAAK,SAASA,CAAK,CAAC,EAC3E,CAGA,MAAa,QACXC,EAAA,KAAK,SAAL,MAAAA,EAAA,WACA,KAAK,OAAS,IAChB,CAGA,cAAcC,EAAcC,EAAgD,CAC1E,YAAK,YAAY,IAAID,EAAMC,CAAU,EAC9B,IAAM,CACP,KAAK,YAAY,IAAID,CAAI,IAAMC,GAAY,KAAK,YAAY,OAAOD,CAAI,CAC7E,CACF,CAGA,QAAQA,EAAuB,CAC7B,OAAO,KAAK,YAAY,IAAIA,CAAI,CAClC,CAKA,UAAUA,EAAcE,EAAwB,CAC9C,KAAK,OAAO,WAAWC,EAAoB,CAAE,OAAQ,QAAS,KAAAH,EAAM,KAAAE,CAAA,CAAM,CAAC,CAC7E,CAGA,WAAWF,EAAcI,EAAcC,EAAoB,CACzD,KAAK,OAAO,WAAWF,EAAoB,CAAE,OAAQ,SAAU,KAAAH,EAAM,KAAAI,EAAM,KAAAC,CAAA,CAAM,CAAC,CACpF,CAIQ,SAASP,EAA4B,WAC3C,MAAMG,EAAa,KAAK,YAAY,IAAIH,EAAM,IAAI,EAClD,GAAKG,EACL,OAAQH,EAAM,OAAA,CACZ,IAAK,UACHC,EAAAE,EAAW,WAAX,MAAAF,EAAA,KAAAE,EAAsBH,EAAM,MAC5B,OACF,IAAK,YACHQ,EAAAL,EAAW,aAAX,MAAAK,EAAA,KAAAL,EAAwBH,EAAM,MAC9B,OACF,IAAK,WACHS,EAAAN,EAAW,YAAX,MAAAM,EAAA,KAAAN,EAAuBH,EAAM,MAC7B,OACF,QAEE,MAAA,CAEN,CACF,oGClDMU,MAAqB,QAE3B,SAASC,EAAUb,EAA4C,CAC7D,IAAIc,EAASF,EAAe,IAAIZ,CAAM,EACtC,OAAKc,IACHA,EAAS,IAAIf,EAAqBC,CAAM,EACxCc,EAAO,MAAA,EACPF,EAAe,IAAIZ,EAAQc,CAAM,GAE5BA,CACT,CAGA,MAAMC,EAAiB,CACrB,WAAY,UACZ,WAAY,UACZ,OAAQ,UACR,aAAc,UACd,oBAAqB,yBACrB,MAAO,UACP,IAAK,UACL,MAAO,UACP,OAAQ,UACR,KAAM,UACN,QAAS,UACT,KAAM,UACN,MAAO,UACP,YAAa,UACb,UAAW,UACX,YAAa,UACb,aAAc,UACd,WAAY,UACZ,cAAe,UACf,WAAY,UACZ,YAAa,SACf,EAEO,SAASC,GAAc,CAAE,IAAAC,GAA2B,CACzD,MAAMX,EAAOW,EAAI,KACXC,EAASC,EAAoBC,GAAMA,EAAE,MAAM,EAE3CC,EADcC,EAAaF,GAAMA,EAAE,WAAW,IACnBH,EAAI,GAE/BM,EAAeC,EAAAA,OAA8B,IAAI,EACjDC,EAAcD,EAAAA,OAAwB,IAAI,EAC1CE,EAAcF,EAAAA,OAAwB,IAAI,EAC1CG,EAAUH,EAAAA,OAAsBlB,EAAK,IAAI,EAIzCsB,EAAYJ,EAAAA,OAAON,CAAM,EAC/BU,EAAU,QAAUV,EAEpB,KAAM,CAACd,EAAMyB,CAAO,EAAIC,EAAAA,SAAwBxB,EAAK,IAAI,EACnD,CAACyB,EAAOC,CAAQ,EAAIF,EAAAA,SAAwB,IAAI,EAoBhDG,EAAeT,EAAAA,OAAO,EAAK,EAC3BU,EAAoBV,EAAAA,OAAO,EAAK,EA2ItC,OA1IAW,EAAAA,UAAU,IAAM,CAEd,GADAF,EAAa,QAAU,GACnB,CAACf,GAAUS,EAAQ,UAAY,MAAQO,EAAkB,QAC3D,MAAO,IAAM,CACXD,EAAa,QAAU,EACzB,EAEFC,EAAkB,QAAU,GAE5B,MAAME,EAAM9B,EAAK,KAAO,IAExB,OAAKY,EAAO,WACT,QAAgC,0BAA2B,CAAE,YAAa,GAAI,IAAAkB,CAAA,CAAK,EACnF,KAAMC,GAAQ,CACb,MAAMC,EAAUD,EAAI,SAAS,KAC7B,GAAI,CAACJ,EAAa,QAAS,CAGpBf,EAAO,WAAW,QAAQ,wBAAyB,CAAE,KAAMoB,CAAA,CAAS,EAAE,MAAM,IAAM,CAAC,CAAC,EACzF,MACF,CACAX,EAAQ,QAAUW,EAClBT,EAAQS,CAAO,EACfhB,EAAY,SAAA,EAAW,WAAWL,EAAI,GAAI,CAAE,KAAMqB,EAAS,CAC7D,CAAC,EACA,MAAOC,GAAiB,CAClBN,EAAa,SAClBD,EAASO,aAAe,MAAQA,EAAI,QAAU,OAAOA,CAAG,CAAC,CAC3D,CAAC,EACA,QAAQ,IAAM,CAKbL,EAAkB,QAAU,EAC9B,CAAC,EAEI,IAAM,CACXD,EAAa,QAAU,EACzB,CAEF,EAAG,CAACf,EAAQD,EAAI,EAAE,CAAC,EAkBnBkB,EAAAA,UAAU,IACD,IAAM,CACX,MAAMK,EAAcb,EAAQ,QACxBa,IAAgB,MACpB,WAAW,IAAM,OACXP,EAAa,UACZ9B,EAAAyB,EAAU,UAAV,MAAAzB,EAAmB,WACrB,QAAQ,wBAAyB,CAAE,KAAMqC,CAAA,GACzC,MAAM,IAAM,CAAC,EAClB,EAAG,CAAC,CACN,EAEC,CAAA,CAAE,EAGLL,EAAAA,UAAU,IAAM,CACd,GAAI,CAACjB,GAAUd,IAAS,MAAQ,CAACmB,EAAa,QAAS,OAEvD,MAAMkB,EAAW,IAAIC,WAAS,CAC5B,YAAa,GACb,WAAY,mEACZ,SAAU,GACV,WAAY,IACZ,MAAO3B,EACP,iBAAkB,EAAA,CACnB,EACK4B,EAAW,IAAIC,WACrBH,EAAS,UAAUE,CAAQ,EAC3BF,EAAS,KAAKlB,EAAa,OAAO,EAClCoB,EAAS,IAAA,EAETlB,EAAY,QAAUgB,EACtBf,EAAY,QAAUiB,EAEtB,MAAM7B,EAASD,EAAUK,EAAO,UAAU,EACpC2B,EAAkB/B,EAAO,cAAcV,EAAM,CACjD,SAAW0C,GAAUL,EAAS,MAAMK,CAAK,EACzC,WAAaA,GAAU,CACrBL,EAAS,MAAA,EACTA,EAAS,MAAMK,CAAK,CACtB,EACA,UAAYA,GAAUL,EAAS,MAAMK,CAAK,CAAA,CAC3C,EAEI5B,EAAO,WAAW,QAAQ,6BAA8B,CAAE,KAAAd,EAAM,EAAE,MAAOmC,GAAiB,CAC7FP,EAASO,aAAe,MAAQA,EAAI,QAAU,OAAOA,CAAG,CAAC,CAC3D,CAAC,EAED,MAAMQ,EAAiBN,EAAS,OAAQK,GAAU,CAChDhC,EAAO,UAAUV,EAAM,IAAI,cAAc,OAAO0C,CAAK,CAAC,CACxD,CAAC,EACKE,EAAmBP,EAAS,SAAS,CAAC,CAAE,KAAAhC,EAAM,KAAAD,KAAW,CAC7DM,EAAO,WAAWV,EAAMI,EAAMC,CAAI,CACpC,CAAC,EAEKwC,EAAiB,IAAI,eAAe,IAAM,CAC9CN,EAAS,IAAA,CACX,CAAC,EACD,OAAAM,EAAe,QAAQ1B,EAAa,OAAO,EAEpC,IAAM,CACX0B,EAAe,WAAA,EACfF,EAAe,QAAA,EACfC,EAAiB,QAAA,EACjBH,EAAA,EACK3B,EAAO,WAAW,QAAQ,+BAAgC,CAAE,KAAAd,CAAA,CAAM,EAAE,MAAM,IAAM,CAAC,CAAC,EACvFqC,EAAS,QAAA,EACThB,EAAY,QAAU,KACtBC,EAAY,QAAU,IACxB,CAEF,EAAG,CAACR,EAAQd,CAAI,CAAC,EAGjB+B,EAAAA,UAAU,IAAM,OACTd,KACLlB,EAAAuB,EAAY,UAAZ,MAAAvB,EAAqB,MACvB,EAAG,CAACkB,CAAQ,CAAC,EAETU,EAEAmB,EAAAA,IAAC,OAAI,UAAWC,EAAO,KACrB,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAO,OAAQ,SAAA,CAAA,mBAAiBpB,CAAA,CAAA,CAAM,CAAA,CACxD,EAIA3B,IAAS,KAET8C,EAAAA,IAAC,OAAI,UAAWC,EAAO,KACrB,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAO,OACrB,SAAA,CAAAD,EAAAA,IAACG,EAAA,CAAQ,KAAK,IAAA,CAAK,EAAE,qBAAA,CAAA,CACvB,CAAA,CACF,EAKFH,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,KACrB,SAAAD,EAAAA,IAAC,MAAA,CAAI,IAAK3B,EAAc,UAAW4B,EAAO,QAAA,CAAU,EACtD,CAEJ"}

package/dist/web/assets/{TextViewer-BgO--OCH.js → TextViewer-BUggLkV1.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-react-BoIQBqDW.js";import{S as i}from"./index-CXS9Grd7.js";import{u as s,C as n}from"./CodeView-DyKgdbhF.js";import{p as o}from"./FilePanel-BmlpXwsJ.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-Bk3OssJx.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./DiffView-DlVCPvLc.js";function E({path:t}){const r=s(t);return r.isLoading?e.jsxs("div",{className:o.emptyState,children:[e.jsx(i,{size:"sm"})," Loading..."]}):r.isError?e.jsxs("div",{className:o.emptyState,children:["Error: ",r.error instanceof Error?r.error.message:"unknown error"]}):r.data?e.jsx(n,{path:t,content:r.data.content}):null}export{E as TextViewer};
-//# sourceMappingURL=TextViewer-BgO--OCH.js.map
+import{j as e}from"./vendor-react-BoIQBqDW.js";import{S as i}from"./index-k4czqqpS.js";import{u as s,C as n}from"./CodeView-B7hDRPXe.js";import{p as o}from"./FilePanel-DPKRpgbo.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-CX25WOn8.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./DiffView-DlVCPvLc.js";function E({path:t}){const r=s(t);return r.isLoading?e.jsxs("div",{className:o.emptyState,children:[e.jsx(i,{size:"sm"})," Loading..."]}):r.isError?e.jsxs("div",{className:o.emptyState,children:["Error: ",r.error instanceof Error?r.error.message:"unknown error"]}):r.data?e.jsx(n,{path:t,content:r.data.content}):null}export{E as TextViewer};
+//# sourceMappingURL=TextViewer-BUggLkV1.js.map

package/dist/web/assets/{TextViewer-BgO--OCH.js.map → TextViewer-BUggLkV1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextViewer-BgO--OCH.js","sources":["../../../src/features/files/TextViewer.tsx"],"sourcesContent":["/**\n * TextViewer — the default viewer for source/text files: fetches the UTF-8 preview via\n * `useFileRead` and renders it through `CodeView` (line gutter + Shiki highlighting). Registered\n * in `viewer-registry.ts` as the fallback for any file not claimed by a more specific viewer.\n */\n\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileRead } from \"@pi-studio-ui/hooks/use-file-read.js\";\nimport { CodeView } from \"./CodeView.js\";\nimport type { ViewerProps } from \"./viewer-registry.js\";\nimport styles from \"./FilePanel.module.css\";\n\nexport function TextViewer({ path }: ViewerProps) {\n  const query = useFileRead(path);\n\n  if (query.isLoading) {\n    return (\n      <div className={styles.emptyState}>\n        <Spinner size=\"sm\" /> Loading...\n      </div>\n    );\n  }\n  if (query.isError) {\n    return (\n      <div className={styles.emptyState}>\n        Error: {query.error instanceof Error ? query.error.message : \"unknown error\"}\n      </div>\n    );\n  }\n  if (!query.data) return null;\n  return <CodeView path={path} content={query.data.content} />;\n}\n"],"names":["TextViewer","path","query","useFileRead","jsxs","styles","jsx","Spinner","CodeView"],"mappings":"2cAYO,SAASA,EAAW,CAAE,KAAAC,GAAqB,CAChD,MAAMC,EAAQC,EAAYF,CAAI,EAE9B,OAAIC,EAAM,UAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,WACrB,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAK,IAAA,CAAK,EAAE,aAAA,EACvB,EAGAL,EAAM,QAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,WAAY,SAAA,CAAA,UACzBH,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,eAAA,EAC/D,EAGCA,EAAM,WACHM,EAAA,CAAS,KAAAP,EAAY,QAASC,EAAM,KAAK,QAAS,EADlC,IAE1B"}
+{"version":3,"file":"TextViewer-BUggLkV1.js","sources":["../../../src/features/files/TextViewer.tsx"],"sourcesContent":["/**\n * TextViewer — the default viewer for source/text files: fetches the UTF-8 preview via\n * `useFileRead` and renders it through `CodeView` (line gutter + Shiki highlighting). Registered\n * in `viewer-registry.ts` as the fallback for any file not claimed by a more specific viewer.\n */\n\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileRead } from \"@pi-studio-ui/hooks/use-file-read.js\";\nimport { CodeView } from \"./CodeView.js\";\nimport type { ViewerProps } from \"./viewer-registry.js\";\nimport styles from \"./FilePanel.module.css\";\n\nexport function TextViewer({ path }: ViewerProps) {\n  const query = useFileRead(path);\n\n  if (query.isLoading) {\n    return (\n      <div className={styles.emptyState}>\n        <Spinner size=\"sm\" /> Loading...\n      </div>\n    );\n  }\n  if (query.isError) {\n    return (\n      <div className={styles.emptyState}>\n        Error: {query.error instanceof Error ? query.error.message : \"unknown error\"}\n      </div>\n    );\n  }\n  if (!query.data) return null;\n  return <CodeView path={path} content={query.data.content} />;\n}\n"],"names":["TextViewer","path","query","useFileRead","jsxs","styles","jsx","Spinner","CodeView"],"mappings":"2cAYO,SAASA,EAAW,CAAE,KAAAC,GAAqB,CAChD,MAAMC,EAAQC,EAAYF,CAAI,EAE9B,OAAIC,EAAM,UAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,WACrB,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAK,IAAA,CAAK,EAAE,aAAA,EACvB,EAGAL,EAAM,QAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,WAAY,SAAA,CAAA,UACzBH,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,eAAA,EAC/D,EAGCA,EAAM,WACHM,EAAA,CAAS,KAAAP,EAAY,QAASC,EAAM,KAAK,QAAS,EADlC,IAE1B"}

package/dist/web/assets/{VideoViewer-CIeP-3Qh.js → VideoViewer-Bb0tWC6h.js}

@@ -1,2 +1,2 @@
-import{j as o}from"./vendor-react-BoIQBqDW.js";import{S as t}from"./index-CXS9Grd7.js";import{u as a}from"./use-file-download-DcvIvDgT.js";import{p as e}from"./FilePanel-BmlpXwsJ.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-Bk3OssJx.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./DiffView-DlVCPvLc.js";const n="_wrap_1c9y4_1",m="_video_1c9y4_10",i={wrap:n,video:m};function S({path:s}){const r=a(s);return r.isLoading?o.jsxs("div",{className:e.emptyState,children:[o.jsx(t,{size:"sm"})," Loading video..."]}):r.isError?o.jsxs("div",{className:e.emptyState,children:["Error: ",r.error instanceof Error?r.error.message:"unknown error"]}):r.data?o.jsx("div",{className:i.wrap,children:o.jsx("video",{className:i.video,src:r.data.objectUrl,controls:!0})}):null}export{S as VideoViewer};
-//# sourceMappingURL=VideoViewer-CIeP-3Qh.js.map
+import{j as o}from"./vendor-react-BoIQBqDW.js";import{S as t}from"./index-k4czqqpS.js";import{u as a}from"./use-file-download-BvQsnjW2.js";import{p as e}from"./FilePanel-DPKRpgbo.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-CX25WOn8.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./DiffView-DlVCPvLc.js";const n="_wrap_1c9y4_1",m="_video_1c9y4_10",i={wrap:n,video:m};function S({path:s}){const r=a(s);return r.isLoading?o.jsxs("div",{className:e.emptyState,children:[o.jsx(t,{size:"sm"})," Loading video..."]}):r.isError?o.jsxs("div",{className:e.emptyState,children:["Error: ",r.error instanceof Error?r.error.message:"unknown error"]}):r.data?o.jsx("div",{className:i.wrap,children:o.jsx("video",{className:i.video,src:r.data.objectUrl,controls:!0})}):null}export{S as VideoViewer};
+//# sourceMappingURL=VideoViewer-Bb0tWC6h.js.map

package/dist/web/assets/{VideoViewer-CIeP-3Qh.js.map → VideoViewer-Bb0tWC6h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VideoViewer-CIeP-3Qh.js","sources":["../../../src/features/files/VideoViewer.tsx"],"sourcesContent":["/**\n * VideoViewer — renders a binary video file via the file-transfer binary download\n * (`useFileDownload`) into a native `<video>` element (POC_TO_APP_PLAN_UI.md §4.5 follow-up:\n * modular file preview).\n */\n\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileDownload } from \"@pi-studio-ui/hooks/use-file-download.js\";\nimport type { ViewerProps } from \"./viewer-registry.js\";\nimport panelStyles from \"./FilePanel.module.css\";\nimport styles from \"./VideoViewer.module.css\";\n\nexport function VideoViewer({ path }: ViewerProps) {\n  const query = useFileDownload(path);\n\n  if (query.isLoading) {\n    return (\n      <div className={panelStyles.emptyState}>\n        <Spinner size=\"sm\" /> Loading video...\n      </div>\n    );\n  }\n  if (query.isError) {\n    return (\n      <div className={panelStyles.emptyState}>\n        Error: {query.error instanceof Error ? query.error.message : \"unknown error\"}\n      </div>\n    );\n  }\n  if (!query.data) return null;\n\n  return (\n    <div className={styles.wrap}>\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption -- arbitrary local file, no caption track available */}\n      <video className={styles.video} src={query.data.objectUrl} controls />\n    </div>\n  );\n}\n"],"names":["VideoViewer","path","query","useFileDownload","jsxs","panelStyles","jsx","Spinner","styles"],"mappings":"4gBAYO,SAASA,EAAY,CAAE,KAAAC,GAAqB,CACjD,MAAMC,EAAQC,EAAgBF,CAAI,EAElC,OAAIC,EAAM,UAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAC1B,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAK,IAAA,CAAK,EAAE,mBAAA,EACvB,EAGAL,EAAM,QAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAAY,SAAA,CAAA,UAC9BH,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,eAAA,EAC/D,EAGCA,EAAM,WAGR,MAAA,CAAI,UAAWM,EAAO,KAErB,eAAC,QAAA,CAAM,UAAWA,EAAO,MAAO,IAAKN,EAAM,KAAK,UAAW,SAAQ,GAAC,EACtE,EANsB,IAQ1B"}
+{"version":3,"file":"VideoViewer-Bb0tWC6h.js","sources":["../../../src/features/files/VideoViewer.tsx"],"sourcesContent":["/**\n * VideoViewer — renders a binary video file via the file-transfer binary download\n * (`useFileDownload`) into a native `<video>` element (POC_TO_APP_PLAN_UI.md §4.5 follow-up:\n * modular file preview).\n */\n\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileDownload } from \"@pi-studio-ui/hooks/use-file-download.js\";\nimport type { ViewerProps } from \"./viewer-registry.js\";\nimport panelStyles from \"./FilePanel.module.css\";\nimport styles from \"./VideoViewer.module.css\";\n\nexport function VideoViewer({ path }: ViewerProps) {\n  const query = useFileDownload(path);\n\n  if (query.isLoading) {\n    return (\n      <div className={panelStyles.emptyState}>\n        <Spinner size=\"sm\" /> Loading video...\n      </div>\n    );\n  }\n  if (query.isError) {\n    return (\n      <div className={panelStyles.emptyState}>\n        Error: {query.error instanceof Error ? query.error.message : \"unknown error\"}\n      </div>\n    );\n  }\n  if (!query.data) return null;\n\n  return (\n    <div className={styles.wrap}>\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption -- arbitrary local file, no caption track available */}\n      <video className={styles.video} src={query.data.objectUrl} controls />\n    </div>\n  );\n}\n"],"names":["VideoViewer","path","query","useFileDownload","jsxs","panelStyles","jsx","Spinner","styles"],"mappings":"4gBAYO,SAASA,EAAY,CAAE,KAAAC,GAAqB,CACjD,MAAMC,EAAQC,EAAgBF,CAAI,EAElC,OAAIC,EAAM,UAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAC1B,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAK,IAAA,CAAK,EAAE,mBAAA,EACvB,EAGAL,EAAM,QAENE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAY,WAAY,SAAA,CAAA,UAC9BH,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,eAAA,EAC/D,EAGCA,EAAM,WAGR,MAAA,CAAI,UAAWM,EAAO,KAErB,eAAC,QAAA,CAAM,UAAWA,EAAO,MAAO,IAAKN,EAAM,KAAK,UAAW,SAAQ,GAAC,EACtE,EANsB,IAQ1B"}

package/dist/web/assets/index-BMbFIm_9.css

@@ -0,0 +1 @@
+html,body{margin:0;padding:0}body{min-height:100vh;overflow:hidden;background:var(--pi-color-background, #0a0a0a);color:var(--pi-color-foreground, #fafafa);font-family:var(--pi-font-ui, system-ui, sans-serif)}#root{display:flex;flex-direction:column;min-height:100vh}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--pi-color-border, #353b46);border-radius:3px}._btn_1chbg_4{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--pi-radius-lg, 8px);border:1px solid transparent;font-family:var(--pi-font-ui, system-ui, sans-serif);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;transition:opacity .12s ease,background-color .12s ease,border-color .12s ease;box-sizing:border-box}._btn_1chbg_4:focus-visible{outline:2px solid var(--pi-color-accent, #2e5cb8);outline-offset:2px}._btn_1chbg_4:disabled,._btn_1chbg_4[aria-disabled=true]{cursor:not-allowed;pointer-events:none}._default_1chbg_35{background-color:var(--pi-color-accent, #2e5cb8);color:var(--pi-color-accentForeground, #ffffff);border-color:var(--pi-color-accent, #2e5cb8)}._default_1chbg_35:hover:not(:disabled){filter:brightness(1.08)}._secondary_1chbg_44{background-color:var(--pi-color-surface3, #3f3f46);color:var(--pi-color-foreground, #fafafa);border-color:var(--pi-color-border, #3f3f46)}._secondary_1chbg_44:hover:not(:disabled){background-color:var(--pi-color-surface2, #27272a)}._outline_1chbg_53{background-color:transparent;color:var(--pi-color-accentBright, #a2b4d7);border-color:var(--pi-color-accent, #2e5cb8)}._outline_1chbg_53:hover:not(:disabled){background-color:var(--pi-color-surface1, #18181b)}._ghost_1chbg_62{background-color:transparent;color:var(--pi-color-foregroundMuted, #a1a1aa);border-color:transparent}._ghost_1chbg_62:hover:not(:disabled){color:var(--pi-color-foreground, #fafafa);background-color:var(--pi-color-surface1, #18181b)}._destructive_1chbg_72{background-color:var(--pi-color-destructive, #991b1b);color:var(--pi-color-destructiveForeground, #fef2f2);border-color:var(--pi-color-destructive, #991b1b)}._destructive_1chbg_72:hover:not(:disabled){filter:brightness(1.1)}._iconOnly_1chbg_82{padding-left:0!important;padding-right:0!important;aspect-ratio:1}._loadingSpinner_1chbg_89{animation:_piSpin_1chbg_1 .75s linear infinite;flex-shrink:0}@keyframes _piSpin_1chbg_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._input_a7qyq_3{width:100%;padding:8px 12px;border-radius:var(--pi-radius-md, 6px);border:1px solid var(--pi-color-border, #3f3f46);background-color:var(--pi-color-surface2, #27272a);color:var(--pi-color-foreground, #fafafa);font-size:var(--pi-font-size-base, 16px);font-family:var(--pi-font-ui, system-ui, sans-serif);outline:none;transition:border-color .12s ease;box-sizing:border-box}._input_a7qyq_3::placeholder{color:var(--pi-color-foregroundMuted, #a1a1aa)}._input_a7qyq_3:focus{border-color:var(--pi-color-accent, #2e5cb8);outline:2px solid var(--pi-color-accent, #2e5cb8);outline-offset:-1px}._input_a7qyq_3:disabled{opacity:.5;cursor:not-allowed}._textarea_a7qyq_32{resize:vertical;min-height:80px}._wrap_emmus_1{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--pi-color-foregroundMuted, #9aa0a6)}._dot_emmus_8{width:8px;height:8px;border-radius:50%;background:var(--pi-color-foregroundMuted, #9aa0a6);flex-shrink:0}._dot_emmus_8._open_emmus_15{background:var(--pi-color-statusSuccess, #3ecf8e)}._dot_emmus_8._connecting_emmus_18{background:var(--pi-color-statusWarning, #e0a030)}._dot_emmus_8._closed_emmus_21,._dot_emmus_8._idle_emmus_22,._dot_emmus_8._closing_emmus_23{background:var(--pi-color-statusDanger, #e5484d)}._toolbar_i9hmh_1{display:flex;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid var(--pi-color-border, #353b46);background:var(--pi-color-surface, #16181a);flex-shrink:0}._brand_i9hmh_10{font-weight:600;font-size:13px;letter-spacing:.02em;white-space:nowrap}._version_i9hmh_16{font-size:11px;color:var(--pi-color-foregroundMuted, #7a8394);white-space:nowrap;margin-left:-4px}._sep_i9hmh_22{width:1px;height:18px;background:var(--pi-color-border, #353b46);flex-shrink:0}._host_i9hmh_28{width:190px}._password_i9hmh_31{width:100px}._sidebarToggles_i9hmh_34{display:flex;align-items:center;gap:4px;margin-left:auto}._dot_202py_3{display:inline-block;width:8px;height:8px;border-radius:9999px;flex-shrink:0}._wrap_1pbba_1{display:flex;flex-direction:column;min-height:0;height:100%}._header_1pbba_7{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--pi-color-border, #353b46);flex-shrink:0}._header_1pbba_7 h3{margin:0;font-size:12px;font-weight:600;color:var(--pi-color-foregroundMuted, #9aa0a6);text-transform:uppercase;letter-spacing:.04em}._list_1pbba_23{flex:1 1 auto;overflow-y:auto;min-height:0}._item_1pbba_28{position:relative;padding:8px 10px;cursor:pointer;border-bottom:1px solid transparent}._item_1pbba_28:hover{background:var(--pi-color-surfaceHover, #1e2124)}._item_1pbba_28._active_1pbba_37{background:var(--pi-color-surfaceSunken, #111)}._title_1pbba_40{display:flex;align-items:center;gap:6px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._meta_1pbba_49{margin-top:2px;font-size:11px;color:var(--pi-color-foregroundMuted, #9aa0a6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._menuBtn_1pbba_57{position:absolute;top:6px;right:6px;opacity:0;padding:2px 4px;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--pi-color-foregroundMuted, #9aa0a6)}._item_1pbba_28:hover ._menuBtn_1pbba_57{opacity:1}._menuBtn_1pbba_57:hover{background:var(--pi-color-surfaceHover, #1e2124)}._workspaceGroup_1pbba_75{border-bottom:1px solid var(--pi-color-border, #353b46)}._workspaceHeader_1pbba_78{display:flex;align-items:center;gap:6px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:600;color:var(--pi-color-foreground, #e6e6e6)}._workspaceHeader_1pbba_78:hover{background:var(--pi-color-surfaceHover, #1e2124)}._workspaceChevron_1pbba_91{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;color:var(--pi-color-foregroundMuted, #9aa0a6);flex-shrink:0}._workspaceIcon_1pbba_102{color:var(--pi-color-foregroundMuted, #9aa0a6);flex-shrink:0}._workspaceLabel_1pbba_106{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._workspaceCount_1pbba_112{font-size:11px;font-weight:400;color:var(--pi-color-foregroundMuted, #9aa0a6)}._newSessionBtn_1pbba_117{flex-shrink:0;opacity:0;color:var(--pi-color-foregroundMuted, #9aa0a6)}._workspaceHeader_1pbba_78:hover ._newSessionBtn_1pbba_117{opacity:1}._newSessionBtn_1pbba_117:hover{background:var(--pi-color-surfaceHover, #1e2124);color:var(--pi-color-foreground, #e6e6e6)}._workspaceSessions_1pbba_129{padding-left:12px}._emptyState_1pbba_132{padding:12px 10px;font-size:12px;color:var(--pi-color-foregroundMuted, #9aa0a6)}._trigger_16o4s_1{position:fixed;width:1px;height:1px;pointer-events:none}._content_16o4s_7{min-width:160px;padding:4px;border-radius:var(--pi-borderRadius-md, 6px);background:var(--pi-color-surface, #16181a);border:1px solid var(--pi-color-border, #353b46);box-shadow:0 8px 24px #0006;z-index:1000}._item_16o4s_16{display:flex;align-items:center;padding:6px 10px;border-radius:4px;font-size:13px;cursor:pointer;outline:none}._item_16o4s_16:hover,._item_16o4s_16[data-highlighted]{background:var(--pi-color-surfaceHover, #1e2124)}._item_16o4s_16[data-disabled]{opacity:.4;cursor:default}._danger_16o4s_33{color:var(--pi-color-statusDanger, #e5484d)}._sep_16o4s_36{height:1px;margin:4px 0;background:var(--pi-color-border, #353b46)}._strip_8jveh_1{display:flex;align-items:center;gap:2px;padding:4px 6px 0;overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--pi-color-border, #353b46)}._tab_8jveh_10{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--pi-borderRadius-md, 6px) var(--pi-borderRadius-md, 6px) 0 0;font-size:12px;cursor:pointer;color:var(--pi-color-foregroundMuted, #9aa0a6);white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}._tab_8jveh_10:hover{background:var(--pi-color-surfaceHover, #1e2124)}._active_8jveh_26{background:var(--pi-color-surfaceSunken, #111);color:var(--pi-color-foreground, #fafafa)}._icon_8jveh_30{display:flex;align-items:center;flex-shrink:0}._label_8jveh_35{max-width:160px;overflow:hidden;text-overflow:ellipsis}._close_8jveh_40{display:flex;align-items:center;border-radius:3px;padding:1px;flex-shrink:0}._close_8jveh_40:hover{background:var(--pi-color-surfaceHover, #1e2124)}._newTab_8jveh_50{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 4px;width:20px;height:20px;border-radius:var(--pi-borderRadius-sm, 4px);color:var(--pi-color-foregroundMuted, #9aa0a6);background:transparent;border:none;cursor:pointer}._newTab_8jveh_50:hover:not(:disabled){background:var(--pi-color-surfaceHover, #1e2124);color:var(--pi-color-foreground, #fafafa)}._newTab_8jveh_50:disabled{opacity:.4;cursor:default}._content_8jveh_73{min-width:160px;padding:4px;border-radius:var(--pi-borderRadius-md, 6px);background:var(--pi-color-surface, #16181a);border:1px solid var(--pi-color-border, #353b46);box-shadow:0 8px 24px #0006;z-index:1000}._item_8jveh_82{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;font-size:13px;cursor:pointer;outline:none}._item_8jveh_82:hover,._item_8jveh_82[data-highlighted]{background:var(--pi-color-surfaceHover, #1e2124)}._itemIcon_8jveh_96{flex-shrink:0;color:var(--pi-color-foregroundMuted, #9aa0a6)}._spinner_1tgzp_3{display:inline-block;border-radius:9999px;border-style:solid;border-color:currentColor transparent transparent transparent;animation:_piSpinnerRotate_1tgzp_1 .7s linear infinite;flex-shrink:0}@keyframes _piSpinnerRotate_1tgzp_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._area_z7u01_1{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}._panel_z7u01_7{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;min-height:0}._active_z7u01_14{display:flex}._empty_z7u01_17{display:flex;align-items:center;justify-content:center;height:100%;color:var(--pi-color-foregroundMuted, #9aa0a6);font-size:13px}._emptyStack_z7u01_25{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:0 16px;text-align:center}._emptyTitle_z7u01_35{font-size:13px;color:var(--pi-color-foreground, #e6e6e6)}._emptyHint_z7u01_39{font-size:12px;color:var(--pi-color-foregroundMuted, #9aa0a6)}._container_1098n_1{position:relative;height:100%;display:flex;flex-direction:column}._header_1098n_7{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--pi-color-border, #353b46)}._uploadButton_1098n_14{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid var(--pi-color-border, #353b46);background:var(--pi-color-surface, #1e2124);color:var(--pi-color-foreground, #e4e6eb);cursor:pointer}._uploadButton_1098n_14:hover:not(:disabled){background:var(--pi-color-surfaceHover, #2a2e33)}._uploadButton_1098n_14:disabled{opacity:.5;cursor:default}._hiddenInput_1098n_33{display:none}._status_1098n_36,._statusError_1098n_37{font-size:11px;padding:4px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._status_1098n_36{color:var(--pi-color-foregroundMuted, #9aa0a6)}._statusError_1098n_37{color:var(--pi-color-danger, #e5534b)}._rowAction_1098n_50{margin-left:auto;display:none;align-items:center;padding:2px;border:none;background:transparent;color:var(--pi-color-foregroundMuted, #9aa0a6);cursor:pointer;border-radius:3px}._rowAction_1098n_50:hover{color:var(--pi-color-foreground, #e4e6eb);background:var(--pi-color-surface, #1e2124)}._item_1098n_65:hover ._rowAction_1098n_50{display:inline-flex}._dropOverlay_1098n_68{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--pi-color-accentBright, #a2b4d7);background:color-mix(in srgb,var(--pi-color-surface, #1e2124) 80%,transparent);border:2px dashed var(--pi-color-accentBright, #a2b4d7);border-radius:6px;pointer-events:none;z-index:2}._list_1098n_83{padding:4px 0;flex:1;overflow-y:auto;position:relative}._item_1098n_65{height:24px;padding-right:8px;font-size:12px;border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:6px}._item_1098n_65:hover{background:var(--pi-color-surfaceHover, #1e2124)}._chevronSlot_1098n_102{display:flex;align-items:center;justify-content:center;width:12px;flex-shrink:0;color:var(--pi-color-foregroundMuted, #9aa0a6)}._chevron_1098n_102{transition:transform .1s ease}._chevronOpen_1098n_113{transform:rotate(90deg)}._icon_1098n_116{display:flex;align-items:center;width:16px;flex-shrink:0;color:var(--pi-color-foregroundMuted, #9aa0a6)}._name_1098n_123{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._dirName_1098n_128{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pi-color-accentBright, #a2b4d7)}._statusRow_1098n_134{height:24px;display:flex;align-items:center;padding-right:8px;font-size:11px;color:var(--pi-color-foregroundMuted, #9aa0a6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._statusRowError_1098n_145{color:var(--pi-color-danger, #e5534b)}._emptyState_1098n_148{color:var(--pi-color-foregroundMuted, #9aa0a6);font-size:12px;text-align:center;padding:20px}._draftInput_1098n_154{flex:1;min-width:0;height:18px;font:inherit;font-size:12px;padding:0 4px;color:var(--pi-color-foreground, #e4e6eb);background:var(--pi-color-surfaceSunken, #111);border:1px solid var(--pi-color-accent, #2e5cb8);border-radius:3px;outline:none}._trigger_g81d7_1{position:fixed;width:1px;height:1px;pointer-events:none}._content_g81d7_7{min-width:140px;padding:4px;border-radius:var(--pi-borderRadius-md, 6px);background:var(--pi-color-surface, #16181a);border:1px solid var(--pi-color-border, #353b46);box-shadow:0 8px 24px #0006;z-index:1000}._item_g81d7_16{display:flex;align-items:center;padding:6px 10px;border-radius:4px;font-size:13px;cursor:pointer;outline:none}._item_g81d7_16:hover,._item_g81d7_16[data-highlighted]{background:var(--pi-color-surfaceHover, #1e2124)}._danger_g81d7_29{color:var(--pi-color-statusDanger, #e5484d)}._sep_g81d7_32{height:1px;margin:4px 0;background:var(--pi-color-border, #353b46)}._list_1pgby_1{padding:4px 0}._summary_1pgby_4{padding:4px 8px;font-size:11px;color:var(--pi-color-foregroundMuted, #9aa0a6);border-bottom:1px solid var(--pi-color-border, #353b46);margin-bottom:4px}._item_1pgby_11{padding:4px 8px;font-size:12px;border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:6px}._item_1pgby_11:hover{background:var(--pi-color-surfaceHover, #1e2124)}._badge_1pgby_23{font-size:10px;padding:0 4px;border-radius:3px;font-weight:600;flex-shrink:0}._added_1pgby_30{background:color-mix(in srgb,var(--pi-color-statusSuccess, #4ade80) 20%,transparent);color:var(--pi-color-statusSuccess, #4ade80)}._modified_1pgby_34{background:color-mix(in srgb,var(--pi-color-statusWarning, #facc15) 20%,transparent);color:var(--pi-color-statusWarning, #facc15)}._deleted_1pgby_38{background:color-mix(in srgb,var(--pi-color-statusDanger, #ff8a80) 20%,transparent);color:var(--pi-color-statusDanger, #ff8a80)}._name_1pgby_42{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._emptyState_1pgby_47{color:var(--pi-color-foregroundMuted, #9aa0a6);font-size:12px;text-align:center;padding:20px}._wrap_r37ok_1{display:flex;flex-direction:column;height:100%;min-height:0}._tabBar_r37ok_7{display:flex;align-items:center;border-bottom:1px solid var(--pi-color-border, #353b46);flex-shrink:0}._tabBtn_r37ok_13{font:inherit;font-size:12px;padding:8px 12px;background:none;border:none;color:var(--pi-color-foregroundMuted, #9aa0a6);cursor:pointer;border-bottom:2px solid transparent}._tabBtn_r37ok_13:hover{color:var(--pi-color-foreground, #fafafa)}._active_r37ok_26{color:var(--pi-color-foreground, #fafafa);border-bottom-color:var(--pi-color-accent, #2e5cb8)}._refreshBtn_r37ok_30{margin-left:auto;margin-right:6px}._content_r37ok_34{flex:1;overflow-y:auto;padding:8px;min-height:0}._content_17y31_4{min-width:240px;padding:4px;border-radius:var(--pi-borderRadius-md, 6px);background:var(--pi-color-surface, #16181a);border:1px solid var(--pi-color-border, #353b46);box-shadow:0 8px 24px #0006;z-index:1000;display:flex;flex-direction:column;gap:4px}._search_17y31_17{width:100%;box-sizing:border-box;padding:6px 8px;border-radius:var(--pi-radius-md, 6px);border:1px solid var(--pi-color-border, #3f3f46);background:var(--pi-color-surface2, #27272a);color:var(--pi-color-foreground, #fafafa);font-size:12px;outline:none}._search_17y31_17::placeholder{color:var(--pi-color-foregroundMuted, #9aa0a6)}._search_17y31_17:focus{border-color:var(--pi-color-accent, #2e5cb8)}._list_17y31_35{max-height:320px;overflow-y:auto}._item_17y31_40{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;font-size:13px;cursor:pointer;outline:none}._item_17y31_40:hover,._item_17y31_40[data-highlighted]{background:var(--pi-color-surfaceHover, #1e2124)}._checkSlot_17y31_55{width:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--pi-color-foreground, #fafafa)}._label_17y31_64{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._modelId_17y31_70{color:var(--pi-color-foregroundMuted, #9aa0a6);margin-left:4px;font-size:12px;white-space:nowrap}._state_17y31_77{display:flex;align-items:center;justify-content:center;padding:12px;color:var(--pi-color-foregroundMuted, #9aa0a6);font-size:12px}._stateError_17y31_86{padding:8px;color:var(--pi-color-danger, #e5534b);font-size:12px}._statusBar_tm1j6_1{height:35px;width:100%;flex-shrink:0;display:flex;align-items:center;gap:2px;padding:0 12px;overflow-x:auto;border-top:1px solid var(--pi-color-border, #353b46);background:var(--pi-color-surface, #16181a);font-size:12px;color:var(--pi-color-foreground, #e4e6eb);white-space:nowrap}._segmentGroup_tm1j6_16{display:flex;align-items:center}._chevron_tm1j6_20{color:var(--pi-color-border, #353b46);margin:0 4px;flex-shrink:0}._segment_tm1j6_16{display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;background:var(--pi-color-surfaceRaised, #1c1f22)}._icon_tm1j6_33{display:flex;align-items:center;color:var(--pi-color-foregroundMuted, #7a8394);flex-shrink:0}._modelSegment_tm1j6_39{display:flex;align-items:center;gap:5px;padding:2px 6px 2px 8px;border-radius:4px;border:1px solid var(--pi-color-border, #353b46);background:var(--pi-color-surfaceRaised, #1c1f22);color:inherit;font:inherit;cursor:pointer}._modelSegment_tm1j6_39:hover:not(:disabled){background:var(--pi-color-surfaceHover, #23262b);border-color:var(--pi-color-foregroundMuted, #7a8394)}._modelSegment_tm1j6_39[data-state=open]{background:var(--pi-color-surfaceHover, #23262b);border-color:var(--pi-color-accent, #2e5cb8)}._modelSegment_tm1j6_39:disabled{cursor:default;opacity:.6}._modelChevron_tm1j6_63{color:var(--pi-color-foregroundMuted, #7a8394);flex-shrink:0;transition:transform .15s ease;transform:rotate(180deg)}._modelSegment_tm1j6_39[data-state=open] ._modelChevron_tm1j6_63{transform:rotate(0)}._text_tm1j6_74{overflow:hidden;text-overflow:ellipsis;max-width:320px}._wrapper_131x2_3{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--pi-font-ui, system-ui);font-size:var(--pi-font-size-sm, 14px);color:var(--pi-color-foreground, #fafafa)}._wrapper_131x2_3[data-disabled=true]{opacity:.5;pointer-events:none}._box_131x2_18{width:16px;height:16px;border-radius:var(--pi-radius-sm, 3px);border:1.5px solid var(--pi-color-border, #3f3f46);background-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .1s,border-color .1s;flex-shrink:0}._box_131x2_18[data-checked=true]{background-color:var(--pi-color-accent, #2e5cb8);border-color:var(--pi-color-accent, #2e5cb8)}._checkmark_131x2_36{color:var(--pi-color-accentForeground, #ffffff)}._nativeInput_131x2_41{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}._select_vj45v_3{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pi-color-surface1, #18181b);border:1px solid var(--pi-color-border, #3f3f46);border-radius:var(--pi-radius-base, 4px);padding:8px 32px 8px 10px;font-family:var(--pi-font-ui, system-ui);font-size:var(--pi-font-size-sm, 14px);color:var(--pi-color-foreground, #fafafa);width:100%;outline:none;transition:border-color .1s;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a1a1aa' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}._select_vj45v_3:focus{border-color:var(--pi-color-accent, #2e5cb8)}._select_vj45v_3:disabled{opacity:.5;cursor:not-allowed}._comboboxWrapper_vj45v_31{position:relative;width:100%}._comboboxInput_vj45v_36{width:100%;background-color:var(--pi-color-surface1, #18181b);border:1px solid var(--pi-color-border, #3f3f46);border-radius:var(--pi-radius-base, 4px);padding:8px 10px;font-family:var(--pi-font-ui, system-ui);font-size:var(--pi-font-size-sm, 14px);color:var(--pi-color-foreground, #fafafa);outline:none;box-sizing:border-box}._comboboxInput_vj45v_36:focus{border-color:var(--pi-color-accent, #2e5cb8)}._comboboxList_vj45v_53{position:absolute;top:100%;left:0;right:0;z-index:80;max-height:200px;overflow-y:auto;background-color:var(--pi-color-surface1, #18181b);border:1px solid var(--pi-color-border, #3f3f46);border-radius:var(--pi-radius-base, 4px);margin-top:4px;padding:4px;box-shadow:var(--pi-shadow-md, 0 4px 12px rgba(0,0,0,.4))}._comboboxOption_vj45v_69{padding:6px 8px;border-radius:var(--pi-radius-sm, 3px);font-size:var(--pi-font-size-sm, 14px);font-family:var(--pi-font-ui, system-ui);color:var(--pi-color-foreground, #fafafa);cursor:pointer;background:none;border:none;width:100%;text-align:left}._comboboxOption_vj45v_69:hover,._comboboxOptionHighlighted_vj45v_82{background-color:var(--pi-color-surface2, #27272a)}._overlay_1yaef_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100}._contentWrapper_1yaef_7{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;align-items:center;justify-content:center;pointer-events:none}._dialog_1yaef_16{pointer-events:auto;width:500px;max-width:90vw;max-height:70vh;background:var(--pi-color-surface, #16181a);border:1px solid var(--pi-color-border, #353b46);border-radius:var(--pi-radius-lg, 8px);display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}._header_1yaef_28{padding:12px 14px;border-bottom:1px solid var(--pi-color-border, #353b46);display:flex;align-items:center;gap:8px;flex-shrink:0}._title_1yaef_36{font-size:13px;margin:0;flex:1;color:var(--pi-color-foreground, #fafafa);font-weight:600}._closeBtn_1yaef_43{display:flex;align-items:center;background:none;border:none;color:var(--pi-color-foregroundMuted, #9aa0a6);cursor:pointer;padding:4px;border-radius:4px}._closeBtn_1yaef_43:hover{background:var(--pi-color-surfaceHover, #1e2124);color:var(--pi-color-foreground, #fafafa)}._body_1yaef_57{flex:1;display:flex;flex-direction:column;min-height:0}._footer_1yaef_63{padding:10px 14px;border-top:1px solid var(--pi-color-border, #353b46);display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-shrink:0}._bare_1yaef_72{border:none;background:transparent;box-shadow:none;position:relative}._bareBody_1yaef_78{border-radius:var(--pi-radius-lg, 8px);overflow:hidden}._bareCloseBtn_1yaef_82{position:absolute;top:-12px;right:-12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--pi-color-surface, #16181a);border:1px solid var(--pi-color-border, #353b46);border-radius:50%;color:var(--pi-color-foregroundMuted, #9aa0a6);cursor:pointer}._bareCloseBtn_1yaef_82:hover{background:var(--pi-color-surfaceHover, #1e2124);color:var(--pi-color-foreground, #fafafa)}._visuallyHidden_1yaef_101{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}._handle_1ocv1_1{position:absolute;top:0;bottom:0;width:5px;cursor:col-resize;z-index:5;background:transparent;transition:background .12s ease}._handle_1ocv1_1:hover,._handle_1ocv1_1:active{background:var(--pi-color-accent, #2e5cb8)}._pathRow_trimn_1{padding:8px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--pi-color-border, #353b46);flex-shrink:0}._pathInput_trimn_9{flex:1;font-size:12px}._createRow_trimn_13{padding:6px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--pi-color-border, #353b46);flex-shrink:0}._createInput_trimn_21{flex:1;font-size:12px}._createError_trimn_25{padding:4px 14px 6px;font-size:11px;color:var(--pi-color-danger, #e5534b)}._list_trimn_30{flex:1;overflow-y:auto;padding:4px 0;min-height:200px;max-height:400px}._item_trimn_37{padding:6px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pi-color-foreground, #fafafa)}._item_trimn_37:hover{background:var(--pi-color-surfaceHover, #1e2124)}._name_trimn_49{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._emptyState_trimn_54{color:var(--pi-color-foregroundMuted, #9aa0a6);font-size:12px;text-align:center;padding:20px}._shell_1m1nv_1{display:flex;flex-direction:column;height:100vh;min-height:0}._main_1m1nv_7{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}._sidebarLeft_1m1nv_13{position:relative;flex-shrink:0;border-right:1px solid var(--pi-color-border, #353b46);display:flex;flex-direction:column;min-width:0}._leftHandle_1m1nv_21{right:-3px}._center_1m1nv_24{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0}._sidebarRight_1m1nv_31{position:relative;flex-shrink:0;border-left:1px solid var(--pi-color-border, #353b46);display:flex;flex-direction:column;min-width:0}._rightHandle_1m1nv_39{left:-3px}