@av-pi-studio/web-client 0.0.19 → 0.0.20

package/dist/web/assets/{BinaryFallbackViewer-DyzbEhXW.js → BinaryFallbackViewer-J5mkbauH.js}

@@ -1,2 +1,2 @@
-import{r as l,j as e}from"./vendor-react-BoIQBqDW.js";import{S as m,B as a}from"./index-BE242j9N.js";import{u as d}from"./use-file-download-CBcnWwdZ.js";import{t as c}from"./vendor-icons-DwowToH7.js";import"./vendor-query-D5H9KBcL.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";const p="_wrap_renwa_1",f="_name_renwa_12",t={wrap:p,name:f};function N({path:s}){const[i,n]=l.useState(!1),r=d(s,i),o=s.split("/").pop()||s;return e.jsxs("div",{className:t.wrap,children:[e.jsx(c,{size:32}),e.jsx("div",{className:t.name,children:o}),e.jsx("div",{children:"No preview available for this file type."}),r.isError&&e.jsxs("div",{children:["Error: ",r.error instanceof Error?r.error.message:"download failed"]}),i&&r.isLoading?e.jsx(m,{size:"sm"}):r.data?e.jsx("a",{href:r.data.objectUrl,download:r.data.fileName||o,children:e.jsx(a,{size:"sm",children:"Save file"})}):e.jsx(a,{size:"sm",onClick:()=>n(!0),children:"Download"})]})}export{N as BinaryFallbackViewer};
-//# sourceMappingURL=BinaryFallbackViewer-DyzbEhXW.js.map
+import{r as l,j as e}from"./vendor-react-BoIQBqDW.js";import{S as m,B as a}from"./index-CwsA41_m.js";import{u as d}from"./use-file-download-BoIxzvuc.js";import{t as c}from"./vendor-icons-DwowToH7.js";import"./vendor-query-D5H9KBcL.js";import"./vendor--os7hw7d.js";import"./vendor-markdown-B8HSIhaA.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";const p="_wrap_renwa_1",f="_name_renwa_12",t={wrap:p,name:f};function N({path:s}){const[i,n]=l.useState(!1),r=d(s,i),o=s.split("/").pop()||s;return e.jsxs("div",{className:t.wrap,children:[e.jsx(c,{size:32}),e.jsx("div",{className:t.name,children:o}),e.jsx("div",{children:"No preview available for this file type."}),r.isError&&e.jsxs("div",{children:["Error: ",r.error instanceof Error?r.error.message:"download failed"]}),i&&r.isLoading?e.jsx(m,{size:"sm"}):r.data?e.jsx("a",{href:r.data.objectUrl,download:r.data.fileName||o,children:e.jsx(a,{size:"sm",children:"Save file"})}):e.jsx(a,{size:"sm",onClick:()=>n(!0),children:"Download"})]})}export{N as BinaryFallbackViewer};
+//# sourceMappingURL=BinaryFallbackViewer-J5mkbauH.js.map

package/dist/web/assets/{BinaryFallbackViewer-DyzbEhXW.js.map → BinaryFallbackViewer-J5mkbauH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BinaryFallbackViewer-DyzbEhXW.js","sources":["../../../src/features/files/BinaryFallbackViewer.tsx"],"sourcesContent":["/**\n * BinaryFallbackViewer — the registry's catch-all for binary files with no dedicated viewer\n * (archives, executables, unrecognized blobs). No preview is attempted eagerly; a manual\n * \"Download\" action fetches the bytes on demand via `useFileDownload` and saves them locally\n * (POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular file preview).\n */\n\nimport { useState } from \"react\";\nimport { FileQuestion } from \"lucide-react\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\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 styles from \"./BinaryFallbackViewer.module.css\";\n\nexport function BinaryFallbackViewer({ path }: ViewerProps) {\n  const [requested, setRequested] = useState(false);\n  const query = useFileDownload(path, requested);\n  const name = path.split(\"/\").pop() || path;\n\n  return (\n    <div className={styles.wrap}>\n      <FileQuestion size={32} />\n      <div className={styles.name}>{name}</div>\n      <div>No preview available for this file type.</div>\n      {query.isError && (\n        <div>Error: {query.error instanceof Error ? query.error.message : \"download failed\"}</div>\n      )}\n      {requested && query.isLoading ? (\n        <Spinner size=\"sm\" />\n      ) : query.data ? (\n        <a href={query.data.objectUrl} download={query.data.fileName || name}>\n          <Button size=\"sm\">Save file</Button>\n        </a>\n      ) : (\n        <Button size=\"sm\" onClick={() => setRequested(true)}>\n          Download\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":["BinaryFallbackViewer","path","requested","setRequested","useState","query","useFileDownload","name","jsxs","styles","jsx","FileQuestion","Spinner","Button"],"mappings":"ydAeO,SAASA,EAAqB,CAAE,KAAAC,GAAqB,CAC1D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1CC,EAAQC,EAAgBL,EAAMC,CAAS,EACvCK,EAAON,EAAK,MAAM,GAAG,EAAE,OAASA,EAEtC,OACEO,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,KACrB,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAa,KAAM,EAAA,CAAI,EACxBD,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,KAAO,SAAAF,EAAK,EACnCG,EAAAA,IAAC,OAAI,SAAA,0CAAA,CAAwC,EAC5CL,EAAM,SACLG,EAAAA,KAAC,MAAA,CAAI,SAAA,CAAA,UAAQH,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,iBAAA,EAAkB,EAErFH,GAAaG,EAAM,UAClBK,EAAAA,IAACE,EAAA,CAAQ,KAAK,IAAA,CAAK,EACjBP,EAAM,WACP,IAAA,CAAE,KAAMA,EAAM,KAAK,UAAW,SAAUA,EAAM,KAAK,UAAYE,EAC9D,SAAAG,MAACG,EAAA,CAAO,KAAK,KAAK,qBAAS,EAC7B,EAEAH,EAAAA,IAACG,EAAA,CAAO,KAAK,KAAK,QAAS,IAAMV,EAAa,EAAI,EAAG,SAAA,UAAA,CAErD,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"BinaryFallbackViewer-J5mkbauH.js","sources":["../../../src/features/files/BinaryFallbackViewer.tsx"],"sourcesContent":["/**\n * BinaryFallbackViewer — the registry's catch-all for binary files with no dedicated viewer\n * (archives, executables, unrecognized blobs). No preview is attempted eagerly; a manual\n * \"Download\" action fetches the bytes on demand via `useFileDownload` and saves them locally\n * (POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular file preview).\n */\n\nimport { useState } from \"react\";\nimport { FileQuestion } from \"lucide-react\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\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 styles from \"./BinaryFallbackViewer.module.css\";\n\nexport function BinaryFallbackViewer({ path }: ViewerProps) {\n  const [requested, setRequested] = useState(false);\n  const query = useFileDownload(path, requested);\n  const name = path.split(\"/\").pop() || path;\n\n  return (\n    <div className={styles.wrap}>\n      <FileQuestion size={32} />\n      <div className={styles.name}>{name}</div>\n      <div>No preview available for this file type.</div>\n      {query.isError && (\n        <div>Error: {query.error instanceof Error ? query.error.message : \"download failed\"}</div>\n      )}\n      {requested && query.isLoading ? (\n        <Spinner size=\"sm\" />\n      ) : query.data ? (\n        <a href={query.data.objectUrl} download={query.data.fileName || name}>\n          <Button size=\"sm\">Save file</Button>\n        </a>\n      ) : (\n        <Button size=\"sm\" onClick={() => setRequested(true)}>\n          Download\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":["BinaryFallbackViewer","path","requested","setRequested","useState","query","useFileDownload","name","jsxs","styles","jsx","FileQuestion","Spinner","Button"],"mappings":"ydAeO,SAASA,EAAqB,CAAE,KAAAC,GAAqB,CAC1D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1CC,EAAQC,EAAgBL,EAAMC,CAAS,EACvCK,EAAON,EAAK,MAAM,GAAG,EAAE,OAASA,EAEtC,OACEO,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,KACrB,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAa,KAAM,EAAA,CAAI,EACxBD,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,KAAO,SAAAF,EAAK,EACnCG,EAAAA,IAAC,OAAI,SAAA,0CAAA,CAAwC,EAC5CL,EAAM,SACLG,EAAAA,KAAC,MAAA,CAAI,SAAA,CAAA,UAAQH,EAAM,iBAAiB,MAAQA,EAAM,MAAM,QAAU,iBAAA,EAAkB,EAErFH,GAAaG,EAAM,UAClBK,EAAAA,IAACE,EAAA,CAAQ,KAAK,IAAA,CAAK,EACjBP,EAAM,WACP,IAAA,CAAE,KAAMA,EAAM,KAAK,UAAW,SAAUA,EAAM,KAAK,UAAYE,EAC9D,SAAAG,MAACG,EAAA,CAAO,KAAK,KAAK,qBAAS,EAC7B,EAEAH,EAAAA,IAACG,EAAA,CAAO,KAAK,KAAK,QAAS,IAAMV,EAAa,EAAI,EAAG,SAAA,UAAA,CAErD,CAAA,EAEJ,CAEJ"}

package/dist/web/assets/{ChatPanel-fg1SO3wS.js → ChatPanel-CR9Q7XT0.js}

@@ -1,3 +1,3 @@
-import{j as t,r as m}from"./vendor-react-BoIQBqDW.js";import{c as z,d as ee}from"./vendor-query-D5H9KBcL.js";import{t as O,u as f,a as U,D as te,T as ne,B as S}from"./index-BE242j9N.js";import{k as se,l as re,m as ae,n as oe,o as ie,p as le,T as H,C as ce,q as ue,r as de,s as me}from"./vendor-icons-DwowToH7.js";import{M as L}from"./markdown-D9FuaV1m.js";import{C}from"./vendor--os7hw7d.js";import{D as he}from"./DiffView-DlVCPvLc.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-markdown-B8HSIhaA.js";const ge="_badge_jtokc_3",pe={badge:ge};function _e(e){switch(e){case"success":return{token:"statusSuccess"};case"error":return{token:"statusDanger"};case"muted":return{token:"foregroundMuted"}}}function fe({label:e,variant:n,className:s}){const{token:i}=_e(n),a=`var(--pi-color-${i})`;return t.jsx("span",{className:`${pe.badge}${s?` ${s}`:""}`,style:{backgroundColor:`color-mix(in srgb, ${a} 18%, transparent)`,borderColor:`color-mix(in srgb, ${a} 45%, transparent)`,color:a},children:e})}const xe={shell:H,read:le,edit:ie,write:oe,search:ae,fetch:re,task:se};function ye(e){return xe[e.kind]??H}function je(e){return e.kind}function ve(e){switch(e.kind){case"read":case"write":case"edit":return e.path??null;default:return null}}function ke(e){return e.kind==="write"||e.kind==="edit"||e.kind==="shell"}function be(e){const n=[];if(e.kind==="edit"&&e.diff)n.push({kind:"diff",patch:e.diff});else{const s=O(e);s&&n.push({kind:"code",text:s})}return e.output&&n.push({kind:"code",text:e.output}),n}function we(e){const n=O(e);if(!n)return"";switch(e.kind){case"read":case"write":case"edit":{const s=n.split("/");return s[s.length-1]||n}case"shell":return n.split(`
+import{j as t,r as m}from"./vendor-react-BoIQBqDW.js";import{c as z,d as ee}from"./vendor-query-D5H9KBcL.js";import{t as O,u as f,a as U,D as te,T as ne,B as S}from"./index-CwsA41_m.js";import{k as se,l as re,m as ae,n as oe,o as ie,p as le,T as H,C as ce,q as ue,r as de,s as me}from"./vendor-icons-DwowToH7.js";import{M as L}from"./markdown-D9FuaV1m.js";import{C}from"./vendor--os7hw7d.js";import{D as he}from"./DiffView-DlVCPvLc.js";import"./vendor-overlays-UwLNGk04.js";import"./vendor-dnd-D9kA7FgH.js";import"./vendor-highlight-DCzuSv8g.js";import"./vendor-markdown-B8HSIhaA.js";const ge="_badge_jtokc_3",pe={badge:ge};function _e(e){switch(e){case"success":return{token:"statusSuccess"};case"error":return{token:"statusDanger"};case"muted":return{token:"foregroundMuted"}}}function fe({label:e,variant:n,className:s}){const{token:i}=_e(n),a=`var(--pi-color-${i})`;return t.jsx("span",{className:`${pe.badge}${s?` ${s}`:""}`,style:{backgroundColor:`color-mix(in srgb, ${a} 18%, transparent)`,borderColor:`color-mix(in srgb, ${a} 45%, transparent)`,color:a},children:e})}const xe={shell:H,read:le,edit:ie,write:oe,search:ae,fetch:re,task:se};function ye(e){return xe[e.kind]??H}function je(e){return e.kind}function ve(e){switch(e.kind){case"read":case"write":case"edit":return e.path??null;default:return null}}function ke(e){return e.kind==="write"||e.kind==="edit"||e.kind==="shell"}function be(e){const n=[];if(e.kind==="edit"&&e.diff)n.push({kind:"diff",patch:e.diff});else{const s=O(e);s&&n.push({kind:"code",text:s})}return e.output&&n.push({kind:"code",text:e.output}),n}function we(e){const n=O(e);if(!n)return"";switch(e.kind){case"read":case"write":case"edit":{const s=n.split("/");return s[s.length-1]||n}case"shell":return n.split(`
 `,1)[0]??n;default:return n}}const Ne=500;let D;function Ie(e,n,s,i){clearTimeout(D),D=setTimeout(()=>{D=void 0,e.invalidateQueries({queryKey:["file"]}),e.invalidateQueries({queryKey:["explorer"]}),n&&s&&n.connection.request("checkout_refresh_request",{cwd:s}).catch(()=>{})},Ne)}function K({sessionId:e,event:n,client:s,queryClient:i}){const a=f.getState();switch(a.applyStreamEvent(e,n),n.kind){case"turn_started":a.setStatus(e,"running");break;case"turn_completed":a.setStatus(e,"idle");break;case"turn_failed":a.setStatus(e,"error");break;case"turn_canceled":a.setStatus(e,"idle");break;case"tool_call":{if(n.status==="completed"&&ke(n.tool)){const l=a.sessions[e],c=(l==null?void 0:l.cwd)||null;Ie(i,s,c,ve(n.tool))}break}}}function Se(e){const n=U(a=>a.client),s=f(a=>{var l;return((l=a.sessions[e])==null?void 0:l.agentId)??null}),i=z();m.useEffect(()=>!n||!s?void 0:n.agent(s).timeline.subscribe(l=>{K({sessionId:e,event:l,client:n,queryClient:i})}),[n,s,e,i])}const Ce="_row_10uhr_3",De="_who_10uhr_13",Te="_user_10uhr_24",$e="_userPending_10uhr_31",Re="_userFailed_10uhr_35",Ae="_userImages_10uhr_41",Be="_userImage_10uhr_41",Ee="_imageDialog_10uhr_57",Fe="_imageDialogPreview_10uhr_61",Pe="_assistant_10uhr_70",Me="_streaming_10uhr_77",ze="_streamingText_10uhr_81",Oe="_cursor_10uhr_86",Ue="_blink_10uhr_1",He="_reasoning_10uhr_101",Le="_tool_10uhr_111",Ke="_toolHeader_10uhr_121",qe="_toolChevron_10uhr_139",We="_toolChevronOpen_10uhr_145",Ve="_toolInlineDetail_10uhr_149",Ge="_toolBody_10uhr_159",Qe="_toolCode_10uhr_165",Xe="_toolIcon_10uhr_176",Ye="_running_10uhr_182",Je="_pulse_10uhr_1",Ze="_completed_10uhr_187",et="_error_10uhr_191",tt="_toolLabel_10uhr_201",nt="_toolBadge_10uhr_206",st="_system_10uhr_219",r={row:Ce,who:De,user:Te,userPending:$e,userFailed:Re,userImages:Ae,userImage:Be,imageDialog:Ee,imageDialogPreview:Fe,assistant:Pe,streaming:Me,streamingText:ze,cursor:Oe,blink:Ue,reasoning:He,tool:Le,toolHeader:Ke,toolChevron:qe,toolChevronOpen:We,toolInlineDetail:Ve,toolBody:Ge,toolCode:Qe,toolIcon:Xe,running:Ye,pulse:Je,completed:Ze,error:et,toolLabel:tt,toolBadge:nt,system:st};function rt({row:e}){return t.jsxs("div",{className:`${r.row} ${r.assistant}${e.streaming?` ${r.streaming}`:""}`,children:[t.jsx("span",{className:r.who,children:"assistant"}),e.streaming?t.jsxs("span",{className:r.streamingText,children:[e.text,t.jsx("span",{className:r.cursor,children:"▍"})]}):t.jsx(L,{text:e.text})]})}function at({row:e}){return t.jsxs("div",{className:`${r.row} ${r.reasoning}`,children:[t.jsx("span",{className:r.who,children:"thinking"}),e.streaming?t.jsxs("span",{className:r.streamingText,children:[e.text,t.jsx("span",{className:r.cursor,children:"▍"})]}):t.jsx(L,{text:e.text})]})}const ot={running:"muted",completed:"success",error:"error"};function it({row:e}){const[n,s]=m.useState(!1),i=ye(e.tool),a=we(e.tool),l=be(e.tool),c=l.length>0;return t.jsxs("div",{className:C(r.row,r.tool),children:[t.jsxs("button",{type:"button",className:r.toolHeader,onClick:()=>c&&s(d=>!d),"aria-expanded":c?n:void 0,disabled:!c,children:[c&&t.jsx(ce,{size:12,className:C(r.toolChevron,n&&r.toolChevronOpen)}),t.jsx("span",{className:C(r.toolIcon,r[e.status]),children:t.jsx(i,{size:14})}),t.jsx("span",{className:r.toolLabel,children:je(e.tool)}),a&&t.jsx("span",{className:r.toolInlineDetail,title:a,children:a}),t.jsx(fe,{className:r.toolBadge,label:e.status,variant:ot[e.status]})]}),n&&c&&t.jsx("div",{className:r.toolBody,children:l.map((d,u)=>d.kind==="diff"?t.jsx(he,{patch:d.patch},u):t.jsx("pre",{className:r.toolCode,children:d.text},u))})]})}function lt({row:e}){const[n,s]=m.useState(null),i=e.failed?r.userFailed:e.pending?r.userPending:"";return t.jsxs("div",{className:`${r.row} ${r.user}${i?` ${i}`:""}`,children:[t.jsxs("span",{className:r.who,children:["you",e.failed?" · failed to send":""]}),e.text,e.images&&e.images.length>0&&t.jsx("div",{className:r.userImages,children:e.images.map((a,l)=>{const c=`data:${a.mimeType??"image/png"};base64,${a.data??""}`;return t.jsx("img",{className:r.userImage,src:c,alt:"",role:"button",tabIndex:0,onClick:()=>s(c),onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&s(c)}},l)})}),t.jsx(te,{open:n!==null,onOpenChange:a=>{a||s(null)},title:"Image",width:"auto",bare:!0,className:r.imageDialog,children:n&&t.jsx("img",{className:r.imageDialogPreview,src:n,alt:""})})]})}function ct({row:e}){return t.jsxs("div",{className:`${r.row} ${r.error}`,children:[t.jsx("span",{className:r.who,children:"error"}),e.text]})}function ut({row:e}){return t.jsx("div",{className:`${r.row} ${r.system}`,children:e.text})}const dt="_viewport_1byko_3",mt="_inner_1byko_10",ht="_rowWrap_1byko_15",gt="_empty_1byko_25",pt="_working_1byko_34",_t="_workingDots_1byko_43",_={viewport:dt,inner:mt,rowWrap:ht,empty:gt,working:pt,workingDots:_t},ft=40;function xt(e){switch(e.kind){case"user":return t.jsx(lt,{row:e});case"assistant":return t.jsx(rt,{row:e});case"reasoning":return t.jsx(at,{row:e});case"tool":return t.jsx(it,{row:e});case"error":return t.jsx(ct,{row:e});case"system":return t.jsx(ut,{row:e})}}function yt({session:e}){const n=e.timeline.rows,s=e.status==="running",i=m.useRef(null),a=m.useRef(!0),l=m.useRef(n.length),c=ee({count:n.length,getScrollElement:()=>i.current,estimateSize:()=>48,overscan:8,getItemKey:u=>{var g;return((g=n[u])==null?void 0:g.id)??u}});function d(){const u=i.current;if(!u)return;const g=u.scrollHeight-u.scrollTop-u.clientHeight;a.current=g<ft}return m.useEffect(()=>{const u=n.length>l.current;l.current=n.length,u&&a.current&&c.scrollToIndex(n.length-1,{align:"end"})},[n.length,c]),n.length===0?t.jsx("div",{className:_.viewport,ref:i,children:s?t.jsxs("div",{className:_.working,role:"status","aria-live":"polite",children:[t.jsxs("span",{className:_.workingDots,"aria-hidden":"true",children:[t.jsx("span",{}),t.jsx("span",{}),t.jsx("span",{})]}),"Agent is working…"]}):t.jsx("div",{className:_.empty,children:"No messages yet — say something to start."})}):t.jsxs("div",{className:_.viewport,ref:i,onScroll:d,children:[t.jsx("div",{className:_.inner,style:{height:c.getTotalSize()},children:c.getVirtualItems().map(u=>{const g=n[u.index];return g?t.jsx("div",{ref:c.measureElement,"data-index":u.index,className:_.rowWrap,style:{transform:`translateY(${u.start}px)`},children:xt(g)},u.key):null})}),s&&t.jsxs("div",{className:_.working,role:"status","aria-live":"polite",children:[t.jsxs("span",{className:_.workingDots,"aria-hidden":"true",children:[t.jsx("span",{}),t.jsx("span",{}),t.jsx("span",{})]}),"Agent is working…"]})]})}const jt="_strip_5sm81_4",vt="_thumb_5sm81_11",kt="_remove_5sm81_28",T={strip:jt,thumb:vt,remove:kt};function bt({images:e,onRemove:n}){return e.length===0?null:t.jsx("div",{className:T.strip,children:e.map((s,i)=>t.jsxs("div",{className:T.thumb,children:[t.jsx("img",{src:s.thumbUrl,alt:""}),t.jsx("button",{type:"button",className:T.remove,title:"Remove",onClick:()=>n(i),children:"×"})]},i))})}function wt(e){const{promise:n,resolve:s,reject:i}=Promise.withResolvers(),a=new FileReader;return a.onload=()=>{const l=a.result;if(typeof l!="string"){i(new Error("Unexpected FileReader result"));return}const c=l.indexOf(","),d=c>=0?l.slice(c+1):l;s({mimeType:e.type,data:d,thumbUrl:l})},a.onerror=()=>i(a.error??new Error("Failed to read file")),a.readAsDataURL(e),n}const Nt="_composer_1ll3p_1",It="_inputArea_1ll3p_13",St="_textarea_1ll3p_21",Ct="_attachBtn_1ll3p_28",Dt="_hiddenFileInput_1ll3p_32",Tt="_actions_1ll3p_36",x={composer:Nt,inputArea:It,textarea:St,attachBtn:Ct,hiddenFileInput:Dt,actions:Tt},$t=160;function M(e){e.style.height="auto",e.style.height=`${Math.min(e.scrollHeight,$t)}px`}function Rt(e){return typeof e!="object"||e===null||!("type"in e)||e.type!=="agent_stream"?!1:"agentId"in e&&typeof e.agentId=="string"&&"event"in e}function At({sessionId:e}){const n=U(o=>o.client),s=f(o=>o.sessions[e]),i=f(o=>o.bindAgent),a=f(o=>o.addOptimisticUserMessage),l=f(o=>o.markUserMessageFailed),c=f(o=>o.setCwd),d=z(),[u,g]=m.useState(""),[v,w]=m.useState([]),[R,A]=m.useState(!1),N=m.useRef(null),B=m.useRef(null),q=(s==null?void 0:s.status)==="running",W=!!n&&!R&&(u.trim().length>0||v.length>0);async function E(o){if(o.type.startsWith("image/"))try{const h=await wt(o);w(p=>[...p,h])}catch{}}function V(o){for(const h of o.target.files??[])E(h);o.target.value=""}function G(o){for(const h of o.clipboardData.items)if(h.type.startsWith("image/")){o.preventDefault();const p=h.getAsFile();p&&E(p)}}function Q(o){w(h=>h.filter((p,y)=>y!==o))}function X(o){g(o.target.value),M(o.target)}function Y(o){o.key==="Enter"&&!o.shiftKey&&(o.preventDefault(),F())}async function F(){if(!n||!s||R)return;const o=u.trim();if(!o&&v.length===0)return;g(""),N.current&&M(N.current);const h=v;w([]);const p=o||"Describe this image",y=h.length>0?h.map(j=>({mimeType:j.mimeType,data:j.data})):void 0,k=crypto.randomUUID();a(e,k,p,y),A(!0);try{if(s.agentId)await n.agent(s.agentId).send(p,{clientMessageId:k,images:y});else{const j=s.cwd||"~";c(e,j);let I=null;const Z=n.connection.onSessionMessage(b=>{Rt(b)&&(I===null&&(I=b.agentId),b.agentId===I&&K({sessionId:e,event:b.event,client:n,queryClient:d}))});let P;try{P=await n.createAgent({config:{provider:"pi",cwd:j},initialPrompt:p,clientMessageId:k,images:y,labels:{}})}finally{Z()}i(e,P.agentId)}}catch{l(e,k)}finally{A(!1)}}function J(){s!=null&&s.agentId&&(n==null||n.agent(s.agentId).interrupt())}return t.jsxs("div",{className:x.composer,children:[t.jsxs("div",{className:x.inputArea,children:[t.jsx(ne,{ref:N,className:x.textarea,rows:1,value:u,placeholder:"Ask anything… (Enter to send, Shift+Enter for newline)",onChange:X,onKeyDown:Y,onPaste:G}),t.jsx(bt,{images:v,onRemove:Q})]}),t.jsx(S,{className:x.attachBtn,variant:"ghost",size:"md",iconOnly:!0,title:"Attach image",onClick:()=>{var o;return(o=B.current)==null?void 0:o.click()},children:t.jsx(ue,{size:16})}),t.jsx("input",{ref:B,className:x.hiddenFileInput,type:"file",accept:"image/*",multiple:!0,onChange:V}),t.jsxs("div",{className:x.actions,children:[t.jsx(S,{size:"sm",disabled:!W,onClick:()=>void F(),leftIcon:t.jsx(de,{size:14}),children:"Send"}),q&&t.jsx(S,{size:"sm",variant:"destructive",onClick:J,leftIcon:t.jsx(me,{size:14}),children:"Stop"})]})]})}const Bt="_panel_12s9l_1",Et="_empty_12s9l_8",$={panel:Bt,empty:Et};function Vt({tab:e}){const{sessionId:n}=e.data,s=f(i=>i.sessions[n]);return Se(n),s?t.jsxs("div",{className:$.panel,children:[t.jsx(yt,{session:s}),t.jsx(At,{sessionId:s.id})]}):t.jsx("div",{className:$.panel,children:t.jsx("div",{className:$.empty,children:"Session not found."})})}export{Vt as ChatPanel};
-//# sourceMappingURL=ChatPanel-fg1SO3wS.js.map
+//# sourceMappingURL=ChatPanel-CR9Q7XT0.js.map

package/dist/web/assets/{ChatPanel-fg1SO3wS.js.map → ChatPanel-CR9Q7XT0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel-fg1SO3wS.js","sources":["../../../src/ui/status-badge.ts","../../../src/components/primitives/StatusBadge.tsx","../../../src/timeline/tool-mapping.ts","../../../src/lib/connection/files-changed.ts","../../../src/hooks/agent-stream-events.ts","../../../src/hooks/use-agent-stream.ts","../../../src/features/chat/rows/AssistantRow.tsx","../../../src/features/chat/rows/ReasoningRow.tsx","../../../src/features/chat/rows/ToolCard.tsx","../../../src/features/chat/rows/UserRow.tsx","../../../src/features/chat/rows/ErrorRow.tsx","../../../src/features/chat/rows/SystemRow.tsx","../../../src/features/chat/Timeline.tsx","../../../src/features/chat/Attachments.tsx","../../../src/features/chat/Composer.tsx","../../../src/features/chat/ChatPanel.tsx"],"sourcesContent":["// StatusBadge + Alert variant contracts.\n// ui-components.md § Surfaces / badges / chips / avatars\n\nexport type StatusBadgeVariant = \"success\" | \"error\" | \"muted\";\n\n// Single semantic token per variant — text color AND a translucent tint of the SAME token as\n// background (matches `ChangesPanel.module.css`'s `.added`/`.modified`/`.deleted` convention).\n// Never split bg/border/text across different token families (e.g. `success` vs `statusSuccess`)\n// — they can diverge in the theme (dark mode's `success` aliases the blue accent, not green),\n// producing a badge with mismatched border/background colors.\nexport type BadgeTokens = {\n  token: string;\n};\n\nexport function statusBadgeTokens(variant: StatusBadgeVariant): BadgeTokens {\n  switch (variant) {\n    case \"success\":\n      return { token: \"statusSuccess\" };\n    case \"error\":\n      return { token: \"statusDanger\" };\n    case \"muted\":\n      return { token: \"foregroundMuted\" };\n  }\n}\n\nexport type AlertVariant = \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type AlertIconInfo = {\n  /** Lucide icon name string for the alert variant. */\n  icon: string;\n  /** Theme token key for the icon/border/title accent color. */\n  accentToken: string;\n};\n\nexport function alertIconInfo(variant: AlertVariant): AlertIconInfo {\n  switch (variant) {\n    case \"default\":\n      return { icon: \"info\", accentToken: \"foregroundMuted\" };\n    case \"info\":\n      return { icon: \"info\", accentToken: \"accent\" };\n    case \"success\":\n      return { icon: \"check-circle\", accentToken: \"success\" };\n    case \"warning\":\n      return { icon: \"triangle-alert\", accentToken: \"statusWarning\" };\n    case \"error\":\n      return { icon: \"circle-x\", accentToken: \"destructive\" };\n  }\n}\n\n// AttachmentPill remove-button visibility — mirrors hover-to-show pattern.\nexport function attachmentPillRemoveVisible(\n  isNativeCtx: boolean,\n  isCompact: boolean,\n  hovered: boolean,\n): boolean {\n  return isNativeCtx || isCompact || hovered;\n}\n","/**\n * StatusBadge — small rounded pill with variant coloring.\n * ui-components.md § Surfaces / badges / chips / avatars\n */\n\nimport { type ReactNode } from \"react\";\nimport styles from \"./StatusBadge.module.css\";\nimport { statusBadgeTokens, type StatusBadgeVariant } from \"@pi-studio-ui/ui/status-badge.js\";\n\nexport interface StatusBadgeProps {\n  label: ReactNode;\n  variant: StatusBadgeVariant;\n  className?: string;\n}\n\nexport function StatusBadge({ label, variant, className }: StatusBadgeProps) {\n  const { token } = statusBadgeTokens(variant);\n  const color = `var(--pi-color-${token})`;\n  return (\n    <span\n      className={`${styles.badge}${className ? ` ${className}` : \"\"}`}\n      style={{\n        backgroundColor: `color-mix(in srgb, ${color} 18%, transparent)`,\n        borderColor: `color-mix(in srgb, ${color} 45%, transparent)`,\n        color,\n      }}\n    >\n      {label}\n    </span>\n  );\n}\n","/**\n * tool.kind → display label + icon. Scoped to the protocol's `ToolCallDetail` union\n * (shell/read/edit/write/search/fetch/task) — POC_TO_APP_PLAN_UI.md §3 `timeline/tool-mapping.ts`.\n */\n\nimport type { ToolCallDetail } from \"@av-pi-studio/protocol\";\nimport {\n  Terminal,\n  Eye,\n  Pencil,\n  FilePlus,\n  Search,\n  Globe,\n  ListTree,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { toolDetailText } from \"./row-model.js\";\n\nconst ICON_BY_KIND: Record<ToolCallDetail[\"kind\"], LucideIcon> = {\n  shell: Terminal,\n  read: Eye,\n  edit: Pencil,\n  write: FilePlus,\n  search: Search,\n  fetch: Globe,\n  task: ListTree,\n};\n\nexport function toolIcon(tool: ToolCallDetail): LucideIcon {\n  return ICON_BY_KIND[tool.kind] ?? Terminal;\n}\n\n/** Human label for a tool card header, e.g. \"shell\", \"edit\". */\nexport function toolLabel(tool: ToolCallDetail): string {\n  return tool.kind;\n}\n\n/** One-line detail summary for a tool card (POC: `t.command || t.path || t.query || …`). */\nexport function toolSummary(tool: ToolCallDetail): string {\n  return toolDetailText(tool);\n}\n\n/** File path a tool touched, if any — used to target `filesChanged` invalidation (§4.5). */\nexport function toolFilePath(tool: ToolCallDetail): string | null {\n  switch (tool.kind) {\n    case \"read\":\n    case \"write\":\n    case \"edit\":\n      return tool.path ?? null;\n    default:\n      return null;\n  }\n}\n\n/** True for tool kinds whose completion should invalidate open file/diff/explorer/git queries. */\nexport function toolMutatesFiles(tool: ToolCallDetail): boolean {\n  return tool.kind === \"write\" || tool.kind === \"edit\" || tool.kind === \"shell\";\n}\n\n/**\n * Expandable detail body for a tool card, as an ordered list of sections. `diff` renders as a\n * `<DiffView>`; `code` renders in a monospace block. Order: input detail (command/path/query/…)\n * first, then tool output (stdout, file content, etc.) if present. Empty array = header-only card\n * with nothing worth expanding.\n */\nexport type ToolBodySection = { kind: \"diff\"; patch: string } | { kind: \"code\"; text: string };\n\nexport function toolBody(tool: ToolCallDetail): ToolBodySection[] {\n  const sections: ToolBodySection[] = [];\n  if (tool.kind === \"edit\" && tool.diff) sections.push({ kind: \"diff\", patch: tool.diff });\n  else {\n    const text = toolDetailText(tool);\n    if (text) sections.push({ kind: \"code\", text });\n  }\n  if (tool.output) sections.push({ kind: \"code\", text: tool.output });\n  return sections;\n}\n\n/** Concise inline label shown in the collapsed header (basename for paths, first line for commands). */\nexport function toolInlineDetail(tool: ToolCallDetail): string {\n  const text = toolDetailText(tool);\n  if (!text) return \"\";\n  switch (tool.kind) {\n    case \"read\":\n    case \"write\":\n    case \"edit\": {\n      const parts = text.split(\"/\");\n      return parts[parts.length - 1] || text;\n    }\n    case \"shell\": {\n      const firstLine = text.split(\"\\n\", 1)[0] ?? text;\n      return firstLine;\n    }\n    default:\n      return text;\n  }\n}\n","/**\n * `filesChanged` signal — invalidates the file/diff/explorer query caches after a completed\n * write/edit/shell tool call (POC `scheduleFileRefresh`/`reloadOpenFileTabs`, chat.html\n * ~line 1070-1092, POC_TO_APP_PLAN_UI.md §4.3/§4.5/§5). Debounced ~500ms to coalesce a burst of\n * tool completions (POC used `setTimeout(...,600)`/`400`).\n *\n * The daemon does NOT push a `checkout_status_update` automatically after a git-affecting tool\n * completion, so this module also fires an explicit `checkout_refresh_request` for the active\n * cwd — `ChangesPanel`/`FileExplorer` then pick up the resulting push/refetch reactively, since\n * they're already subscribed (`use-checkout-status.ts`) or query-cache-driven (`use-explorer.ts`).\n *\n * NOTE (follow-up, cross-slice): this module only *exports* the invalidation function. The actual\n * call site — wiring this into the timeline reducer's `tool_call` handling on `status:\"completed\"`\n * for `toolMutatesFiles(tool) === true` — belongs to the chat/session-store slice (built in\n * parallel) or the top-level app wiring; do not import/call it from `timeline/reducer.ts` here,\n * that file is a shared contract file owned across slices.\n */\n\nimport type { QueryClient } from \"@tanstack/react-query\";\nimport type { PiStudioClient } from \"@av-pi-studio/client\";\n\nconst DEBOUNCE_MS = 500;\nlet pendingTimer: ReturnType<typeof setTimeout> | undefined;\n\n/**\n * Invalidate file/diff/explorer TanStack Query caches and refresh git status for `cwd`.\n * Debounced: repeated calls within `DEBOUNCE_MS` coalesce into a single invalidation pass.\n *\n * `toolFilePath` is accepted for future path-scoped invalidation (POC `reloadOpenFileTabs`\n * matched by path suffix) but the current pass invalidates the whole `file`/`explorer` query\n * families — TanStack Query dedupes refetches for inactive queries, so this is cheap and correct\n * even when the path is unknown.\n */\nexport function invalidateAfterToolCompletion(\n  queryClient: QueryClient,\n  client: PiStudioClient | null,\n  cwd: string | null,\n  _toolFilePath: string | null,\n): void {\n  clearTimeout(pendingTimer);\n  pendingTimer = setTimeout(() => {\n    pendingTimer = undefined;\n    void queryClient.invalidateQueries({ queryKey: [\"file\"] });\n    void queryClient.invalidateQueries({ queryKey: [\"explorer\"] });\n    if (client && cwd) {\n      void client.connection.request(\"checkout_refresh_request\", { cwd }).catch(() => {});\n    }\n  }, DEBOUNCE_MS);\n}\n","/**\n * Shared `AgentStreamEvent` → store-update logic, used both by the live subscription\n * (`use-agent-stream.ts`) and by the live first-turn apply in `Composer.tsx` (see its comment for\n * why: `create_agent_request` blocks until the whole first turn completes, so the timeline is fed\n * from the raw broadcast as events arrive rather than from a not-yet-attached subscription).\n */\n\nimport type { PiStudioClient } from \"@av-pi-studio/client\";\nimport type { AgentStreamEvent } from \"@av-pi-studio/protocol\";\nimport type { QueryClient } from \"@tanstack/react-query\";\nimport { useSessionStore } from \"@pi-studio-ui/stores/session-store.js\";\nimport { toolMutatesFiles, toolFilePath } from \"@pi-studio-ui/timeline/tool-mapping.js\";\nimport { invalidateAfterToolCompletion } from \"@pi-studio-ui/lib/connection/files-changed.js\";\n\nexport interface ApplyAgentStreamEventArgs {\n  sessionId: string;\n  event: AgentStreamEvent;\n  client: PiStudioClient;\n  queryClient: QueryClient;\n}\n\nexport function applyAgentStreamEvent({\n  sessionId,\n  event,\n  client,\n  queryClient,\n}: ApplyAgentStreamEventArgs): void {\n  const sessionStore = useSessionStore.getState();\n  sessionStore.applyStreamEvent(sessionId, event);\n  switch (event.kind) {\n    case \"turn_started\":\n      sessionStore.setStatus(sessionId, \"running\");\n      break;\n    case \"turn_completed\":\n      sessionStore.setStatus(sessionId, \"idle\");\n      break;\n    case \"turn_failed\":\n      sessionStore.setStatus(sessionId, \"error\");\n      break;\n    case \"turn_canceled\":\n      sessionStore.setStatus(sessionId, \"idle\");\n      break;\n    case \"tool_call\": {\n      if (event.status === \"completed\" && toolMutatesFiles(event.tool)) {\n        const session = sessionStore.sessions[sessionId];\n        const cwd = session?.cwd || null;\n        invalidateAfterToolCompletion(queryClient, client, cwd, toolFilePath(event.tool));\n      }\n      break;\n    }\n    default:\n      break;\n  }\n}\n","/**\n * Live timeline subscription for a chat session. Subscribes to\n * `client.agent(agentId).timeline.subscribe` whenever both the connection's `client` and the\n * session's `agentId` are available, routing every event through `applyAgentStreamEvent`\n * (POC_TO_APP_PLAN_UI.md §4.3). Also mirrors the POC's `handleAgentStream` turn-lifecycle →\n * `session.status` transitions so the Composer's Stop button and the session-list status dot\n * stay live.\n *\n * NOTE: this only covers events that arrive *after* the subscription attaches, which requires a\n * bound `agentId`. The daemon runs the whole first turn of a brand-new agent *before*\n * `create_agent_request` resolves, so `Composer.handleSend` applies that first turn live from the\n * raw broadcast (latching the agent id from the first `agent_stream` frame it sees) and only\n * calls `bindAgent` once the RPC resolves — after the turn is already applied. This hook therefore\n * attaches only in time for *follow-up* turns, which is exactly what avoids double-applying the\n * first turn (the reducer is not event-id-idempotent).\n */\n\nimport { useEffect } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { useSessionStore } from \"@pi-studio-ui/stores/session-store.js\";\nimport { applyAgentStreamEvent } from \"./agent-stream-events.js\";\n\nexport function useAgentStream(sessionId: string): void {\n  const client = useConnectionStore((s) => s.client);\n  const agentId = useSessionStore((s) => s.sessions[sessionId]?.agentId ?? null);\n  const queryClient = useQueryClient();\n\n  useEffect(() => {\n    if (!client || !agentId) return;\n\n    const unsubscribe = client.agent(agentId).timeline.subscribe((event) => {\n      applyAgentStreamEvent({ sessionId, event, client, queryClient });\n    });\n\n    return unsubscribe;\n  }, [client, agentId, sessionId, queryClient]);\n}\n","/**\n * Assistant message row (POC `.msg.assistant`, POC_TO_APP_PLAN_UI.md §4.3). While streaming,\n * renders plain text with a blinking cursor — re-parsing markdown on every token would be\n * wasteful (§6 Performance strategy). Once `turn_completed` finalizes the row (`streaming:\n * false`), it renders through `<Markdown>`.\n */\n\nimport type { AssistantRow as AssistantRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport { Markdown } from \"@pi-studio-ui/timeline/markdown.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface AssistantRowProps {\n  row: AssistantRowModel;\n}\n\nexport function AssistantRow({ row }: AssistantRowProps) {\n  return (\n    <div className={`${styles.row} ${styles.assistant}${row.streaming ? ` ${styles.streaming}` : \"\"}`}>\n      <span className={styles.who}>assistant</span>\n      {row.streaming ? (\n        <span className={styles.streamingText}>\n          {row.text}\n          <span className={styles.cursor}>▍</span>\n        </span>\n      ) : (\n        <Markdown text={row.text} />\n      )}\n    </div>\n  );\n}\n","/**\n * Reasoning row — dimmer/italic styling, visually distinct from assistant replies (POC\n * `.msg.reasoning`, POC_TO_APP_PLAN_UI.md §4.3). Streams as plain text with a cursor, same\n * rationale as `AssistantRow`.\n */\n\nimport type { ReasoningRow as ReasoningRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport { Markdown } from \"@pi-studio-ui/timeline/markdown.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface ReasoningRowProps {\n  row: ReasoningRowModel;\n}\n\nexport function ReasoningRow({ row }: ReasoningRowProps) {\n  return (\n    <div className={`${styles.row} ${styles.reasoning}`}>\n      <span className={styles.who}>thinking</span>\n      {row.streaming ? (\n        <span className={styles.streamingText}>\n          {row.text}\n          <span className={styles.cursor}>▍</span>\n        </span>\n      ) : (\n        <Markdown text={row.text} />\n      )}\n    </div>\n  );\n}\n","/**\n * Tool call card — icon + label + inline detail + status badge header, with an expandable body\n * (POC `.msg.tool`, POC_TO_APP_PLAN_UI.md §4.3). Collapsed by default; clicking the header reveals\n * the full detail as an ordered list of sections: input detail (`edit` diffs render through the\n * shared `<DiffView>`; shell command/path/query/url/task description render in a monospace block)\n * followed by tool output (stdout, file content, etc.), when present. Cards with no expandable\n * sections (`toolBody` → `[]`) show only the header. The virtualized timeline re-measures on\n * expand via `measureElement`, so height changes need no special handling here.\n */\n\nimport { useState } from \"react\";\nimport { ChevronRight } from \"lucide-react\";\nimport { clsx } from \"clsx\";\nimport { StatusBadge } from \"@pi-studio-ui/components/primitives/StatusBadge.js\";\nimport { DiffView } from \"@pi-studio-ui/features/files/DiffView.js\";\nimport { toolIcon, toolLabel, toolInlineDetail, toolBody } from \"@pi-studio-ui/timeline/tool-mapping.js\";\nimport type { ToolRow } from \"@pi-studio-ui/timeline/row-model.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface ToolCardProps {\n  row: ToolRow;\n}\n\nconst BADGE_VARIANT = {\n  running: \"muted\",\n  completed: \"success\",\n  error: \"error\",\n} as const;\n\nexport function ToolCard({ row }: ToolCardProps) {\n  const [expanded, setExpanded] = useState(false);\n  const Icon = toolIcon(row.tool);\n  const inlineDetail = toolInlineDetail(row.tool);\n  const body = toolBody(row.tool);\n  const hasBody = body.length > 0;\n\n  return (\n    <div className={clsx(styles.row, styles.tool)}>\n      <button\n        type=\"button\"\n        className={styles.toolHeader}\n        onClick={() => hasBody && setExpanded((v) => !v)}\n        aria-expanded={hasBody ? expanded : undefined}\n        disabled={!hasBody}\n      >\n        {hasBody && (\n          <ChevronRight\n            size={12}\n            className={clsx(styles.toolChevron, expanded && styles.toolChevronOpen)}\n          />\n        )}\n        <span className={clsx(styles.toolIcon, styles[row.status])}>\n          <Icon size={14} />\n        </span>\n        <span className={styles.toolLabel}>{toolLabel(row.tool)}</span>\n        {inlineDetail && (\n          <span className={styles.toolInlineDetail} title={inlineDetail}>\n            {inlineDetail}\n          </span>\n        )}\n        <StatusBadge className={styles.toolBadge} label={row.status} variant={BADGE_VARIANT[row.status]} />\n      </button>\n      {expanded && hasBody && (\n        <div className={styles.toolBody}>\n          {body.map((section, i) =>\n            section.kind === \"diff\" ? (\n              <DiffView key={i} patch={section.patch} />\n            ) : (\n              <pre key={i} className={styles.toolCode}>\n                {section.text}\n              </pre>\n            ),\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","/**\n * User message row — plain text + optional image thumbnails (POC `.msg.user`,\n * POC_TO_APP_PLAN_UI.md §4.3/§4.4). Images render at up to 200×150, matching the POC's inline\n * `userBubble.appendChild(img)` styling. Clicking a thumbnail opens it full-size in a `Dialog`.\n *\n * `row.pending` (optimistic echo not yet confirmed by the server's `user_message` broadcast —\n * see Composer.tsx) dims the row via CSS; `row.failed` (the RPC rejected before confirmation\n * ever arrived) tints it toward the error color and appends a \"failed to send\" label instead.\n * Both are terminal states set once by the reducer — this component only reflects them.\n */\n\nimport { useState } from \"react\";\nimport { Dialog } from \"@pi-studio-ui/components/primitives/Dialog.js\";\nimport type { UserRow as UserRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface UserRowProps {\n  row: UserRowModel;\n}\n\nexport function UserRow({ row }: UserRowProps) {\n  const [openedSrc, setOpenedSrc] = useState<string | null>(null);\n\n  const stateClass = row.failed ? styles.userFailed : row.pending ? styles.userPending : \"\";\n\n  return (\n    <div className={`${styles.row} ${styles.user}${stateClass ? ` ${stateClass}` : \"\"}`}>\n      <span className={styles.who}>you{row.failed ? \" · failed to send\" : \"\"}</span>\n      {row.text}\n      {row.images && row.images.length > 0 && (\n        <div className={styles.userImages}>\n          {row.images.map((img, i) => {\n            const src = `data:${img.mimeType ?? \"image/png\"};base64,${img.data ?? \"\"}`;\n            return (\n              <img\n                key={i}\n                className={styles.userImage}\n                src={src}\n                alt=\"\"\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => setOpenedSrc(src)}\n                onKeyDown={(ev) => {\n                  if (ev.key === \"Enter\" || ev.key === \" \") setOpenedSrc(src);\n                }}\n              />\n            );\n          })}\n        </div>\n      )}\n      <Dialog\n        open={openedSrc !== null}\n        onOpenChange={(open) => {\n          if (!open) setOpenedSrc(null);\n        }}\n        title=\"Image\"\n        width=\"auto\"\n        bare\n        className={styles.imageDialog}\n      >\n        {openedSrc && <img className={styles.imageDialogPreview} src={openedSrc} alt=\"\" />}\n      </Dialog>\n    </div>\n  );\n}\n","/**\n * Error row — red-tinted block (POC `.msg.err`, POC_TO_APP_PLAN_UI.md §4.3), used for\n * `turn_failed`/`error` stream events.\n */\n\nimport type { ErrorRow as ErrorRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface ErrorRowProps {\n  row: ErrorRowModel;\n}\n\nexport function ErrorRow({ row }: ErrorRowProps) {\n  return (\n    <div className={`${styles.row} ${styles.error}`}>\n      <span className={styles.who}>error</span>\n      {row.text}\n    </div>\n  );\n}\n","/**\n * System row — muted/italic styling (POC's `turn_canceled` \"(canceled)\" reasoning-styled bubble,\n * POC_TO_APP_PLAN_UI.md §4.3), used for canceled-turn markers and other system notices.\n */\n\nimport type { SystemRow as SystemRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface SystemRowProps {\n  row: SystemRowModel;\n}\n\nexport function SystemRow({ row }: SystemRowProps) {\n  return <div className={`${styles.row} ${styles.system}`}>{row.text}</div>;\n}\n","/**\n * Virtualized timeline viewport — TanStack Virtual over `session.timeline.rows` with\n * variable-size rows (POC `.chat-area`, POC_TO_APP_PLAN_UI.md §4.3/§6). Auto-scrolls to the\n * bottom on new rows unless the user has scrolled up more than 40px from the bottom; re-sticks\n * whenever the row count grows from a user's own send (POC's forced `scrollTop = scrollHeight`,\n * fixed to respect manual scroll-up).\n */\n\nimport { useEffect, useRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type { SessionEntry } from \"@pi-studio-ui/stores/session-store.js\";\nimport type { TimelineRow } from \"@pi-studio-ui/timeline/row-model.js\";\nimport { AssistantRow } from \"./rows/AssistantRow.js\";\nimport { ReasoningRow } from \"./rows/ReasoningRow.js\";\nimport { ToolCard } from \"./rows/ToolCard.js\";\nimport { UserRow } from \"./rows/UserRow.js\";\nimport { ErrorRow } from \"./rows/ErrorRow.js\";\nimport { SystemRow } from \"./rows/SystemRow.js\";\nimport styles from \"./Timeline.module.css\";\n\nexport interface TimelineProps {\n  session: SessionEntry;\n}\n\nconst STICK_THRESHOLD_PX = 40;\n\nfunction renderRow(row: TimelineRow) {\n  switch (row.kind) {\n    case \"user\":\n      return <UserRow row={row} />;\n    case \"assistant\":\n      return <AssistantRow row={row} />;\n    case \"reasoning\":\n      return <ReasoningRow row={row} />;\n    case \"tool\":\n      return <ToolCard row={row} />;\n    case \"error\":\n      return <ErrorRow row={row} />;\n    case \"system\":\n      return <SystemRow row={row} />;\n  }\n}\n\nexport function Timeline({ session }: TimelineProps) {\n  const rows = session.timeline.rows;\n  const running = session.status === \"running\";\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const stickToBottomRef = useRef(true);\n  const prevRowCountRef = useRef(rows.length);\n\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => 48,\n    overscan: 8,\n    getItemKey: (index) => rows[index]?.id ?? index,\n  });\n\n  function handleScroll(): void {\n    const el = scrollRef.current;\n    if (!el) return;\n    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;\n    stickToBottomRef.current = distanceFromBottom < STICK_THRESHOLD_PX;\n  }\n\n  useEffect(() => {\n    const grew = rows.length > prevRowCountRef.current;\n    prevRowCountRef.current = rows.length;\n    if (!grew) return;\n    if (!stickToBottomRef.current) return;\n    virtualizer.scrollToIndex(rows.length - 1, { align: \"end\" });\n  }, [rows.length, virtualizer]);\n\n  if (rows.length === 0) {\n    return (\n      <div className={styles.viewport} ref={scrollRef}>\n        {running ? (\n          <div className={styles.working} role=\"status\" aria-live=\"polite\">\n            <span className={styles.workingDots} aria-hidden=\"true\">\n              <span />\n              <span />\n              <span />\n            </span>\n            Agent is working…\n          </div>\n        ) : (\n          <div className={styles.empty}>No messages yet — say something to start.</div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.viewport} ref={scrollRef} onScroll={handleScroll}>\n      <div className={styles.inner} style={{ height: virtualizer.getTotalSize() }}>\n        {virtualizer.getVirtualItems().map((virtualRow) => {\n          const row = rows[virtualRow.index];\n          if (!row) return null;\n          return (\n            <div\n              key={virtualRow.key}\n              ref={virtualizer.measureElement}\n              data-index={virtualRow.index}\n              className={styles.rowWrap}\n              style={{ transform: `translateY(${virtualRow.start}px)` }}\n            >\n              {renderRow(row)}\n            </div>\n          );\n        })}\n      </div>\n      {running && (\n        <div className={styles.working} role=\"status\" aria-live=\"polite\">\n          <span className={styles.workingDots} aria-hidden=\"true\">\n            <span />\n            <span />\n            <span />\n          </span>\n          Agent is working…\n        </div>\n      )}\n    </div>\n  );\n}\n","/**\n * Attachment preview strip — presentational thumbnail row with remove buttons (POC\n * `renderAttachments`, POC_TO_APP_PLAN_UI.md §4.4). Pending-image state lives in `Composer`;\n * this component only renders `images` and forwards `onRemove(index)`.\n */\n\nimport styles from \"./Attachments.module.css\";\n\nexport interface PendingImage {\n  mimeType: string;\n  /** Base64 payload, no `data:...;base64,` prefix — sent to the daemon as-is. */\n  data: string;\n  /** Full data URL, for the thumbnail `<img src>`. */\n  thumbUrl: string;\n}\n\nexport interface AttachmentsProps {\n  images: PendingImage[];\n  onRemove: (index: number) => void;\n}\n\nexport function Attachments({ images, onRemove }: AttachmentsProps) {\n  if (images.length === 0) return null;\n\n  return (\n    <div className={styles.strip}>\n      {images.map((img, i) => (\n        <div key={i} className={styles.thumb}>\n          <img src={img.thumbUrl} alt=\"\" />\n          <button\n            type=\"button\"\n            className={styles.remove}\n            title=\"Remove\"\n            onClick={() => onRemove(i)}\n          >\n            ×\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/** `FileReader.readAsDataURL` wrapped as a promise (POC `addImageFile`). */\nexport function readImageFile(file: File): Promise<PendingImage> {\n  const { promise, resolve, reject } = Promise.withResolvers<PendingImage>();\n  const reader = new FileReader();\n  reader.onload = () => {\n    const result = reader.result;\n    if (typeof result !== \"string\") {\n      reject(new Error(\"Unexpected FileReader result\"));\n      return;\n    }\n    const commaIndex = result.indexOf(\",\");\n    const data = commaIndex >= 0 ? result.slice(commaIndex + 1) : result;\n    resolve({ mimeType: file.type, data, thumbUrl: result });\n  };\n  reader.onerror = () => reject(reader.error ?? new Error(\"Failed to read file\"));\n  reader.readAsDataURL(file);\n  return promise;\n}\n","/**\n * Composer — autosizing textarea + attach/send/stop (POC `initChatPanel`/`send()`,\n * POC_TO_APP_PLAN_UI.md §4.4). Send routing: no `agentId` yet → `client.createAgent(...)` then\n * `sessionStore.bindAgent` on success (the race-free binding point `useAgentStream` reacts to);\n * else → `client.agent(agentId).send(...)`. Stop → `client.agent(agentId).interrupt()`.\n *\n * OPTIMISTIC ECHO: `create_agent_request`/`send_agent_prompt` block server-side until the whole\n * turn finishes, and even the *first* broadcast event for that turn (the canonical `user_message`)\n * only fires once the agent process is booted/warm — for a brand-new session that means a real\n * process-spawn+handshake before anything appears (see AGENTS.md \"First-message latency\"). To hide\n * that, `handleSend` mints a `clientMessageId` and inserts the user's row into the timeline\n * *synchronously*, before the RPC is even issued. The daemon echoes the same id back verbatim as\n * the `user_message` event's `messageId` (`packages/server/src/agent/agent-service.ts` `runTurn`);\n * the reducer (`timeline/reducer.ts` `onUserMessage`) matches it against the pending row and\n * confirms it in place instead of appending a duplicate.\n *\n * A brand-new agent has no live subscription yet when the first turn's events start arriving —\n * `useAgentStream` only attaches once `bindAgent` sets `agentId`, which happens *after*\n * `createAgent()` resolves. So for the first turn `handleSend` subscribes to the raw broadcast\n * directly and applies each `agent_stream` event *as it arrives*, latching the new agent's id\n * from the first such event (agent_update frames are top-level and never reach\n * `onSessionMessage`; agent_stream frames are session-wrapped and do). That includes the\n * `user_message` event that reconciles the optimistic row above.\n * `bindAgent` is deferred until the RPC resolves so `useAgentStream` attaches only for follow-up\n * turns and never re-applies the first turn (the reducer is not event-id-idempotent).\n */\n\nimport { useRef, useState, type ChangeEvent, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Paperclip, Send, Square } from \"lucide-react\";\nimport type { AgentStreamEvent } from \"@av-pi-studio/protocol\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\nimport { TextArea } from \"@pi-studio-ui/components/primitives/TextInput.js\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { useSessionStore } from \"@pi-studio-ui/stores/session-store.js\";\nimport { applyAgentStreamEvent } from \"@pi-studio-ui/hooks/agent-stream-events.js\";\nimport { Attachments, readImageFile, type PendingImage } from \"./Attachments.js\";\nimport styles from \"./Composer.module.css\";\n\nconst MAX_TEXTAREA_HEIGHT = 160;\n\nexport interface ComposerProps {\n  sessionId: string;\n}\n\nfunction autoResize(el: HTMLTextAreaElement): void {\n  el.style.height = \"auto\";\n  el.style.height = `${Math.min(el.scrollHeight, MAX_TEXTAREA_HEIGHT)}px`;\n}\n\ninterface AgentStreamMessage {\n  type: \"agent_stream\";\n  agentId: string;\n  event: AgentStreamEvent;\n}\n\nfunction isAgentStreamMessage(msg: unknown): msg is AgentStreamMessage {\n  if (typeof msg !== \"object\" || msg === null) return false;\n  if (!(\"type\" in msg) || msg.type !== \"agent_stream\") return false;\n  return \"agentId\" in msg && typeof msg.agentId === \"string\" && \"event\" in msg;\n}\n\nexport function Composer({ sessionId }: ComposerProps) {\n  const client = useConnectionStore((s) => s.client);\n  const session = useSessionStore((s) => s.sessions[sessionId]);\n  const bindAgent = useSessionStore((s) => s.bindAgent);\n  const addOptimisticUserMessage = useSessionStore((s) => s.addOptimisticUserMessage);\n  const markUserMessageFailed = useSessionStore((s) => s.markUserMessageFailed);\n  const setCwd = useSessionStore((s) => s.setCwd);\n  const queryClient = useQueryClient();\n\n  const [text, setText] = useState(\"\");\n  const [images, setImages] = useState<PendingImage[]>([]);\n  const [sending, setSending] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const running = session?.status === \"running\";\n  const canSend = Boolean(client) && !sending && (text.trim().length > 0 || images.length > 0);\n\n  async function addImageFile(file: File): Promise<void> {\n    if (!file.type.startsWith(\"image/\")) return;\n    try {\n      const image = await readImageFile(file);\n      setImages((prev) => [...prev, image]);\n    } catch {\n      // Best-effort attachment read — ignore unreadable files (POC has no error UI here either).\n    }\n  }\n\n  function handleFileInputChange(ev: ChangeEvent<HTMLInputElement>): void {\n    for (const file of ev.target.files ?? []) void addImageFile(file);\n    ev.target.value = \"\";\n  }\n\n  function handlePaste(ev: ClipboardEvent<HTMLTextAreaElement>): void {\n    for (const item of ev.clipboardData.items) {\n      if (item.type.startsWith(\"image/\")) {\n        ev.preventDefault();\n        const file = item.getAsFile();\n        if (file) void addImageFile(file);\n      }\n    }\n  }\n\n  function handleRemoveImage(index: number): void {\n    setImages((prev) => prev.filter((_, i) => i !== index));\n  }\n\n  function handleTextareaChange(ev: ChangeEvent<HTMLTextAreaElement>): void {\n    setText(ev.target.value);\n    autoResize(ev.target);\n  }\n\n  function handleKeyDown(ev: KeyboardEvent<HTMLTextAreaElement>): void {\n    if (ev.key === \"Enter\" && !ev.shiftKey) {\n      ev.preventDefault();\n      void handleSend();\n    }\n  }\n\n  async function handleSend(): Promise<void> {\n    if (!client || !session || sending) return;\n    const trimmed = text.trim();\n    if (!trimmed && images.length === 0) return;\n\n    setText(\"\");\n    if (textareaRef.current) autoResize(textareaRef.current);\n    const sentImages = images;\n    setImages([]);\n\n    const prompt = trimmed || \"Describe this image\";\n    const rpcImages =\n      sentImages.length > 0\n        ? sentImages.map((img) => ({ mimeType: img.mimeType, data: img.data }))\n        : undefined;\n\n    // Optimistic echo: render the user's row synchronously instead of waiting for the daemon's\n    // `user_message` broadcast (see file header). `clientMessageId` is round-tripped through the\n    // RPC below and echoed back verbatim as the broadcast event's `messageId`, which is how the\n    // reducer reconciles this row instead of appending a duplicate once the server confirms it.\n    const clientMessageId = crypto.randomUUID();\n    addOptimisticUserMessage(sessionId, clientMessageId, prompt, rpcImages);\n\n    setSending(true);\n    try {\n      if (!session.agentId) {\n        const cwd = session.cwd || \"~\";\n        setCwd(sessionId, cwd);\n        // The daemon runs the entire first turn *before* `createAgent()` resolves, broadcasting\n        // every `agent_stream` event for it in the meantime (agent-service.ts `runTurn`). If we\n        // waited for the RPC to learn our agentId the timeline would stay empty (and show no\n        // running indicator) until the whole turn finished — the reported bug. Instead we watch\n        // the live broadcast during the call and apply events as they arrive.\n        //\n        // We latch the agent id from the *first `agent_stream` event* we see, not from\n        // `agent_update{status:\"initializing\"}`: `agent_update` is broadcast as a bare top-level\n        // frame that the client's frame router drops (only `session`-wrapped frames reach\n        // `onSessionMessage`), whereas every `agent_stream` frame IS `session`-wrapped and carries\n        // its `agentId`. The daemon creates exactly one agent per `createAgent`, so the first\n        // stream event on this socket after we subscribe belongs to our new agent.\n        //\n        // `bindAgent` is deferred until *after* the RPC resolves: binding attaches\n        // `useAgentStream`, and since the reducer isn't event-id-idempotent, a mid-turn attach\n        // would double every remaining row. Binding post-resolve means this handler is the sole\n        // applier for the first turn and `useAgentStream` only ever sees follow-up turns.\n        let liveAgentId: string | null = null;\n        const unsubscribeLive = client.connection.onSessionMessage((msg) => {\n          if (!isAgentStreamMessage(msg)) return;\n          if (liveAgentId === null) liveAgentId = msg.agentId;\n          if (msg.agentId !== liveAgentId) return;\n          applyAgentStreamEvent({ sessionId, event: msg.event, client, queryClient });\n        });\n\n        let result: { agentId: string };\n        try {\n          result = await client.createAgent({\n            config: { provider: \"pi\", cwd },\n            initialPrompt: prompt,\n            clientMessageId,\n            images: rpcImages,\n            labels: {},\n          });\n        } finally {\n          unsubscribeLive();\n        }\n\n        bindAgent(sessionId, result.agentId);\n      } else {\n        await client.agent(session.agentId).send(prompt, { clientMessageId, images: rpcImages });\n      }\n    } catch {\n      // RPC rejection before any `user_message` broadcast arrived (e.g. dropped connection) —\n      // the optimistic row would otherwise stay pending forever with no feedback. If the server\n      // *did* manage to broadcast `user_message` first (the row is already reconciled), this is\n      // a no-op — `markUserMessageFailed` only touches a still-pending row. Turn-level failures\n      // that occur after that point still surface via `agent_stream` `error`/`turn_failed`\n      // events (POC swallows the RPC rejection the same way; the stream is the source of truth\n      // for those).\n      markUserMessageFailed(sessionId, clientMessageId);\n    } finally {\n      setSending(false);\n    }\n  }\n\n  function handleStop(): void {\n    if (!session?.agentId) return;\n    void client?.agent(session.agentId).interrupt();\n  }\n\n  return (\n    <div className={styles.composer}>\n      <div className={styles.inputArea}>\n        <TextArea\n          ref={textareaRef}\n          className={styles.textarea}\n          rows={1}\n          value={text}\n          placeholder=\"Ask anything… (Enter to send, Shift+Enter for newline)\"\n          onChange={handleTextareaChange}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n        />\n        <Attachments images={images} onRemove={handleRemoveImage} />\n      </div>\n      <Button\n        className={styles.attachBtn}\n        variant=\"ghost\"\n        size=\"md\"\n        iconOnly\n        title=\"Attach image\"\n        onClick={() => fileInputRef.current?.click()}\n      >\n        <Paperclip size={16} />\n      </Button>\n      <input\n        ref={fileInputRef}\n        className={styles.hiddenFileInput}\n        type=\"file\"\n        accept=\"image/*\"\n        multiple\n        onChange={handleFileInputChange}\n      />\n      <div className={styles.actions}>\n        <Button size=\"sm\" disabled={!canSend} onClick={() => void handleSend()} leftIcon={<Send size={14} />}>\n          Send\n        </Button>\n        {running && (\n          <Button size=\"sm\" variant=\"destructive\" onClick={handleStop} leftIcon={<Square size={14} />}>\n            Stop\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n","/**\n * ChatPanel — the tab content mounted by `panel-registry.ts` for `kind: \"chat\"` tabs. Looks up\n * the session by `tab.data.sessionId`, keeps its timeline live via `useAgentStream`, and renders\n * the virtualized `Timeline` + `Composer` (POC_TO_APP_PLAN_UI.md §4.3/§4.4).\n */\n\nimport { useAgentStream } from \"@pi-studio-ui/hooks/use-agent-stream.js\";\nimport { useSessionStore } from \"@pi-studio-ui/stores/session-store.js\";\nimport type { Tab, ChatTabData } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { Timeline } from \"./Timeline.js\";\nimport { Composer } from \"./Composer.js\";\nimport styles from \"./ChatPanel.module.css\";\n\nexport interface ChatPanelProps {\n  tab: Tab;\n}\n\nexport function ChatPanel({ tab }: ChatPanelProps) {\n  // `panel-registry.ts` only ever mounts this component for `tab.kind === \"chat\"`, whose `data`\n  // is always `ChatTabData` — narrowed here since `Tab[\"data\"]` is a union at the type level.\n  const { sessionId } = tab.data as ChatTabData;\n  const session = useSessionStore((s) => s.sessions[sessionId]);\n\n  useAgentStream(sessionId);\n\n  if (!session) {\n    return (\n      <div className={styles.panel}>\n        <div className={styles.empty}>Session not found.</div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.panel}>\n      <Timeline session={session} />\n      <Composer sessionId={session.id} />\n    </div>\n  );\n}\n"],"names":["statusBadgeTokens","variant","StatusBadge","label","className","token","color","jsx","styles","ICON_BY_KIND","Terminal","Eye","Pencil","FilePlus","Search","Globe","ListTree","toolIcon","tool","toolLabel","toolFilePath","toolMutatesFiles","toolBody","sections","text","toolDetailText","toolInlineDetail","parts","DEBOUNCE_MS","pendingTimer","invalidateAfterToolCompletion","queryClient","client","cwd","_toolFilePath","applyAgentStreamEvent","sessionId","event","sessionStore","useSessionStore","session","useAgentStream","useConnectionStore","s","agentId","_a","useQueryClient","useEffect","AssistantRow","row","jsxs","Markdown","ReasoningRow","BADGE_VARIANT","ToolCard","expanded","setExpanded","useState","Icon","inlineDetail","body","hasBody","clsx","v","ChevronRight","section","i","DiffView","UserRow","openedSrc","setOpenedSrc","stateClass","img","src","ev","Dialog","open","ErrorRow","SystemRow","STICK_THRESHOLD_PX","renderRow","Timeline","rows","running","scrollRef","useRef","stickToBottomRef","prevRowCountRef","virtualizer","useVirtualizer","index","handleScroll","el","distanceFromBottom","grew","virtualRow","Attachments","images","onRemove","readImageFile","file","promise","resolve","reject","reader","result","commaIndex","data","MAX_TEXTAREA_HEIGHT","autoResize","isAgentStreamMessage","msg","Composer","bindAgent","addOptimisticUserMessage","markUserMessageFailed","setCwd","setText","setImages","sending","setSending","textareaRef","fileInputRef","canSend","addImageFile","image","prev","handleFileInputChange","handlePaste","item","handleRemoveImage","_","handleTextareaChange","handleKeyDown","handleSend","trimmed","sentImages","prompt","rpcImages","clientMessageId","liveAgentId","unsubscribeLive","handleStop","TextArea","Button","Paperclip","Send","Square","ChatPanel","tab"],"mappings":"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"}
+{"version":3,"file":"ChatPanel-CR9Q7XT0.js","sources":["../../../src/ui/status-badge.ts","../../../src/components/primitives/StatusBadge.tsx","../../../src/timeline/tool-mapping.ts","../../../src/lib/connection/files-changed.ts","../../../src/hooks/agent-stream-events.ts","../../../src/hooks/use-agent-stream.ts","../../../src/features/chat/rows/AssistantRow.tsx","../../../src/features/chat/rows/ReasoningRow.tsx","../../../src/features/chat/rows/ToolCard.tsx","../../../src/features/chat/rows/UserRow.tsx","../../../src/features/chat/rows/ErrorRow.tsx","../../../src/features/chat/rows/SystemRow.tsx","../../../src/features/chat/Timeline.tsx","../../../src/features/chat/Attachments.tsx","../../../src/features/chat/Composer.tsx","../../../src/features/chat/ChatPanel.tsx"],"sourcesContent":["// StatusBadge + Alert variant contracts.\n// ui-components.md § Surfaces / badges / chips / avatars\n\nexport type StatusBadgeVariant = \"success\" | \"error\" | \"muted\";\n\n// Single semantic token per variant — text color AND a translucent tint of the SAME token as\n// background (matches `ChangesPanel.module.css`'s `.added`/`.modified`/`.deleted` convention).\n// Never split bg/border/text across different token families (e.g. `success` vs `statusSuccess`)\n// — they can diverge in the theme (dark mode's `success` aliases the blue accent, not green),\n// producing a badge with mismatched border/background colors.\nexport type BadgeTokens = {\n  token: string;\n};\n\nexport function statusBadgeTokens(variant: StatusBadgeVariant): BadgeTokens {\n  switch (variant) {\n    case \"success\":\n      return { token: \"statusSuccess\" };\n    case \"error\":\n      return { token: \"statusDanger\" };\n    case \"muted\":\n      return { token: \"foregroundMuted\" };\n  }\n}\n\nexport type AlertVariant = \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type AlertIconInfo = {\n  /** Lucide icon name string for the alert variant. */\n  icon: string;\n  /** Theme token key for the icon/border/title accent color. */\n  accentToken: string;\n};\n\nexport function alertIconInfo(variant: AlertVariant): AlertIconInfo {\n  switch (variant) {\n    case \"default\":\n      return { icon: \"info\", accentToken: \"foregroundMuted\" };\n    case \"info\":\n      return { icon: \"info\", accentToken: \"accent\" };\n    case \"success\":\n      return { icon: \"check-circle\", accentToken: \"success\" };\n    case \"warning\":\n      return { icon: \"triangle-alert\", accentToken: \"statusWarning\" };\n    case \"error\":\n      return { icon: \"circle-x\", accentToken: \"destructive\" };\n  }\n}\n\n// AttachmentPill remove-button visibility — mirrors hover-to-show pattern.\nexport function attachmentPillRemoveVisible(\n  isNativeCtx: boolean,\n  isCompact: boolean,\n  hovered: boolean,\n): boolean {\n  return isNativeCtx || isCompact || hovered;\n}\n","/**\n * StatusBadge — small rounded pill with variant coloring.\n * ui-components.md § Surfaces / badges / chips / avatars\n */\n\nimport { type ReactNode } from \"react\";\nimport styles from \"./StatusBadge.module.css\";\nimport { statusBadgeTokens, type StatusBadgeVariant } from \"@pi-studio-ui/ui/status-badge.js\";\n\nexport interface StatusBadgeProps {\n  label: ReactNode;\n  variant: StatusBadgeVariant;\n  className?: string;\n}\n\nexport function StatusBadge({ label, variant, className }: StatusBadgeProps) {\n  const { token } = statusBadgeTokens(variant);\n  const color = `var(--pi-color-${token})`;\n  return (\n    <span\n      className={`${styles.badge}${className ? ` ${className}` : \"\"}`}\n      style={{\n        backgroundColor: `color-mix(in srgb, ${color} 18%, transparent)`,\n        borderColor: `color-mix(in srgb, ${color} 45%, transparent)`,\n        color,\n      }}\n    >\n      {label}\n    </span>\n  );\n}\n","/**\n * tool.kind → display label + icon. Scoped to the protocol's `ToolCallDetail` union\n * (shell/read/edit/write/search/fetch/task) — POC_TO_APP_PLAN_UI.md §3 `timeline/tool-mapping.ts`.\n */\n\nimport type { ToolCallDetail } from \"@av-pi-studio/protocol\";\nimport {\n  Terminal,\n  Eye,\n  Pencil,\n  FilePlus,\n  Search,\n  Globe,\n  ListTree,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { toolDetailText } from \"./row-model.js\";\n\nconst ICON_BY_KIND: Record<ToolCallDetail[\"kind\"], LucideIcon> = {\n  shell: Terminal,\n  read: Eye,\n  edit: Pencil,\n  write: FilePlus,\n  search: Search,\n  fetch: Globe,\n  task: ListTree,\n};\n\nexport function toolIcon(tool: ToolCallDetail): LucideIcon {\n  return ICON_BY_KIND[tool.kind] ?? Terminal;\n}\n\n/** Human label for a tool card header, e.g. \"shell\", \"edit\". */\nexport function toolLabel(tool: ToolCallDetail): string {\n  return tool.kind;\n}\n\n/** One-line detail summary for a tool card (POC: `t.command || t.path || t.query || …`). */\nexport function toolSummary(tool: ToolCallDetail): string {\n  return toolDetailText(tool);\n}\n\n/** File path a tool touched, if any — used to target `filesChanged` invalidation (§4.5). */\nexport function toolFilePath(tool: ToolCallDetail): string | null {\n  switch (tool.kind) {\n    case \"read\":\n    case \"write\":\n    case \"edit\":\n      return tool.path ?? null;\n    default:\n      return null;\n  }\n}\n\n/** True for tool kinds whose completion should invalidate open file/diff/explorer/git queries. */\nexport function toolMutatesFiles(tool: ToolCallDetail): boolean {\n  return tool.kind === \"write\" || tool.kind === \"edit\" || tool.kind === \"shell\";\n}\n\n/**\n * Expandable detail body for a tool card, as an ordered list of sections. `diff` renders as a\n * `<DiffView>`; `code` renders in a monospace block. Order: input detail (command/path/query/…)\n * first, then tool output (stdout, file content, etc.) if present. Empty array = header-only card\n * with nothing worth expanding.\n */\nexport type ToolBodySection = { kind: \"diff\"; patch: string } | { kind: \"code\"; text: string };\n\nexport function toolBody(tool: ToolCallDetail): ToolBodySection[] {\n  const sections: ToolBodySection[] = [];\n  if (tool.kind === \"edit\" && tool.diff) sections.push({ kind: \"diff\", patch: tool.diff });\n  else {\n    const text = toolDetailText(tool);\n    if (text) sections.push({ kind: \"code\", text });\n  }\n  if (tool.output) sections.push({ kind: \"code\", text: tool.output });\n  return sections;\n}\n\n/** Concise inline label shown in the collapsed header (basename for paths, first line for commands). */\nexport function toolInlineDetail(tool: ToolCallDetail): string {\n  const text = toolDetailText(tool);\n  if (!text) return \"\";\n  switch (tool.kind) {\n    case \"read\":\n    case \"write\":\n    case \"edit\": {\n      const parts = text.split(\"/\");\n      return parts[parts.length - 1] || text;\n    }\n    case \"shell\": {\n      const firstLine = text.split(\"\\n\", 1)[0] ?? text;\n      return firstLine;\n    }\n    default:\n      return text;\n  }\n}\n","/**\n * `filesChanged` signal — invalidates the file/diff/explorer query caches after a completed\n * write/edit/shell tool call (POC `scheduleFileRefresh`/`reloadOpenFileTabs`, chat.html\n * ~line 1070-1092, POC_TO_APP_PLAN_UI.md §4.3/§4.5/§5). Debounced ~500ms to coalesce a burst of\n * tool completions (POC used `setTimeout(...,600)`/`400`).\n *\n * The daemon does NOT push a `checkout_status_update` automatically after a git-affecting tool\n * completion, so this module also fires an explicit `checkout_refresh_request` for the active\n * cwd — `ChangesPanel`/`FileExplorer` then pick up the resulting push/refetch reactively, since\n * they're already subscribed (`use-checkout-status.ts`) or query-cache-driven (`use-explorer.ts`).\n *\n * NOTE (follow-up, cross-slice): this module only *exports* the invalidation function. The actual\n * call site — wiring this into the timeline reducer's `tool_call` handling on `status:\"completed\"`\n * for `toolMutatesFiles(tool) === true` — belongs to the chat/session-store slice (built in\n * parallel) or the top-level app wiring; do not import/call it from `timeline/reducer.ts` here,\n * that file is a shared contract file owned across slices.\n */\n\nimport type { QueryClient } from \"@tanstack/react-query\";\nimport type { PiStudioClient } from \"@av-pi-studio/client\";\n\nconst DEBOUNCE_MS = 500;\nlet pendingTimer: ReturnType<typeof setTimeout> | undefined;\n\n/**\n * Invalidate file/diff/explorer TanStack Query caches and refresh git status for `cwd`.\n * Debounced: repeated calls within `DEBOUNCE_MS` coalesce into a single invalidation pass.\n *\n * `toolFilePath` is accepted for future path-scoped invalidation (POC `reloadOpenFileTabs`\n * matched by path suffix) but the current pass invalidates the whole `file`/`explorer` query\n * families — TanStack Query dedupes refetches for inactive queries, so this is cheap and correct\n * even when the path is unknown.\n */\nexport function invalidateAfterToolCompletion(\n  queryClient: QueryClient,\n  client: PiStudioClient | null,\n  cwd: string | null,\n  _toolFilePath: string | null,\n): void {\n  clearTimeout(pendingTimer);\n  pendingTimer = setTimeout(() => {\n    pendingTimer = undefined;\n    void queryClient.invalidateQueries({ queryKey: [\"file\"] });\n    void queryClient.invalidateQueries({ queryKey: [\"explorer\"] });\n    if (client && cwd) {\n      void client.connection.request(\"checkout_refresh_request\", { cwd }).catch(() => {});\n    }\n  }, DEBOUNCE_MS);\n}\n","/**\n * Shared `AgentStreamEvent` → store-update logic, used both by the live subscription\n * (`use-agent-stream.ts`) and by the live first-turn apply in `Composer.tsx` (see its comment for\n * why: `create_agent_request` blocks until the whole first turn completes, so the timeline is fed\n * from the raw broadcast as events arrive rather than from a not-yet-attached subscription).\n */\n\nimport type { PiStudioClient } from \"@av-pi-studio/client\";\nimport type { AgentStreamEvent } from \"@av-pi-studio/protocol\";\nimport type { QueryClient } from \"@tanstack/react-query\";\nimport { useSessionStore } from \"@pi-studio-ui/stores/session-store.js\";\nimport { toolMutatesFiles, toolFilePath } from \"@pi-studio-ui/timeline/tool-mapping.js\";\nimport { invalidateAfterToolCompletion } from \"@pi-studio-ui/lib/connection/files-changed.js\";\n\nexport interface ApplyAgentStreamEventArgs {\n  sessionId: string;\n  event: AgentStreamEvent;\n  client: PiStudioClient;\n  queryClient: QueryClient;\n}\n\nexport function applyAgentStreamEvent({\n  sessionId,\n  event,\n  client,\n  queryClient,\n}: ApplyAgentStreamEventArgs): void {\n  const sessionStore = useSessionStore.getState();\n  sessionStore.applyStreamEvent(sessionId, event);\n  switch (event.kind) {\n    case \"turn_started\":\n      sessionStore.setStatus(sessionId, \"running\");\n      break;\n    case \"turn_completed\":\n      sessionStore.setStatus(sessionId, \"idle\");\n      break;\n    case \"turn_failed\":\n      sessionStore.setStatus(sessionId, \"error\");\n      break;\n    case \"turn_canceled\":\n      sessionStore.setStatus(sessionId, \"idle\");\n      break;\n    case \"tool_call\": {\n      if (event.status === \"completed\" && toolMutatesFiles(event.tool)) {\n        const session = sessionStore.sessions[sessionId];\n        const cwd = session?.cwd || null;\n        invalidateAfterToolCompletion(queryClient, client, cwd, toolFilePath(event.tool));\n      }\n      break;\n    }\n    default:\n      break;\n  }\n}\n","/**\n * Live timeline subscription for a chat session. Subscribes to\n * `client.agent(agentId).timeline.subscribe` whenever both the connection's `client` and the\n * session's `agentId` are available, routing every event through `applyAgentStreamEvent`\n * (POC_TO_APP_PLAN_UI.md §4.3). Also mirrors the POC's `handleAgentStream` turn-lifecycle →\n * `session.status` transitions so the Composer's Stop button and the session-list status dot\n * stay live.\n *\n * NOTE: this only covers events that arrive *after* the subscription attaches, which requires a\n * bound `agentId`. The daemon runs the whole first turn of a brand-new agent *before*\n * `create_agent_request` resolves, so `Composer.handleSend` applies that first turn live from the\n * raw broadcast (latching the agent id from the first `agent_stream` frame it sees) and only\n * calls `bindAgent` once the RPC resolves — after the turn is already applied. This hook therefore\n * attaches only in time for *follow-up* turns, which is exactly what avoids double-applying the\n * first turn (the reducer is not event-id-idempotent).\n */\n\nimport { useEffect } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { useSessionStore } from \"@pi-studio-ui/stores/session-store.js\";\nimport { applyAgentStreamEvent } from \"./agent-stream-events.js\";\n\nexport function useAgentStream(sessionId: string): void {\n  const client = useConnectionStore((s) => s.client);\n  const agentId = useSessionStore((s) => s.sessions[sessionId]?.agentId ?? null);\n  const queryClient = useQueryClient();\n\n  useEffect(() => {\n    if (!client || !agentId) return;\n\n    const unsubscribe = client.agent(agentId).timeline.subscribe((event) => {\n      applyAgentStreamEvent({ sessionId, event, client, queryClient });\n    });\n\n    return unsubscribe;\n  }, [client, agentId, sessionId, queryClient]);\n}\n","/**\n * Assistant message row (POC `.msg.assistant`, POC_TO_APP_PLAN_UI.md §4.3). While streaming,\n * renders plain text with a blinking cursor — re-parsing markdown on every token would be\n * wasteful (§6 Performance strategy). Once `turn_completed` finalizes the row (`streaming:\n * false`), it renders through `<Markdown>`.\n */\n\nimport type { AssistantRow as AssistantRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport { Markdown } from \"@pi-studio-ui/timeline/markdown.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface AssistantRowProps {\n  row: AssistantRowModel;\n}\n\nexport function AssistantRow({ row }: AssistantRowProps) {\n  return (\n    <div className={`${styles.row} ${styles.assistant}${row.streaming ? ` ${styles.streaming}` : \"\"}`}>\n      <span className={styles.who}>assistant</span>\n      {row.streaming ? (\n        <span className={styles.streamingText}>\n          {row.text}\n          <span className={styles.cursor}>▍</span>\n        </span>\n      ) : (\n        <Markdown text={row.text} />\n      )}\n    </div>\n  );\n}\n","/**\n * Reasoning row — dimmer/italic styling, visually distinct from assistant replies (POC\n * `.msg.reasoning`, POC_TO_APP_PLAN_UI.md §4.3). Streams as plain text with a cursor, same\n * rationale as `AssistantRow`.\n */\n\nimport type { ReasoningRow as ReasoningRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport { Markdown } from \"@pi-studio-ui/timeline/markdown.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface ReasoningRowProps {\n  row: ReasoningRowModel;\n}\n\nexport function ReasoningRow({ row }: ReasoningRowProps) {\n  return (\n    <div className={`${styles.row} ${styles.reasoning}`}>\n      <span className={styles.who}>thinking</span>\n      {row.streaming ? (\n        <span className={styles.streamingText}>\n          {row.text}\n          <span className={styles.cursor}>▍</span>\n        </span>\n      ) : (\n        <Markdown text={row.text} />\n      )}\n    </div>\n  );\n}\n","/**\n * Tool call card — icon + label + inline detail + status badge header, with an expandable body\n * (POC `.msg.tool`, POC_TO_APP_PLAN_UI.md §4.3). Collapsed by default; clicking the header reveals\n * the full detail as an ordered list of sections: input detail (`edit` diffs render through the\n * shared `<DiffView>`; shell command/path/query/url/task description render in a monospace block)\n * followed by tool output (stdout, file content, etc.), when present. Cards with no expandable\n * sections (`toolBody` → `[]`) show only the header. The virtualized timeline re-measures on\n * expand via `measureElement`, so height changes need no special handling here.\n */\n\nimport { useState } from \"react\";\nimport { ChevronRight } from \"lucide-react\";\nimport { clsx } from \"clsx\";\nimport { StatusBadge } from \"@pi-studio-ui/components/primitives/StatusBadge.js\";\nimport { DiffView } from \"@pi-studio-ui/features/files/DiffView.js\";\nimport { toolIcon, toolLabel, toolInlineDetail, toolBody } from \"@pi-studio-ui/timeline/tool-mapping.js\";\nimport type { ToolRow } from \"@pi-studio-ui/timeline/row-model.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface ToolCardProps {\n  row: ToolRow;\n}\n\nconst BADGE_VARIANT = {\n  running: \"muted\",\n  completed: \"success\",\n  error: \"error\",\n} as const;\n\nexport function ToolCard({ row }: ToolCardProps) {\n  const [expanded, setExpanded] = useState(false);\n  const Icon = toolIcon(row.tool);\n  const inlineDetail = toolInlineDetail(row.tool);\n  const body = toolBody(row.tool);\n  const hasBody = body.length > 0;\n\n  return (\n    <div className={clsx(styles.row, styles.tool)}>\n      <button\n        type=\"button\"\n        className={styles.toolHeader}\n        onClick={() => hasBody && setExpanded((v) => !v)}\n        aria-expanded={hasBody ? expanded : undefined}\n        disabled={!hasBody}\n      >\n        {hasBody && (\n          <ChevronRight\n            size={12}\n            className={clsx(styles.toolChevron, expanded && styles.toolChevronOpen)}\n          />\n        )}\n        <span className={clsx(styles.toolIcon, styles[row.status])}>\n          <Icon size={14} />\n        </span>\n        <span className={styles.toolLabel}>{toolLabel(row.tool)}</span>\n        {inlineDetail && (\n          <span className={styles.toolInlineDetail} title={inlineDetail}>\n            {inlineDetail}\n          </span>\n        )}\n        <StatusBadge className={styles.toolBadge} label={row.status} variant={BADGE_VARIANT[row.status]} />\n      </button>\n      {expanded && hasBody && (\n        <div className={styles.toolBody}>\n          {body.map((section, i) =>\n            section.kind === \"diff\" ? (\n              <DiffView key={i} patch={section.patch} />\n            ) : (\n              <pre key={i} className={styles.toolCode}>\n                {section.text}\n              </pre>\n            ),\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","/**\n * User message row — plain text + optional image thumbnails (POC `.msg.user`,\n * POC_TO_APP_PLAN_UI.md §4.3/§4.4). Images render at up to 200×150, matching the POC's inline\n * `userBubble.appendChild(img)` styling. Clicking a thumbnail opens it full-size in a `Dialog`.\n *\n * `row.pending` (optimistic echo not yet confirmed by the server's `user_message` broadcast —\n * see Composer.tsx) dims the row via CSS; `row.failed` (the RPC rejected before confirmation\n * ever arrived) tints it toward the error color and appends a \"failed to send\" label instead.\n * Both are terminal states set once by the reducer — this component only reflects them.\n */\n\nimport { useState } from \"react\";\nimport { Dialog } from \"@pi-studio-ui/components/primitives/Dialog.js\";\nimport type { UserRow as UserRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface UserRowProps {\n  row: UserRowModel;\n}\n\nexport function UserRow({ row }: UserRowProps) {\n  const [openedSrc, setOpenedSrc] = useState<string | null>(null);\n\n  const stateClass = row.failed ? styles.userFailed : row.pending ? styles.userPending : \"\";\n\n  return (\n    <div className={`${styles.row} ${styles.user}${stateClass ? ` ${stateClass}` : \"\"}`}>\n      <span className={styles.who}>you{row.failed ? \" · failed to send\" : \"\"}</span>\n      {row.text}\n      {row.images && row.images.length > 0 && (\n        <div className={styles.userImages}>\n          {row.images.map((img, i) => {\n            const src = `data:${img.mimeType ?? \"image/png\"};base64,${img.data ?? \"\"}`;\n            return (\n              <img\n                key={i}\n                className={styles.userImage}\n                src={src}\n                alt=\"\"\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => setOpenedSrc(src)}\n                onKeyDown={(ev) => {\n                  if (ev.key === \"Enter\" || ev.key === \" \") setOpenedSrc(src);\n                }}\n              />\n            );\n          })}\n        </div>\n      )}\n      <Dialog\n        open={openedSrc !== null}\n        onOpenChange={(open) => {\n          if (!open) setOpenedSrc(null);\n        }}\n        title=\"Image\"\n        width=\"auto\"\n        bare\n        className={styles.imageDialog}\n      >\n        {openedSrc && <img className={styles.imageDialogPreview} src={openedSrc} alt=\"\" />}\n      </Dialog>\n    </div>\n  );\n}\n","/**\n * Error row — red-tinted block (POC `.msg.err`, POC_TO_APP_PLAN_UI.md §4.3), used for\n * `turn_failed`/`error` stream events.\n */\n\nimport type { ErrorRow as ErrorRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface ErrorRowProps {\n  row: ErrorRowModel;\n}\n\nexport function ErrorRow({ row }: ErrorRowProps) {\n  return (\n    <div className={`${styles.row} ${styles.error}`}>\n      <span className={styles.who}>error</span>\n      {row.text}\n    </div>\n  );\n}\n","/**\n * System row — muted/italic styling (POC's `turn_canceled` \"(canceled)\" reasoning-styled bubble,\n * POC_TO_APP_PLAN_UI.md §4.3), used for canceled-turn markers and other system notices.\n */\n\nimport type { SystemRow as SystemRowModel } from \"@pi-studio-ui/timeline/row-model.js\";\nimport styles from \"./rows.module.css\";\n\nexport interface SystemRowProps {\n  row: SystemRowModel;\n}\n\nexport function SystemRow({ row }: SystemRowProps) {\n  return <div className={`${styles.row} ${styles.system}`}>{row.text}</div>;\n}\n","/**\n * Virtualized timeline viewport — TanStack Virtual over `session.timeline.rows` with\n * variable-size rows (POC `.chat-area`, POC_TO_APP_PLAN_UI.md §4.3/§6). Auto-scrolls to the\n * bottom on new rows unless the user has scrolled up more than 40px from the bottom; re-sticks\n * whenever the row count grows from a user's own send (POC's forced `scrollTop = scrollHeight`,\n * fixed to respect manual scroll-up).\n */\n\nimport { useEffect, useRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type { SessionEntry } from \"@pi-studio-ui/stores/session-store.js\";\nimport type { TimelineRow } from \"@pi-studio-ui/timeline/row-model.js\";\nimport { AssistantRow } from \"./rows/AssistantRow.js\";\nimport { ReasoningRow } from \"./rows/ReasoningRow.js\";\nimport { ToolCard } from \"./rows/ToolCard.js\";\nimport { UserRow } from \"./rows/UserRow.js\";\nimport { ErrorRow } from \"./rows/ErrorRow.js\";\nimport { SystemRow } from \"./rows/SystemRow.js\";\nimport styles from \"./Timeline.module.css\";\n\nexport interface TimelineProps {\n  session: SessionEntry;\n}\n\nconst STICK_THRESHOLD_PX = 40;\n\nfunction renderRow(row: TimelineRow) {\n  switch (row.kind) {\n    case \"user\":\n      return <UserRow row={row} />;\n    case \"assistant\":\n      return <AssistantRow row={row} />;\n    case \"reasoning\":\n      return <ReasoningRow row={row} />;\n    case \"tool\":\n      return <ToolCard row={row} />;\n    case \"error\":\n      return <ErrorRow row={row} />;\n    case \"system\":\n      return <SystemRow row={row} />;\n  }\n}\n\nexport function Timeline({ session }: TimelineProps) {\n  const rows = session.timeline.rows;\n  const running = session.status === \"running\";\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const stickToBottomRef = useRef(true);\n  const prevRowCountRef = useRef(rows.length);\n\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => 48,\n    overscan: 8,\n    getItemKey: (index) => rows[index]?.id ?? index,\n  });\n\n  function handleScroll(): void {\n    const el = scrollRef.current;\n    if (!el) return;\n    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;\n    stickToBottomRef.current = distanceFromBottom < STICK_THRESHOLD_PX;\n  }\n\n  useEffect(() => {\n    const grew = rows.length > prevRowCountRef.current;\n    prevRowCountRef.current = rows.length;\n    if (!grew) return;\n    if (!stickToBottomRef.current) return;\n    virtualizer.scrollToIndex(rows.length - 1, { align: \"end\" });\n  }, [rows.length, virtualizer]);\n\n  if (rows.length === 0) {\n    return (\n      <div className={styles.viewport} ref={scrollRef}>\n        {running ? (\n          <div className={styles.working} role=\"status\" aria-live=\"polite\">\n            <span className={styles.workingDots} aria-hidden=\"true\">\n              <span />\n              <span />\n              <span />\n            </span>\n            Agent is working…\n          </div>\n        ) : (\n          <div className={styles.empty}>No messages yet — say something to start.</div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.viewport} ref={scrollRef} onScroll={handleScroll}>\n      <div className={styles.inner} style={{ height: virtualizer.getTotalSize() }}>\n        {virtualizer.getVirtualItems().map((virtualRow) => {\n          const row = rows[virtualRow.index];\n          if (!row) return null;\n          return (\n            <div\n              key={virtualRow.key}\n              ref={virtualizer.measureElement}\n              data-index={virtualRow.index}\n              className={styles.rowWrap}\n              style={{ transform: `translateY(${virtualRow.start}px)` }}\n            >\n              {renderRow(row)}\n            </div>\n          );\n        })}\n      </div>\n      {running && (\n        <div className={styles.working} role=\"status\" aria-live=\"polite\">\n          <span className={styles.workingDots} aria-hidden=\"true\">\n            <span />\n            <span />\n            <span />\n          </span>\n          Agent is working…\n        </div>\n      )}\n    </div>\n  );\n}\n","/**\n * Attachment preview strip — presentational thumbnail row with remove buttons (POC\n * `renderAttachments`, POC_TO_APP_PLAN_UI.md §4.4). Pending-image state lives in `Composer`;\n * this component only renders `images` and forwards `onRemove(index)`.\n */\n\nimport styles from \"./Attachments.module.css\";\n\nexport interface PendingImage {\n  mimeType: string;\n  /** Base64 payload, no `data:...;base64,` prefix — sent to the daemon as-is. */\n  data: string;\n  /** Full data URL, for the thumbnail `<img src>`. */\n  thumbUrl: string;\n}\n\nexport interface AttachmentsProps {\n  images: PendingImage[];\n  onRemove: (index: number) => void;\n}\n\nexport function Attachments({ images, onRemove }: AttachmentsProps) {\n  if (images.length === 0) return null;\n\n  return (\n    <div className={styles.strip}>\n      {images.map((img, i) => (\n        <div key={i} className={styles.thumb}>\n          <img src={img.thumbUrl} alt=\"\" />\n          <button\n            type=\"button\"\n            className={styles.remove}\n            title=\"Remove\"\n            onClick={() => onRemove(i)}\n          >\n            ×\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/** `FileReader.readAsDataURL` wrapped as a promise (POC `addImageFile`). */\nexport function readImageFile(file: File): Promise<PendingImage> {\n  const { promise, resolve, reject } = Promise.withResolvers<PendingImage>();\n  const reader = new FileReader();\n  reader.onload = () => {\n    const result = reader.result;\n    if (typeof result !== \"string\") {\n      reject(new Error(\"Unexpected FileReader result\"));\n      return;\n    }\n    const commaIndex = result.indexOf(\",\");\n    const data = commaIndex >= 0 ? result.slice(commaIndex + 1) : result;\n    resolve({ mimeType: file.type, data, thumbUrl: result });\n  };\n  reader.onerror = () => reject(reader.error ?? new Error(\"Failed to read file\"));\n  reader.readAsDataURL(file);\n  return promise;\n}\n","/**\n * Composer — autosizing textarea + attach/send/stop (POC `initChatPanel`/`send()`,\n * POC_TO_APP_PLAN_UI.md §4.4). Send routing: no `agentId` yet → `client.createAgent(...)` then\n * `sessionStore.bindAgent` on success (the race-free binding point `useAgentStream` reacts to);\n * else → `client.agent(agentId).send(...)`. Stop → `client.agent(agentId).interrupt()`.\n *\n * OPTIMISTIC ECHO: `create_agent_request`/`send_agent_prompt` block server-side until the whole\n * turn finishes, and even the *first* broadcast event for that turn (the canonical `user_message`)\n * only fires once the agent process is booted/warm — for a brand-new session that means a real\n * process-spawn+handshake before anything appears (see AGENTS.md \"First-message latency\"). To hide\n * that, `handleSend` mints a `clientMessageId` and inserts the user's row into the timeline\n * *synchronously*, before the RPC is even issued. The daemon echoes the same id back verbatim as\n * the `user_message` event's `messageId` (`packages/server/src/agent/agent-service.ts` `runTurn`);\n * the reducer (`timeline/reducer.ts` `onUserMessage`) matches it against the pending row and\n * confirms it in place instead of appending a duplicate.\n *\n * A brand-new agent has no live subscription yet when the first turn's events start arriving —\n * `useAgentStream` only attaches once `bindAgent` sets `agentId`, which happens *after*\n * `createAgent()` resolves. So for the first turn `handleSend` subscribes to the raw broadcast\n * directly and applies each `agent_stream` event *as it arrives*, latching the new agent's id\n * from the first such event (agent_update frames are top-level and never reach\n * `onSessionMessage`; agent_stream frames are session-wrapped and do). That includes the\n * `user_message` event that reconciles the optimistic row above.\n * `bindAgent` is deferred until the RPC resolves so `useAgentStream` attaches only for follow-up\n * turns and never re-applies the first turn (the reducer is not event-id-idempotent).\n */\n\nimport { useRef, useState, type ChangeEvent, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Paperclip, Send, Square } from \"lucide-react\";\nimport type { AgentStreamEvent } from \"@av-pi-studio/protocol\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\nimport { TextArea } from \"@pi-studio-ui/components/primitives/TextInput.js\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { useSessionStore } from \"@pi-studio-ui/stores/session-store.js\";\nimport { applyAgentStreamEvent } from \"@pi-studio-ui/hooks/agent-stream-events.js\";\nimport { Attachments, readImageFile, type PendingImage } from \"./Attachments.js\";\nimport styles from \"./Composer.module.css\";\n\nconst MAX_TEXTAREA_HEIGHT = 160;\n\nexport interface ComposerProps {\n  sessionId: string;\n}\n\nfunction autoResize(el: HTMLTextAreaElement): void {\n  el.style.height = \"auto\";\n  el.style.height = `${Math.min(el.scrollHeight, MAX_TEXTAREA_HEIGHT)}px`;\n}\n\ninterface AgentStreamMessage {\n  type: \"agent_stream\";\n  agentId: string;\n  event: AgentStreamEvent;\n}\n\nfunction isAgentStreamMessage(msg: unknown): msg is AgentStreamMessage {\n  if (typeof msg !== \"object\" || msg === null) return false;\n  if (!(\"type\" in msg) || msg.type !== \"agent_stream\") return false;\n  return \"agentId\" in msg && typeof msg.agentId === \"string\" && \"event\" in msg;\n}\n\nexport function Composer({ sessionId }: ComposerProps) {\n  const client = useConnectionStore((s) => s.client);\n  const session = useSessionStore((s) => s.sessions[sessionId]);\n  const bindAgent = useSessionStore((s) => s.bindAgent);\n  const addOptimisticUserMessage = useSessionStore((s) => s.addOptimisticUserMessage);\n  const markUserMessageFailed = useSessionStore((s) => s.markUserMessageFailed);\n  const setCwd = useSessionStore((s) => s.setCwd);\n  const queryClient = useQueryClient();\n\n  const [text, setText] = useState(\"\");\n  const [images, setImages] = useState<PendingImage[]>([]);\n  const [sending, setSending] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const running = session?.status === \"running\";\n  const canSend = Boolean(client) && !sending && (text.trim().length > 0 || images.length > 0);\n\n  async function addImageFile(file: File): Promise<void> {\n    if (!file.type.startsWith(\"image/\")) return;\n    try {\n      const image = await readImageFile(file);\n      setImages((prev) => [...prev, image]);\n    } catch {\n      // Best-effort attachment read — ignore unreadable files (POC has no error UI here either).\n    }\n  }\n\n  function handleFileInputChange(ev: ChangeEvent<HTMLInputElement>): void {\n    for (const file of ev.target.files ?? []) void addImageFile(file);\n    ev.target.value = \"\";\n  }\n\n  function handlePaste(ev: ClipboardEvent<HTMLTextAreaElement>): void {\n    for (const item of ev.clipboardData.items) {\n      if (item.type.startsWith(\"image/\")) {\n        ev.preventDefault();\n        const file = item.getAsFile();\n        if (file) void addImageFile(file);\n      }\n    }\n  }\n\n  function handleRemoveImage(index: number): void {\n    setImages((prev) => prev.filter((_, i) => i !== index));\n  }\n\n  function handleTextareaChange(ev: ChangeEvent<HTMLTextAreaElement>): void {\n    setText(ev.target.value);\n    autoResize(ev.target);\n  }\n\n  function handleKeyDown(ev: KeyboardEvent<HTMLTextAreaElement>): void {\n    if (ev.key === \"Enter\" && !ev.shiftKey) {\n      ev.preventDefault();\n      void handleSend();\n    }\n  }\n\n  async function handleSend(): Promise<void> {\n    if (!client || !session || sending) return;\n    const trimmed = text.trim();\n    if (!trimmed && images.length === 0) return;\n\n    setText(\"\");\n    if (textareaRef.current) autoResize(textareaRef.current);\n    const sentImages = images;\n    setImages([]);\n\n    const prompt = trimmed || \"Describe this image\";\n    const rpcImages =\n      sentImages.length > 0\n        ? sentImages.map((img) => ({ mimeType: img.mimeType, data: img.data }))\n        : undefined;\n\n    // Optimistic echo: render the user's row synchronously instead of waiting for the daemon's\n    // `user_message` broadcast (see file header). `clientMessageId` is round-tripped through the\n    // RPC below and echoed back verbatim as the broadcast event's `messageId`, which is how the\n    // reducer reconciles this row instead of appending a duplicate once the server confirms it.\n    const clientMessageId = crypto.randomUUID();\n    addOptimisticUserMessage(sessionId, clientMessageId, prompt, rpcImages);\n\n    setSending(true);\n    try {\n      if (!session.agentId) {\n        const cwd = session.cwd || \"~\";\n        setCwd(sessionId, cwd);\n        // The daemon runs the entire first turn *before* `createAgent()` resolves, broadcasting\n        // every `agent_stream` event for it in the meantime (agent-service.ts `runTurn`). If we\n        // waited for the RPC to learn our agentId the timeline would stay empty (and show no\n        // running indicator) until the whole turn finished — the reported bug. Instead we watch\n        // the live broadcast during the call and apply events as they arrive.\n        //\n        // We latch the agent id from the *first `agent_stream` event* we see, not from\n        // `agent_update{status:\"initializing\"}`: `agent_update` is broadcast as a bare top-level\n        // frame that the client's frame router drops (only `session`-wrapped frames reach\n        // `onSessionMessage`), whereas every `agent_stream` frame IS `session`-wrapped and carries\n        // its `agentId`. The daemon creates exactly one agent per `createAgent`, so the first\n        // stream event on this socket after we subscribe belongs to our new agent.\n        //\n        // `bindAgent` is deferred until *after* the RPC resolves: binding attaches\n        // `useAgentStream`, and since the reducer isn't event-id-idempotent, a mid-turn attach\n        // would double every remaining row. Binding post-resolve means this handler is the sole\n        // applier for the first turn and `useAgentStream` only ever sees follow-up turns.\n        let liveAgentId: string | null = null;\n        const unsubscribeLive = client.connection.onSessionMessage((msg) => {\n          if (!isAgentStreamMessage(msg)) return;\n          if (liveAgentId === null) liveAgentId = msg.agentId;\n          if (msg.agentId !== liveAgentId) return;\n          applyAgentStreamEvent({ sessionId, event: msg.event, client, queryClient });\n        });\n\n        let result: { agentId: string };\n        try {\n          result = await client.createAgent({\n            config: { provider: \"pi\", cwd },\n            initialPrompt: prompt,\n            clientMessageId,\n            images: rpcImages,\n            labels: {},\n          });\n        } finally {\n          unsubscribeLive();\n        }\n\n        bindAgent(sessionId, result.agentId);\n      } else {\n        await client.agent(session.agentId).send(prompt, { clientMessageId, images: rpcImages });\n      }\n    } catch {\n      // RPC rejection before any `user_message` broadcast arrived (e.g. dropped connection) —\n      // the optimistic row would otherwise stay pending forever with no feedback. If the server\n      // *did* manage to broadcast `user_message` first (the row is already reconciled), this is\n      // a no-op — `markUserMessageFailed` only touches a still-pending row. Turn-level failures\n      // that occur after that point still surface via `agent_stream` `error`/`turn_failed`\n      // events (POC swallows the RPC rejection the same way; the stream is the source of truth\n      // for those).\n      markUserMessageFailed(sessionId, clientMessageId);\n    } finally {\n      setSending(false);\n    }\n  }\n\n  function handleStop(): void {\n    if (!session?.agentId) return;\n    void client?.agent(session.agentId).interrupt();\n  }\n\n  return (\n    <div className={styles.composer}>\n      <div className={styles.inputArea}>\n        <TextArea\n          ref={textareaRef}\n          className={styles.textarea}\n          rows={1}\n          value={text}\n          placeholder=\"Ask anything… (Enter to send, Shift+Enter for newline)\"\n          onChange={handleTextareaChange}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n        />\n        <Attachments images={images} onRemove={handleRemoveImage} />\n      </div>\n      <Button\n        className={styles.attachBtn}\n        variant=\"ghost\"\n        size=\"md\"\n        iconOnly\n        title=\"Attach image\"\n        onClick={() => fileInputRef.current?.click()}\n      >\n        <Paperclip size={16} />\n      </Button>\n      <input\n        ref={fileInputRef}\n        className={styles.hiddenFileInput}\n        type=\"file\"\n        accept=\"image/*\"\n        multiple\n        onChange={handleFileInputChange}\n      />\n      <div className={styles.actions}>\n        <Button size=\"sm\" disabled={!canSend} onClick={() => void handleSend()} leftIcon={<Send size={14} />}>\n          Send\n        </Button>\n        {running && (\n          <Button size=\"sm\" variant=\"destructive\" onClick={handleStop} leftIcon={<Square size={14} />}>\n            Stop\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n","/**\n * ChatPanel — the tab content mounted by `panel-registry.ts` for `kind: \"chat\"` tabs. Looks up\n * the session by `tab.data.sessionId`, keeps its timeline live via `useAgentStream`, and renders\n * the virtualized `Timeline` + `Composer` (POC_TO_APP_PLAN_UI.md §4.3/§4.4).\n */\n\nimport { useAgentStream } from \"@pi-studio-ui/hooks/use-agent-stream.js\";\nimport { useSessionStore } from \"@pi-studio-ui/stores/session-store.js\";\nimport type { Tab, ChatTabData } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { Timeline } from \"./Timeline.js\";\nimport { Composer } from \"./Composer.js\";\nimport styles from \"./ChatPanel.module.css\";\n\nexport interface ChatPanelProps {\n  tab: Tab;\n}\n\nexport function ChatPanel({ tab }: ChatPanelProps) {\n  // `panel-registry.ts` only ever mounts this component for `tab.kind === \"chat\"`, whose `data`\n  // is always `ChatTabData` — narrowed here since `Tab[\"data\"]` is a union at the type level.\n  const { sessionId } = tab.data as ChatTabData;\n  const session = useSessionStore((s) => s.sessions[sessionId]);\n\n  useAgentStream(sessionId);\n\n  if (!session) {\n    return (\n      <div className={styles.panel}>\n        <div className={styles.empty}>Session not found.</div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.panel}>\n      <Timeline session={session} />\n      <Composer sessionId={session.id} />\n    </div>\n  );\n}\n"],"names":["statusBadgeTokens","variant","StatusBadge","label","className","token","color","jsx","styles","ICON_BY_KIND","Terminal","Eye","Pencil","FilePlus","Search","Globe","ListTree","toolIcon","tool","toolLabel","toolFilePath","toolMutatesFiles","toolBody","sections","text","toolDetailText","toolInlineDetail","parts","DEBOUNCE_MS","pendingTimer","invalidateAfterToolCompletion","queryClient","client","cwd","_toolFilePath","applyAgentStreamEvent","sessionId","event","sessionStore","useSessionStore","session","useAgentStream","useConnectionStore","s","agentId","_a","useQueryClient","useEffect","AssistantRow","row","jsxs","Markdown","ReasoningRow","BADGE_VARIANT","ToolCard","expanded","setExpanded","useState","Icon","inlineDetail","body","hasBody","clsx","v","ChevronRight","section","i","DiffView","UserRow","openedSrc","setOpenedSrc","stateClass","img","src","ev","Dialog","open","ErrorRow","SystemRow","STICK_THRESHOLD_PX","renderRow","Timeline","rows","running","scrollRef","useRef","stickToBottomRef","prevRowCountRef","virtualizer","useVirtualizer","index","handleScroll","el","distanceFromBottom","grew","virtualRow","Attachments","images","onRemove","readImageFile","file","promise","resolve","reject","reader","result","commaIndex","data","MAX_TEXTAREA_HEIGHT","autoResize","isAgentStreamMessage","msg","Composer","bindAgent","addOptimisticUserMessage","markUserMessageFailed","setCwd","setText","setImages","sending","setSending","textareaRef","fileInputRef","canSend","addImageFile","image","prev","handleFileInputChange","handlePaste","item","handleRemoveImage","_","handleTextareaChange","handleKeyDown","handleSend","trimmed","sentImages","prompt","rpcImages","clientMessageId","liveAgentId","unsubscribeLive","handleStop","TextArea","Button","Paperclip","Send","Square","ChatPanel","tab"],"mappings":"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"}

package/dist/web/assets/{CodeView-BKsKJDs7.js → CodeView-C85N-Hey.js}

@@ -1,2 +1,2 @@
-import{u as l}from"./vendor-query-D5H9KBcL.js";import{a as f,r as p}from"./index-BE242j9N.js";import{j as i,r as u}from"./vendor-react-BoIQBqDW.js";import{O as d,P as m,Q as g,S as h,T as w,U as x}from"./vendor--os7hw7d.js";function q(r,n=!0){const t=f(e=>e.client);return l({queryKey:p.fileRead(r),queryFn:async()=>{if(!t)throw new Error("not connected");const e=await t.connection.request("file_read_request",{path:r});if(!e.ok)throw new Error(e.error??"file read failed");return{content:e.content??"",size:e.size??0}},enabled:!!t&&!!r&&n})}const y="_wrap_17s3u_1",E={wrap:y},c=new Map;function C(r){const[n,t]=u.useState(null);return u.useEffect(()=>{const e=w.matchFilename(x,r);if(!e){t(null);return}const s=c.get(e.name);if(s){t(s);return}let a=!1;return t(null),e.load().then(o=>{c.set(e.name,o),a||t(o)}),()=>{a=!0}},[r]),n?[n]:[]}function v({path:r,content:n}){const t=C(r),e=[d.lineWrapping,m(),...t];return i.jsx("div",{className:E.wrap,children:i.jsx(g,{value:n,theme:h,extensions:e,editable:!1,readOnly:!0,basicSetup:{highlightActiveLine:!1,foldGutter:!1,searchKeymap:!1},height:"100%"})})}export{v as C,q as u};
-//# sourceMappingURL=CodeView-BKsKJDs7.js.map
+import{u as l}from"./vendor-query-D5H9KBcL.js";import{a as f,r as p}from"./index-CwsA41_m.js";import{j as i,r as u}from"./vendor-react-BoIQBqDW.js";import{O as d,P as m,Q as g,S as h,T as w,U as x}from"./vendor--os7hw7d.js";function q(r,n=!0){const t=f(e=>e.client);return l({queryKey:p.fileRead(r),queryFn:async()=>{if(!t)throw new Error("not connected");const e=await t.connection.request("file_read_request",{path:r});if(!e.ok)throw new Error(e.error??"file read failed");return{content:e.content??"",size:e.size??0}},enabled:!!t&&!!r&&n})}const y="_wrap_17s3u_1",E={wrap:y},c=new Map;function C(r){const[n,t]=u.useState(null);return u.useEffect(()=>{const e=w.matchFilename(x,r);if(!e){t(null);return}const s=c.get(e.name);if(s){t(s);return}let a=!1;return t(null),e.load().then(o=>{c.set(e.name,o),a||t(o)}),()=>{a=!0}},[r]),n?[n]:[]}function v({path:r,content:n}){const t=C(r),e=[d.lineWrapping,m(),...t];return i.jsx("div",{className:E.wrap,children:i.jsx(g,{value:n,theme:h,extensions:e,editable:!1,readOnly:!0,basicSetup:{highlightActiveLine:!1,foldGutter:!1,searchKeymap:!1},height:"100%"})})}export{v as C,q as u};
+//# sourceMappingURL=CodeView-C85N-Hey.js.map

package/dist/web/assets/{CodeView-BKsKJDs7.js.map → CodeView-C85N-Hey.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CodeView-BKsKJDs7.js","sources":["../../../src/hooks/use-file-read.ts","../../../src/features/files/CodeView.tsx"],"sourcesContent":["/**\n * `use-file-read` — TanStack Query wrapper over `file_read_request` (POC `loadFileContent`,\n * POC_TO_APP_PLAN_UI.md §4.5 / §3 `hooks/use-file-read.ts`).\n */\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { rpcKeys } from \"@pi-studio-ui/lib/connection/rpc-keys.js\";\n\nexport interface FileReadResult {\n  content: string;\n  size: number;\n}\n\ninterface FileReadRpcResponse {\n  ok: boolean;\n  content?: string;\n  size?: number;\n  error?: string;\n}\n\nexport function useFileRead(path: string, enabled = true) {\n  const client = useConnectionStore((s) => s.client);\n\n  return useQuery({\n    queryKey: rpcKeys.fileRead(path),\n    queryFn: async (): Promise<FileReadResult> => {\n      if (!client) throw new Error(\"not connected\");\n      const response = await client.connection.request<FileReadRpcResponse>(\"file_read_request\", {\n        path,\n      });\n      if (!response.ok) throw new Error(response.error ?? \"file read failed\");\n      return { content: response.content ?? \"\", size: response.size ?? 0 };\n    },\n    enabled: Boolean(client) && Boolean(path) && enabled,\n  });\n}\n","/**\n * CodeView — highlighted, read-only file body with a line-number gutter (POC `showFile`/\n * `reloadFileInPanel`, chat.html ~line 812-828, POC_TO_APP_PLAN_UI.md §4.5). Built on CodeMirror 6\n * (`@uiw/react-codemirror`) rather than a hand-rolled `<pre>` + separate gutter `<pre>`: the two\n * previously drifted out of sync on scroll (independent scroll containers, no shared scroll\n * anchor) whenever content was long enough to scroll or lines wrapped. CodeMirror owns a single\n * scrollable viewport with gutter and content painted from the same layout pass, so this class of\n * bug cannot recur.\n */\n\nimport { useEffect, useState } from \"react\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport type { Extension } from \"@codemirror/state\";\nimport { EditorView } from \"@codemirror/view\";\nimport { languages } from \"@codemirror/language-data\";\nimport { LanguageDescription, type LanguageSupport, foldGutter } from \"@codemirror/language\";\nimport { githubDark } from \"@uiw/codemirror-theme-github\";\nimport styles from \"./CodeView.module.css\";\n\nexport interface CodeViewProps {\n  path: string;\n  content: string;\n}\n\n// `LanguageDescription.support` is populated lazily by `.load()`, which dynamically imports the\n// grammar the first time a given language is used and resolves instantly (cached) after that.\nconst supportCache = new Map<string, LanguageSupport>();\n\nfunction useLanguageExtension(path: string): Extension[] {\n  const [support, setSupport] = useState<LanguageSupport | null>(null);\n\n  useEffect(() => {\n    const desc = LanguageDescription.matchFilename(languages, path);\n    if (!desc) {\n      setSupport(null);\n      return;\n    }\n    const cached = supportCache.get(desc.name);\n    if (cached) {\n      setSupport(cached);\n      return;\n    }\n    let cancelled = false;\n    setSupport(null);\n    void desc.load().then((loaded) => {\n      supportCache.set(desc.name, loaded);\n      if (!cancelled) setSupport(loaded);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [path]);\n\n  return support ? [support] : [];\n}\n\nexport function CodeView({ path, content }: CodeViewProps) {\n  const languageExt = useLanguageExtension(path);\n  const extensions: Extension[] = [EditorView.lineWrapping, foldGutter(), ...languageExt];\n\n  return (\n    <div className={styles.wrap}>\n      <CodeMirror\n        value={content}\n        theme={githubDark}\n        extensions={extensions}\n        editable={false}\n        readOnly\n        basicSetup={{\n          highlightActiveLine: false,\n          foldGutter: false,\n          searchKeymap: false,\n        }}\n        height=\"100%\"\n      />\n    </div>\n  );\n}\n"],"names":["useFileRead","path","enabled","client","useConnectionStore","s","useQuery","rpcKeys","response","supportCache","useLanguageExtension","support","setSupport","useState","useEffect","desc","LanguageDescription","languages","cached","cancelled","loaded","CodeView","content","languageExt","extensions","EditorView","foldGutter","jsx","styles","CodeMirror","githubDark"],"mappings":"gOAqBO,SAASA,EAAYC,EAAcC,EAAU,GAAM,CACxD,MAAMC,EAASC,EAAoBC,GAAMA,EAAE,MAAM,EAEjD,OAAOC,EAAS,CACd,SAAUC,EAAQ,SAASN,CAAI,EAC/B,QAAS,SAAqC,CAC5C,GAAI,CAACE,EAAQ,MAAM,IAAI,MAAM,eAAe,EAC5C,MAAMK,EAAW,MAAML,EAAO,WAAW,QAA6B,oBAAqB,CACzF,KAAAF,CAAA,CACD,EACD,GAAI,CAACO,EAAS,GAAI,MAAM,IAAI,MAAMA,EAAS,OAAS,kBAAkB,EACtE,MAAO,CAAE,QAASA,EAAS,SAAW,GAAI,KAAMA,EAAS,MAAQ,CAAA,CACnE,EACA,QAAS,EAAQL,GAAW,EAAQF,GAASC,CAAA,CAC9C,CACH,oCCVMO,MAAmB,IAEzB,SAASC,EAAqBT,EAA2B,CACvD,KAAM,CAACU,EAASC,CAAU,EAAIC,EAAAA,SAAiC,IAAI,EAEnEC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAOC,EAAoB,cAAcC,EAAWhB,CAAI,EAC9D,GAAI,CAACc,EAAM,CACTH,EAAW,IAAI,EACf,MACF,CACA,MAAMM,EAAST,EAAa,IAAIM,EAAK,IAAI,EACzC,GAAIG,EAAQ,CACVN,EAAWM,CAAM,EACjB,MACF,CACA,IAAIC,EAAY,GAChB,OAAAP,EAAW,IAAI,EACVG,EAAK,KAAA,EAAO,KAAMK,GAAW,CAChCX,EAAa,IAAIM,EAAK,KAAMK,CAAM,EAC7BD,GAAWP,EAAWQ,CAAM,CACnC,CAAC,EACM,IAAM,CACXD,EAAY,EACd,CACF,EAAG,CAAClB,CAAI,CAAC,EAEFU,EAAU,CAACA,CAAO,EAAI,CAAA,CAC/B,CAEO,SAASU,EAAS,CAAE,KAAApB,EAAM,QAAAqB,GAA0B,CACzD,MAAMC,EAAcb,EAAqBT,CAAI,EACvCuB,EAA0B,CAACC,EAAW,aAAcC,EAAA,EAAc,GAAGH,CAAW,EAEtF,OACEI,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,KACrB,SAAAD,EAAAA,IAACE,EAAA,CACC,MAAOP,EACP,MAAOQ,EACP,WAAAN,EACA,SAAU,GACV,SAAQ,GACR,WAAY,CACV,oBAAqB,GACrB,WAAY,GACZ,aAAc,EAAA,EAEhB,OAAO,MAAA,CAAA,EAEX,CAEJ"}
+{"version":3,"file":"CodeView-C85N-Hey.js","sources":["../../../src/hooks/use-file-read.ts","../../../src/features/files/CodeView.tsx"],"sourcesContent":["/**\n * `use-file-read` — TanStack Query wrapper over `file_read_request` (POC `loadFileContent`,\n * POC_TO_APP_PLAN_UI.md §4.5 / §3 `hooks/use-file-read.ts`).\n */\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { rpcKeys } from \"@pi-studio-ui/lib/connection/rpc-keys.js\";\n\nexport interface FileReadResult {\n  content: string;\n  size: number;\n}\n\ninterface FileReadRpcResponse {\n  ok: boolean;\n  content?: string;\n  size?: number;\n  error?: string;\n}\n\nexport function useFileRead(path: string, enabled = true) {\n  const client = useConnectionStore((s) => s.client);\n\n  return useQuery({\n    queryKey: rpcKeys.fileRead(path),\n    queryFn: async (): Promise<FileReadResult> => {\n      if (!client) throw new Error(\"not connected\");\n      const response = await client.connection.request<FileReadRpcResponse>(\"file_read_request\", {\n        path,\n      });\n      if (!response.ok) throw new Error(response.error ?? \"file read failed\");\n      return { content: response.content ?? \"\", size: response.size ?? 0 };\n    },\n    enabled: Boolean(client) && Boolean(path) && enabled,\n  });\n}\n","/**\n * CodeView — highlighted, read-only file body with a line-number gutter (POC `showFile`/\n * `reloadFileInPanel`, chat.html ~line 812-828, POC_TO_APP_PLAN_UI.md §4.5). Built on CodeMirror 6\n * (`@uiw/react-codemirror`) rather than a hand-rolled `<pre>` + separate gutter `<pre>`: the two\n * previously drifted out of sync on scroll (independent scroll containers, no shared scroll\n * anchor) whenever content was long enough to scroll or lines wrapped. CodeMirror owns a single\n * scrollable viewport with gutter and content painted from the same layout pass, so this class of\n * bug cannot recur.\n */\n\nimport { useEffect, useState } from \"react\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport type { Extension } from \"@codemirror/state\";\nimport { EditorView } from \"@codemirror/view\";\nimport { languages } from \"@codemirror/language-data\";\nimport { LanguageDescription, type LanguageSupport, foldGutter } from \"@codemirror/language\";\nimport { githubDark } from \"@uiw/codemirror-theme-github\";\nimport styles from \"./CodeView.module.css\";\n\nexport interface CodeViewProps {\n  path: string;\n  content: string;\n}\n\n// `LanguageDescription.support` is populated lazily by `.load()`, which dynamically imports the\n// grammar the first time a given language is used and resolves instantly (cached) after that.\nconst supportCache = new Map<string, LanguageSupport>();\n\nfunction useLanguageExtension(path: string): Extension[] {\n  const [support, setSupport] = useState<LanguageSupport | null>(null);\n\n  useEffect(() => {\n    const desc = LanguageDescription.matchFilename(languages, path);\n    if (!desc) {\n      setSupport(null);\n      return;\n    }\n    const cached = supportCache.get(desc.name);\n    if (cached) {\n      setSupport(cached);\n      return;\n    }\n    let cancelled = false;\n    setSupport(null);\n    void desc.load().then((loaded) => {\n      supportCache.set(desc.name, loaded);\n      if (!cancelled) setSupport(loaded);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [path]);\n\n  return support ? [support] : [];\n}\n\nexport function CodeView({ path, content }: CodeViewProps) {\n  const languageExt = useLanguageExtension(path);\n  const extensions: Extension[] = [EditorView.lineWrapping, foldGutter(), ...languageExt];\n\n  return (\n    <div className={styles.wrap}>\n      <CodeMirror\n        value={content}\n        theme={githubDark}\n        extensions={extensions}\n        editable={false}\n        readOnly\n        basicSetup={{\n          highlightActiveLine: false,\n          foldGutter: false,\n          searchKeymap: false,\n        }}\n        height=\"100%\"\n      />\n    </div>\n  );\n}\n"],"names":["useFileRead","path","enabled","client","useConnectionStore","s","useQuery","rpcKeys","response","supportCache","useLanguageExtension","support","setSupport","useState","useEffect","desc","LanguageDescription","languages","cached","cancelled","loaded","CodeView","content","languageExt","extensions","EditorView","foldGutter","jsx","styles","CodeMirror","githubDark"],"mappings":"gOAqBO,SAASA,EAAYC,EAAcC,EAAU,GAAM,CACxD,MAAMC,EAASC,EAAoBC,GAAMA,EAAE,MAAM,EAEjD,OAAOC,EAAS,CACd,SAAUC,EAAQ,SAASN,CAAI,EAC/B,QAAS,SAAqC,CAC5C,GAAI,CAACE,EAAQ,MAAM,IAAI,MAAM,eAAe,EAC5C,MAAMK,EAAW,MAAML,EAAO,WAAW,QAA6B,oBAAqB,CACzF,KAAAF,CAAA,CACD,EACD,GAAI,CAACO,EAAS,GAAI,MAAM,IAAI,MAAMA,EAAS,OAAS,kBAAkB,EACtE,MAAO,CAAE,QAASA,EAAS,SAAW,GAAI,KAAMA,EAAS,MAAQ,CAAA,CACnE,EACA,QAAS,EAAQL,GAAW,EAAQF,GAASC,CAAA,CAC9C,CACH,oCCVMO,MAAmB,IAEzB,SAASC,EAAqBT,EAA2B,CACvD,KAAM,CAACU,EAASC,CAAU,EAAIC,EAAAA,SAAiC,IAAI,EAEnEC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAOC,EAAoB,cAAcC,EAAWhB,CAAI,EAC9D,GAAI,CAACc,EAAM,CACTH,EAAW,IAAI,EACf,MACF,CACA,MAAMM,EAAST,EAAa,IAAIM,EAAK,IAAI,EACzC,GAAIG,EAAQ,CACVN,EAAWM,CAAM,EACjB,MACF,CACA,IAAIC,EAAY,GAChB,OAAAP,EAAW,IAAI,EACVG,EAAK,KAAA,EAAO,KAAMK,GAAW,CAChCX,EAAa,IAAIM,EAAK,KAAMK,CAAM,EAC7BD,GAAWP,EAAWQ,CAAM,CACnC,CAAC,EACM,IAAM,CACXD,EAAY,EACd,CACF,EAAG,CAAClB,CAAI,CAAC,EAEFU,EAAU,CAACA,CAAO,EAAI,CAAA,CAC/B,CAEO,SAASU,EAAS,CAAE,KAAApB,EAAM,QAAAqB,GAA0B,CACzD,MAAMC,EAAcb,EAAqBT,CAAI,EACvCuB,EAA0B,CAACC,EAAW,aAAcC,EAAA,EAAc,GAAGH,CAAW,EAEtF,OACEI,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,KACrB,SAAAD,EAAAA,IAACE,EAAA,CACC,MAAOP,EACP,MAAOQ,EACP,WAAAN,EACA,SAAU,GACV,SAAQ,GACR,WAAY,CACV,oBAAqB,GACrB,WAAY,GACZ,aAAc,EAAA,EAEhB,OAAO,MAAA,CAAA,EAEX,CAEJ"}

package/dist/web/assets/{FilePanel-C-pvEQ9r.js → FilePanel-CVkY49EH.js}

@@ -1,3 +1,3 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/TextViewer-CxI2tKvn.js","assets/vendor-react-BoIQBqDW.js","assets/index-BE242j9N.js","assets/vendor-query-D5H9KBcL.js","assets/vendor--os7hw7d.js","assets/vendor-markdown-B8HSIhaA.js","assets/vendor-highlight-DCzuSv8g.js","assets/vendor-icons-DwowToH7.js","assets/vendor-overlays-UwLNGk04.js","assets/vendor-dnd-D9kA7FgH.js","assets/index-kTGd9L-J.css","assets/CodeView-BKsKJDs7.js","assets/CodeView-CLRODhB8.css","assets/DiffView-DlVCPvLc.js","assets/DiffView-CRbeRztO.css","assets/MarkdownFileViewer-QbTuGbcl.js","assets/markdown-D9FuaV1m.js","assets/markdown-BQwXm0MF.css","assets/MarkdownFileViewer-BD5Ri_Fb.css","assets/ImageViewer-B9867e6y.js","assets/use-file-download-CBcnWwdZ.js","assets/ImageViewer-ijzMsq8H.css","assets/VideoViewer-NxjHSJ6g.js","assets/VideoViewer-BBuZ4wou.css","assets/BinaryFallbackViewer-DyzbEhXW.js","assets/BinaryFallbackViewer-CLiNWU_S.css"])))=>i.map(i=>d[i]);
-import{r as d,j as i}from"./vendor-react-BoIQBqDW.js";import{C as h}from"./vendor--os7hw7d.js";import{a as b,r as v,B as _,S as p}from"./index-BE242j9N.js";import{u as x}from"./vendor-query-D5H9KBcL.js";import{D as E}from"./DiffView-DlVCPvLc.js";import{_ as f}from"./vendor-highlight-DCzuSv8g.js";function V(e,a,t,r=!0){const o=b(n=>n.client);return x({queryKey:v.fileDiff(e,a,t),queryFn:async()=>{if(!o)throw new Error("not connected");return{patch:(await o.connection.request("file_diff_request",{path:e,cwd:a,staged:t})).patch??""}},enabled:!!o&&!!e&&!!a&&r})}const j=d.lazy(()=>f(()=>import("./TextViewer-CxI2tKvn.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(e=>({default:e.TextViewer}))),T=d.lazy(()=>f(()=>import("./MarkdownFileViewer-QbTuGbcl.js"),__vite__mapDeps([15,1,2,3,4,5,6,7,8,9,10,11,12,16,17,13,14,18])).then(e=>({default:e.MarkdownFileViewer}))),k=d.lazy(()=>f(()=>import("./ImageViewer-B9867e6y.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,8,9,10,20,13,14,21])).then(e=>({default:e.ImageViewer}))),z=d.lazy(()=>f(()=>import("./VideoViewer-NxjHSJ6g.js"),__vite__mapDeps([22,1,2,3,4,5,6,7,8,9,10,20,13,14,23])).then(e=>({default:e.VideoViewer}))),D=d.lazy(()=>f(()=>import("./BinaryFallbackViewer-DyzbEhXW.js"),__vite__mapDeps([24,1,2,3,4,5,6,7,8,9,10,20,25])).then(e=>({default:e.BinaryFallbackViewer}))),I={text:j,markdown:T,image:k,video:z,binary:D},S={md:"markdown",markdown:"markdown",mdx:"markdown",png:"image",jpg:"image",jpeg:"image",gif:"image",webp:"image",svg:"image",bmp:"image",ico:"image",avif:"image",mp4:"video",webm:"video",mov:"video",m4v:"video",ogv:"video",pdf:"binary",zip:"binary",gz:"binary",tar:"binary",exe:"binary",wasm:"binary",woff:"binary",woff2:"binary",ttf:"binary",otf:"binary"},N=[["image/","image"],["video/","video"]];function F(e){const a=e.split("/").pop()??e,t=a.lastIndexOf(".");return t>0?a.slice(t+1).toLowerCase():""}function O(e,a={}){const t=S[F(e)];if(t)return t;const r=a.mimeHint??"";for(const[o,n]of N)if(r.startsWith(o))return n;return a.isBinary?"binary":"text"}const P="_panel_i61bw_1",R="_header_i61bw_7",B="_path_i61bw_17",L="_size_i61bw_24",M="_viewToggle_i61bw_29",A="_body_i61bw_34",C="_emptyState_i61bw_39",K="_diffEmpty_i61bw_48",s={panel:P,header:R,path:B,size:L,viewToggle:M,body:A,emptyState:C,diffEmpty:K};function u(e){return"path"in e}function q(e){return"staged"in e}function W({tab:e}){var m;const a=e.kind==="diff",t=e.data,r=u(t)?t.path:"",o=u(t)&&q(t)?t.staged:!1,[n,l]=d.useState(a?"diff":"file"),w=e.workspaceCwd||"~",c=V(r,w,o,n==="diff"),y=O(r),g=I[y];return i.jsxs("div",{className:s.panel,children:[i.jsxs("div",{className:s.header,children:[i.jsx("span",{className:s.path,children:r}),i.jsx("span",{className:s.size,children:n==="diff"?o?"staged":"unstaged":null}),i.jsxs("div",{className:s.viewToggle,children:[i.jsx(_,{size:"xs",variant:n==="file"?"default":"ghost",onClick:()=>l("file"),children:"File"}),i.jsx(_,{size:"xs",variant:n==="diff"?"default":"ghost",onClick:()=>l("diff"),children:"Diff"})]})]}),i.jsx("div",{className:h(s.body,"file-body"),children:n==="file"?i.jsx(d.Suspense,{fallback:i.jsxs("div",{className:s.emptyState,children:[i.jsx(p,{size:"sm"})," Loading..."]}),children:i.jsx(g,{path:r})}):c.isLoading?i.jsxs("div",{className:s.emptyState,children:[i.jsx(p,{size:"sm"})," Loading diff..."]}):c.isError?i.jsxs("div",{className:s.emptyState,children:["Error: ",c.error instanceof Error?c.error.message:"unknown error"]}):(m=c.data)!=null&&m.patch?i.jsx(E,{patch:c.data.patch}):i.jsx("div",{className:s.diffEmpty,children:"No changes (file matches HEAD)"})})]})}const J=Object.freeze(Object.defineProperty({__proto__:null,FilePanel:W},Symbol.toStringTag,{value:"Module"}));export{J as F,s as p};
-//# sourceMappingURL=FilePanel-C-pvEQ9r.js.map
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/TextViewer-SvlPgTJo.js","assets/vendor-react-BoIQBqDW.js","assets/index-CwsA41_m.js","assets/vendor-query-D5H9KBcL.js","assets/vendor--os7hw7d.js","assets/vendor-markdown-B8HSIhaA.js","assets/vendor-highlight-DCzuSv8g.js","assets/vendor-icons-DwowToH7.js","assets/vendor-overlays-UwLNGk04.js","assets/vendor-dnd-D9kA7FgH.js","assets/index-kTGd9L-J.css","assets/CodeView-C85N-Hey.js","assets/CodeView-CLRODhB8.css","assets/DiffView-DlVCPvLc.js","assets/DiffView-CRbeRztO.css","assets/MarkdownFileViewer-Bls9ucuT.js","assets/markdown-D9FuaV1m.js","assets/markdown-BQwXm0MF.css","assets/MarkdownFileViewer-BD5Ri_Fb.css","assets/ImageViewer-oBNHeO_9.js","assets/use-file-download-BoIxzvuc.js","assets/ImageViewer-ijzMsq8H.css","assets/VideoViewer-B2nu2FWw.js","assets/VideoViewer-BBuZ4wou.css","assets/BinaryFallbackViewer-J5mkbauH.js","assets/BinaryFallbackViewer-CLiNWU_S.css"])))=>i.map(i=>d[i]);
+import{r as d,j as i}from"./vendor-react-BoIQBqDW.js";import{C as h}from"./vendor--os7hw7d.js";import{a as b,r as v,B as _,S as p}from"./index-CwsA41_m.js";import{u as x}from"./vendor-query-D5H9KBcL.js";import{D as E}from"./DiffView-DlVCPvLc.js";import{_ as f}from"./vendor-highlight-DCzuSv8g.js";function V(e,a,t,r=!0){const o=b(n=>n.client);return x({queryKey:v.fileDiff(e,a,t),queryFn:async()=>{if(!o)throw new Error("not connected");return{patch:(await o.connection.request("file_diff_request",{path:e,cwd:a,staged:t})).patch??""}},enabled:!!o&&!!e&&!!a&&r})}const j=d.lazy(()=>f(()=>import("./TextViewer-SvlPgTJo.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(e=>({default:e.TextViewer}))),T=d.lazy(()=>f(()=>import("./MarkdownFileViewer-Bls9ucuT.js"),__vite__mapDeps([15,1,2,3,4,5,6,7,8,9,10,11,12,16,17,13,14,18])).then(e=>({default:e.MarkdownFileViewer}))),k=d.lazy(()=>f(()=>import("./ImageViewer-oBNHeO_9.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,8,9,10,20,13,14,21])).then(e=>({default:e.ImageViewer}))),z=d.lazy(()=>f(()=>import("./VideoViewer-B2nu2FWw.js"),__vite__mapDeps([22,1,2,3,4,5,6,7,8,9,10,20,13,14,23])).then(e=>({default:e.VideoViewer}))),D=d.lazy(()=>f(()=>import("./BinaryFallbackViewer-J5mkbauH.js"),__vite__mapDeps([24,1,2,3,4,5,6,7,8,9,10,20,25])).then(e=>({default:e.BinaryFallbackViewer}))),I={text:j,markdown:T,image:k,video:z,binary:D},S={md:"markdown",markdown:"markdown",mdx:"markdown",png:"image",jpg:"image",jpeg:"image",gif:"image",webp:"image",svg:"image",bmp:"image",ico:"image",avif:"image",mp4:"video",webm:"video",mov:"video",m4v:"video",ogv:"video",pdf:"binary",zip:"binary",gz:"binary",tar:"binary",exe:"binary",wasm:"binary",woff:"binary",woff2:"binary",ttf:"binary",otf:"binary"},N=[["image/","image"],["video/","video"]];function F(e){const a=e.split("/").pop()??e,t=a.lastIndexOf(".");return t>0?a.slice(t+1).toLowerCase():""}function O(e,a={}){const t=S[F(e)];if(t)return t;const r=a.mimeHint??"";for(const[o,n]of N)if(r.startsWith(o))return n;return a.isBinary?"binary":"text"}const P="_panel_i61bw_1",R="_header_i61bw_7",B="_path_i61bw_17",L="_size_i61bw_24",M="_viewToggle_i61bw_29",A="_body_i61bw_34",C="_emptyState_i61bw_39",K="_diffEmpty_i61bw_48",s={panel:P,header:R,path:B,size:L,viewToggle:M,body:A,emptyState:C,diffEmpty:K};function u(e){return"path"in e}function q(e){return"staged"in e}function W({tab:e}){var m;const a=e.kind==="diff",t=e.data,r=u(t)?t.path:"",o=u(t)&&q(t)?t.staged:!1,[n,l]=d.useState(a?"diff":"file"),w=e.workspaceCwd||"~",c=V(r,w,o,n==="diff"),y=O(r),g=I[y];return i.jsxs("div",{className:s.panel,children:[i.jsxs("div",{className:s.header,children:[i.jsx("span",{className:s.path,children:r}),i.jsx("span",{className:s.size,children:n==="diff"?o?"staged":"unstaged":null}),i.jsxs("div",{className:s.viewToggle,children:[i.jsx(_,{size:"xs",variant:n==="file"?"default":"ghost",onClick:()=>l("file"),children:"File"}),i.jsx(_,{size:"xs",variant:n==="diff"?"default":"ghost",onClick:()=>l("diff"),children:"Diff"})]})]}),i.jsx("div",{className:h(s.body,"file-body"),children:n==="file"?i.jsx(d.Suspense,{fallback:i.jsxs("div",{className:s.emptyState,children:[i.jsx(p,{size:"sm"})," Loading..."]}),children:i.jsx(g,{path:r})}):c.isLoading?i.jsxs("div",{className:s.emptyState,children:[i.jsx(p,{size:"sm"})," Loading diff..."]}):c.isError?i.jsxs("div",{className:s.emptyState,children:["Error: ",c.error instanceof Error?c.error.message:"unknown error"]}):(m=c.data)!=null&&m.patch?i.jsx(E,{patch:c.data.patch}):i.jsx("div",{className:s.diffEmpty,children:"No changes (file matches HEAD)"})})]})}const J=Object.freeze(Object.defineProperty({__proto__:null,FilePanel:W},Symbol.toStringTag,{value:"Module"}));export{J as F,s as p};
+//# sourceMappingURL=FilePanel-CVkY49EH.js.map

package/dist/web/assets/{FilePanel-C-pvEQ9r.js.map → FilePanel-CVkY49EH.js.map}

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["useFileDiff","path","cwd","staged","enabled","client","useConnectionStore","s","useQuery","rpcKeys","TextViewer","lazy","__vitePreload","m","MarkdownFileViewer","ImageViewer","VideoViewer","BinaryFallbackViewer","VIEWER_BY_KIND","EXT_TO_VIEWER","MIME_PREFIX_TO_VIEWER","extOf","name","dot","detectViewerKind","opts","byExt","mime","prefix","kind","hasPath","data","isDiffTabData","FilePanel","tab","isDiffTab","viewMode","setViewMode","useState","diffQuery","viewerKind","Viewer","jsxs","styles","jsx","Button","clsx","Suspense","Spinner","_a","DiffView"],"ignoreList":[],"sources":["../../../src/hooks/use-file-diff.ts","../../../src/features/files/viewer-registry.ts","../../../src/features/files/FilePanel.tsx"],"sourcesContent":["/**\n * `use-file-diff` — TanStack Query wrapper over `file_diff_request` (POC `loadDiffContent`,\n * POC_TO_APP_PLAN_UI.md §4.5 / §3 `hooks/use-file-diff.ts`).\n */\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { rpcKeys } from \"@pi-studio-ui/lib/connection/rpc-keys.js\";\n\nexport interface FileDiffResult {\n  patch: string;\n}\n\ninterface FileDiffRpcResponse {\n  patch?: string;\n}\n\nexport function useFileDiff(path: string, cwd: string, staged: boolean, enabled = true) {\n  const client = useConnectionStore((s) => s.client);\n\n  return useQuery({\n    queryKey: rpcKeys.fileDiff(path, cwd, staged),\n    queryFn: async (): Promise<FileDiffResult> => {\n      if (!client) throw new Error(\"not connected\");\n      const response = await client.connection.request<FileDiffRpcResponse>(\"file_diff_request\", {\n        path,\n        cwd,\n        staged,\n      });\n      return { patch: response.patch ?? \"\" };\n    },\n    enabled: Boolean(client) && Boolean(path) && Boolean(cwd) && enabled,\n  });\n}\n","/**\n * File-viewer registry — maps a detected file kind to the viewer component that renders it\n * (POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular file preview). `FilePanel` detects the kind from\n * `path` (extension) and the explorer's binary `mimeHint` (for extension-less/ambiguous files),\n * then looks up the viewer here — adding a new file type is one entry in `EXT_TO_VIEWER`/\n * `MIME_PREFIX_TO_VIEWER` plus one entry in `VIEWER_BY_KIND`, no changes to `FilePanel` itself.\n */\n\nimport { lazy, type ComponentType } from \"react\";\n\nexport type ViewerKind = \"text\" | \"markdown\" | \"image\" | \"video\" | \"binary\";\n\nexport interface ViewerProps {\n  /** Explorer-relative or absolute path, as opened from the file tree/diff panel. */\n  path: string;\n}\n\nconst TextViewer = lazy(() => import(\"./TextViewer.js\").then((m) => ({ default: m.TextViewer })));\nconst MarkdownFileViewer = lazy(() =>\n  import(\"./MarkdownFileViewer.js\").then((m) => ({ default: m.MarkdownFileViewer })),\n);\nconst ImageViewer = lazy(() => import(\"./ImageViewer.js\").then((m) => ({ default: m.ImageViewer })));\nconst VideoViewer = lazy(() => import(\"./VideoViewer.js\").then((m) => ({ default: m.VideoViewer })));\nconst BinaryFallbackViewer = lazy(() =>\n  import(\"./BinaryFallbackViewer.js\").then((m) => ({ default: m.BinaryFallbackViewer })),\n);\n\n/** One component per `ViewerKind`. Register a new file type here — nowhere else. */\nexport const VIEWER_BY_KIND: Record<ViewerKind, ComponentType<ViewerProps>> = {\n  text: TextViewer,\n  markdown: MarkdownFileViewer,\n  image: ImageViewer,\n  video: VideoViewer,\n  binary: BinaryFallbackViewer,\n};\n\nconst EXT_TO_VIEWER: Record<string, ViewerKind> = {\n  md: \"markdown\",\n  markdown: \"markdown\",\n  mdx: \"markdown\",\n\n  png: \"image\",\n  jpg: \"image\",\n  jpeg: \"image\",\n  gif: \"image\",\n  webp: \"image\",\n  svg: \"image\",\n  bmp: \"image\",\n  ico: \"image\",\n  avif: \"image\",\n\n  mp4: \"video\",\n  webm: \"video\",\n  mov: \"video\",\n  m4v: \"video\",\n  ogv: \"video\",\n\n  // No dedicated preview yet — show the binary fallback (name + manual download) instead of\n  // dumping raw/garbled bytes into the text viewer.\n  pdf: \"binary\",\n  zip: \"binary\",\n  gz: \"binary\",\n  tar: \"binary\",\n  exe: \"binary\",\n  wasm: \"binary\",\n  woff: \"binary\",\n  woff2: \"binary\",\n  ttf: \"binary\",\n  otf: \"binary\",\n};\n\nconst MIME_PREFIX_TO_VIEWER: Array<[prefix: string, kind: ViewerKind]> = [\n  [\"image/\", \"image\"],\n  [\"video/\", \"video\"],\n];\n\nfunction extOf(path: string): string {\n  const name = path.split(\"/\").pop() ?? path;\n  const dot = name.lastIndexOf(\".\");\n  return dot > 0 ? name.slice(dot + 1).toLowerCase() : \"\";\n}\n\n/**\n * Detects the viewer kind for a file, preferring the extension (fast, always available) and\n * falling back to a server-supplied MIME hint (extension-less files, e.g. binary blobs the\n * explorer sniffed) — `isBinary` further distinguishes an unrecognized binary from unrecognized\n * text, so unknown-but-textual files (`.env`, `.gitignore`) still fall through to `TextViewer`.\n */\nexport function detectViewerKind(\n  path: string,\n  opts: { mimeHint?: string; isBinary?: boolean } = {},\n): ViewerKind {\n  const byExt = EXT_TO_VIEWER[extOf(path)];\n  if (byExt) return byExt;\n\n  const mime = opts.mimeHint ?? \"\";\n  for (const [prefix, kind] of MIME_PREFIX_TO_VIEWER) {\n    if (mime.startsWith(prefix)) return kind;\n  }\n\n  if (opts.isBinary) return \"binary\";\n  return \"text\";\n}\n","/**\n * FilePanel — the file/diff view toggle panel (POC `buildFilePanel`/`buildDiffPanel` +\n * `loadFileContent`/`loadDiffContent`, chat.html ~line 800-900, POC_TO_APP_PLAN_UI.md §4.5).\n * `panel-registry.ts` mounts this component for BOTH `kind:\"file\"` and `kind:\"diff\"` tabs — a\n * `kind:\"file\"` tab defaults to the File view, a `kind:\"diff\"` tab defaults to the Diff view.\n * Both views stay toggleable within the same panel via local `viewMode` state (not tab-store\n * state), matching the POC's per-panel `showFile`/`showDiff` toggle.\n *\n * The File view dispatches through the modular viewer registry (`viewer-registry.ts`):\n * `detectViewerKind` picks a viewer from the path's extension, and `VIEWER_BY_KIND` resolves the\n * (lazily-loaded) component — text/markdown/image/video today, more by adding one registry entry.\n */\n\nimport { Suspense, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileDiff } from \"@pi-studio-ui/hooks/use-file-diff.js\";\nimport type { Tab, FileTabData, DiffTabData } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { DiffView } from \"./DiffView.js\";\nimport { detectViewerKind, VIEWER_BY_KIND } from \"./viewer-registry.js\";\nimport styles from \"./FilePanel.module.css\";\n\ntype ViewMode = \"file\" | \"diff\";\n\nfunction hasPath(data: Tab[\"data\"]): data is FileTabData | DiffTabData {\n  return \"path\" in data;\n}\n\nfunction isDiffTabData(data: FileTabData | DiffTabData): data is DiffTabData {\n  return \"staged\" in data;\n}\n\nexport interface FilePanelProps {\n  tab: Tab;\n}\n\nexport function FilePanel({ tab }: FilePanelProps) {\n  const isDiffTab = tab.kind === \"diff\";\n  const data = tab.data;\n  const path = hasPath(data) ? data.path : \"\";\n  const staged = hasPath(data) && isDiffTabData(data) ? data.staged : false;\n\n  const [viewMode, setViewMode] = useState<ViewMode>(isDiffTab ? \"diff\" : \"file\");\n  const cwd = tab.workspaceCwd || \"~\";\n\n  const diffQuery = useFileDiff(path, cwd, staged, viewMode === \"diff\");\n\n  const viewerKind = detectViewerKind(path);\n  const Viewer = VIEWER_BY_KIND[viewerKind];\n\n  return (\n    <div className={styles.panel}>\n      <div className={styles.header}>\n        <span className={styles.path}>{path}</span>\n        <span className={styles.size}>{viewMode === \"diff\" ? (staged ? \"staged\" : \"unstaged\") : null}</span>\n        <div className={styles.viewToggle}>\n          <Button\n            size=\"xs\"\n            variant={viewMode === \"file\" ? \"default\" : \"ghost\"}\n            onClick={() => setViewMode(\"file\")}\n          >\n            File\n          </Button>\n          <Button\n            size=\"xs\"\n            variant={viewMode === \"diff\" ? \"default\" : \"ghost\"}\n            onClick={() => setViewMode(\"diff\")}\n          >\n            Diff\n          </Button>\n        </div>\n      </div>\n      <div className={clsx(styles.body, \"file-body\")}>\n        {viewMode === \"file\" ? (\n          <Suspense fallback={<div className={styles.emptyState}><Spinner size=\"sm\" /> Loading...</div>}>\n            <Viewer path={path} />\n          </Suspense>\n        ) : diffQuery.isLoading ? (\n          <div className={styles.emptyState}>\n            <Spinner size=\"sm\" /> Loading diff...\n          </div>\n        ) : diffQuery.isError ? (\n          <div className={styles.emptyState}>\n            Error: {diffQuery.error instanceof Error ? diffQuery.error.message : \"unknown error\"}\n          </div>\n        ) : diffQuery.data?.patch ? (\n          <DiffView patch={diffQuery.data.patch} />\n        ) : (\n          <div className={styles.diffEmpty}>No changes (file matches HEAD)</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"file":"assets/FilePanel-C-pvEQ9r.js"}
+{"version":3,"mappings":"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","names":["useFileDiff","path","cwd","staged","enabled","client","useConnectionStore","s","useQuery","rpcKeys","TextViewer","lazy","__vitePreload","m","MarkdownFileViewer","ImageViewer","VideoViewer","BinaryFallbackViewer","VIEWER_BY_KIND","EXT_TO_VIEWER","MIME_PREFIX_TO_VIEWER","extOf","name","dot","detectViewerKind","opts","byExt","mime","prefix","kind","hasPath","data","isDiffTabData","FilePanel","tab","isDiffTab","viewMode","setViewMode","useState","diffQuery","viewerKind","Viewer","jsxs","styles","jsx","Button","clsx","Suspense","Spinner","_a","DiffView"],"ignoreList":[],"sources":["../../../src/hooks/use-file-diff.ts","../../../src/features/files/viewer-registry.ts","../../../src/features/files/FilePanel.tsx"],"sourcesContent":["/**\n * `use-file-diff` — TanStack Query wrapper over `file_diff_request` (POC `loadDiffContent`,\n * POC_TO_APP_PLAN_UI.md §4.5 / §3 `hooks/use-file-diff.ts`).\n */\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { rpcKeys } from \"@pi-studio-ui/lib/connection/rpc-keys.js\";\n\nexport interface FileDiffResult {\n  patch: string;\n}\n\ninterface FileDiffRpcResponse {\n  patch?: string;\n}\n\nexport function useFileDiff(path: string, cwd: string, staged: boolean, enabled = true) {\n  const client = useConnectionStore((s) => s.client);\n\n  return useQuery({\n    queryKey: rpcKeys.fileDiff(path, cwd, staged),\n    queryFn: async (): Promise<FileDiffResult> => {\n      if (!client) throw new Error(\"not connected\");\n      const response = await client.connection.request<FileDiffRpcResponse>(\"file_diff_request\", {\n        path,\n        cwd,\n        staged,\n      });\n      return { patch: response.patch ?? \"\" };\n    },\n    enabled: Boolean(client) && Boolean(path) && Boolean(cwd) && enabled,\n  });\n}\n","/**\n * File-viewer registry — maps a detected file kind to the viewer component that renders it\n * (POC_TO_APP_PLAN_UI.md §4.5 follow-up: modular file preview). `FilePanel` detects the kind from\n * `path` (extension) and the explorer's binary `mimeHint` (for extension-less/ambiguous files),\n * then looks up the viewer here — adding a new file type is one entry in `EXT_TO_VIEWER`/\n * `MIME_PREFIX_TO_VIEWER` plus one entry in `VIEWER_BY_KIND`, no changes to `FilePanel` itself.\n */\n\nimport { lazy, type ComponentType } from \"react\";\n\nexport type ViewerKind = \"text\" | \"markdown\" | \"image\" | \"video\" | \"binary\";\n\nexport interface ViewerProps {\n  /** Explorer-relative or absolute path, as opened from the file tree/diff panel. */\n  path: string;\n}\n\nconst TextViewer = lazy(() => import(\"./TextViewer.js\").then((m) => ({ default: m.TextViewer })));\nconst MarkdownFileViewer = lazy(() =>\n  import(\"./MarkdownFileViewer.js\").then((m) => ({ default: m.MarkdownFileViewer })),\n);\nconst ImageViewer = lazy(() => import(\"./ImageViewer.js\").then((m) => ({ default: m.ImageViewer })));\nconst VideoViewer = lazy(() => import(\"./VideoViewer.js\").then((m) => ({ default: m.VideoViewer })));\nconst BinaryFallbackViewer = lazy(() =>\n  import(\"./BinaryFallbackViewer.js\").then((m) => ({ default: m.BinaryFallbackViewer })),\n);\n\n/** One component per `ViewerKind`. Register a new file type here — nowhere else. */\nexport const VIEWER_BY_KIND: Record<ViewerKind, ComponentType<ViewerProps>> = {\n  text: TextViewer,\n  markdown: MarkdownFileViewer,\n  image: ImageViewer,\n  video: VideoViewer,\n  binary: BinaryFallbackViewer,\n};\n\nconst EXT_TO_VIEWER: Record<string, ViewerKind> = {\n  md: \"markdown\",\n  markdown: \"markdown\",\n  mdx: \"markdown\",\n\n  png: \"image\",\n  jpg: \"image\",\n  jpeg: \"image\",\n  gif: \"image\",\n  webp: \"image\",\n  svg: \"image\",\n  bmp: \"image\",\n  ico: \"image\",\n  avif: \"image\",\n\n  mp4: \"video\",\n  webm: \"video\",\n  mov: \"video\",\n  m4v: \"video\",\n  ogv: \"video\",\n\n  // No dedicated preview yet — show the binary fallback (name + manual download) instead of\n  // dumping raw/garbled bytes into the text viewer.\n  pdf: \"binary\",\n  zip: \"binary\",\n  gz: \"binary\",\n  tar: \"binary\",\n  exe: \"binary\",\n  wasm: \"binary\",\n  woff: \"binary\",\n  woff2: \"binary\",\n  ttf: \"binary\",\n  otf: \"binary\",\n};\n\nconst MIME_PREFIX_TO_VIEWER: Array<[prefix: string, kind: ViewerKind]> = [\n  [\"image/\", \"image\"],\n  [\"video/\", \"video\"],\n];\n\nfunction extOf(path: string): string {\n  const name = path.split(\"/\").pop() ?? path;\n  const dot = name.lastIndexOf(\".\");\n  return dot > 0 ? name.slice(dot + 1).toLowerCase() : \"\";\n}\n\n/**\n * Detects the viewer kind for a file, preferring the extension (fast, always available) and\n * falling back to a server-supplied MIME hint (extension-less files, e.g. binary blobs the\n * explorer sniffed) — `isBinary` further distinguishes an unrecognized binary from unrecognized\n * text, so unknown-but-textual files (`.env`, `.gitignore`) still fall through to `TextViewer`.\n */\nexport function detectViewerKind(\n  path: string,\n  opts: { mimeHint?: string; isBinary?: boolean } = {},\n): ViewerKind {\n  const byExt = EXT_TO_VIEWER[extOf(path)];\n  if (byExt) return byExt;\n\n  const mime = opts.mimeHint ?? \"\";\n  for (const [prefix, kind] of MIME_PREFIX_TO_VIEWER) {\n    if (mime.startsWith(prefix)) return kind;\n  }\n\n  if (opts.isBinary) return \"binary\";\n  return \"text\";\n}\n","/**\n * FilePanel — the file/diff view toggle panel (POC `buildFilePanel`/`buildDiffPanel` +\n * `loadFileContent`/`loadDiffContent`, chat.html ~line 800-900, POC_TO_APP_PLAN_UI.md §4.5).\n * `panel-registry.ts` mounts this component for BOTH `kind:\"file\"` and `kind:\"diff\"` tabs — a\n * `kind:\"file\"` tab defaults to the File view, a `kind:\"diff\"` tab defaults to the Diff view.\n * Both views stay toggleable within the same panel via local `viewMode` state (not tab-store\n * state), matching the POC's per-panel `showFile`/`showDiff` toggle.\n *\n * The File view dispatches through the modular viewer registry (`viewer-registry.ts`):\n * `detectViewerKind` picks a viewer from the path's extension, and `VIEWER_BY_KIND` resolves the\n * (lazily-loaded) component — text/markdown/image/video today, more by adding one registry entry.\n */\n\nimport { Suspense, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Button } from \"@pi-studio-ui/components/primitives/Button.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport { useFileDiff } from \"@pi-studio-ui/hooks/use-file-diff.js\";\nimport type { Tab, FileTabData, DiffTabData } from \"@pi-studio-ui/stores/tab-store.js\";\nimport { DiffView } from \"./DiffView.js\";\nimport { detectViewerKind, VIEWER_BY_KIND } from \"./viewer-registry.js\";\nimport styles from \"./FilePanel.module.css\";\n\ntype ViewMode = \"file\" | \"diff\";\n\nfunction hasPath(data: Tab[\"data\"]): data is FileTabData | DiffTabData {\n  return \"path\" in data;\n}\n\nfunction isDiffTabData(data: FileTabData | DiffTabData): data is DiffTabData {\n  return \"staged\" in data;\n}\n\nexport interface FilePanelProps {\n  tab: Tab;\n}\n\nexport function FilePanel({ tab }: FilePanelProps) {\n  const isDiffTab = tab.kind === \"diff\";\n  const data = tab.data;\n  const path = hasPath(data) ? data.path : \"\";\n  const staged = hasPath(data) && isDiffTabData(data) ? data.staged : false;\n\n  const [viewMode, setViewMode] = useState<ViewMode>(isDiffTab ? \"diff\" : \"file\");\n  const cwd = tab.workspaceCwd || \"~\";\n\n  const diffQuery = useFileDiff(path, cwd, staged, viewMode === \"diff\");\n\n  const viewerKind = detectViewerKind(path);\n  const Viewer = VIEWER_BY_KIND[viewerKind];\n\n  return (\n    <div className={styles.panel}>\n      <div className={styles.header}>\n        <span className={styles.path}>{path}</span>\n        <span className={styles.size}>{viewMode === \"diff\" ? (staged ? \"staged\" : \"unstaged\") : null}</span>\n        <div className={styles.viewToggle}>\n          <Button\n            size=\"xs\"\n            variant={viewMode === \"file\" ? \"default\" : \"ghost\"}\n            onClick={() => setViewMode(\"file\")}\n          >\n            File\n          </Button>\n          <Button\n            size=\"xs\"\n            variant={viewMode === \"diff\" ? \"default\" : \"ghost\"}\n            onClick={() => setViewMode(\"diff\")}\n          >\n            Diff\n          </Button>\n        </div>\n      </div>\n      <div className={clsx(styles.body, \"file-body\")}>\n        {viewMode === \"file\" ? (\n          <Suspense fallback={<div className={styles.emptyState}><Spinner size=\"sm\" /> Loading...</div>}>\n            <Viewer path={path} />\n          </Suspense>\n        ) : diffQuery.isLoading ? (\n          <div className={styles.emptyState}>\n            <Spinner size=\"sm\" /> Loading diff...\n          </div>\n        ) : diffQuery.isError ? (\n          <div className={styles.emptyState}>\n            Error: {diffQuery.error instanceof Error ? diffQuery.error.message : \"unknown error\"}\n          </div>\n        ) : diffQuery.data?.patch ? (\n          <DiffView patch={diffQuery.data.patch} />\n        ) : (\n          <div className={styles.diffEmpty}>No changes (file matches HEAD)</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"file":"assets/FilePanel-CVkY49EH.js"}

package/dist/web/assets/{ImageViewer-B9867e6y.js → ImageViewer-oBNHeO_9.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-react-BoIQBqDW.js";import{S as t}from"./index-BE242j9N.js";import{u as a}from"./use-file-download-CBcnWwdZ.js";import{p as s}from"./FilePanel-C-pvEQ9r.js";import"./vendor-query-D5H9KBcL.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 m="_wrap_1al28_1",n="_image_1al28_14",o={wrap:m,image:n};function S({path:i}){const r=a(i);return r.isLoading?e.jsxs("div",{className:s.emptyState,children:[e.jsx(t,{size:"sm"})," Loading image..."]}):r.isError?e.jsxs("div",{className:s.emptyState,children:["Error: ",r.error instanceof Error?r.error.message:"unknown error"]}):r.data?e.jsx("div",{className:o.wrap,children:e.jsx("img",{className:o.image,src:r.data.objectUrl,alt:i.split("/").pop()||i})}):null}export{S as ImageViewer};
-//# sourceMappingURL=ImageViewer-B9867e6y.js.map
+import{j as e}from"./vendor-react-BoIQBqDW.js";import{S as t}from"./index-CwsA41_m.js";import{u as a}from"./use-file-download-BoIxzvuc.js";import{p as s}from"./FilePanel-CVkY49EH.js";import"./vendor-query-D5H9KBcL.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 m="_wrap_1al28_1",n="_image_1al28_14",o={wrap:m,image:n};function S({path:i}){const r=a(i);return r.isLoading?e.jsxs("div",{className:s.emptyState,children:[e.jsx(t,{size:"sm"})," Loading image..."]}):r.isError?e.jsxs("div",{className:s.emptyState,children:["Error: ",r.error instanceof Error?r.error.message:"unknown error"]}):r.data?e.jsx("div",{className:o.wrap,children:e.jsx("img",{className:o.image,src:r.data.objectUrl,alt:i.split("/").pop()||i})}):null}export{S as ImageViewer};
+//# sourceMappingURL=ImageViewer-oBNHeO_9.js.map

package/dist/web/assets/{ImageViewer-B9867e6y.js.map → ImageViewer-oBNHeO_9.js.map}

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

package/dist/web/assets/{MarkdownFileViewer-QbTuGbcl.js → MarkdownFileViewer-Bls9ucuT.js}

@@ -1,2 +1,2 @@
-import{r as d,j as r}from"./vendor-react-BoIQBqDW.js";import{S as c,B as a}from"./index-BE242j9N.js";import{u as m,C as p}from"./CodeView-BKsKJDs7.js";import{M as l}from"./markdown-D9FuaV1m.js";import{p as n}from"./FilePanel-C-pvEQ9r.js";import"./vendor-query-D5H9KBcL.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 x="_wrap_khhx0_1",u="_toolbar_khhx0_6",h="_rendered_khhx0_17",o={wrap:x,toolbar:u,rendered:h};function M({path:s}){const e=m(s),[t,i]=d.useState("preview");return e.isLoading?r.jsxs("div",{className:n.emptyState,children:[r.jsx(c,{size:"sm"})," Loading..."]}):e.isError?r.jsxs("div",{className:n.emptyState,children:["Error: ",e.error instanceof Error?e.error.message:"unknown error"]}):e.data?r.jsxs("div",{className:o.wrap,children:[r.jsxs("div",{className:o.toolbar,children:[r.jsx(a,{size:"xs",variant:t==="preview"?"default":"ghost",onClick:()=>i("preview"),children:"Preview"}),r.jsx(a,{size:"xs",variant:t==="source"?"default":"ghost",onClick:()=>i("source"),children:"Source"})]}),t==="preview"?r.jsx("div",{className:o.rendered,children:r.jsx(l,{text:e.data.content})}):r.jsx(p,{path:s,content:e.data.content})]}):null}export{M as MarkdownFileViewer};
-//# sourceMappingURL=MarkdownFileViewer-QbTuGbcl.js.map
+import{r as d,j as r}from"./vendor-react-BoIQBqDW.js";import{S as c,B as a}from"./index-CwsA41_m.js";import{u as m,C as p}from"./CodeView-C85N-Hey.js";import{M as l}from"./markdown-D9FuaV1m.js";import{p as n}from"./FilePanel-CVkY49EH.js";import"./vendor-query-D5H9KBcL.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 x="_wrap_khhx0_1",u="_toolbar_khhx0_6",h="_rendered_khhx0_17",o={wrap:x,toolbar:u,rendered:h};function M({path:s}){const e=m(s),[t,i]=d.useState("preview");return e.isLoading?r.jsxs("div",{className:n.emptyState,children:[r.jsx(c,{size:"sm"})," Loading..."]}):e.isError?r.jsxs("div",{className:n.emptyState,children:["Error: ",e.error instanceof Error?e.error.message:"unknown error"]}):e.data?r.jsxs("div",{className:o.wrap,children:[r.jsxs("div",{className:o.toolbar,children:[r.jsx(a,{size:"xs",variant:t==="preview"?"default":"ghost",onClick:()=>i("preview"),children:"Preview"}),r.jsx(a,{size:"xs",variant:t==="source"?"default":"ghost",onClick:()=>i("source"),children:"Source"})]}),t==="preview"?r.jsx("div",{className:o.rendered,children:r.jsx(l,{text:e.data.content})}):r.jsx(p,{path:s,content:e.data.content})]}):null}export{M as MarkdownFileViewer};
+//# sourceMappingURL=MarkdownFileViewer-Bls9ucuT.js.map