@av-pi-studio/web-client 0.0.29 → 0.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/web/assets/{BinaryFallbackViewer-DBW_fkX0.js → BinaryFallbackViewer-eUYWEBxR.js} +2 -2
  2. package/dist/web/assets/{BinaryFallbackViewer-DBW_fkX0.js.map → BinaryFallbackViewer-eUYWEBxR.js.map} +1 -1
  3. package/dist/web/assets/{ChatPanel-DWdLM-an.js → ChatPanel-DVQ0yqNC.js} +2 -2
  4. package/dist/web/assets/{ChatPanel-DWdLM-an.js.map → ChatPanel-DVQ0yqNC.js.map} +1 -1
  5. package/dist/web/assets/{CodeView-B4NzUekA.js → CodeView-C0JYRCVI.js} +2 -2
  6. package/dist/web/assets/{CodeView-B4NzUekA.js.map → CodeView-C0JYRCVI.js.map} +1 -1
  7. package/dist/web/assets/{FilePanel-Bb6rYllO.js → FilePanel-CSezxFWb.js} +3 -3
  8. package/dist/web/assets/{FilePanel-Bb6rYllO.js.map → FilePanel-CSezxFWb.js.map} +1 -1
  9. package/dist/web/assets/{ImageViewer-9_acGrms.js → ImageViewer-CNAMeUhy.js} +2 -2
  10. package/dist/web/assets/{ImageViewer-9_acGrms.js.map → ImageViewer-CNAMeUhy.js.map} +1 -1
  11. package/dist/web/assets/{MarkdownFileViewer-1JViInRh.js → MarkdownFileViewer-D3QY83J2.js} +2 -2
  12. package/dist/web/assets/{MarkdownFileViewer-1JViInRh.js.map → MarkdownFileViewer-D3QY83J2.js.map} +1 -1
  13. package/dist/web/assets/{TerminalPanel-CwZ9AjEw.js → TerminalPanel-BBddhP4t.js} +2 -2
  14. package/dist/web/assets/{TerminalPanel-CwZ9AjEw.js.map → TerminalPanel-BBddhP4t.js.map} +1 -1
  15. package/dist/web/assets/{TextViewer-lz8xjACi.js → TextViewer-CMxrTK6d.js} +2 -2
  16. package/dist/web/assets/{TextViewer-lz8xjACi.js.map → TextViewer-CMxrTK6d.js.map} +1 -1
  17. package/dist/web/assets/{VideoViewer-DIE4fOr6.js → VideoViewer-C3xwxHIu.js} +2 -2
  18. package/dist/web/assets/{VideoViewer-DIE4fOr6.js.map → VideoViewer-C3xwxHIu.js.map} +1 -1
  19. package/dist/web/assets/index-C2VfNe1E.js +3 -0
  20. package/dist/web/assets/index-C2VfNe1E.js.map +1 -0
  21. package/dist/web/assets/index-PLOvI6pF.css +1 -0
  22. package/dist/web/assets/{use-file-download-T9xqQ1Uw.js → use-file-download-CYLFr-BU.js} +2 -2
  23. package/dist/web/assets/{use-file-download-T9xqQ1Uw.js.map → use-file-download-CYLFr-BU.js.map} +1 -1
  24. package/dist/web/index.html +2 -2
  25. package/package.json +3 -3
  26. package/dist/web/assets/index-B6Y3cX68.js +0 -3
  27. package/dist/web/assets/index-B6Y3cX68.js.map +0 -1
  28. package/dist/web/assets/index-kTGd9L-J.css +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownFileViewer-1JViInRh.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"}
1
+ {"version":3,"file":"MarkdownFileViewer-D3QY83J2.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"}
@@ -1,2 +1,2 @@
1
- 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{e as E,a as N,b as T,S as D}from"./index-B6Y3cX68.js";import"./vendor--os7hw7d.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor-icons-DwowToH7.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,f){this.daemon.sendBinary(E({opcode:"Resize",slot:e,rows:t,cols:f}))}dispatch(e){var f,p,u;const t=this.subscribers.get(e.slot);if(t)switch(e.opcode){case"Output":(f=t.onOutput)==null||f.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",d={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),m=a.useRef(!1),R=a.useRef(!1);return a.useEffect(()=>{if(m.current=!0,!t||b.current!==null||R.current)return()=>{m.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(!m.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=>{m.current&&v(s instanceof Error?s.message:String(s))}).finally(()=>{R.current=!1}),()=>{m.current=!1}},[t,n.id]),a.useEffect(()=>()=>{var s;const r=b.current;r!==null&&((s=S.current)==null||s.connection.request("kill_terminal_request",{slot:r}).catch(()=>{}))},[]),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:d.wrap,children:l.jsxs("div",{className:d.status,children:["Terminal error: ",_]})}):c===null?l.jsx("div",{className:d.wrap,children:l.jsxs("div",{className:d.status,children:[l.jsx(D,{size:"sm"})," Starting terminal…"]})}):l.jsx("div",{className:d.wrap,children:l.jsx("div",{ref:u,className:d.terminal})})}export{te as TerminalPanel};
2
- //# sourceMappingURL=TerminalPanel-CwZ9AjEw.js.map
1
+ 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{e as E,a as N,b as T,S as D}from"./index-C2VfNe1E.js";import"./vendor--os7hw7d.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor-icons-DwowToH7.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,f){this.daemon.sendBinary(E({opcode:"Resize",slot:e,rows:t,cols:f}))}dispatch(e){var f,p,u;const t=this.subscribers.get(e.slot);if(t)switch(e.opcode){case"Output":(f=t.onOutput)==null||f.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",d={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),m=a.useRef(!1),R=a.useRef(!1);return a.useEffect(()=>{if(m.current=!0,!t||b.current!==null||R.current)return()=>{m.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(!m.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=>{m.current&&v(s instanceof Error?s.message:String(s))}).finally(()=>{R.current=!1}),()=>{m.current=!1}},[t,n.id]),a.useEffect(()=>()=>{var s;const r=b.current;r!==null&&((s=S.current)==null||s.connection.request("kill_terminal_request",{slot:r}).catch(()=>{}))},[]),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:d.wrap,children:l.jsxs("div",{className:d.status,children:["Terminal error: ",_]})}):c===null?l.jsx("div",{className:d.wrap,children:l.jsxs("div",{className:d.status,children:[l.jsx(D,{size:"sm"})," Starting terminal…"]})}):l.jsx("div",{className:d.wrap,children:l.jsx("div",{ref:u,className:d.terminal})})}export{te as TerminalPanel};
2
+ //# sourceMappingURL=TerminalPanel-BBddhP4t.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TerminalPanel-CwZ9AjEw.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 useEffect(() => {\n return () => {\n const currentSlot = slotRef.current;\n if (currentSlot === null) return;\n void clientRef.current?.connection\n .request(\"kill_terminal_request\", { slot: currentSlot })\n .catch(() => {});\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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"}
1
+ {"version":3,"file":"TerminalPanel-BBddhP4t.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 useEffect(() => {\n return () => {\n const currentSlot = slotRef.current;\n if (currentSlot === null) return;\n void clientRef.current?.connection\n .request(\"kill_terminal_request\", { slot: currentSlot })\n .catch(() => {});\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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"}
@@ -1,2 +1,2 @@
1
- import{j as e}from"./vendor-react-BoIQBqDW.js";import{S as i}from"./index-B6Y3cX68.js";import{u as s,C as n}from"./CodeView-B4NzUekA.js";import{p as o}from"./FilePanel-Bb6rYllO.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-DwowToH7.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};
2
- //# sourceMappingURL=TextViewer-lz8xjACi.js.map
1
+ import{j as e}from"./vendor-react-BoIQBqDW.js";import{S as i}from"./index-C2VfNe1E.js";import{u as s,C as n}from"./CodeView-C0JYRCVI.js";import{p as o}from"./FilePanel-CSezxFWb.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-DwowToH7.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};
2
+ //# sourceMappingURL=TextViewer-CMxrTK6d.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextViewer-lz8xjACi.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"}
1
+ {"version":3,"file":"TextViewer-CMxrTK6d.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"}
@@ -1,2 +1,2 @@
1
- import{j as o}from"./vendor-react-BoIQBqDW.js";import{S as t}from"./index-B6Y3cX68.js";import{u as a}from"./use-file-download-T9xqQ1Uw.js";import{p as e}from"./FilePanel-Bb6rYllO.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-DwowToH7.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};
2
- //# sourceMappingURL=VideoViewer-DIE4fOr6.js.map
1
+ import{j as o}from"./vendor-react-BoIQBqDW.js";import{S as t}from"./index-C2VfNe1E.js";import{u as a}from"./use-file-download-CYLFr-BU.js";import{p as e}from"./FilePanel-CSezxFWb.js";import"./vendor-query-AtKBh_Yt.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-icons-DwowToH7.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};
2
+ //# sourceMappingURL=VideoViewer-C3xwxHIu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"VideoViewer-DIE4fOr6.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"}
1
+ {"version":3,"file":"VideoViewer-C3xwxHIu.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"}
@@ -0,0 +1,3 @@
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ChatPanel-DVQ0yqNC.js","assets/vendor-react-BoIQBqDW.js","assets/vendor-query-AtKBh_Yt.js","assets/vendor-icons-DwowToH7.js","assets/markdown-D9FuaV1m.js","assets/vendor-highlight-DCzuSv8g.js","assets/vendor-markdown-B8HSIhaA.js","assets/vendor--os7hw7d.js","assets/markdown-BQwXm0MF.css","assets/DiffView-DlVCPvLc.js","assets/DiffView-CRbeRztO.css","assets/vendor-overlays-UwLNGk04.js","assets/vendor-dnd-D9kA7FgH.js","assets/ChatPanel-Cz7YoXXW.css","assets/FilePanel-CSezxFWb.js","assets/FilePanel-DIInFr3h.css","assets/TerminalPanel-BBddhP4t.js","assets/vendor-terminal-BhzX2_ts.js","assets/vendor-terminal-DYP7pi_n.css","assets/TerminalPanel-BQj62G6N.css"])))=>i.map(i=>d[i]);
2
+ var sn=Object.defineProperty;var on=(t,e,n)=>e in t?sn(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var I=(t,e,n)=>on(t,typeof e!="symbol"?e+"":e,n);import{r as S,j as i,d as rn}from"./vendor-react-BoIQBqDW.js";import{Q as an,a as cn,u as ln,b as dn,c as Le,d as un}from"./vendor-query-AtKBh_Yt.js";import{A as c,B as p,C as B,D as bt,E as T,F as be,G,H as R,I as _,J as M,K as U,L as Ne,M as ce,N as ne}from"./vendor--os7hw7d.js";import{L as pn,P as fn,a as hn,b as mn,c as gn,E as wt,C as St,d as _n,F as yn,e as Ue,f as bn,S as wn,G as Sn,g as xn,M as vn,X as je,h as xt,i as kn,U as In,T as Cn,R as Tn,j as jn,A as Nn}from"./vendor-icons-DwowToH7.js";import{R as Ke,T as Ve,P as Ge,C as Je,I as X,S as vt,D as En,a as Rn,b as qn,c as Bn,d as st,e as $e}from"./vendor-overlays-UwLNGk04.js";import{u as An,a as Mn,D as $n,c as Dn,S as On,h as Fn,P as Pn,b as Hn,C as zn}from"./vendor-dnd-D9kA7FgH.js";import{_ as Xe}from"./vendor-highlight-DCzuSv8g.js";import"./vendor-markdown-B8HSIhaA.js";(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))s(o);new MutationObserver(o=>{for(const r of o)if(r.type==="childList")for(const a of r.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&s(a)}).observe(document,{childList:!0,subtree:!0});function n(o){const r={};return o.integrity&&(r.integrity=o.integrity),o.referrerPolicy&&(r.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?r.credentials="include":o.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function s(o){if(o.ep)return;o.ep=!0;const r=n(o);fetch(o.href,r)}})();const Wn=new an;function kt(t){const e=t.trim().replace(/^#/,""),n=e.length===3?e.split("").map(s=>s+s).join(""):e;if(n.length!==6||/[^0-9a-fA-F]/.test(n))throw new Error(`Invalid hex color: ${t}`);return{r:parseInt(n.slice(0,2),16),g:parseInt(n.slice(2,4),16),b:parseInt(n.slice(4,6),16)}}function Ln(t){return Math.max(0,Math.min(255,Math.round(t)))}function Un({r:t,g:e,b:n}){const s=o=>Ln(o).toString(16).padStart(2,"0");return`#${s(t)}${s(e)}${s(n)}`}function Kn(t){const{r:e,g:n,b:s}=kt(t),o=r=>{const a=r/255;return a<=.03928?a/12.92:((a+.055)/1.055)**2.4};return .2126*o(e)+.7152*o(n)+.0722*o(s)}function Ye(t,e="#18181b",n="#ffffff"){return Kn(t)>.45?e:n}function Vn(t,e){const{r:n,g:s,b:o}=kt(t),r=Math.max(0,Math.min(1,e));return Un({r:n+(255-n)*r,g:s+(255-s)*r,b:o+(255-o)*r})}function Se(t){const e=t.trim().replace(/^#/,"");return(e.length===3||e.length===6)&&!/[^0-9a-fA-F]/.test(e)}const H=(t,e,n,s,o,r,a,l,d,u,m)=>({50:t,100:e,200:n,300:s,400:o,500:r,600:a,700:l,800:d,900:u,950:m}),g={zinc:H("#fafafa","#f4f4f5","#e4e4e7","#d4d4d8","#a1a1aa","#71717a","#52525b","#3f3f46","#27272a","#18181b","#09090b"),gray:H("#f9fafb","#f3f4f6","#e5e7eb","#d1d5db","#9ca3af","#6b7280","#4b5563","#374151","#1f2937","#111827","#030712"),slate:H("#f8fafc","#f1f5f9","#e2e8f0","#cbd5e1","#94a3b8","#64748b","#475569","#334155","#1e293b","#0f172a","#020617"),blue:H("#eff6ff","#dbeafe","#bfdbfe","#93c5fd","#60a5fa","#3b82f6","#2563eb","#1d4ed8","#1e40af","#1e3a8a","#172554"),green:H("#f0fdf4","#dcfce7","#bbf7d0","#86efac","#4ade80","#22c55e","#16a34a","#15803d","#166534","#14532d","#052e16"),red:H("#fef2f2","#fee2e2","#fecaca","#fca5a5","#f87171","#ef4444","#dc2626","#b91c1c","#991b1b","#7f1d1d","#450a0a"),teal:H("#f0fdfa","#ccfbf1","#99f6e4","#5eead4","#2dd4bf","#14b8a6","#0d9488","#0f766e","#115e59","#134e4a","#042f2e"),amber:H("#fffbeb","#fef3c7","#fde68a","#fcd34d","#fbbf24","#f59e0b","#d97706","#b45309","#92400e","#78350f","#451a03"),yellow:H("#fefce8","#fef9c3","#fef08a","#fde047","#facc15","#eab308","#ca8a04","#a16207","#854d0e","#713f12","#422006"),purple:H("#faf5ff","#f3e8ff","#e9d5ff","#d8b4fe","#c084fc","#a855f7","#9333ea","#7e22ce","#6b21a8","#581c87","#3b0764"),orange:H("#fff7ed","#ffedd5","#fed7aa","#fdba74","#fb923c","#f97316","#ea580c","#c2410c","#9a3412","#7c2d12","#431407"),white:"#ffffff",black:"#000000"},Gn={statusSuccess:"#16a34a",statusDanger:"#dc2626",statusWarning:"#f59e0b",statusMerged:"#9333ea"},Jn={statusSuccess:"#15803d",statusDanger:"#b91c1c",statusWarning:"#d97706",statusMerged:"#7c3aed"};function Xn(){return{keyword:g.purple[300],string:g.green[300],number:g.orange[300],boolean:g.orange[300],comment:g.zinc[500],function:g.blue[300],variable:g.zinc[200],type:g.teal[300],class:g.amber[300],constant:g.orange[300],operator:g.zinc[400],punctuation:g.zinc[400],tag:g.red[300],attribute:g.amber[300],property:g.blue[200],regexp:g.teal[300],escape:g.orange[200],heading:g.blue[300],link:g.blue[400],deleted:g.red[400],inserted:g.green[400]}}function Yn(){return{keyword:g.purple[700],string:g.green[700],number:g.orange[700],boolean:g.orange[700],comment:g.zinc[500],function:g.blue[700],variable:g.zinc[800],type:g.teal[700],class:g.amber[700],constant:g.orange[700],operator:g.zinc[600],punctuation:g.zinc[600],tag:g.red[700],attribute:g.amber[700],property:g.blue[700],regexp:g.teal[700],escape:g.orange[700],heading:g.blue[700],link:g.blue[600],deleted:g.red[700],inserted:g.green[700]}}function It(t,e,n){return{background:t,foreground:e,cursor:n,cursorAccent:t,selectionBackground:"rgba(255,255,255,0.18)",black:g.zinc[900],red:g.red[500],green:g.green[500],yellow:g.amber[500],blue:g.blue[500],magenta:g.purple[500],cyan:g.teal[500],white:g.zinc[300],brightBlack:g.zinc[600],brightRed:g.red[400],brightGreen:g.green[400],brightYellow:g.amber[400],brightBlue:g.blue[400],brightMagenta:g.purple[400],brightCyan:g.teal[400],brightWhite:g.zinc[50]}}function ue(t){const e=g.zinc[50],n=Ye(t.accent);return{surface0:t.surface0,surface1:t.surface1,surface2:t.surface2,surface3:t.surface3,surface4:t.surface4,surfaceDiffEmpty:t.surfaceDiffEmpty,surfaceSidebar:t.surfaceSidebar,surfaceSidebarHover:t.surfaceSidebarHover,surfaceWorkspace:t.surface1,foreground:e,foregroundMuted:t.mutedForeground,accent:t.accent,accentBright:t.accentBright,accentForeground:n,destructive:t.destructive,destructiveForeground:g.white,success:t.accent,successForeground:g.white,border:t.border,borderAccent:t.borderAccent,...Gn,diffAddition:g.green[400],diffDeletion:g.red[500],scrollbarHandle:t.scrollbarHandle,background:t.surface0,popover:t.surface2,popoverForeground:e,primary:t.accent,secondary:t.surface2,muted:t.surface2,mutedForeground:t.mutedForeground,input:t.surface2,ring:t.accent,palette:g,syntax:Xn(),terminal:It(t.surface0,e,t.accent)}}function Qn(){const t="#1a1a1e",e="#253e6f";return{surface0:"#ffffff",surface1:"#fafafa",surface2:"#f4f4f5",surface3:"#e4e4e7",surface4:"#d4d4d8",surfaceDiffEmpty:"#f6f6f6",surfaceSidebar:"#f4f4f5",surfaceSidebarHover:"#e9e9ec",surfaceWorkspace:"#ffffff",foreground:t,foregroundMuted:"#71717a",accent:e,accentBright:"#2f4f8e",accentForeground:Ye(e),destructive:"#b04138",destructiveForeground:"#ffffff",success:e,successForeground:"#ffffff",border:"#e4e4e7",borderAccent:"#ececf1",...Jn,diffAddition:"#15803d",diffDeletion:"#b91c1c",scrollbarHandle:"#3f3f46",background:"#ffffff",popover:"#ffffff",popoverForeground:t,primary:e,secondary:"#f4f4f5",muted:"#f4f4f5",mutedForeground:"#71717a",input:"#f4f4f5",ring:e,palette:g,syntax:Yn(),terminal:{...It("#ffffff",t,e),selectionBackground:"rgba(0,0,0,0.15)",white:"#ffffff",brightWhite:"#fafafa"}}}const Zn={light:"#ffffff",dark:"#3b62b0",zinc:"#808080",midnight:"#4A6BA8",claude:"#D97757",ghostty:"#8caaee"},Ct=["light","dark","zinc","midnight","claude","ghostty"];function es(t){if(t==="light")return Qn();switch(t){case"dark":return ue({surface0:"#181B1A",surface1:"#1E2120",surface2:"#272A29",surface3:"#434645",surface4:"#595B5B",surfaceDiffEmpty:"#252827",surfaceSidebar:"#141716",surfaceSidebarHover:"#1c1f1e",mutedForeground:"#A1A5A4",scrollbarHandle:"#717574",border:"#252B2A",borderAccent:"#2f3135",accent:"#2e5cb8",accentBright:"#a2b4d7",destructive:"#c64f43"});case"zinc":return ue({surface0:"#18181b",surface1:"#1f1f22",surface2:"#27272a",surface3:"#3f3f46",surface4:"#52525b",surfaceDiffEmpty:"#242427",surfaceSidebar:"#131316",surfaceSidebarHover:"#1b1b1e",mutedForeground:"#a1a1aa",scrollbarHandle:"#71717a",border:"#27272a",borderAccent:"#303036",accent:"#e4e4e7",accentBright:"#fafafa",destructive:"#c44a4a"});case"midnight":return ue({surface0:"#161820",surface1:"#1c1e27",surface2:"#252731",surface3:"#3c3e4c",surface4:"#535564",surfaceDiffEmpty:"#222430",surfaceSidebar:"#121420",surfaceSidebarHover:"#1a1c28",mutedForeground:"#9a9db0",scrollbarHandle:"#6b6e82",border:"#242636",borderAccent:"#2e3040",accent:"#3b6fcf",accentBright:"#7eaaeb",destructive:"#c44a52"});case"claude":return ue({surface0:"#1f1f1e",surface1:"#262523",surface2:"#2f2d2b",surface3:"#4a4745",surface4:"#605d5b",surfaceDiffEmpty:"#2a2826",surfaceSidebar:"#1a1918",surfaceSidebarHover:"#222120",mutedForeground:"#ada9a5",scrollbarHandle:"#78746f",border:"#2c2a27",borderAccent:"#36332f",accent:"#d97757",accentBright:"#e89a7f",destructive:"#cf513e"});case"ghostty":return ue({surface0:"#282c34",surface1:"#2f333d",surface2:"#383c48",surface3:"#4a4f5e",surface4:"#5b6175",surfaceDiffEmpty:"#323643",surfaceSidebar:"#21252d",surfaceSidebarHover:"#292d36",mutedForeground:"#c8ccd8",scrollbarHandle:"#a0a4b2",border:"#353a47",borderAccent:"#3f4454",accent:"#89b4fa",accentBright:"#b4d0fc",destructive:"#c44a55"})}}const Tt={};for(const t of Ct){const e=t==="light"?"light":"dark";Tt[t]={name:t,colorScheme:e,colors:es(t),swatch:Zn[t]}}const ts=Tt,ns={0:0,1:4,"1.5":6,2:8,3:12,4:16,6:24,8:32,12:48,16:64,20:80,24:96,32:128},jt={xs:12,code:12,sm:14,base:16,lg:18,xl:20,"2xl":22,"3xl":26,"4xl":34},ss={normal:"400",medium:"500",semibold:"600",bold:"700"},os={none:0,sm:2,base:4,md:6,lg:8,xl:12,"2xl":16,full:9999},rs={0:0,1:1,2:2},as={0:0,50:.5,100:1},is={xs:12,sm:14,md:16,lg:20},cs={diff:22},Nt='system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',Et='ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace';function ls(t){const e=t==="dark"?"rgba(0,0,0,0.55)":"rgba(24,24,27,0.12)";return{sm:{color:e,offsetX:0,offsetY:1,radius:2,elevation:1},md:{color:e,offsetX:0,offsetY:3,radius:8,elevation:4},lg:{color:e,offsetX:0,offsetY:10,radius:24,elevation:12}}}function Rt(t){const e=ts[t];return{name:t,colorScheme:e.colorScheme,colors:e.colors,spacing:ns,fontSize:{...jt},fontFamily:{ui:Nt,mono:Et},lineHeight:{...cs},iconSize:is,fontWeight:ss,borderRadius:os,borderWidth:rs,opacity:as,shadow:ls(e.colorScheme),swatch:e.swatch}}const ds=16,us=10,ps=24;function fs(t,e){const n=e.themeName??t.name,s=Rt(n),o=e.uiFont&&e.uiFont.trim()!==""?e.uiFont:Nt,r=e.monoFont&&e.monoFont.trim()!==""?e.monoFont:Et;let a={...s.fontSize};if(e.fontSize!=null){const d=Math.max(us,Math.min(ps,e.fontSize))/ds,u=["xs","code","sm","base","lg","xl","2xl","3xl","4xl"];for(const m of u){const h=jt[m];a[m]=Math.round(h*d)}}return{...s,fontSize:a,fontFamily:{ui:o,mono:r}}}function hs(t){return Rt(t)}const ms="dark";function gs(t){const e={};_s(t.colors,e);for(const[n,s]of Object.entries(t.spacing))e[`--pi-spacing-${n}`]=`${s}px`;for(const[n,s]of Object.entries(t.fontSize))e[`--pi-font-size-${n}`]=`${s}px`;e["--pi-font-ui"]=t.fontFamily.ui,e["--pi-font-mono"]=t.fontFamily.mono,e["--pi-line-height-diff"]=`${t.lineHeight.diff}px`;for(const[n,s]of Object.entries(t.iconSize))e[`--pi-icon-size-${n}`]=`${s}px`;for(const[n,s]of Object.entries(t.fontWeight))e[`--pi-font-weight-${n}`]=String(s);for(const[n,s]of Object.entries(t.borderRadius))e[`--pi-radius-${n}`]=s===9999?"9999px":`${s}px`;for(const[n,s]of Object.entries(t.borderWidth))e[`--pi-border-width-${n}`]=`${s}px`;for(const[n,s]of Object.entries(t.opacity))e[`--pi-opacity-${n}`]=String(s);for(const[n,s]of Object.entries(t.shadow))if(typeof s=="string")e[`--pi-shadow-${n}`]=s;else if(s&&typeof s=="object"){const o=s;e[`--pi-shadow-${n}`]=`${o.offsetX}px ${o.offsetY}px ${o.radius}px ${o.color}`}return e["--pi-color-scheme"]=t.colorScheme,e}function _s(t,e){const{palette:n,syntax:s,terminal:o,...r}=t;for(const[a,l]of Object.entries(r))typeof l=="string"&&(e[`--pi-color-${a}`]=l);s&&ys(s,e),o&&(e["--pi-terminal-bg"]=o.background,e["--pi-terminal-fg"]=o.foreground)}function ys(t,e){for(const[n,s]of Object.entries(t))typeof s=="string"&&(e[`--syntax-${bs(n)}`]=s)}function bs(t){return t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}function ws(t){if(typeof document>"u")return;const e=document.documentElement.style;for(const[s,o]of Object.entries(t))e.setProperty(s,o);const n=t["--pi-color-scheme"];n&&document.documentElement.style.setProperty("color-scheme",n)}function Ss(t){const e=gs(t);ws(e)}const pe=c().min(1,"Asset path must not be empty"),xs=p({accent:c().refine(Se,{message:"accent must be a valid #rrggbb hex color"}),accentBright:c().refine(Se,{message:"accentBright must be a valid #rrggbb hex color"}).optional(),accentForeground:c().refine(Se,{message:"accentForeground must be a valid #rrggbb hex color"}).optional(),swatch:c().refine(Se,{message:"swatch must be a valid #rrggbb hex color"}).optional()}),vs=p({logoLight:pe,logoDark:pe,logoMark:pe.optional(),icon:pe,splash:pe.optional()}),ks=p({docs:c().url().optional(),support:c().url().optional(),issues:c().url().optional(),website:c().url().optional()}).optional(),Is=p({copyright:c().optional(),companyName:c().optional()}).optional();p({productName:c().min(1,"productName is required"),shortName:c().optional(),tagline:c().optional(),colors:xs,assets:vs,links:ks,legal:Is});function Cs(t){const e=t.accent,n=t.accentBright??Vn(e,.35),s=t.accentForeground??Ye(e),o=t.swatch??e;return{accent:e,accentBright:n,accentForeground:s,swatch:o}}function Ts(t,e){return{...t,colors:{...t.colors,accent:e.accent,accentBright:e.accentBright,accentForeground:e.accentForeground,primary:e.accent,ring:e.accent},swatch:e.swatch}}const ot="pi-studio-appearance";function js(t,e){let n=l(t),s=null;function o(m){return m==="system"?typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":m}function r(m,h){const f=o(m),x=hs(f);let w=fs(x,{...h,themeName:f});if(e!=null&&e.colors){const y=Cs(e.colors);w=Ts(w,y)}return w}function a(){const m=JSON.stringify({mode:n.mode,settings:n.settings});t.set(ot,m)}function l(m){const h=m.get(ot);let f=ms,x={};if(h)try{const y=JSON.parse(h);y.mode&&(Ct.includes(y.mode)||y.mode==="system")&&(f=y.mode),y.settings&&typeof y.settings=="object"&&(x=y.settings)}catch{}const w=r(f,x);return{mode:f,settings:x,resolvedTheme:w}}function d(){n={...n,resolvedTheme:r(n.mode,n.settings)},a()}const u={getState(){return n},setMode(m){n={...n,mode:m},d(),u.apply()},updateSettings(m){n={...n,settings:{...n.settings,...m}},d(),u.apply()},apply(){Ss(n.resolvedTheme)},listen(){if(typeof window>"u")return()=>{};const m=window.matchMedia("(prefers-color-scheme: dark)"),h=()=>{n.mode==="system"&&(d(),u.apply())};return m.addEventListener("change",h),s=()=>m.removeEventListener("change",h),s}};return u}function Ns({store:t,brandConfig:e,children:n}){const s=S.useRef(null);return s.current||(s.current=js(t,e),s.current.apply()),S.useEffect(()=>s.current.listen(),[]),i.jsx(i.Fragment,{children:n})}const Es={get(t){var e;try{return((e=globalThis.localStorage)==null?void 0:e.getItem(t))??null}catch{return null}},set(t,e){var n;try{(n=globalThis.localStorage)==null||n.setItem(t,e)}catch{}}};function Rs({children:t}){return i.jsx(Ns,{store:Es,children:i.jsx(cn,{client:Wn,children:t})})}const qs="_btn_1chbg_4",Bs="_secondary_1chbg_44",As="_outline_1chbg_53",Ms="_ghost_1chbg_62",$s="_destructive_1chbg_72",Ds="_iconOnly_1chbg_82",Os="_loadingSpinner_1chbg_89",Fs="_piSpin_1chbg_1",xe={btn:qs,default:"_default_1chbg_35",secondary:Bs,outline:As,ghost:Ms,destructive:$s,iconOnly:Ds,loadingSpinner:Os,piSpin:Fs},rt={xs:28,sm:32,md:36,lg:40},Ps={xs:12,sm:14,md:16,lg:20},at={xs:8,sm:10,md:12,lg:16},Hs={xs:12,sm:13,md:14,lg:15};function zs(t){const{disabled:e,loading:n}=t;return e||n?{opacity:.5,isGhostHover:!1}:{opacity:1,isGhostHover:!1}}function P({variant:t="default",size:e="md",loading:n=!1,disabled:s=!1,leftIcon:o,trailing:r,iconOnly:a=!1,children:l,style:d,className:u,...m}){const{opacity:h}=zs({disabled:s??!1,loading:n}),f=s||n,x=Ps[e];return i.jsxs("button",{className:B(xe.btn,xe[t],a&&xe.iconOnly,u),disabled:f,"aria-busy":n||void 0,style:{minHeight:rt[e],paddingLeft:a?void 0:at[e],paddingRight:a?void 0:at[e],fontSize:Hs[e],opacity:h,...a?{width:rt[e]}:{},...d},...m,children:[n?i.jsx(pn,{className:xe.loadingSpinner,size:x,"aria-hidden":!0}):o?i.jsx("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",flexShrink:0},children:o}):null,l,r&&!n&&i.jsx("span",{"aria-hidden":!0,style:{display:"flex",alignItems:"center",flexShrink:0},children:r})]})}const Ws="_input_a7qyq_3",Ls="_textarea_a7qyq_32",De={input:Ws,textarea:Ls},Oe=S.forwardRef(function({className:e,...n},s){return i.jsx("input",{ref:s,className:B(De.input,e),...n})}),Ol=S.forwardRef(function({className:e,...n},s){return i.jsx("textarea",{ref:s,className:B(De.input,De.textarea,e),...n})}),qt=c().datetime({offset:!0});c().uuid();c().regex(/^[A-Za-z0-9_-]+$/,"expected base64url");const ye=bt([T(),qt]),Us=be(["mobile","browser","cli","mcp"]),Ks=p({type:_("hello"),clientId:c(),clientType:Us,protocolVersion:T(),appVersion:c().optional(),capabilities:G(c(),R()).optional()}),Vs=p({status:_("server_info"),serverId:c(),hostname:c().optional(),version:c().optional(),capabilities:G(c(),M()),features:G(c(),M())}),Gs=p({type:_("status"),payload:Vs}),Js=p({type:_("ping"),requestId:c(),clientSentAt:ye.optional()}),Xs=p({type:_("pong"),requestId:c(),clientSentAt:ye.optional(),serverReceivedAt:ye,serverSentAt:ye}),Bt=be(["initializing","idle","running","error","closed"]),At=p({mimeType:c().optional(),data:c().optional()}).passthrough(),Ys=p({prs:U(M()).optional(),issues:U(M()).optional()}).passthrough(),Qs=p({provider:c(),cwd:c(),modeId:c().optional(),model:c().optional(),thinkingOptionId:c().optional(),featureValues:G(c(),M()).optional(),title:c().nullable().optional(),approvalPolicy:c().optional(),sandboxMode:c().optional(),networkAccess:R().optional(),webSearch:R().optional(),extra:p({pi:M().optional()}).passthrough().optional(),systemPrompt:c().optional(),mcpServers:G(c(),M()).optional()}),Zs=p({type:_("create_agent_request"),requestId:c(),config:Qs,env:G(c(),c()).optional(),workspaceId:c().optional(),worktreeName:c().optional(),initialPrompt:c().optional(),clientMessageId:c().optional(),outputSchema:G(c(),M()).optional(),images:U(At).optional(),attachments:Ys.optional(),git:M().optional(),worktree:M().optional(),autoArchive:R().optional(),labels:G(c(),c()).default({})}),eo=p({type:_("create_agent_response"),requestId:c(),payload:p({agentId:c()}).passthrough()}),to=p({type:_("agent_update"),agentId:c(),status:Bt.optional(),title:c().nullable().optional(),labels:G(c(),c()).optional()}),no=p({type:_("agent_status"),agentId:c(),status:Bt}),so=p({type:_("agent_list"),agents:U(p({id:c()}).passthrough())}),oo=p({type:_("agent_deleted"),agentId:c()}),ro=p({type:_("agent_archived"),agentId:c(),archivedAt:qt.optional()}),Mt=Ne("kind",[p({kind:_("shell"),command:c().optional(),output:c().optional()}),p({kind:_("read"),path:c().optional(),output:c().optional()}),p({kind:_("edit"),path:c().optional(),diff:c().optional(),output:c().optional()}),p({kind:_("write"),path:c().optional(),output:c().optional()}),p({kind:_("search"),query:c().optional(),output:c().optional()}),p({kind:_("fetch"),url:c().optional(),output:c().optional()}),p({kind:_("task"),description:c().optional(),output:c().optional()})]),ao=Ne("kind",[p({kind:_("user_message"),messageId:c().optional(),text:c().optional(),images:U(At).optional()}),p({kind:_("assistant_message"),messageId:c().optional(),text:c().optional()}),p({kind:_("reasoning"),text:c().optional()}),p({kind:_("tool_call"),callId:c().optional(),tool:Mt,status:c().optional()}),p({kind:_("turn_started"),turnId:c().optional()}),p({kind:_("turn_completed"),turnId:c().optional()}),p({kind:_("turn_failed"),turnId:c().optional(),error:c().optional()}),p({kind:_("turn_canceled"),turnId:c().optional()}),p({kind:_("error"),message:c().optional()})]),io=p({type:_("agent_stream"),agentId:c(),seq:T().optional(),timestamp:ye.optional(),event:ao}),co=be(["before","after"]),lo=p({start:T(),end:T()}),uo=p({type:_("fetch_agent_timeline_request"),requestId:c(),agentId:c(),cursor:c().nullable().optional(),direction:co,limit:T().optional()}),po=p({type:_("fetch_agent_timeline_response"),requestId:c(),agentId:c().optional(),items:U(M()),seqStart:T(),seqEnd:T(),sourceSeqRanges:U(lo),collapsed:R(),hasNewer:R(),startCursor:c().nullable().optional(),endCursor:c().nullable().optional()}),fo=p({type:_("agent_permission_request"),requestId:c(),agentId:c(),toolName:c().optional(),tool:Mt.optional(),action:M().optional(),responses:U(c()).optional()}),ho=p({type:_("agent_permission_resolved"),requestId:c(),agentId:c(),decision:c().optional()}),mo=p({type:_("agent.permission.respond.request"),requestId:c(),permissionRequestId:c(),response:M()}),go=p({type:_("agent.permission.respond.response"),requestId:c(),payload:p({resolved:R()}).passthrough()}),_o=p({type:_("respond_to_permission"),requestId:c(),permissionRequestId:c(),response:M()}),$t=be(["conversation","files","both"]),yo=p({type:_("agent.rewind.request"),requestId:c(),agentId:c(),messageId:c(),mode:$t}).passthrough(),bo=p({type:_("agent.rewind.response"),requestId:c(),payload:p({agentId:c(),messageId:c(),mode:$t,truncatedAt:c().optional()}).passthrough()}).passthrough(),wo=p({input:T().optional(),output:T().optional(),cacheRead:T().optional(),cacheWrite:T().optional(),total:T().optional()}).passthrough(),So=p({tokens:T().nullable().optional(),contextWindow:T().optional(),percent:T().nullable().optional()}).passthrough(),xo=p({type:_("agent_session_stats_request"),requestId:c(),agentId:c()}).passthrough(),vo=p({type:_("agent_session_stats_response"),requestId:c(),payload:p({sessionId:c().optional(),sessionFile:c().optional(),userMessages:T().optional(),assistantMessages:T().optional(),toolCalls:T().optional(),toolResults:T().optional(),totalMessages:T().optional(),tokens:wo.optional(),cost:T().optional(),contextUsage:So.optional()}).passthrough()}).passthrough(),ko=p({type:_("agent_compact_request"),requestId:c(),agentId:c(),customInstructions:c().optional()}).passthrough(),Io=p({type:_("agent_compact_response"),requestId:c(),payload:p({summary:c().optional(),firstKeptEntryId:c().optional(),tokensBefore:T().optional(),details:M().optional()}).passthrough()}).passthrough(),Co=p({type:_("agent_new_session_request"),requestId:c(),agentId:c()}).passthrough(),To=p({type:_("agent_new_session_response"),requestId:c(),payload:p({cancelled:R()}).passthrough()}).passthrough(),jo=p({type:_("agent_switch_session_request"),requestId:c(),agentId:c(),sessionPath:c()}).passthrough(),No=p({type:_("agent_switch_session_response"),requestId:c(),payload:p({cancelled:R()}).passthrough()}).passthrough(),Eo=p({type:_("agent_fork_request"),requestId:c(),agentId:c(),entryId:c()}).passthrough(),Ro=p({type:_("agent_fork_response"),requestId:c(),payload:p({text:c(),cancelled:R()}).passthrough()}).passthrough(),qo=p({type:_("agent_fork_messages_request"),requestId:c(),agentId:c()}).passthrough(),Bo=p({type:_("agent_fork_messages_response"),requestId:c(),payload:p({messages:U(p({entryId:c(),text:c()}).passthrough())}).passthrough()}).passthrough(),Ao=p({type:_("agent_clone_request"),requestId:c(),agentId:c()}).passthrough(),Mo=p({type:_("agent_clone_response"),requestId:c(),payload:p({cancelled:R()}).passthrough()}).passthrough(),$o=p({type:_("agent_set_session_name_request"),requestId:c(),agentId:c(),name:c()}).passthrough(),Do=p({type:_("agent_set_session_name_response"),requestId:c(),payload:p({}).passthrough().optional()}).passthrough(),Oo=p({type:_("agent_export_html_request"),requestId:c(),agentId:c(),outputPath:c().optional()}).passthrough(),Fo=p({type:_("agent_export_html_response"),requestId:c(),payload:p({path:c()}).passthrough()}).passthrough(),Po=p({type:_("agent_set_model_request"),requestId:c(),agentId:c(),provider:c(),modelId:c()}).passthrough(),Ho=p({type:_("agent_set_model_response"),requestId:c(),payload:p({}).passthrough()}).passthrough(),zo=p({type:_("agent_cycle_model_request"),requestId:c(),agentId:c()}).passthrough(),Wo=p({type:_("agent_cycle_model_response"),requestId:c(),payload:p({model:M().nullable().optional(),thinkingLevel:c().optional(),isScoped:R().optional()}).passthrough()}).passthrough(),Lo=p({type:_("agent_last_assistant_text_request"),requestId:c(),agentId:c()}).passthrough(),Uo=p({type:_("agent_last_assistant_text_response"),requestId:c(),payload:p({text:c().nullable()}).passthrough()}).passthrough(),Ko=p({type:_("rpc_error"),requestId:c(),code:c().optional(),message:c().optional(),error:c().optional()}),Vo=Ne("type",[Zs,eo,to,no,so,oo,ro,io,uo,po,fo,ho,mo,go,_o,yo,bo,xo,vo,ko,Io,Co,To,jo,No,Eo,Ro,qo,Bo,Ao,Mo,$o,Do,Oo,Fo,Po,Ho,zo,Wo,Lo,Uo,Ko]),Go=p({type:c()}).passthrough(),Jo=p({type:_("session"),message:bt([Vo,Go])});Ne("type",[Ks,Gs,Js,Xs,Jo]);const re={Output:1,Input:2,Resize:3,Snapshot:4,Restore:5},Xo=Object.fromEntries(Object.entries(re).map(([t,e])=>[e,t])),Dt=p({rows:T().int().nonnegative(),cols:T().int().nonnegative()});class me extends Error{constructor(e){super(e),this.name="TerminalFrameError"}}const Yo=new TextEncoder,Qo=new TextDecoder;function Zo(t){if(!Number.isInteger(t)||t<0||t>255)throw new me(`slot must be an integer 0–255, got ${t}`)}function fe(t,e,n){const s=new Uint8Array(2+n.length);return s[0]=t,s[1]=e,s.set(n,2),s}function Fl(t){switch(Zo(t.slot),t.opcode){case"Output":return fe(re.Output,t.slot,t.data);case"Input":return fe(re.Input,t.slot,t.data);case"Snapshot":return fe(re.Snapshot,t.slot,t.data);case"Restore":return fe(re.Restore,t.slot,t.data);case"Resize":{const e=JSON.stringify(Dt.parse({rows:t.rows,cols:t.cols}));return fe(re.Resize,t.slot,Yo.encode(e))}}}function er(t){if(t.length<2)throw new me(`frame too short: ${t.length} bytes (need ≥ 2)`);const e=t[0],n=t[1],s=Xo[e];if(!s)throw new me(`unknown terminal opcode 0x${e.toString(16)}`);const o=t.subarray(2);if(s==="Resize"){let r;try{r=JSON.parse(Qo.decode(o))}catch{throw new me("resize payload is not valid JSON")}const a=Dt.safeParse(r);if(!a.success)throw new me("resize payload is not { rows, cols }");return{opcode:"Resize",slot:n,rows:a.data.rows,cols:a.data.cols}}return{opcode:s,slot:n,data:o.slice()}}const ie={Begin:16,Chunk:17,End:18,Error:19},tr=Object.fromEntries(Object.entries(ie).map(([t,e])=>[e,t])),Ot=p({transferId:c(),fileName:c().optional(),mimeType:c().optional(),totalBytes:T().int().nonnegative().optional()});class ge extends Error{constructor(e){super(e),this.name="FileTransferFrameError"}}const it=new TextEncoder,ct=new TextDecoder;function nr(t){if(!Number.isInteger(t)||t<0||t>255)throw new ge(`stream must be an integer 0–255, got ${t}`)}function ve(t,e,n){const s=new Uint8Array(2+n.length);return s[0]=t,s[1]=e,s.set(n,2),s}function qe(t){switch(nr(t.stream),t.opcode){case"Begin":return ve(ie.Begin,t.stream,it.encode(JSON.stringify(Ot.parse(t.meta))));case"Chunk":return ve(ie.Chunk,t.stream,t.data);case"End":return ve(ie.End,t.stream,new Uint8Array([t.ok?1:0]));case"Error":return ve(ie.Error,t.stream,it.encode(t.message))}}function sr(t){if(t.length<2)throw new ge(`frame too short: ${t.length} bytes (need ≥ 2)`);const e=t[0],n=t[1],s=tr[e];if(!s)throw new ge(`unknown file-transfer opcode 0x${e.toString(16)}`);const o=t.subarray(2);switch(s){case"Begin":{let r;try{r=JSON.parse(ct.decode(o))}catch{throw new ge("begin payload is not valid JSON")}const a=Ot.safeParse(r);if(!a.success)throw new ge("begin payload is not a valid transfer header");return{opcode:"Begin",stream:n,meta:a.data}}case"Chunk":return{opcode:"Chunk",stream:n,data:o.slice()};case"End":return{opcode:"End",stream:n,ok:(o[0]??1)!==0};case"Error":return{opcode:"Error",stream:n,message:ct.decode(o)}}}function or(t){try{return sr(t)}catch{return null}}const rr=c().regex(/^[a-z][a-z0-9-]*$/,"invalid provider id"),ar=be(["safe","moderate","dangerous","planning"]),ir=p({supportsStreaming:R(),supportsSessionPersistence:R(),supportsDynamicModes:R(),supportsMcpServers:R(),supportsReasoningStream:R(),supportsToolInvocations:R(),supportsRewindConversation:R().optional(),supportsRewindFiles:R().optional(),supportsRewindBoth:R().optional()}).passthrough(),cr=p({id:c(),label:c().optional(),description:c().optional(),icon:c().optional(),colorTier:ar});p({id:rr,label:c(),description:c().optional(),extends:c().optional(),modes:U(cr),capabilities:ir});function Fe(t){return typeof t=="string"?t:t instanceof Uint8Array||Buffer.isBuffer(t)?t.toString("utf8"):String(t??"")}function Ft(t){let e=null;const n={onMessage:null,onClose:null,onError:null,get isOpen(){return e!==null&&e.readyState===1},connect(s){return new Promise((o,r)=>{const a=t??(()=>new WebSocket(s));try{e=t?a(s):new WebSocket(s)}catch(l){r(l);return}e.onopen=()=>o(),e.onerror=l=>{var d;(e==null?void 0:e.readyState)!==1&&r(l),(d=n.onError)==null||d.call(n,l)},e.onclose=l=>{var d;(d=n.onClose)==null||d.call(n,l.code,Fe(l.reason))},e.onmessage=l=>{var u,m,h,f;const{data:d}=l;d instanceof ArrayBuffer||d instanceof Uint8Array?(u=n.onMessage)==null||u.call(n,d):typeof d=="string"?(m=n.onMessage)==null||m.call(n,d):typeof Blob<"u"&&d instanceof Blob?(h=n.onMessage)==null||h.call(n,d):Buffer.isBuffer(d)&&((f=n.onMessage)==null||f.call(n,d.buffer.slice(d.byteOffset,d.byteOffset+d.byteLength)))}})},sendText(s){e==null||e.send(s)},sendBinary(s){e==null||e.send(s)},close(s=1e3,o=""){e==null||e.close(s,o),e=null}};return n}const _e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";function Pt(t){let e="";for(let n=0;n<t.length;n+=3){const s=t[n],o=n+1<t.length,r=n+2<t.length,a=o?t[n+1]:0,l=r?t[n+2]:0;e+=_e[s>>2],e+=_e[(s&3)<<4|a>>4],e+=o?_e[(a&15)<<2|l>>6]:"=",e+=r?_e[l&63]:"="}return e}function Ht(t){const e=t.replace(/=+$/,""),n=[];let s=0,o=0;for(const r of e){const a=_e.indexOf(r);if(a===-1)throw new Error(`invalid base64 character: ${JSON.stringify(r)}`);s=s<<6|a,o+=6,o>=8&&(o-=8,n.push(s>>o&255))}return new Uint8Array(n)}function lr(t){try{const e=JSON.parse(t);return!e||typeof e.type!="string"?null:e}catch{return null}}const Te=24;function zt(t,e){const n=ce.randomBytes(Te),s=ce.box.after(t,n,e),o=new Uint8Array(n.length+s.length);return o.set(n,0),o.set(s,n.length),Pt(o)}function Wt(t,e){let n;try{n=Ht(t)}catch{return null}if(n.length<Te)return null;const s=n.slice(0,Te),o=n.slice(Te);return ce.box.open.after(o,s,e)}function dr(t,e){return zt(new TextEncoder().encode(t),e)}function ur(t,e){const n=Wt(t,e);return n?new TextDecoder().decode(n):null}function pr(t,e,n,s,o,r){let a=!1;return n.onClose(l=>{var d;a=!0,(d=s.onClose)==null||d.call(s,l)}),{handleAppFrame(l){var m,h;if(a)return;const d=o();if(!r()||!d)return;const u=ur(l.frame,d);if(u===null){(m=s.onAuthError)==null||m.call(s,new Error(`relay ${t} channel: message failed authentication`));return}(h=s.onMessage)==null||h.call(s,u)},handleBinaryFrame(l){var m,h;if(a)return;const d=o();if(!r()||!d)return;const u=Wt(l.frame,d);if(u===null){(m=s.onAuthError)==null||m.call(s,new Error(`relay ${t} channel: binary message failed authentication`));return}(h=s.onBinaryMessage)==null||h.call(s,u)},send(l){if(a)throw new Error(`relay ${t} channel: cannot send after close()`);const d=o();if(!r()||!d)throw new Error(`relay ${t} channel: cannot send before the E2EE handshake completes`);n.send(JSON.stringify({type:"e2ee_app",frame:dr(l,d)}))},sendBinary(l){if(a)throw new Error(`relay ${t} channel: cannot send after close()`);const d=o();if(!r()||!d)throw new Error(`relay ${t} channel: cannot send before the E2EE handshake completes`);n.send(JSON.stringify({type:"e2ee_bin",frame:zt(l,d)}))},close(){a||(a=!0,n.close())}}}function fr(t){const{transport:e,attachment:n,daemonPublicKey:s}=t,o=t.events??{},r=ce.box.keyPair(),a=ce.box.before(s,r.secretKey);let l=!1;const d=pr("client",n,e,o,()=>a,()=>l);return e.onMessage(u=>{var h;const m=lr(u);if(m){if(m.type==="e2ee_ready"){if(l)return;l=!0,(h=o.onReady)==null||h.call(o);return}if(m.type==="e2ee_app"){d.handleAppFrame(m);return}m.type==="e2ee_bin"&&d.handleBinaryFrame(m)}}),e.send(JSON.stringify({type:"e2ee_hello",ephemeralPublicKey:Pt(r.publicKey)})),{role:"client",attachment:n,get ready(){return l},send:d.send,sendBinary:d.sendBinary,close:d.close}}const hr=16;function mr(t){const e=ce.hash(t);let n="";for(let s=0;s<hr;s++)n+=e[s].toString(16).padStart(2,"0");return n}function gr(t){const e=t.useTls?"wss":"ws",n=t.endpoint.replace(/^(?:https?|wss?):\/\//,"").replace(/\/+$/,"");return`${e}://${n}`}function _r(t){let e=null,n=null;const s=t.sessionId??mr(t.daemonPublicKey),o={onMessage:null,onClose:null,onError:null,get isOpen(){return e!==null&&e.readyState===1&&n!==null&&n.ready},connect(r){return new Promise((a,l)=>{const d=t.factory??(()=>new WebSocket(r));try{e=t.factory?d(r):new WebSocket(r)}catch(f){l(f);return}const u=e,m=[],h=[];u.onopen=()=>{u.send(JSON.stringify({type:"relay_register",sessionId:s})),n=fr({transport:{send:f=>u.send(f),onMessage:f=>m.push(f),onClose:f=>h.push(f),close:()=>u.close()},attachment:{sessionId:s},daemonPublicKey:t.daemonPublicKey,events:{onReady:()=>a(),onMessage:f=>{var x;return(x=o.onMessage)==null?void 0:x.call(o,f)},onBinaryMessage:f=>{var x;return(x=o.onMessage)==null?void 0:x.call(o,f.slice().buffer)},onAuthError:f=>{var x;return(x=o.onError)==null?void 0:x.call(o,f)}}})},u.onerror=f=>{var x;u.readyState!==1&&l(f),(x=o.onError)==null||x.call(o,f)},u.onclose=f=>{var x;for(const w of h)w(Fe(f.reason));(x=o.onClose)==null||x.call(o,f.code,Fe(f.reason))},u.onmessage=f=>{const{data:x}=f;if(typeof x=="string")for(const w of m)w(x)}})},sendText(r){if(!n||!n.ready)throw new Error("relay transport: cannot send before the E2EE handshake completes");n.send(r)},sendBinary(r){if(!n||!n.ready)throw new Error("relay transport: cannot send before the E2EE handshake completes");n.sendBinary(r)},close(r=1e3,a=""){n==null||n.close(),n=null,e==null||e.close(r,a),e=null}};return o}function yr(t){const e=t.indexOf("#"),n=e===-1?t:t.slice(e+1),s=new URLSearchParams(n),o=s.get("offer");if(!o)return null;let r;try{r=Ht(o)}catch{return null}const a=s.get("relay");if(a){const d={endpoint:a,useTls:s.get("relayTls")==="1"};return{publicKeyB64:o,publicKey:r,relay:d}}const l=s.get("host")??void 0;return{publicKeyB64:o,publicKey:r,...l?{host:l}:{}}}const br=1;function Pe(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`id-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,10)}`}class wr extends Error{constructor(e,n,s){super(e),this.requestId=n,this.code=s,this.name="RpcError"}}class lt extends Error{constructor(e){super(`RPC ${e} timed out`),this.requestId=e,this.name="RpcTimeoutError"}}class Sr{constructor(e){I(this,"transport");I(this,"rpcTimeoutMs");I(this,"now");I(this,"_state","idle");I(this,"_serverId",null);I(this,"_features",{});I(this,"_serverCapabilities",{});I(this,"pending",new Map);I(this,"sessionHandlers",new Set);I(this,"terminalHandlers",new Set);I(this,"fileTransferHandlers",new Set);I(this,"stateHandlers",new Set);I(this,"helloResolve",null);I(this,"helloReject",null);this.options=e,this.transport=e.transport??Ft(),this.rpcTimeoutMs=e.rpcTimeoutMs??3e4,this.now=e.now??(()=>Date.now()),this.transport.onMessage=n=>this.handleIncoming(n),this.transport.onClose=(n,s)=>this.handleClose(n,s),this.transport.onError=()=>{}}get state(){return this._state}get serverId(){return this._serverId}get features(){return this._features}get serverCapabilities(){return this._serverCapabilities}hasFeature(e){return!!this._features[e]}async connect(){this.setState("connecting"),await this.transport.connect(this.options.url);const e=new Promise((s,o)=>{this.helloResolve=s,this.helloReject=o});this.transport.sendText(JSON.stringify({type:"hello",clientId:this.options.clientId,clientType:this.options.clientType,protocolVersion:this.options.protocolVersion??br,appVersion:this.options.appVersion,capabilities:this.options.capabilities}));const n=await e;return this._serverId=n.serverId,this._features=n.features,this._serverCapabilities=n.capabilities,this.setState("open"),n}close(e=1e3,n=""){this.setState("closing"),this.transport.close(e,n)}request(e,n={},s){const o=n.requestId??Pe();return new Promise((r,a)=>{const l=s??this.rpcTimeoutMs,d=l>0?setTimeout(()=>{this.pending.delete(o),a(new lt(o))},l):null;this.pending.set(o,{resolve:u=>r(u),reject:a,timer:d}),this.sendSession({type:e,...n,requestId:o})})}sendSession(e){this.transport.sendText(JSON.stringify({type:"session",message:e}))}sendBinary(e){this.transport.sendBinary(e)}ping(e=1e4){const n=Pe();return new Promise((s,o)=>{const r=e>0?setTimeout(()=>{this.pending.delete(n),o(new lt(n))},e):null;this.pending.set(n,{resolve:()=>s(),reject:o,timer:r}),this.transport.sendText(JSON.stringify({type:"ping",requestId:n,clientSentAt:this.now()}))})}onSessionMessage(e){return this.sessionHandlers.add(e),()=>this.sessionHandlers.delete(e)}onTerminalFrame(e){return this.terminalHandlers.add(e),()=>this.terminalHandlers.delete(e)}onFileTransferFrame(e){return this.fileTransferHandlers.add(e),()=>this.fileTransferHandlers.delete(e)}onStateChange(e){return this.stateHandlers.add(e),()=>this.stateHandlers.delete(e)}setState(e){if(this._state!==e){this._state=e;for(const n of this.stateHandlers)n(e)}}handleClose(e,n){this.helloReject&&(this.helloReject(new Error(`socket closed during handshake: ${n}`)),this.helloResolve=null,this.helloReject=null);for(const[,s]of this.pending)s.timer&&clearTimeout(s.timer),s.reject(new Error(`socket closed: ${n}`));this.pending.clear(),this.setState("closed")}handleIncoming(e){if(typeof e=="string"){this.handleTextFrame(e);return}if(e instanceof ArrayBuffer){this.handleBinaryFrame(new Uint8Array(e));return}typeof e.arrayBuffer=="function"&&e.arrayBuffer().then(n=>this.handleBinaryFrame(new Uint8Array(n)))}handleBinaryFrame(e){const n=e[0];if(n!==void 0&&Object.values(ie).includes(n)){const r=or(e);if(!r)return;for(const a of this.fileTransferHandlers)a(r);return}const o=er(e);for(const r of this.terminalHandlers)r(o)}handleTextFrame(e){let n;try{n=JSON.parse(e)}catch{return}const s=n;switch(s.type){case"status":this.handleStatus(s);return;case"pong":this.resolvePending(s.requestId,void 0);return;case"ping":this.transport.sendText(JSON.stringify({type:"pong",requestId:s.requestId,serverReceivedAt:this.now(),serverSentAt:this.now()}));return;case"session":this.handleSession(s.message);return;default:return}}handleStatus(e){const n=e.payload;(n==null?void 0:n.status)==="server_info"&&this.helloResolve&&(this.helloResolve(n),this.helloResolve=null,this.helloReject=null)}handleSession(e){if(!e||typeof e!="object")return;const n=e;if(n.type==="rpc_error"&&typeof n.requestId=="string"){const s=this.pending.get(n.requestId);s&&(s.timer&&clearTimeout(s.timer),this.pending.delete(n.requestId),s.reject(new wr(n.message??n.error??"RPC failed",n.requestId,n.code)));return}if(typeof n.requestId=="string"&&this.pending.has(n.requestId)){const s="payload"in n?n.payload:n;this.resolvePending(n.requestId,s)}for(const s of this.sessionHandlers)s(e)}resolvePending(e,n){const s=this.pending.get(e);s&&(s.timer&&clearTimeout(s.timer),this.pending.delete(e),s.resolve(n))}}class xr{constructor(e){this.daemon=e}get connection(){return this.daemon}async createAgent(e){return await this.daemon.request("create_agent_request",{...e})}agent(e){return new kr(this.daemon,e)}workspace(e){return new Ir(this.daemon,e)}get providers(){return new Cr(this.daemon)}onAgentUpdate(e){return this.daemon.onSessionMessage(n=>{n.type==="agent_update"&&e(n)})}onWorkspaceUpdate(e){return this.daemon.onSessionMessage(n=>{n.type==="workspace_update"&&e(n)})}}class vr{constructor(e,n){this.daemon=e,this.agentId=n}fetch(e={}){return this.daemon.request("fetch_agent_timeline_request",{agentId:this.agentId,cursor:e.cursor,direction:e.direction,limit:e.limit})}subscribe(e){return this.daemon.onSessionMessage(n=>{const s=n;s.type==="agent_stream"&&s.agentId===this.agentId&&s.event&&e(s.event)})}}class kr{constructor(e,n){I(this,"timeline");this.daemon=e,this.agentId=n,this.timeline=new vr(e,n)}send(e,n={}){return this.daemon.request("send_agent_prompt",{agentId:this.agentId,prompt:e,clientMessageId:n.clientMessageId,images:n.images})}run(e,n){return this.send(e,n)}interrupt(){return this.daemon.request("interrupt_agent",{agentId:this.agentId})}update(e){return this.daemon.request("update_agent",{agentId:this.agentId,...e})}resume(){return this.daemon.request("resume_agent",{agentId:this.agentId})}archive(){return this.daemon.request("archive_agent",{agentId:this.agentId})}delete(){return this.daemon.request("delete_agent",{agentId:this.agentId})}onUpdate(e){return this.daemon.onSessionMessage(n=>{const s=n;s.type==="agent_update"&&s.agentId===this.agentId&&e(s)})}sessionStats(){return this.daemon.request("agent_session_stats_request",{agentId:this.agentId})}compact(e){return this.daemon.request("agent_compact_request",{agentId:this.agentId,customInstructions:e})}newSession(){return this.daemon.request("agent_new_session_request",{agentId:this.agentId})}switchSession(e){return this.daemon.request("agent_switch_session_request",{agentId:this.agentId,sessionPath:e})}fork(e){return this.daemon.request("agent_fork_request",{agentId:this.agentId,entryId:e})}forkMessages(){return this.daemon.request("agent_fork_messages_request",{agentId:this.agentId})}clone(){return this.daemon.request("agent_clone_request",{agentId:this.agentId})}setSessionName(e){return this.daemon.request("agent_set_session_name_request",{agentId:this.agentId,name:e})}exportHtml(e){return this.daemon.request("agent_export_html_request",{agentId:this.agentId,outputPath:e})}setModel(e,n){return this.daemon.request("agent_set_model_request",{agentId:this.agentId,provider:e,modelId:n})}cycleModel(){return this.daemon.request("agent_cycle_model_request",{agentId:this.agentId})}lastAssistantText(){return this.daemon.request("agent_last_assistant_text_request",{agentId:this.agentId})}}class Ir{constructor(e,n){this.daemon=e,this.workspaceId=n}onUpdate(e){return this.daemon.onSessionMessage(n=>{const s=n;s.type==="workspace_update"&&s.workspaceId===this.workspaceId&&e(s)})}}class Cr{constructor(e){this.daemon=e}listProviders(){return this.daemon.request("list_providers",{})}listModels(e){return this.daemon.request("list_provider_models",{provider:e})}listModes(e){return this.daemon.request("list_provider_modes",{provider:e})}refreshSnapshot(){return this.daemon.request("providers.snapshot.refresh.request",{})}}const dt=32*1024;function Tr(t){const e=t.reduce((o,r)=>o+r.length,0),n=new Uint8Array(e);let s=0;for(const o of t)n.set(o,s),s+=o.length;return n}class jr{constructor(e){I(this,"pending",new Map);I(this,"nextStream",1);I(this,"detach",null);this.daemon=e}start(){this.detach||(this.detach=this.daemon.onFileTransferFrame(e=>this.dispatch(e)))}stop(){var e;(e=this.detach)==null||e.call(this),this.detach=null;for(const[n,s]of this.pending)s.reject(new Error("file transfer router stopped")),this.pending.delete(n)}async download(e){const n=await this.daemon.request("file_download_token_request",{path:e});if(!n.ok||!n.token)throw new Error(n.error??"failed to issue download token");const s=this.nextStream++,o=new Promise((a,l)=>{this.pending.set(s,{chunks:[],meta:{},resolve:a,reject:l})}),r=await this.daemon.request("file_download_request",{token:n.token,stream:s});if(!r.ok)throw this.pending.delete(s),new Error(r.error??"download request failed");return o}async upload(e,n){const s=Pe(),o=await this.daemon.request("file_upload_request",{path:e,transferId:s});if(!o.ok||o.stream===void 0)throw new Error(o.error??"upload request failed");const r=o.stream;this.daemon.sendBinary(qe({opcode:"Begin",stream:r,meta:{transferId:s}}));for(let a=0;a<n.length;a+=dt){const l=n.subarray(a,a+dt);this.daemon.sendBinary(qe({opcode:"Chunk",stream:r,data:l}))}this.daemon.sendBinary(qe({opcode:"End",stream:r,ok:!0}))}dispatch(e){const n=this.pending.get(e.stream);if(n)switch(e.opcode){case"Begin":n.meta.fileName=e.meta.fileName,n.meta.mimeType=e.meta.mimeType;return;case"Chunk":n.chunks.push(e.data);return;case"End":this.pending.delete(e.stream),e.ok?n.resolve({bytes:Tr(n.chunks),...n.meta}):n.reject(new Error("download failed"));return;case"Error":this.pending.delete(e.stream),n.reject(new Error(e.message));return}}}class Nr{constructor(e,n={}){I(this,"initialDelayMs");I(this,"maxDelayMs");I(this,"factor");I(this,"jitter");I(this,"maxAttempts");I(this,"setTimer");I(this,"clearTimer");I(this,"random");I(this,"attempt",0);I(this,"timer",null);I(this,"active",!1);I(this,"detachState",null);I(this,"reconnectedHandlers",new Set);I(this,"failedHandlers",new Set);this.daemon=e,this.initialDelayMs=n.initialDelayMs??500,this.maxDelayMs=n.maxDelayMs??3e4,this.factor=n.factor??2,this.jitter=n.jitter??.2,this.maxAttempts=n.maxAttempts??Number.POSITIVE_INFINITY,this.setTimer=n.setTimer??((s,o)=>setTimeout(s,o)),this.clearTimer=n.clearTimer??(s=>clearTimeout(s)),this.random=n.random??Math.random}delayForAttempt(e){const n=Math.min(this.maxDelayMs,this.initialDelayMs*this.factor**(e-1)),s=n*this.jitter*(this.random()*2-1);return Math.max(0,Math.round(n+s))}onReconnected(e){return this.reconnectedHandlers.add(e),()=>this.reconnectedHandlers.delete(e)}onReconnectFailed(e){return this.failedHandlers.add(e),()=>this.failedHandlers.delete(e)}start(){this.active||(this.active=!0,this.detachState=this.daemon.onStateChange(e=>{e==="closed"&&this.active&&this.scheduleReconnect(),e==="open"&&(this.attempt=0)}))}stop(){var e;this.active=!1,this.timer&&this.clearTimer(this.timer),this.timer=null,(e=this.detachState)==null||e.call(this),this.detachState=null}get attemptCount(){return this.attempt}scheduleReconnect(){if(!this.active||this.attempt>=this.maxAttempts)return;this.attempt+=1;const e=this.delayForAttempt(this.attempt);this.timer=this.setTimer(()=>{this.timer=null,this.tryReconnect()},e)}async tryReconnect(){if(!this.active)return;const e=this.attempt;try{await this.daemon.connect();for(const n of this.reconnectedHandlers)n({attempt:e,serverId:this.daemon.serverId})}catch(n){for(const s of this.failedHandlers)s(n,e);this.scheduleReconnect()}}}function ut(t){const e=t.trim();if(e==="")return e;const n=e.match(/^([a-z][a-z0-9+.-]*):\/\//i);if(!n)return`ws://${e.replace(/\/+$/,"")}`;const s=n[1].toLowerCase(),o=e.slice(n[0].length).replace(/\/+$/,"");switch(s){case"http":return`ws://${o}`;case"https":return`wss://${o}`;case"ws":case"wss":return`${s}://${o}`;default:return e}}function Er(t){const e=yr(t);return e!=null&&e.relay?{mode:"relay",url:gr(e.relay),daemonPublicKey:e.publicKey}:e!=null&&e.host?{mode:"direct",url:ut(e.host)}:{mode:"direct",url:ut(t)}}function Rr(){return"web-"+Math.random().toString(36).slice(2,10)}const j=ne()((t,e)=>({status:"idle",serverInfo:null,error:null,daemon:null,client:null,reconnection:null,async connect(n){e().disconnect();const s=Er(n.url);let o;s.mode==="relay"?o=_r({daemonPublicKey:s.daemonPublicKey}):n.password&&(o=Ft(d=>new WebSocket(d,[`pi-studio.bearer.${n.password}`])));const r=new Sr({url:s.url,clientId:n.clientId??Rr(),clientType:"browser",capabilities:{},transport:o,rpcTimeoutMs:1800*1e3}),a=new xr(r),l=new Nr(r);r.onStateChange(d=>t({status:d})),l.onReconnected(()=>t({error:null})),l.onReconnectFailed(d=>{t({error:d instanceof Error?d.message:String(d)})}),t({daemon:r,client:a,reconnection:l,error:null,status:"connecting"});try{const d=await r.connect();t({serverInfo:d}),l.start()}catch(d){throw t({error:d instanceof Error?d.message:String(d)}),d}},disconnect(){const{daemon:n,reconnection:s}=e();s==null||s.stop(),n==null||n.close(),t({status:"idle",serverInfo:null,daemon:null,client:null,reconnection:null})}})),qr=100,Br=480,Ar=220,Mr=280;function ke(t){return Math.min(Br,Math.max(qr,t))}const v=ne()(t=>({host:"ws://127.0.0.1:6767",password:"",cwd:"~",cwdPickerOpen:!1,sessionMenu:null,fileMenu:null,rightSidebarTab:"files",collapsedWorkspaces:new Set,leftSidebarCollapsed:!1,rightSidebarCollapsed:!1,leftSidebarWidth:Ar,rightSidebarWidth:Mr,setHost:e=>t({host:e}),setPassword:e=>t({password:e}),setCwd:e=>t({cwd:e}),openCwdPicker:()=>t({cwdPickerOpen:!0}),closeCwdPicker:()=>t({cwdPickerOpen:!1}),openSessionMenu:(e,n,s)=>t({sessionMenu:{sessionId:e,x:n,y:s}}),closeSessionMenu:()=>t({sessionMenu:null}),openFileMenu:(e,n,s,o)=>t({fileMenu:{path:e,isDirectory:n,x:s,y:o}}),closeFileMenu:()=>t({fileMenu:null}),setRightSidebarTab:e=>t({rightSidebarTab:e}),toggleWorkspaceCollapsed:e=>t(n=>{const s=new Set(n.collapsedWorkspaces);return s.has(e)?s.delete(e):s.add(e),{collapsedWorkspaces:s}}),toggleLeftSidebar:()=>t(e=>({leftSidebarCollapsed:!e.leftSidebarCollapsed})),toggleRightSidebar:()=>t(e=>({rightSidebarCollapsed:!e.rightSidebarCollapsed})),setLeftSidebarWidth:e=>t({leftSidebarWidth:ke(e)}),setRightSidebarWidth:e=>t({rightSidebarWidth:ke(e)}),resizeLeftSidebar:e=>t(n=>({leftSidebarWidth:ke(n.leftSidebarWidth+e)})),resizeRightSidebar:e=>t(n=>({rightSidebarWidth:ke(n.rightSidebarWidth+e)}))})),$r="_wrap_emmus_1",Dr="_dot_emmus_8",Or="_open_emmus_15",Fr="_connecting_emmus_18",Pr="_closed_emmus_21",Hr="_idle_emmus_22",zr="_closing_emmus_23",Be={wrap:$r,dot:Dr,open:Or,connecting:Fr,closed:Pr,idle:Hr,closing:zr},Wr={idle:"disconnected",connecting:"connecting…",open:"connected",closing:"disconnecting…",closed:"disconnected"};function Lr(){const t=j(n=>n.status),e=j(n=>n.error);return i.jsxs("span",{className:Be.wrap,title:e??void 0,children:[i.jsx("span",{className:B(Be.dot,Be[t])}),Wr[t]??t]})}const Ur="_toolbar_i9hmh_1",Kr="_brand_i9hmh_10",Vr="_version_i9hmh_16",Gr="_sep_i9hmh_22",Jr="_host_i9hmh_28",Xr="_password_i9hmh_31",Yr="_sidebarToggles_i9hmh_34",Z={toolbar:Ur,brand:Kr,version:Vr,sep:Gr,host:Jr,password:Xr,sidebarToggles:Yr};function Qr(){const t=j(f=>f.status),e=j(f=>f.connect),n=j(f=>f.disconnect),s=v(f=>f.host),o=v(f=>f.setHost),r=v(f=>f.password),a=v(f=>f.setPassword),l=v(f=>f.leftSidebarCollapsed),d=v(f=>f.toggleLeftSidebar),u=v(f=>f.rightSidebarCollapsed),m=v(f=>f.toggleRightSidebar),h=t==="open"||t==="connecting";return i.jsxs("div",{className:Z.toolbar,children:[i.jsx("span",{className:Z.brand,children:"Pi-Studio"}),i.jsxs("span",{className:Z.version,children:["v","0.0.30"]}),i.jsx(Lr,{}),i.jsx("div",{className:Z.sep}),i.jsx(Oe,{className:Z.host,value:s,onChange:f=>o(f.target.value),placeholder:"host:port, ws://…/http://…, or a pasted pairing link",disabled:h}),i.jsx(Oe,{className:Z.password,type:"password",value:r,onChange:f=>a(f.target.value),placeholder:"password",disabled:h}),t==="open"||t==="connecting"||t==="closing"?i.jsx(P,{size:"sm",onClick:()=>n(),children:"Disconnect"}):i.jsx(P,{size:"sm",variant:"default",onClick:()=>void e({url:s,password:r||void 0}),children:"Connect"}),i.jsxs("div",{className:Z.sidebarToggles,children:[i.jsx(P,{size:"sm",variant:"ghost",iconOnly:!0,title:l?"Show sessions sidebar":"Hide sessions sidebar",onClick:()=>d(),children:l?i.jsx(fn,{size:16}):i.jsx(hn,{size:16})}),i.jsx(P,{size:"sm",variant:"ghost",iconOnly:!0,title:u?"Show files/changes sidebar":"Hide files/changes sidebar",onClick:()=>m(),children:u?i.jsx(mn,{size:16}):i.jsx(gn,{size:16})})]})]})}const He={rows:[],streamingAssistantIndex:null,streamingReasoningIndex:null,toolIndexByCallId:{}};let pt=0;function Y(){return pt+=1,`row-${pt}`}function Zr(t){switch(t.kind){case"shell":return t.command??"";case"read":case"write":return t.path??"";case"edit":return t.path??"";case"search":return t.query??"";case"fetch":return t.url??"";case"task":return t.description??"";default:return""}}function ea(t,e){return t??`${e.kind}:${Zr(e)}`}function ta(t){return{...t,streamingAssistantIndex:null,streamingReasoningIndex:null}}function na(t,e){var r;const n=t.rows.slice();let s=t.streamingAssistantIndex;if(s===null||((r=n[s])==null?void 0:r.kind)!=="assistant"){const a={kind:"assistant",id:Y(),text:"",streaming:!0};n.push(a),s=n.length-1}const o=n[s];return!o||o.kind!=="assistant"?t:(n[s]={...o,text:o.text+e},{...t,rows:n,streamingAssistantIndex:s,streamingReasoningIndex:null})}function sa(t,e){var r;const n=t.rows.slice();let s=t.streamingReasoningIndex;if(s===null||((r=n[s])==null?void 0:r.kind)!=="reasoning"){const a={kind:"reasoning",id:Y(),text:"",streaming:!0};n.push(a),s=n.length-1}const o=n[s];return!o||o.kind!=="reasoning"?t:(n[s]={...o,text:o.text+e},{...t,rows:n,streamingReasoningIndex:s,streamingAssistantIndex:null})}function oa(t,e){if(t.kind!==e.kind)return e;const n={...t};for(const[s,o]of Object.entries(e))o!==void 0&&o!==""&&(n[s]=o);return n}function ra(t,e){var l;const n=ea(e.callId,e.tool),s=e.status==="completed"||e.status==="error"?e.status:"running",o=t.toolIndexByCallId[n],r=t.rows.slice();if(o!==void 0&&((l=r[o])==null?void 0:l.kind)==="tool"){const d=r[o];return d.kind!=="tool"?t:(r[o]={...d,tool:oa(d.tool,e.tool),status:s},{...t,rows:r,streamingAssistantIndex:null,streamingReasoningIndex:null})}const a={kind:"tool",id:Y(),callId:n,tool:e.tool,status:s};return r.push(a),{...t,rows:r,toolIndexByCallId:{...t.toolIndexByCallId,[n]:r.length-1},streamingAssistantIndex:null,streamingReasoningIndex:null}}function Qe(t){const e=t.rows.slice();if(t.streamingAssistantIndex!==null){const n=e[t.streamingAssistantIndex];(n==null?void 0:n.kind)==="assistant"&&(e[t.streamingAssistantIndex]={...n,streaming:!1})}if(t.streamingReasoningIndex!==null){const n=e[t.streamingReasoningIndex];(n==null?void 0:n.kind)==="reasoning"&&(e[t.streamingReasoningIndex]={...n,streaming:!1})}return{...t,rows:e,streamingAssistantIndex:null,streamingReasoningIndex:null}}function aa(t,e){const n=Qe(t),s={kind:"error",id:Y(),text:e||"turn failed"};return{...n,rows:[...n.rows,s]}}function ia(t){const e=Qe(t),n={kind:"system",id:Y(),text:"(canceled)"};return{...e,rows:[...e.rows,n]}}function ca(t,e){const n={kind:"error",id:Y(),text:e||"error"};return{...t,rows:[...t.rows,n]}}function la(t,e,n,s){if(s!==void 0){const r=t.rows.findIndex(a=>a.kind==="user"&&a.pending&&a.clientMessageId===s);if(r!==-1){const a=t.rows.slice(),l=a[r];if((l==null?void 0:l.kind)==="user")return a[r]={...l,text:e,images:n,pending:!1},{...t,rows:a}}}const o={kind:"user",id:Y(),text:e,images:n,clientMessageId:s};return{...t,rows:[...t.rows,o]}}function Lt(t,e){switch(e.kind){case"turn_started":return ta(t);case"user_message":return la(t,e.text??"",e.images,e.messageId);case"assistant_message":return na(t,e.text??"");case"reasoning":return sa(t,e.text??"");case"tool_call":return ra(t,e);case"turn_completed":return Qe(t);case"turn_failed":return aa(t,e.error);case"turn_canceled":return ia(t);case"error":return ca(t,e.message);default:return t}}function da(t,e,n,s){const o={kind:"user",id:Y(),text:n,images:s,clientMessageId:e,pending:!0};return{...t,rows:[...t.rows,o]}}function ua(t,e){const n=t.rows.findIndex(r=>r.kind==="user"&&r.pending&&r.clientMessageId===e);if(n===-1)return t;const s=t.rows.slice(),o=s[n];return(o==null?void 0:o.kind)!=="user"?t:(s[n]={...o,pending:!1,failed:!0},{...t,rows:s})}let ft=0;function pa(){return ft+=1,`s-${Date.now().toString(36)}-${ft}`}const $=ne()((t,e)=>({sessions:{},order:[],activeSessionId:null,createSession(n){const s=pa(),o={id:s,agentId:null,title:"New chat",status:"idle",cwd:n,timeline:He,userMessageCount:0};return t(r=>({sessions:{...r.sessions,[s]:o},order:[s,...r.order],activeSessionId:s})),s},hydrate(n){t(s=>s.sessions[n.id]?s:{sessions:{...s.sessions,[n.id]:n},order:[...s.order,n.id]})},bindAgent(n,s){t(o=>{const r=o.sessions[n];return r?{sessions:{...o.sessions,[n]:{...r,agentId:s}}}:o})},setStatus(n,s){t(o=>{const r=o.sessions[n];return r?{sessions:{...o.sessions,[n]:{...r,status:s}}}:o})},setStatusByAgentId(n,s){const o=e().findByAgentId(n);o&&e().setStatus(o.id,s)},setTitle(n,s){t(o=>{const r=o.sessions[n];return r?{sessions:{...o.sessions,[n]:{...r,title:s}}}:o})},setCwd(n,s){t(o=>{const r=o.sessions[n];return r?{sessions:{...o.sessions,[n]:{...r,cwd:s}}}:o})},applyStreamEvent(n,s){t(o=>{const r=o.sessions[n];if(!r)return o;const a=Lt(r.timeline,s);let l=r.title;if(s.kind==="turn_completed"&&l==="New chat"){const d=a.rows.slice().reverse().find(u=>u.kind==="assistant");d&&d.kind==="assistant"&&d.text&&(l=d.text.slice(0,40)+(d.text.length>40?"…":""))}return{sessions:{...o.sessions,[n]:{...r,timeline:a,title:l}}}})},addOptimisticUserMessage(n,s,o,r){t(a=>{const l=a.sessions[n];if(!l)return a;const d=da(l.timeline,s,o,r);return{sessions:{...a.sessions,[n]:{...l,timeline:d,userMessageCount:l.userMessageCount+1}}}})},markUserMessageFailed(n,s){t(o=>{const r=o.sessions[n];if(!r)return o;const a=ua(r.timeline,s);return{sessions:{...o.sessions,[n]:{...r,timeline:a}}}})},activate(n){t({activeSessionId:n})},remove(n){t(s=>{const{[n]:o,...r}=s.sessions,a=s.order.filter(d=>d!==n),l=s.activeSessionId===n?a[0]??null:s.activeSessionId;return{sessions:r,order:a,activeSessionId:l}})},findByAgentId(n){return Object.values(e().sessions).find(s=>s.agentId===n)}}));function Ae(t,e){return t.filter(n=>n.workspaceCwd===e)}const C=ne()((t,e)=>({tabs:[],activeTabId:null,activeWorkspaceCwd:null,lastActiveTabByWorkspace:{},open(n){const s=e().tabs.find(o=>o.id===n.id);if(s){e().activate(s.id);return}t(o=>({tabs:[...o.tabs,n],activeTabId:n.id,activeWorkspaceCwd:n.workspaceCwd,lastActiveTabByWorkspace:{...o.lastActiveTabByWorkspace,[n.workspaceCwd]:n.id}}))},close(n){t(s=>{const o=s.tabs.find(u=>u.id===n);if(!o)return s;const r=s.tabs.findIndex(u=>u.id===n),a=s.tabs.filter(u=>u.id!==n);let l=s.activeTabId;const d={...s.lastActiveTabByWorkspace};if(l===n){const u=Ae(a,o.workspaceCwd),m=Math.min(r,u.length-1),h=u[m];l=(h==null?void 0:h.id)??null}if(d[o.workspaceCwd]===n){const u=Ae(a,o.workspaceCwd)[0];u?d[o.workspaceCwd]=u.id:delete d[o.workspaceCwd]}return{tabs:a,activeTabId:l,lastActiveTabByWorkspace:d}})},activate(n){t(s=>{const o=s.tabs.find(r=>r.id===n);return o?{activeTabId:n,activeWorkspaceCwd:o.workspaceCwd,lastActiveTabByWorkspace:{...s.lastActiveTabByWorkspace,[o.workspaceCwd]:n}}:s})},switchWorkspace(n){t(s=>{var d;const o=Ae(s.tabs,n),r=s.lastActiveTabByWorkspace[n],l=r&&o.some(u=>u.id===r)?r:((d=o[0])==null?void 0:d.id)??null;return{activeWorkspaceCwd:n,activeTabId:l,lastActiveTabByWorkspace:l?{...s.lastActiveTabByWorkspace,[n]:l}:s.lastActiveTabByWorkspace}})},reorder(n,s){t(o=>{const r=o.tabs.findIndex(u=>u.id===n),a=o.tabs.findIndex(u=>u.id===s);if(r===-1||a===-1||r===a)return o;const l=o.tabs.slice(),[d]=l.splice(r,1);return d?(l.splice(a,0,d),{tabs:l}):o})},updateLabel(n,s){t(o=>({tabs:o.tabs.map(r=>r.id===n?{...r,label:s}:r)}))},updateData(n,s){t(o=>({tabs:o.tabs.map(r=>r.id===n?{...r,data:{...r.data,...s}}:r)}))}})),K={chat:t=>`chat-${t}`,file:t=>`file-${t}`,diff:(t,e)=>`diff-${t}${e?"-staged":""}`,terminal:t=>`term-${t}`};let Me=0;function Ze(t){Me+=1,C.getState().open({id:K.terminal(`new-${Me}`),kind:"terminal",label:`Terminal ${Me}`,closable:!0,data:{slot:null,cwd:t},workspaceCwd:t})}function Ee(t){const e=$.getState().createSession(t);C.getState().open({id:K.chat(e),kind:"chat",label:"New chat",closable:!0,data:{sessionId:e},workspaceCwd:t})}const Ie=ne()(t=>({rootPath:"",expanded:new Set,expandedByRoot:new Map,setRoot:e=>t(n=>{const s=new Map(n.expandedByRoot);n.rootPath&&s.set(n.rootPath,n.expanded);const o=s.get(e),r=new Set(o);return r.add(e),{rootPath:e,expanded:r,expandedByRoot:s}}),toggle:e=>t(n=>{if(e===n.rootPath)return n;const s=new Set(n.expanded);s.has(e)?s.delete(e):s.add(e);const o=new Map(n.expandedByRoot);return o.set(n.rootPath,s),{expanded:s,expandedByRoot:o}})}));let ae=null;const ze=new Set;function fa(t){return ze.add(t),()=>ze.delete(t)}async function et(t){var e;if(ae)return ae;try{const n=await t.connection.request("file_explorer_request",{path:"/home"}),o=(((e=n.result)==null?void 0:e.entries)??n.entries??[]).find(r=>r.kind==="directory"||r.type==="directory");ae="/home/"+((o==null?void 0:o.name)||"user")}catch{return"/tmp"}for(const n of ze)n(ae);return ae}function ha(){return ae}async function ma(t,e){return e==="~"||e.startsWith("~/")?await et(t)+e.slice(1):e}function Ut(){const t=j(o=>o.client),e=j(o=>o.status),[n,s]=S.useState(ha());return S.useEffect(()=>fa(s),[]),S.useEffect(()=>{!t||e!=="open"||n||et(t)},[t,e,n]),n}const ga="_dot_202py_3",_a={dot:ga};function ya(t){const{status:e,requiresAttention:n,attentionReason:s,showInactive:o}=t;if(!e)return null;if(n)switch(s){case"permission":return"statusWarning";case"error":return"statusDanger";case"finished":default:return"statusSuccess"}switch(e){case"running":case"queued":return"accent";case"waiting":return"statusWarning";case"finished":return"statusSuccess";case"error":return"statusDanger";case"idle":case"archived":return o?"foregroundMuted":null}}const ht=8,ba={accent:"var(--pi-color-accent)",statusSuccess:"var(--pi-color-statusSuccess)",statusDanger:"var(--pi-color-statusDanger)",statusWarning:"var(--pi-color-statusWarning)",foregroundMuted:"var(--pi-color-foregroundMuted)"};function wa({className:t,...e}){const n=ya(e);return n?i.jsx("span",{className:`${_a.dot}${t?` ${t}`:""}`,style:{width:ht,height:ht,backgroundColor:ba[n]??"currentColor"},role:"presentation"}):null}const Sa={initializing:"queued",idle:"idle",running:"running",error:"error",closed:"finished"};function xa(t){return Sa[t]??"idle"}const va="_wrap_sqws5_1",ka="_header_sqws5_7",Ia="_list_sqws5_23",Ca="_item_sqws5_28",Ta="_active_sqws5_37",ja="_title_sqws5_40",Na="_meta_sqws5_49",Ea="_menuBtn_sqws5_57",Ra="_workspaceGroup_sqws5_75",qa="_workspaceHeader_sqws5_78",Ba="_workspaceChevron_sqws5_91",Aa="_workspaceIcon_sqws5_102",Ma="_workspaceLabel_sqws5_106",$a="_workspaceCount_sqws5_112",Da="_newSessionBtn_sqws5_117",Oa="_workspaceSessions_sqws5_129",A={wrap:va,header:ka,list:Ia,item:Ca,active:Ta,title:ja,meta:Na,menuBtn:Ea,workspaceGroup:Ra,workspaceHeader:qa,workspaceChevron:Ba,workspaceIcon:Aa,workspaceLabel:Ma,workspaceCount:$a,newSessionBtn:Da,workspaceSessions:Oa};function Fa({session:t,active:e,onSelect:n,onOpenMenu:s}){return i.jsxs("div",{className:B(A.item,e&&A.active),onClick:n,onContextMenu:o=>{o.preventDefault(),s(o.clientX,o.clientY)},children:[i.jsxs("div",{className:A.title,children:[i.jsx(wa,{status:xa(t.status),showInactive:!0}),i.jsx("span",{children:t.title})]}),i.jsxs("div",{className:A.meta,children:[t.cwd||"~"," · ",t.agentId?t.agentId.slice(0,8):"new"," ·"," ",t.userMessageCount," msgs"]}),i.jsx("button",{type:"button",className:A.menuBtn,title:"Actions",onClick:o=>{o.stopPropagation();const r=o.currentTarget.getBoundingClientRect();s(r.left,r.bottom)},children:i.jsx(wt,{size:14})})]})}const Pa="_trigger_16o4s_1",Ha="_content_16o4s_7",za="_item_16o4s_16",Wa="_danger_16o4s_33",La="_sep_16o4s_36",V={trigger:Pa,content:Ha,item:za,danger:Wa,sep:La};function Ua(){const t=v(w=>w.sessionMenu),e=v(w=>w.closeSessionMenu),n=j(w=>w.client),s=S.useRef(null),[o,r]=S.useState(!1);S.useEffect(()=>{r(t!==null)},[t]);const a=$(w=>t?w.sessions[t.sessionId]:void 0);if(!t)return null;const l=!!(a!=null&&a.agentId)&&(a==null?void 0:a.status)==="running";function d(w){r(w),w||e()}function u(){if(!a)return;const w=window.prompt("Rename:",a.title);if(w!=null&&w.trim()){const y=w.trim();$.getState().setTitle(a.id,y),C.getState().updateLabel(K.chat(a.id),y),a.agentId&&(n==null||n.agent(a.agentId).update({title:y}).catch(()=>{}))}e()}function m(){a!=null&&a.agentId&&(n==null||n.agent(a.agentId).interrupt().catch(()=>{})),e()}function h(w){$.getState().remove(w),C.getState().close(K.chat(w))}async function f(){if(a){if(!window.confirm("Archive this agent? It can be resumed later."))return e();if(e(),!a.agentId){h(a.id);return}if(!n){window.alert("Not connected — cannot archive remotely.");return}try{await n.agent(a.agentId).archive(),h(a.id)}catch(w){window.alert(`Failed to archive: ${w instanceof Error?w.message:String(w)}`)}}}async function x(){if(a){if(!window.confirm("Permanently delete this agent? This cannot be undone."))return e();if(e(),!a.agentId){h(a.id);return}if(!n){window.alert("Not connected — cannot delete remotely.");return}try{await n.agent(a.agentId).delete(),h(a.id)}catch(w){window.alert(`Failed to delete: ${w instanceof Error?w.message:String(w)}`)}}}return i.jsxs(Ke,{open:o,onOpenChange:d,modal:!1,children:[i.jsx(Ve,{asChild:!0,children:i.jsx("button",{ref:s,type:"button",className:V.trigger,style:{left:t.x,top:t.y},"aria-hidden":!0,tabIndex:-1})}),i.jsx(Ge,{children:i.jsxs(Je,{className:V.content,align:"start",sideOffset:2,children:[i.jsx(X,{className:V.item,onSelect:u,children:"Rename"}),i.jsx(X,{className:V.item,disabled:!l,onSelect:m,children:"Stop agent"}),i.jsx(vt,{className:V.sep}),i.jsx(X,{className:`${V.item} ${V.danger}`,onSelect:f,children:"Archive"}),i.jsx(X,{className:`${V.item} ${V.danger}`,onSelect:x,children:"Delete permanently"})]})})]})}function Ka({label:t,cwd:e,sessionCount:n,collapsed:s,onToggleCollapsed:o,onNewSession:r}){return i.jsxs("div",{className:A.workspaceHeader,onClick:o,title:e,children:[i.jsx("button",{type:"button",className:A.workspaceChevron,"aria-label":s?"Expand workspace":"Collapse workspace",onClick:a=>{a.stopPropagation(),o()},children:s?i.jsx(St,{size:13}):i.jsx(_n,{size:13})}),i.jsx(yn,{size:13,className:B(A.workspaceIcon)}),i.jsx("span",{className:A.workspaceLabel,children:t}),i.jsx("span",{className:A.workspaceCount,children:n}),i.jsx(P,{size:"xs",variant:"ghost",iconOnly:!0,title:"New conversation",className:A.newSessionBtn,onClick:a=>{a.stopPropagation(),r()},children:i.jsx(Ue,{size:13})})]})}function le(t,e){return e&&(t==="~"||t.startsWith("~/"))?e+t.slice(1):t}function Kt(t,e,n){const s=new Map;for(const o of t){const r=e[o];if(!r)continue;const a=le(r.cwd||"~",n),l=s.get(a);l?l.push(r):s.set(a,[r])}return Array.from(s,([o,r])=>({cwd:o,sessions:r}))}function Va(t){return!t||t==="~"?"~":t.split("/").filter(Boolean).pop()||t}function Ga(){const t=$(y=>y.order),e=$(y=>y.sessions),n=$(y=>y.activeSessionId),s=$(y=>y.activate),o=C(y=>y.open),r=j(y=>y.status),a=v(y=>y.openSessionMenu),l=v(y=>y.setCwd),d=v(y=>y.openCwdPicker),u=v(y=>y.collapsedWorkspaces),m=v(y=>y.toggleWorkspaceCollapsed),h=Ut();function f(y){const N=le(y||"~",h);Ee(N)}function x(y){s(y);const N=e[y],D=le((N==null?void 0:N.cwd)||"~",h);N!=null&&N.cwd&&l(N.cwd),o({id:K.chat(y),kind:"chat",label:(N==null?void 0:N.title)??"Chat",closable:!0,data:{sessionId:y},workspaceCwd:D})}const w=Kt(t,e,h);return i.jsxs("div",{className:A.wrap,children:[i.jsxs("div",{className:A.header,children:[i.jsx("h3",{children:"Workspaces"}),i.jsx(P,{size:"xs",variant:"ghost",iconOnly:!0,title:r!=="open"?"Connect to open a workspace":"Open a workspace folder",disabled:r!=="open",onClick:()=>d(),children:i.jsx(bn,{size:14})})]}),i.jsx("div",{className:A.list,children:w.map(y=>{const N=u.has(y.cwd);return i.jsxs("div",{className:A.workspaceGroup,children:[i.jsx(Ka,{label:Va(y.cwd),cwd:y.cwd,sessionCount:y.sessions.length,collapsed:N,onToggleCollapsed:()=>m(y.cwd),onNewSession:()=>f(y.cwd)}),!N&&i.jsx("div",{className:A.workspaceSessions,children:y.sessions.map(D=>i.jsx(Fa,{session:D,active:D.id===n,onSelect:()=>x(D.id),onOpenMenu:(k,se)=>a(D.id,k,se)},D.id))})]},y.cwd)})}),i.jsx(Ua,{})]})}const Ja="_strip_1588v_1",Xa="_tab_1588v_10",Ya="_active_1588v_26",Qa="_icon_1588v_30",Za="_label_1588v_35",ei="_close_1588v_40",ti="_newTab_1588v_50",ni="_content_1588v_72",si="_item_1588v_81",L={strip:Ja,tab:Xa,active:Ya,icon:Qa,label:Za,close:ei,newTab:ti,content:ni,item:si},oi={chat:vn,file:xn,diff:Sn,terminal:wn};function ri({tab:t}){const e=C(h=>h.activeTabId),n=C(h=>h.activate),s=C(h=>h.close),o=oi[t.kind],{attributes:r,listeners:a,setNodeRef:l,transform:d,transition:u,isDragging:m}=Hn({id:t.id});return i.jsxs("div",{ref:l,className:B(L.tab,t.id===e&&L.active),style:{transform:zn.Transform.toString(d),transition:u,opacity:m?.5:1},onClick:()=>n(t.id),onAuxClick:h=>{h.button===1&&t.closable&&s(t.id)},title:t.label,...r,...a,children:[i.jsx("span",{className:L.icon,children:i.jsx(o,{size:13})}),i.jsx("span",{className:L.label,children:t.label}),t.closable&&i.jsx("span",{className:L.close,onClick:h=>{h.stopPropagation(),s(t.id)},children:i.jsx(je,{size:12})})]})}function ai({workspaceCwd:t}){const e=t??"~";return i.jsxs(Ke,{children:[i.jsx(Ve,{asChild:!0,children:i.jsx("button",{type:"button",className:L.newTab,title:"New tab",disabled:!t,children:i.jsx(Ue,{size:14})})}),i.jsx(Ge,{children:i.jsxs(Je,{className:L.content,align:"start",sideOffset:4,children:[i.jsx(X,{className:L.item,onSelect:()=>Ee(e),children:"New chat"}),i.jsx(X,{className:L.item,onSelect:()=>Ze(e),children:"New terminal"})]})})]})}function ii(){const t=C(a=>a.tabs),e=C(a=>a.activeWorkspaceCwd),n=C(a=>a.reorder),s=t.filter(a=>a.workspaceCwd===e),o=An(Mn(Pn,{activationConstraint:{distance:4}}));function r(a){const{active:l,over:d}=a;!d||l.id===d.id||n(String(l.id),String(d.id))}return i.jsxs("div",{className:L.strip,children:[i.jsx($n,{sensors:o,collisionDetection:Dn,onDragEnd:r,children:i.jsx(On,{items:s.map(a=>a.id),strategy:Fn,children:s.map(a=>i.jsx(ri,{tab:a},a.id))})}),i.jsx(ai,{workspaceCwd:e})]})}const ci="_spinner_1tgzp_3",li={spinner:ci},di={xs:12,sm:16,md:20,lg:24},ui={xs:1,sm:2,md:2,lg:3};function pi({size:t="md",color:e="currentColor",className:n,"aria-label":s="Loading"}){const o=typeof t=="number"?t:di[t],r=typeof t=="number"?2:ui[t];return i.jsx("span",{className:`${li.spinner}${n?` ${n}`:""}`,role:"status","aria-label":s,style:{width:o,height:o,borderWidth:r,color:e}})}const fi=S.lazy(()=>Xe(()=>import("./ChatPanel-DVQ0yqNC.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13])).then(t=>({default:t.ChatPanel}))),mt=S.lazy(()=>Xe(()=>import("./FilePanel-CSezxFWb.js").then(t=>t.F),__vite__mapDeps([14,1,7,6,5,2,9,10,15])).then(t=>({default:t.FilePanel}))),hi=S.lazy(()=>Xe(()=>import("./TerminalPanel-BBddhP4t.js"),__vite__mapDeps([16,1,17,18,7,6,5,2,3,11,12,19])).then(t=>({default:t.TerminalPanel}))),mi={chat:fi,file:mt,diff:mt,terminal:hi},gi="_area_1vzxd_1",_i="_panel_1vzxd_7",yi="_active_1vzxd_14",bi="_empty_1vzxd_17",he={area:gi,panel:_i,active:yi,empty:bi};function wi(){const t=C(o=>o.tabs),e=C(o=>o.activeTabId),n=C(o=>o.activeWorkspaceCwd);return t.some(o=>o.workspaceCwd===n)?i.jsx("div",{className:he.area,children:t.map(o=>{const r=mi[o.kind];return i.jsx("div",{className:B(he.panel,o.id===e&&he.active),children:i.jsx(S.Suspense,{fallback:i.jsx(pi,{size:"md"}),children:i.jsx(r,{tab:o})})},o.id)})}):i.jsx("div",{className:he.area,children:i.jsx("div",{className:he.empty,children:"No open tabs in this workspace"})})}const Vt={fileRead:t=>["file","read",t],fileDownload:t=>["file","download",t],fileDiff:(t,e,n)=>["file","diff",t,e,n],explorer:t=>["explorer",t],agentList:()=>["agents","list"],agentTimeline:t=>["agents","timeline",t]};function Si(t){const e=t.kind==="directory"||t.type==="directory"?"directory":"file";return{name:t.name??"",kind:e,size:t.size,mtimeMs:t.mtimeMs}}function xi(t){return t.slice().sort((e,n)=>e.kind!==n.kind?e.kind==="directory"?-1:1:e.name.localeCompare(n.name))}async function Gt(t,e){const s=(await t.connection.request("file_explorer_request",{path:e})).result;if(!s||s.ok===!1)throw new Error(s&&"error"in s?s.error:"explorer request failed");const o="entries"in s?s.entries??[]:[];return{path:s.resolvedPath??e,entries:xi(o.map(Si))}}function vi(t,e=!0){const n=j(s=>s.client);return ln({queryKey:Vt.explorer(t),queryFn:()=>{if(!n)throw new Error("not connected");return Gt(n,t)},enabled:!!n&&!!t&&e})}function ki(t){const e=j(o=>o.client),n=S.useMemo(()=>Array.from(t),[t]),s=dn({queries:n.map(o=>({queryKey:Vt.explorer(o),queryFn:()=>{if(!e)throw new Error("not connected");return Gt(e,o)},enabled:!!e&&!!o}))});return S.useMemo(()=>{const o=new Map;return n.forEach((r,a)=>{const l=s[a];o.set(r,{listing:l==null?void 0:l.data,isLoading:!!(l!=null&&l.isLoading),isError:!!(l!=null&&l.isError),error:l==null?void 0:l.error})}),o},[n,s])}const gt=new WeakMap;function _t(t){let e=gt.get(t);return e||(e=new jr(t),e.start(),gt.set(t,e)),e}function Ii(t,e,n){const s=new Blob([Uint8Array.from(t)],{type:n||"application/octet-stream"}),o=URL.createObjectURL(s),r=document.createElement("a");r.href=o,r.download=e,r.rel="noopener",document.body.appendChild(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(o),0)}function Jt(){const t=j(o=>o.daemon),e=Le(),n=S.useCallback(async(o,r)=>{if(!t)throw new Error("not connected");const a=o?`${o}/${r.name}`:r.name,l=new Uint8Array(await r.arrayBuffer());await _t(t).upload(a,l),await e.invalidateQueries({queryKey:["explorer"]})},[t,e]),s=S.useCallback(async o=>{if(!t)throw new Error("not connected");const r=await _t(t).download(o);Ii(r.bytes,r.fileName||o.split("/").pop()||"download",r.mimeType)},[t]);return{upload:n,saveToDisk:s}}function Ci(t,e){return t.endsWith("/")?`${t}${e}`:`${t}/${e}`}function Xt(t,e,n,s,o){var a;const r=o.get(e);if(!r||r.isLoading){t.push({kind:"loading",path:e,depth:n});return}if(r.isError){const l=r.error instanceof Error?r.error.message:"failed to load";t.push({kind:"error",path:e,depth:n,message:l});return}for(const l of((a=r.listing)==null?void 0:a.entries)??[])Ti(t,e,l,n,s,o)}function Ti(t,e,n,s,o,r){const a=Ci(e,n.name);if(n.kind!=="directory"){t.push({kind:"file",path:a,name:n.name,depth:s});return}const l=o.has(a);t.push({kind:"directory",path:a,name:n.name,depth:s,expanded:l}),l&&Xt(t,a,s+1,o,r)}function ji(t,e,n){if(!t)return[];const s=[];return Xt(s,t,0,e,n),s}const Ni="_container_yg965_1",Ei="_header_yg965_7",Ri="_uploadButton_yg965_13",qi="_hiddenInput_yg965_32",Bi="_status_yg965_35",Ai="_statusError_yg965_36",Mi="_rowAction_yg965_49",$i="_item_yg965_64",Di="_dropOverlay_yg965_67",Oi="_list_yg965_82",Fi="_chevronSlot_yg965_101",Pi="_chevron_yg965_101",Hi="_chevronOpen_yg965_112",zi="_icon_yg965_115",Wi="_name_yg965_122",Li="_dirName_yg965_127",Ui="_statusRow_yg965_133",Ki="_statusRowError_yg965_144",Vi="_emptyState_yg965_147",E={container:Ni,header:Ei,uploadButton:Ri,hiddenInput:qi,status:Bi,statusError:Ai,rowAction:Mi,item:$i,dropOverlay:Di,list:Oi,chevronSlot:Fi,chevron:Pi,chevronOpen:Hi,icon:zi,name:Wi,dirName:Li,statusRow:Ui,statusRowError:Ki,emptyState:Vi},Gi=14;function Ji({row:t,onToggle:e,onOpenFile:n,onContextMenu:s}){const o={paddingLeft:8+t.depth*Gi};if(t.kind==="loading")return i.jsx("div",{className:E.statusRow,style:o,children:"Loading…"});if(t.kind==="error")return i.jsx("div",{className:B(E.statusRow,E.statusRowError),style:o,children:t.message??"failed to load"});const r=t.kind==="directory";return i.jsxs("div",{className:E.item,style:o,onClick:()=>r?e(t.path):n(t.path),onContextMenu:a=>{a.preventDefault(),s(t.path,r,a.clientX,a.clientY)},children:[i.jsx("span",{className:E.chevronSlot,children:r&&i.jsx(St,{size:12,className:B(E.chevron,t.expanded&&E.chevronOpen)})}),i.jsx("span",{className:E.icon,children:r?i.jsx(xt,{size:14}):i.jsx(kn,{size:14})}),i.jsx("span",{className:r?E.dirName:E.name,children:t.name}),i.jsx("button",{type:"button",className:E.rowAction,title:"Actions",onClick:a=>{a.stopPropagation();const l=a.currentTarget.getBoundingClientRect();s(t.path,r,l.left,l.bottom)},children:i.jsx(wt,{size:12})})]})}const Xi="_trigger_g81d7_1",Yi="_content_g81d7_7",Qi="_item_g81d7_16",Zi="_danger_g81d7_29",ec="_sep_g81d7_32",oe={trigger:Xi,content:Yi,item:Qi,danger:Zi,sep:ec};function tc(){const t=v(f=>f.fileMenu),e=v(f=>f.closeFileMenu),n=j(f=>f.client),{saveToDisk:s}=Jt(),o=Le(),r=S.useRef(null),[a,l]=S.useState(!1);if(S.useEffect(()=>{l(t!==null)},[t]),!t)return null;const d=t.path.split("/").pop()||t.path;function u(f){l(f),f||e()}async function m(){if(t){e();try{await s(t.path)}catch(f){window.alert(`Failed to download: ${f instanceof Error?f.message:String(f)}`)}}}async function h(){if(!t)return;const f=t.isDirectory?"folder (and everything inside it)":"file";if(!window.confirm(`Permanently delete this ${f}? "${d}" — this cannot be undone.`))return e();if(e(),!n){window.alert("Not connected — cannot delete remotely.");return}try{const x=await n.connection.request("file_delete_request",{path:t.path});if(!x.ok)throw new Error(x.error??"delete failed");await o.invalidateQueries({queryKey:["explorer"]})}catch(x){window.alert(`Failed to delete: ${x instanceof Error?x.message:String(x)}`)}}return i.jsxs(Ke,{open:a,onOpenChange:u,modal:!1,children:[i.jsx(Ve,{asChild:!0,children:i.jsx("button",{ref:r,type:"button",className:oe.trigger,style:{left:t.x,top:t.y},"aria-hidden":!0,tabIndex:-1})}),i.jsx(Ge,{children:i.jsxs(Je,{className:oe.content,align:"start",sideOffset:2,children:[!t.isDirectory&&i.jsx(X,{className:oe.item,onSelect:m,children:"Download"}),i.jsx(vt,{className:oe.sep}),i.jsx(X,{className:`${oe.item} ${oe.danger}`,onSelect:h,children:"Delete"})]})})]})}const nc=24;function sc(){const t=j(b=>b.client),e=Ie(b=>b.rootPath),n=Ie(b=>b.expanded),s=Ie(b=>b.setRoot),o=Ie(b=>b.toggle),r=C(b=>b.activeWorkspaceCwd),a=C(b=>b.open),{upload:l}=Jt(),d=v(b=>b.openFileMenu),[u,m]=S.useState(null),[h,f]=S.useState(!1),[x,w]=S.useState(null),y=S.useRef(null),N=S.useRef(null),D=S.useRef(null);S.useEffect(()=>{if(!t)return;const b=r||"~";D.current!==b&&(D.current=b,ma(t,b).then(q=>s(q)))},[t,r,s]);const k=ki(n),se=S.useMemo(()=>ji(e,n,k),[e,n,k]),tt=un({count:se.length,getScrollElement:()=>N.current,estimateSize:()=>nc,overscan:12,getItemKey:b=>{var q;return((q=se[b])==null?void 0:q.path)??b}});function Zt(b){a({id:K.file(b),kind:"file",label:b.split("/").pop()||b,closable:!0,data:{path:b},workspaceCwd:r||"~"})}async function nt(b,q){var we;if(!q.length||!b)return;const Q=(we=k.get(b))==null?void 0:we.listing,Re=new Set((Q==null?void 0:Q.entries.map(z=>z.name))??[]),de=q.filter(z=>Re.has(z.name));if(de.length>0){const z=de.map(nn=>nn.name).join(", ");if(!window.confirm(`Overwrite ${de.length>1?"these files":"this file"}? ${z}`))return}m({text:`Uploading ${q.length} file${q.length>1?"s":""}…`,error:!1});try{for(const z of q)await l(b,z);m({text:`Uploaded ${q.length} file${q.length>1?"s":""}`,error:!1})}catch(z){m({text:`Upload failed: ${z instanceof Error?z.message:"unknown"}`,error:!0})}}function en(b){b.preventDefault(),f(!1);const q=x??e;w(null);const Q=Array.from(b.dataTransfer.files);nt(q,Q)}function tn(b){b.dataTransfer.types.includes("Files")&&(b.preventDefault(),f(!0))}return t?i.jsxs("div",{className:E.container,onDragOver:tn,onDragLeave:()=>f(!1),onDrop:en,children:[i.jsxs("div",{className:E.header,children:[i.jsxs("button",{type:"button",className:E.uploadButton,onClick:()=>{var b;return(b=y.current)==null?void 0:b.click()},disabled:!e,title:"Upload files to the workspace root",children:[i.jsx(In,{size:12}),i.jsx("span",{children:"Upload"})]}),i.jsx("input",{ref:y,type:"file",multiple:!0,className:E.hiddenInput,onChange:b=>{nt(e,Array.from(b.target.files??[])),b.target.value=""}})]}),u&&i.jsx("div",{className:u.error?E.statusError:E.status,children:u.text}),i.jsxs("div",{className:E.list,ref:N,children:[se.length===0&&i.jsx("div",{className:E.emptyState,children:"No files loaded"}),i.jsx("div",{style:{position:"relative",height:tt.getTotalSize()},children:tt.getVirtualItems().map(b=>{const q=se[b.index];return q?i.jsx("div",{"data-index":b.index,style:{position:"absolute",top:0,left:0,width:"100%",height:b.size,transform:`translateY(${b.start}px)`},onDragEnter:()=>{q.kind==="directory"&&w(q.path)},children:i.jsx(Ji,{row:q,onToggle:o,onOpenFile:Zt,onContextMenu:(Q,Re,de,we)=>d(Q,Re,de,we)})},b.key):null})})]}),h&&i.jsx("div",{className:E.dropOverlay,children:"Drop to upload"}),i.jsx(tc,{})]}):i.jsx("div",{className:E.emptyState,children:"Connect to browse files"})}const We=ne()(t=>({subscribedCwd:null,changes:[],setSubscribedCwd:e=>t({subscribedCwd:e}),applyProjection:e=>{if(!e||!e.available){t({changes:[]});return}const n=[];for(const s of e.staged)n.push({path:s.path,status:s.indexStatus==="A"?"added":s.indexStatus==="D"?"deleted":"modified",staged:!0});for(const s of e.unstaged)n.push({path:s.path,status:s.worktreeStatus==="D"?"deleted":"modified",staged:!1});for(const s of e.untracked)n.push({path:s,status:"added",staged:!1});t({changes:n})}}));function oc(t){return typeof t=="object"&&t!==null&&"type"in t&&t.type==="checkout_status_update"&&"cwd"in t&&typeof t.cwd=="string"&&"projection"in t&&typeof t.projection=="object"&&t.projection!==null}function rc(t){const e=j(r=>r.client),n=We(r=>r.applyProjection),s=We(r=>r.setSubscribedCwd),o=S.useRef(e);return o.current=e,S.useEffect(()=>{if(!e||!t)return;let r=!1;e.connection.request("checkout_status_subscribe",{cwd:t}).catch(()=>{}),s(t);const a=e.connection.onSessionMessage(l=>{if(r)return;const d=l;oc(d)&&d.cwd===t&&n(d.projection)});return e.connection.request("checkout_refresh_request",{cwd:t}).catch(()=>{}),()=>{r=!0,a(),e.connection.request("checkout_status_unsubscribe",{cwd:t}).catch(()=>{}),s(null)}},[e,t,n,s]),{refresh(){const r=o.current;!r||!t||r.connection.request("checkout_refresh_request",{cwd:t}).catch(()=>{})}}}const ac="_list_1pgby_1",ic="_summary_1pgby_4",cc="_item_1pgby_11",lc="_badge_1pgby_23",dc="_added_1pgby_30",uc="_modified_1pgby_34",pc="_deleted_1pgby_38",fc="_name_1pgby_42",hc="_emptyState_1pgby_47",ee={list:ac,summary:ic,item:cc,badge:lc,added:dc,modified:uc,deleted:pc,name:fc,emptyState:hc},mc={added:"A",modified:"M",deleted:"D"};function gc(){const e=C(r=>r.activeWorkspaceCwd)||"~";rc(e);const n=We(r=>r.changes),s=C(r=>r.open);function o(r,a){s({id:K.diff(r,a),kind:"diff",label:r.split("/").pop()||r,closable:!0,data:{path:r,staged:a},workspaceCwd:e})}return n.length===0?i.jsx("div",{className:ee.emptyState,children:"No changes detected"}):i.jsxs("div",{className:ee.list,children:[i.jsxs("div",{className:ee.summary,children:[n.length," changed file",n.length===1?"":"s"]}),n.map((r,a)=>i.jsxs("div",{className:ee.item,onClick:()=>o(r.path,r.staged),children:[i.jsx("span",{className:B(ee.badge,ee[r.status]),children:mc[r.status]}),i.jsx("span",{className:ee.name,children:r.path})]},`${r.path}-${r.staged}-${a}`))]})}const Yt=ne()(t=>({terminals:[],setTerminals:e=>t({terminals:e})}));function _c(t){return typeof t=="object"&&t!==null&&"type"in t&&t.type==="terminals_update"&&"terminals"in t&&Array.isArray(t.terminals)}function yc(){const t=j(n=>n.client),e=Yt(n=>n.setTerminals);S.useEffect(()=>{if(!t){e([]);return}let n=!1;t.connection.request("subscribe_terminals_request",{}).then(o=>{n||e(o.terminals??[])}).catch(()=>{});const s=t.connection.onSessionMessage(o=>{if(n)return;const r=o;_c(r)&&e(r.terminals)});return()=>{n=!0,s(),t.connection.request("unsubscribe_terminals_request",{}).catch(()=>{})}},[t,e])}const bc="_wrap_sx7p7_1",wc="_newTerminal_sx7p7_5",Sc="_list_sx7p7_10",xc="_summary_sx7p7_13",vc="_item_sx7p7_20",kc="_reattach_sx7p7_30",Ic="_icon_sx7p7_45",Cc="_name_sx7p7_49",Tc="_openBadge_sx7p7_54",jc="_kill_sx7p7_62",Nc="_emptyState_sx7p7_80",O={wrap:bc,newTerminal:wc,list:Sc,summary:xc,item:vc,reattach:kc,icon:Ic,name:Cc,openBadge:Tc,kill:jc,emptyState:Nc};function Ec(){yc();const t=j(h=>h.client),e=Yt(h=>h.terminals),n=C(h=>h.tabs),s=C(h=>h.activeWorkspaceCwd),o=C(h=>h.open),r=C(h=>h.activate),a=C(h=>h.close);function l(h){return n.find(f=>f.kind==="terminal"&&f.data.slot===h)}function d(h,f,x){const w=l(h);if(w){r(w.id);return}const y=x||"~";o({id:K.terminal(h),kind:"terminal",label:f,closable:!0,data:{slot:h,cwd:y},workspaceCwd:y})}function u(h){const f=l(h);if(f){a(f.id);return}t&&t.connection.request("kill_terminal_request",{slot:h}).catch(()=>{})}const m=i.jsx(P,{variant:"secondary",size:"sm",leftIcon:i.jsx(Ue,{size:14}),className:O.newTerminal,onClick:()=>Ze(s||"~"),children:"New terminal"});return e.length===0?i.jsxs("div",{className:O.wrap,children:[m,i.jsx("div",{className:O.emptyState,children:"No terminals running"})]}):i.jsxs("div",{className:O.wrap,children:[m,i.jsxs("div",{className:O.list,children:[i.jsxs("div",{className:O.summary,children:[e.length," terminal",e.length===1?"":"s"," running"]}),e.map(h=>{const f=l(h.slot)!==void 0;return i.jsxs("div",{className:O.item,children:[i.jsxs("button",{type:"button",className:O.reattach,onClick:()=>d(h.slot,h.name,h.cwd),title:h.cwd,children:[i.jsx(Cn,{size:13,className:O.icon}),i.jsx("span",{className:O.name,children:h.name}),f&&i.jsx("span",{className:O.openBadge,children:"open"})]}),i.jsx("button",{type:"button",className:O.kill,onClick:()=>u(h.slot),title:"Kill terminal",children:i.jsx(je,{size:13})})]},h.slot)})]})]})}const Rc="_wrap_r37ok_1",qc="_tabBar_r37ok_7",Bc="_tabBtn_r37ok_13",Ac="_active_r37ok_26",Mc="_refreshBtn_r37ok_30",$c="_content_r37ok_34",W={wrap:Rc,tabBar:qc,tabBtn:Bc,active:Ac,refreshBtn:Mc,content:$c};function Dc(){const t=v(l=>l.rightSidebarTab),e=v(l=>l.setRightSidebarTab),s=C(l=>l.activeWorkspaceCwd)||"~",o=j(l=>l.client),r=Le();function a(){r.invalidateQueries({queryKey:["explorer"]}),o&&s&&o.connection.request("checkout_refresh_request",{cwd:s}).catch(()=>{})}return i.jsxs("div",{className:W.wrap,children:[i.jsxs("div",{className:W.tabBar,children:[i.jsx("button",{type:"button",className:B(W.tabBtn,t==="files"&&W.active),onClick:()=>e("files"),children:"Files"}),i.jsx("button",{type:"button",className:B(W.tabBtn,t==="changes"&&W.active),onClick:()=>e("changes"),children:"Changes"}),i.jsx("button",{type:"button",className:B(W.tabBtn,t==="terminals"&&W.active),onClick:()=>e("terminals"),children:"Terminals"}),t!=="terminals"&&i.jsx(P,{size:"xs",variant:"ghost",iconOnly:!0,title:"Refresh",className:W.refreshBtn,onClick:a,children:i.jsx(Tn,{size:13})})]}),i.jsx("div",{className:W.content,children:t==="files"?i.jsx(sc,{}):t==="changes"?i.jsx(gc,{}):i.jsx(Ec,{})})]})}const Oc="_wrapper_131x2_3",Fc="_box_131x2_18",Pc="_checkmark_131x2_36",Hc="_nativeInput_131x2_41",Ce={wrapper:Oc,box:Fc,checkmark:Pc,nativeInput:Hc};S.forwardRef(function({label:e,checked:n=!1,disabled:s,className:o,onChange:r,...a},l){return i.jsxs("label",{className:Ce.wrapper,"data-disabled":s||void 0,children:[i.jsx("input",{ref:l,type:"checkbox",className:Ce.nativeInput,checked:n,disabled:s,onChange:r,...a}),i.jsx("span",{className:Ce.box,"data-checked":n,"aria-hidden":!0,children:n&&i.jsx(jn,{size:12,className:Ce.checkmark})}),e&&i.jsx("span",{children:e})]})});const zc="_select_vj45v_3",Wc={select:zc};S.forwardRef(function({options:e,placeholder:n,className:s,...o},r){return i.jsxs("select",{ref:r,className:B(Wc.select,s),...o,children:[n&&i.jsx("option",{value:"",disabled:!0,children:n}),e.map(a=>i.jsx("option",{value:a.value,children:a.label},a.value))]})});const Lc="_overlay_1yaef_1",Uc="_contentWrapper_1yaef_7",Kc="_dialog_1yaef_16",Vc="_header_1yaef_28",Gc="_title_1yaef_36",Jc="_closeBtn_1yaef_43",Xc="_body_1yaef_57",Yc="_footer_1yaef_63",Qc="_bare_1yaef_72",Zc="_bareBody_1yaef_78",el="_bareCloseBtn_1yaef_82",tl="_visuallyHidden_1yaef_101",F={overlay:Lc,contentWrapper:Uc,dialog:Kc,header:Vc,title:Gc,closeBtn:Jc,body:Xc,footer:Yc,bare:Qc,bareBody:Zc,bareCloseBtn:el,visuallyHidden:tl},nl=$e;function sl({open:t,onOpenChange:e,title:n,children:s,footer:o,width:r,className:a,bare:l=!1}){return i.jsx(En,{open:t,onOpenChange:e,children:i.jsxs(Rn,{children:[i.jsx(qn,{className:F.overlay}),i.jsx("div",{className:F.contentWrapper,children:i.jsxs(Bn,{className:B(F.dialog,l&&F.bare,a),style:r!==void 0?{width:r}:void 0,children:[l?i.jsx(st,{className:F.visuallyHidden,children:n}):i.jsxs("div",{className:F.header,children:[i.jsx(st,{className:F.title,children:n}),i.jsx($e,{asChild:!0,children:i.jsx("button",{type:"button",className:F.closeBtn,"aria-label":"Close",children:i.jsx(je,{size:16})})})]}),i.jsx("div",{className:B(F.body,l&&F.bareBody),children:s}),l&&i.jsx($e,{asChild:!0,children:i.jsx("button",{type:"button",className:F.bareCloseBtn,"aria-label":"Close",children:i.jsx(je,{size:16})})}),o&&i.jsx("div",{className:F.footer,children:o})]})})]})})}const ol="_handle_1ocv1_1",rl={handle:ol};function yt({side:t,onResize:e,className:n}){const s=S.useRef(0),o=S.useCallback(l=>{const d=l.clientX-s.current;s.current=l.clientX,e(t==="left"?d:-d)},[e,t]),r=S.useCallback(l=>{var d,u;window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",r),document.body.style.cursor="",document.body.style.userSelect="",(u=(d=l.target)==null?void 0:d.releasePointerCapture)==null||u.call(d,l.pointerId)},[o]);function a(l){l.preventDefault(),s.current=l.clientX,document.body.style.cursor="col-resize",document.body.style.userSelect="none",window.addEventListener("pointermove",o),window.addEventListener("pointerup",r)}return i.jsx("div",{className:B(rl.handle,n),onPointerDown:a,role:"separator","aria-orientation":"vertical"})}function al(t,e){const{order:n,sessions:s}=$.getState(),r=Kt(n,s,e).find(a=>a.cwd===t);if(r!=null&&r.sessions[0]){const a=r.sessions[0].id;$.getState().activate(a);const l=$.getState().sessions[a];C.getState().open({id:K.chat(a),kind:"chat",label:(l==null?void 0:l.title)??"New chat",closable:!0,data:{sessionId:a},workspaceCwd:t})}else Ee(t);v.getState().setCwd(t)}const il="_pathRow_9xphl_1",cl="_pathInput_9xphl_9",ll="_list_9xphl_13",dl="_item_9xphl_20",ul="_name_9xphl_32",pl="_emptyState_9xphl_37",J={pathRow:il,pathInput:cl,list:ll,item:dl,name:ul,emptyState:pl};function fl(){const t=v(k=>k.cwdPickerOpen),e=v(k=>k.closeCwdPicker),n=C(k=>k.activeWorkspaceCwd),s=j(k=>k.client),o=Ut(),[r,a]=S.useState("/"),[l,d]=S.useState("/");S.useEffect(()=>{if(!t)return;const k=le(n||"~",o);a(k),d(k)},[t,s,n]);const{data:u,isLoading:m,isError:h,error:f}=vi(r,t&&!!s),x=((u==null?void 0:u.entries)??[]).filter(k=>k.kind==="directory");function w(k){a(k),d(k)}function y(){w(r.split("/").slice(0,-1).join("/")||"/")}function N(){w(l.trim())}function D(){al(r,o),e()}return i.jsxs(sl,{open:t,onOpenChange:k=>!k&&e(),title:"Open Workspace",footer:i.jsxs(i.Fragment,{children:[i.jsx(nl,{asChild:!0,children:i.jsx(P,{size:"sm",variant:"secondary",children:"Cancel"})}),i.jsx(P,{size:"sm",onClick:D,children:"Open this folder"})]}),children:[i.jsxs("div",{className:J.pathRow,children:[i.jsx(P,{size:"xs",variant:"ghost",iconOnly:!0,title:"Up",onClick:y,children:i.jsx(Nn,{size:13})}),i.jsx(Oe,{className:J.pathInput,value:l,onChange:k=>d(k.target.value),onKeyDown:k=>{k.key==="Enter"&&(k.preventDefault(),N())}}),i.jsx(P,{size:"xs",onClick:N,children:"Go"})]}),i.jsx("div",{className:J.list,children:m?i.jsx("div",{className:J.emptyState,children:"Loading..."}):h?i.jsxs("div",{className:J.emptyState,children:["Error: ",f instanceof Error?f.message:"unknown error"]}):x.length===0?i.jsx("div",{className:J.emptyState,children:"No subdirectories"}):x.map(k=>i.jsxs("div",{className:J.item,onClick:()=>w(r==="/"?`/${k.name}`:`${r}/${k.name}`),children:[i.jsx(xt,{size:14}),i.jsx("span",{className:J.name,children:k.name})]},k.name))})]})}const hl="_shell_1m1nv_1",ml="_main_1m1nv_7",gl="_sidebarLeft_1m1nv_13",_l="_leftHandle_1m1nv_21",yl="_center_1m1nv_24",bl="_sidebarRight_1m1nv_31",wl="_rightHandle_1m1nv_39",te={shell:hl,main:ml,sidebarLeft:gl,leftHandle:_l,center:yl,sidebarRight:bl,rightHandle:wl};function Sl(){const t=v(a=>a.leftSidebarCollapsed),e=v(a=>a.rightSidebarCollapsed),n=v(a=>a.leftSidebarWidth),s=v(a=>a.rightSidebarWidth),o=v(a=>a.resizeLeftSidebar),r=v(a=>a.resizeRightSidebar);return i.jsxs("div",{className:te.shell,children:[i.jsx(Qr,{}),i.jsxs("div",{className:te.main,children:[!t&&i.jsxs("aside",{className:te.sidebarLeft,style:{width:n},children:[i.jsx(Ga,{}),i.jsx(yt,{side:"left",className:te.leftHandle,onResize:o})]}),i.jsxs("div",{className:te.center,children:[i.jsx(ii,{}),i.jsx(wi,{})]}),!e&&i.jsxs("aside",{className:te.sidebarRight,style:{width:s},children:[i.jsx(yt,{side:"right",className:te.rightHandle,onResize:r}),i.jsx(Dc,{})]})]}),i.jsx(fl,{})]})}function xl(){const t=S.useRef(!1);S.useEffect(()=>{if(t.current)return;if(t.current=!0,window.location.hash.includes("offer=")){const d=window.location.href;v.getState().setHost(d),j.getState().connect({url:d});return}const e=new URLSearchParams(window.location.search),n=e.get("host"),s=e.get("pair"),o=e.get("password"),r=e.get("cwd"),a=e.get("connect")==="1",l=v.getState();if(s?l.setHost(s):n&&l.setHost(n),o&&l.setPassword(o),r&&l.setCwd(r),s)j.getState().connect({url:s});else if(a){const{host:d,password:u}=v.getState();j.getState().connect({url:d,password:u||void 0})}},[])}function vl(t){return typeof t=="object"&&t!==null&&"kind"in t}function kl(t){const e=[];for(const n of t)if(vl(n))if(n.kind==="other")n.event&&e.push(n.event);else for(const s of n.events??[])e.push(s);return e}function Il(){const t=j(s=>s.client),e=j(s=>s.status),n=S.useRef(!1);S.useEffect(()=>{e!=="open"||!t||n.current||(n.current=!0,(async()=>{var d;let s=[];try{s=(await t.connection.request("list_agents_request",{all:!1})).agents??[]}catch{s=[]}s.sort((u,m)=>(m.lastActivity??0)-(u.lastActivity??0));const o=$.getState();for(const u of s){if(o.findByAgentId(u.agentId))continue;let m=He;try{const h=await t.agent(u.agentId).timeline.fetch({direction:"after",limit:200});m=kl(h.items).reduce(Lt,He)}catch{}o.hydrate({id:`s-${u.agentId.slice(0,12)}`,agentId:u.agentId,title:u.title||((d=u.cwd)==null?void 0:d.split("/").pop())||"Restored",status:u.status??"idle",cwd:u.cwd||"~",timeline:m,userMessageCount:m.rows.filter(h=>h.kind==="user").length})}const r=await et(t).catch(()=>null),{order:a,sessions:l}=$.getState();if(a.length>0){const u=l[a[0]??""];if(u){const m=le(u.cwd||"~",r);$.getState().activate(u.id),v.getState().setCwd(u.cwd),C.getState().open({id:K.chat(u.id),kind:"chat",label:u.title,closable:!0,data:{sessionId:u.id},workspaceCwd:m})}}else{const u=v.getState().cwd||"~",m=le(u,r);Ee(m)}})())},[e,t])}function Cl(){S.useEffect(()=>{function t(e){const n=v.getState();if(e.key==="Escape"){n.closeCwdPicker(),n.closeSessionMenu();return}const s=e.ctrlKey||e.metaKey;if(s&&e.key.toLowerCase()==="t"){e.preventDefault(),Ze(C.getState().activeWorkspaceCwd||"~");return}if(s&&e.key.toLowerCase()==="w"){const{activeTabId:o,tabs:r,close:a}=C.getState();if(!o)return;const l=r.find(d=>d.id===o);(l==null?void 0:l.closable)!==!1&&(e.preventDefault(),a(o))}}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[])}function Tl(){return xl(),Il(),Cl(),null}function jl(){return i.jsxs(Rs,{children:[i.jsx(Tl,{}),i.jsx(Sl,{})]})}const Qt=document.getElementById("root");if(!Qt)throw new Error("Missing #root element");rn.createRoot(Qt).render(i.jsx(S.StrictMode,{children:i.jsx(jl,{})}));export{P as B,sl as D,pi as S,Ol as T,j as a,C as b,_t as c,Fl as e,Vt as r,Zr as t,$ as u};
3
+ //# sourceMappingURL=index-C2VfNe1E.js.map