@av-pi-studio/web-client 0.0.73 → 0.0.75

package/dist/web/assets/ChatPanel-DlHBIYiO.js

@@ -1,3 +0,0 @@
-import{r as p,j as t}from"./vendor-react-Uv3j2inr.js";import{c as ge,d as fe,m as pe,u as _e}from"./vendor-query-NxjRJKdp.js";import{t as ee,u as I,a as q,D as xe,b as ve,n as ye,e as te,r as je,M as ke,s as f,S as Ne,f as we,B as A,T as Se,P as Z}from"./index-CVbpa3Qk.js";import{z as Ce,B as be,H as De,n as Ie,d as Be,I as Te,J as ne,C as Ee,K as $e,N as Re,O as Ae,Q as Fe,V as Oe,S as ze}from"./vendor-icons-DDiHMdgo.js";import{M as se}from"./markdown-DGGFhmLR.js";import{C}from"./vendor-BLc7PaxD.js";import{S as Me}from"./StatusBadge-DggMFuW_.js";import{D as Pe}from"./DiffView-dzXC51QP.js";import{R as Ke,T as qe}from"./vendor-overlays-Ki1AFMsh.js";import"./vendor-dnd-Bvh3agTi.js";import"./vendor-highlight-CJuJYF7f.js";import"./vendor-markdown-DtEbK_xy.js";const He={shell:ne,read:Te,edit:Be,write:Ie,search:De,fetch:be,task:Ce};function Ue(e){return He[e.kind]??ne}function Le(e){return e.kind}function We(e){switch(e.kind){case"read":case"write":case"edit":return e.path??null;default:return null}}function Qe(e){return e.kind==="write"||e.kind==="edit"||e.kind==="shell"}function Ve(e){const s=[];if(e.kind==="edit"&&e.diff)s.push({kind:"diff",patch:e.diff});else{const n=ee(e);n&&s.push({kind:"code",text:n})}return e.output&&s.push({kind:"code",text:e.output}),s}function Ge(e){const s=ee(e);if(!s)return"";switch(e.kind){case"read":case"write":case"edit":{const n=s.split("/");return n[n.length-1]||s}case"shell":return s.split(`
-`,1)[0]??s;default:return s}}const Xe=500;let P;function Ye(e,s,n,r){clearTimeout(P),P=setTimeout(()=>{P=void 0,e.invalidateQueries({queryKey:["file"]}),e.invalidateQueries({queryKey:["explorer"]}),s&&n&&s.connection.request("checkout_refresh_request",{cwd:n}).catch(()=>{})},Xe)}function Je({sessionId:e,event:s,client:n,queryClient:r}){const o=I.getState();switch(o.applyStreamEvent(e,s),s.kind){case"turn_started":o.setStatus(e,"running");break;case"turn_completed":o.setStatus(e,"idle");break;case"turn_failed":o.setStatus(e,"error");break;case"turn_canceled":o.setStatus(e,"idle");break;case"tool_call":{if(s.status==="completed"&&Qe(s.tool)){const l=o.sessions[e],c=(l==null?void 0:l.cwd)||null;Ye(r,n,c,We(s.tool))}break}}}function Ze(e){const s=q(o=>o.client),n=I(o=>{var l;return((l=o.sessions[e])==null?void 0:l.agentId)??null}),r=ge();p.useEffect(()=>!s||!n?void 0:s.agent(n).timeline.subscribe(l=>{Je({sessionId:e,event:l,client:s,queryClient:r})}),[s,n,e,r])}const et="_row_1dh2v_3",tt="_who_1dh2v_13",nt="_queuedBadge_1dh2v_22",st="_user_1dh2v_40",at="_userPending_1dh2v_47",rt="_userQueued_1dh2v_51",ot="_userFailed_1dh2v_55",it="_userImages_1dh2v_61",ct="_userImage_1dh2v_61",lt="_imageDialog_1dh2v_77",dt="_imageDialogPreview_1dh2v_81",ut="_assistant_1dh2v_90",mt="_streaming_1dh2v_97",ht="_streamingText_1dh2v_101",gt="_cursor_1dh2v_106",ft="_blink_1dh2v_1",pt="_reasoning_1dh2v_121",_t="_tool_1dh2v_131",xt="_toolHeader_1dh2v_141",vt="_toolChevron_1dh2v_159",yt="_toolChevronOpen_1dh2v_165",jt="_toolInlineDetail_1dh2v_169",kt="_toolBody_1dh2v_179",Nt="_toolCode_1dh2v_185",wt="_toolIcon_1dh2v_196",St="_running_1dh2v_202",Ct="_pulse_1dh2v_1",bt="_completed_1dh2v_207",Dt="_error_1dh2v_211",It="_toolLabel_1dh2v_221",Bt="_toolBadge_1dh2v_226",Tt="_system_1dh2v_238",i={row:et,who:tt,queuedBadge:nt,user:st,userPending:at,userQueued:rt,userFailed:ot,userImages:it,userImage:ct,imageDialog:lt,imageDialogPreview:dt,assistant:ut,streaming:mt,streamingText:ht,cursor:gt,blink:ft,reasoning:pt,tool:_t,toolHeader:xt,toolChevron:vt,toolChevronOpen:yt,toolInlineDetail:jt,toolBody:kt,toolCode:Nt,toolIcon:wt,running:St,pulse:Ct,completed:bt,error:Dt,toolLabel:It,toolBadge:Bt,system:Tt};function Et({row:e,assetBase:s=null,owningPaneId:n=null,workspaceCwd:r=null}){return t.jsxs("div",{className:`${i.row} ${i.assistant}${e.streaming?` ${i.streaming}`:""}`,children:[t.jsx("span",{className:i.who,children:"assistant"}),e.streaming?t.jsxs("span",{className:i.streamingText,children:[e.text,t.jsx("span",{className:i.cursor,children:"▍"})]}):t.jsx(se,{text:e.text,assetBase:s,owningPaneId:n,workspaceCwd:r})]})}function $t({row:e,owningPaneId:s=null,workspaceCwd:n=null}){return t.jsxs("div",{className:`${i.row} ${i.reasoning}`,children:[t.jsx("span",{className:i.who,children:"thinking"}),e.streaming?t.jsxs("span",{className:i.streamingText,children:[e.text,t.jsx("span",{className:i.cursor,children:"▍"})]}):t.jsx(se,{text:e.text,owningPaneId:s,workspaceCwd:n})]})}const Rt={running:"muted",completed:"success",error:"error"};function At({row:e}){const[s,n]=p.useState(!1),r=Ue(e.tool),o=Ge(e.tool),l=Ve(e.tool),c=l.length>0;return t.jsxs("div",{className:C(i.row,i.tool),children:[t.jsxs("button",{type:"button",className:i.toolHeader,onClick:()=>c&&n(m=>!m),"aria-expanded":c?s:void 0,disabled:!c,children:[c&&t.jsx(Ee,{size:12,className:C(i.toolChevron,s&&i.toolChevronOpen)}),t.jsx("span",{className:C(i.toolIcon,i[e.status]),children:t.jsx(r,{size:14})}),t.jsx("span",{className:i.toolLabel,children:Le(e.tool)}),o&&t.jsx("span",{className:i.toolInlineDetail,title:o,children:o}),t.jsx(Me,{className:i.toolBadge,label:e.status,variant:Rt[e.status]})]}),s&&c&&t.jsx("div",{className:i.toolBody,children:l.map((m,x)=>m.kind==="diff"?t.jsx(Pe,{patch:m.patch},x):t.jsx("pre",{className:i.toolCode,children:m.text},x))})]})}function Ft({row:e}){const[s,n]=p.useState(null),r=e.failed?i.userFailed:e.pending?i.userPending:e.queued?i.userQueued:"";return t.jsxs("div",{className:`${i.row} ${i.user}${r?` ${r}`:""}`,children:[t.jsxs("span",{className:i.who,children:["you",e.failed?" · failed to send":"",e.queued&&!e.failed&&t.jsxs("span",{className:i.queuedBadge,children:[t.jsx($e,{size:9}),"queued"]})]}),e.text,e.images&&e.images.length>0&&t.jsx("div",{className:i.userImages,children:e.images.map((o,l)=>{const c=`data:${o.mimeType??"image/png"};base64,${o.data??""}`;return t.jsx("img",{className:i.userImage,src:c,alt:"",role:"button",tabIndex:0,onClick:()=>n(c),onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&n(c)}},l)})}),t.jsx(xe,{open:s!==null,onOpenChange:o=>{o||n(null)},title:"Image",width:"auto",bare:!0,className:i.imageDialog,children:s&&t.jsx("img",{className:i.imageDialogPreview,src:s,alt:""})})]})}function Ot({row:e}){return t.jsxs("div",{className:`${i.row} ${i.error}`,children:[t.jsx("span",{className:i.who,children:"error"}),e.text]})}function zt({row:e}){return t.jsx("div",{className:`${i.row} ${i.system}`,children:e.text})}const Mt="_viewport_2v67y_3",Pt="_inner_2v67y_10",Kt="_rowWrap_2v67y_15",qt="_empty_2v67y_25",Ht="_working_2v67y_34",Ut="_workingDots_2v67y_43",w={viewport:Mt,inner:Pt,rowWrap:Kt,empty:qt,working:Ht,workingDots:Ut},Lt=40;function Wt(e,s,n,r){switch(e.kind){case"user":return t.jsx(Ft,{row:e});case"assistant":return t.jsx(Et,{row:e,assetBase:s,owningPaneId:n,workspaceCwd:r});case"reasoning":return t.jsx($t,{row:e,owningPaneId:n,workspaceCwd:r});case"tool":return t.jsx(At,{row:e});case"error":return t.jsx(Ot,{row:e});case"system":return t.jsx(zt,{row:e})}}function Qt({session:e,owningPaneId:s,workspaceCwd:n}){const r=e.timeline.rows,o=e.status==="running",l=ve(),c=ye(e.cwd,l),m=p.useRef(null),x=p.useRef(!0),N=p.useRef(0),v=fe({count:r.length,getScrollElement:()=>m.current,estimateSize:()=>48,overscan:8,getItemKey:d=>{var _;return((_=r[d])==null?void 0:_.id)??d},measureElement:(d,_,j)=>{if(d.offsetParent!==null)return pe(d,_,j);const $=j.indexFromElement(d),S=j.options.getItemKey($);return j.itemSizeCache.get(S)??j.options.estimateSize($)}});function g(){const d=m.current;if(!d)return;const _=d.scrollHeight-d.scrollTop-d.clientHeight;x.current=_<Lt}return p.useEffect(()=>{const d=N.current,_=r.length>d;return N.current=r.length,_&&x.current&&v.scrollToIndex(r.length-1,{align:"end"}),()=>{N.current=d}},[r.length,v]),r.length===0?t.jsx("div",{className:w.viewport,ref:m,children:o?t.jsxs("div",{className:w.working,role:"status","aria-live":"polite",children:[t.jsxs("span",{className:w.workingDots,"aria-hidden":"true",children:[t.jsx("span",{}),t.jsx("span",{}),t.jsx("span",{})]}),"Agent is working…"]}):t.jsx("div",{className:w.empty,children:"No messages yet — say something to start."})}):t.jsxs("div",{className:w.viewport,ref:m,onScroll:g,children:[t.jsx("div",{className:w.inner,style:{height:v.getTotalSize()},children:v.getVirtualItems().map(d=>{const _=r[d.index];return _?t.jsx("div",{ref:v.measureElement,"data-index":d.index,className:w.rowWrap,style:{transform:`translateY(${d.start}px)`},children:Wt(_,c,s,n)},d.key):null})}),o&&t.jsxs("div",{className:w.working,role:"status","aria-live":"polite",children:[t.jsxs("span",{className:w.workingDots,"aria-hidden":"true",children:[t.jsx("span",{}),t.jsx("span",{}),t.jsx("span",{})]}),"Agent is working…"]})]})}function Vt(e,s=!0){const n=q(r=>r.client);return _e({queryKey:je.agentCommands(e),queryFn:async()=>{if(!n)throw new Error("not connected");const r=await te(n,e),{commands:o}=await n.agent(r).listCommands();return o},enabled:!!n&&!!e&&s})}const Gt="_strip_nzfk5_4",Xt="_thumb_nzfk5_11",Yt="_remove_nzfk5_28",K={strip:Gt,thumb:Xt,remove:Yt};function Jt({images:e,onRemove:s}){return e.length===0?null:t.jsx("div",{className:K.strip,children:e.map((n,r)=>t.jsxs("div",{className:K.thumb,children:[t.jsx("img",{src:n.thumbUrl,alt:""}),t.jsx("button",{type:"button",className:K.remove,title:"Remove",onClick:()=>s(r),children:"×"})]},r))})}function Zt(e){const{promise:s,resolve:n,reject:r}=Promise.withResolvers(),o=new FileReader;return o.onload=()=>{const l=o.result;if(typeof l!="string"){r(new Error("Unexpected FileReader result"));return}const c=l.indexOf(","),m=c>=0?l.slice(c+1):l;n({mimeType:e.type,data:m,thumbUrl:l})},o.onerror=()=>r(o.error??new Error("Failed to read file")),o.readAsDataURL(e),s}const en={onOpenAutoFocus:e=>e.preventDefault()};function tn(e){switch(e){case"extension":return f.commandKindExtension;case"prompt":return f.commandKindPrompt;case"skill":return f.commandKindSkill;default:return}}function nn({open:e,onOpenChange:s,options:n,highlightedIndex:r,onSelect:o,isLoading:l,isError:c,errorMessage:m,hiddenExtensionCount:x,renderTrigger:N}){const v=p.useRef(null);return p.useEffect(()=>{var g,d;e&&((d=(g=v.current)==null?void 0:g.querySelector('[aria-selected="true"]'))==null||d.scrollIntoView({block:"nearest"}))},[e,r]),t.jsxs(Ke,{open:e,onOpenChange:s,modal:!1,children:[t.jsx(qe,{asChild:!0,children:N()}),t.jsxs(ke,{className:C(f.picker,f.commandContent),side:"top",sideOffset:4,...en,onCloseAutoFocus:g=>g.preventDefault(),children:[l&&t.jsx("div",{className:f.state,children:t.jsx(Ne,{size:"sm"})}),!l&&c&&t.jsx("div",{className:f.stateError,children:m??"Failed to load commands"}),!l&&!c&&n.length===0&&t.jsx("div",{className:f.state,children:"No commands found"}),!l&&!c&&n.length>0&&t.jsx("div",{ref:v,className:C(f.list,f.commandList),children:n.map((g,d)=>t.jsxs("div",{role:"option","aria-selected":d===r,className:C(f.item,f.commandItem,d===r&&f.itemActive),title:g.description,onMouseDown:_=>{_.preventDefault(),o(g.value)},children:[t.jsxs("div",{className:f.commandItemHeader,children:[t.jsx("span",{className:f.label,children:g.label}),g.kind&&t.jsx("span",{className:C(f.commandKindBadge,tn(g.kind)),children:g.kind})]}),g.description&&t.jsx("div",{className:f.commandDescription,children:g.description})]},g.value))}),!l&&!c&&x>0&&t.jsxs("div",{className:f.state,children:[x," extension command(s) unavailable while the agent is running"]})]})]})}function H(e){if(!e.startsWith("/"))return null;const s=/^\/(\S*)/.exec(e),n=(s==null?void 0:s[1])??"",r=1+n.length,o=/\S/.test(e.slice(r));return{name:n,end:r,hasArgs:o}}function sn(e){return/^\/\S*$/.test(e)}function an(e,s){let n=0;const r=[];for(const o of e){if(s.running&&o.source==="extension"){n+=1;continue}r.push({value:o.name,label:`/${o.name}`,description:o.description,kind:o.source})}return{options:r,hiddenExtensionCount:n}}function rn(e,s,n){return n<=0?0:(e+s+n)%n}function on(e,s){const n=H(e);return n?n.hasArgs?`/${s}${e.slice(n.end)}`:`/${s} `:`/${s} ${e}`}function cn(e,s){const n=H(e);return!n||!s.includes(n.name)?null:{end:n.end}}const ln="_composer_vcvoe_1",dn="_inputArea_vcvoe_13",un="_textarea_vcvoe_21",mn="_attachBtn_vcvoe_29",hn="_slashBtn_vcvoe_33",gn="_textareaWrap_vcvoe_43",fn="_highlightLayer_vcvoe_51",pn="_commandMark_vcvoe_66",_n="_textareaOverlaid_vcvoe_91",xn="_hiddenFileInput_vcvoe_95",vn="_actions_vcvoe_99",y={composer:ln,inputArea:dn,textarea:un,attachBtn:mn,slashBtn:hn,textareaWrap:gn,highlightLayer:fn,commandMark:pn,textareaOverlaid:_n,hiddenFileInput:xn,actions:vn},yn=160;function O(e){e.style.height="auto",e.style.height=`${Math.min(e.scrollHeight,yn)}px`}function jn(e){return typeof e=="object"&&e!==null&&"ok"in e&&e.ok===!1}function kn({sessionId:e}){const s=q(a=>a.client),n=I(a=>a.sessions[e]),r=I(a=>a.addOptimisticUserMessage),o=I(a=>a.markUserMessageFailed),l=I(a=>a.setCwd),[c,m]=p.useState(""),[x,N]=p.useState([]),[v,g]=p.useState(!1),[d,_]=p.useState(!1),j=p.useRef(null),$=p.useRef(null),[S,R]=p.useState(!1),[U,z]=p.useState(0),B=(n==null?void 0:n.status)==="running",L=!!s&&!(B?d:v)&&(c.trim().length>0||x.length>0),{data:W=[],isLoading:ae,isError:re,error:Q}=Vt(e,S),{options:V,hiddenExtensionCount:oe}=an(W,{running:B}),G=H(c),F=G?we(V,G.name):V,ie=W.map(a=>a.name),b=cn(c,ie);async function X(a){if(a.type.startsWith("image/"))try{const h=await Zt(a);N(u=>[...u,h])}catch{}}function ce(a){for(const h of a.target.files??[])X(h);a.target.value=""}function le(a){for(const h of a.clipboardData.items)if(h.type.startsWith("image/")){a.preventDefault();const u=h.getAsFile();u&&X(u)}}function de(a){N(h=>h.filter((u,k)=>k!==a))}function ue(a){const h=a.target.value;m(h),O(a.target);const u=sn(h);u!==S&&R(u),u&&z(0)}function me(a){var h;if(!S&&b&&a.key==="Backspace"){const u=a.currentTarget,k=u.selectionStart;if(k!==null&&k===u.selectionEnd){const T=b.end+(c[b.end]===" "?1:0);if(k>0&&k<=T){a.preventDefault();const D=c.slice(T);m(D),u.setSelectionRange(0,0),O(u);return}}}if(S&&F.length>0){if(a.key==="ArrowDown"||a.key==="ArrowUp"){a.preventDefault(),z(u=>rn(u,a.key==="ArrowDown"?1:-1,F.length));return}if(a.key==="Enter"&&!a.shiftKey||a.key==="Tab"){a.preventDefault();const u=(h=F[U])==null?void 0:h.value;u&&Y(u);return}}if(S&&a.key==="Escape"){a.preventDefault(),R(!1);return}a.key==="Enter"&&!a.shiftKey&&(a.preventDefault(),M(B?"steer":"send"))}function Y(a){const h=on(c,a);m(h),R(!1),z(0);const u=j.current;u&&(u.focus(),u.setSelectionRange(h.length,h.length),O(u))}async function M(a){if(!s||!n||(a==="steer"?d:v)||a==="steer"&&!n.agentId)return;const h=c.trim();if(!h&&x.length===0)return;m(""),R(!1),j.current&&O(j.current);const u=x;N([]);const k=h||"Describe this image",T=u.length>0?u.map(E=>({mimeType:E.mimeType,data:E.data})):void 0,D=crypto.randomUUID();r(e,D,k,T,a==="steer");const J=a==="steer"?_:g;J(!0);try{if(a==="steer"){const E=await s.agent(n.agentId).steer(k,{clientMessageId:D,images:T});jn(E)&&o(e,D)}else{n.agentId||l(e,n.cwd||"~");const E=await te(s,e);await s.agent(E).send(k,{clientMessageId:D,images:T})}}catch{o(e,D)}finally{J(!1)}}function he(){n!=null&&n.agentId&&(s==null||s.agent(n.agentId).interrupt())}return t.jsxs("div",{className:y.composer,children:[t.jsx(nn,{open:S,onOpenChange:R,options:F,highlightedIndex:U,onSelect:Y,isLoading:ae,isError:re,errorMessage:Q instanceof Error?Q.message:void 0,hiddenExtensionCount:oe,renderTrigger:()=>t.jsx(A,{className:y.slashBtn,variant:"ghost",size:"md",iconOnly:!0,title:"Slash commands","aria-label":"Slash commands",children:t.jsx(Re,{size:16})})}),t.jsxs("div",{className:y.inputArea,children:[t.jsxs("div",{className:y.textareaWrap,children:[t.jsx("div",{className:y.highlightLayer,"aria-hidden":!0,children:b?t.jsxs(t.Fragment,{children:[t.jsx("mark",{className:y.commandMark,children:c.slice(0,b.end)}),c.slice(b.end)]}):c}),t.jsx(Se,{ref:j,className:C(y.textarea,b&&y.textareaOverlaid),rows:1,value:c,placeholder:B?"Steer the running turn… (Enter to steer, Shift+Enter for newline)":"Ask anything… (Enter to send, Shift+Enter for newline)",onChange:ue,onKeyDown:me,onPaste:le})]}),t.jsx(Jt,{images:x,onRemove:de})]}),t.jsx(A,{className:y.attachBtn,variant:"ghost",size:"md",iconOnly:!0,title:"Attach image",onClick:()=>{var a;return(a=$.current)==null?void 0:a.click()},children:t.jsx(Ae,{size:16})}),t.jsx("input",{ref:$,className:y.hiddenFileInput,type:"file",accept:"image/*",multiple:!0,onChange:ce}),t.jsxs("div",{className:y.actions,children:[B?t.jsx(A,{size:"sm",disabled:!L,onClick:()=>void M("steer"),leftIcon:t.jsx(Fe,{size:14}),children:"Steer"}):t.jsx(A,{size:"sm",disabled:!L,onClick:()=>void M("send"),leftIcon:t.jsx(Oe,{size:14}),children:"Send"}),B&&t.jsx(A,{size:"sm",variant:"destructive",onClick:he,leftIcon:t.jsx(ze,{size:14}),children:"Stop"})]})]})}const Nn="_empty_1i5mq_1",wn={empty:Nn};function zn({tab:e,owningPaneId:s}){const{sessionId:n}=e.data,r=I(o=>o.sessions[n]);return Ze(n),r?t.jsxs(Z,{children:[t.jsx(Qt,{session:r,owningPaneId:s,workspaceCwd:e.workspaceCwd}),t.jsx(kn,{sessionId:r.id})]}):t.jsx(Z,{children:t.jsx("div",{className:wn.empty,children:"Session not found."})})}export{zn as ChatPanel};
-//# sourceMappingURL=ChatPanel-DlHBIYiO.js.map

package/dist/web/assets/ChatPanel-DlHBIYiO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatPanel-DlHBIYiO.js","sources":["../../../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/hooks/use-agent-commands.ts","../../../src/features/chat/Attachments.tsx","../../../src/features/chat/CommandMenu.tsx","../../../src/features/chat/slash-commands.ts","../../../src/features/chat/Composer.tsx","../../../src/features/chat/ChatPanel.tsx"],"sourcesContent":["/**\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 * As of task-006/008, the daemon ALSO pushes `file_changed` directly for any expanded directory\n * (`use-explorer-watch.ts`, a real `fs.watch`-backed daemon push) — covering non-agent filesystem\n * changes (an external editor, a shell command run outside the tool-call path, `git` in a\n * pi-studio terminal) that this debounced post-tool invalidation cannot see at all, since it only\n * fires from the timeline reducer's own `tool_call` completions. This module remains as the\n * belt-and-braces path for two things directory watching does NOT cover: it also invalidates\n * `[\"file\"]` *content* queries (an open text tab's read cache), and it covers a tool completion\n * even when the affected directory happens not to be expanded in the tree right now. The daemon's\n * 150ms coalescing (task-006) sits well under this module's 500ms debounce, so the two paths\n * cannot thrash each other.\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, consumed by the live subscription\n * (`use-agent-stream.ts`), which attaches the instant a session's `agentId` is bound —\n * including a freshly materialized draft, before its first turn can possibly start streaming\n * (`Composer.tsx`'s file header) — so there is no separate raw-broadcast/first-turn-gate path\n * here anymore.\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 * By design, a deferred draft's `agentId` is bound before any turn can start (at tab-open time\n * via `ensureMaterialized` in the Composer), so this subscription attaches before streaming\n * begins. There is no raw-broadcast first-turn workaround — every event is captured by the live\n * subscription, including the first turn.\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). The reducer flips `streaming: false` as soon as the text\n * can no longer grow (Pi's `text_end` block-close marker, or the next tool call / turn boundary),\n * at which point it renders through `<Markdown>` — not at the end of the whole turn.\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  assetBase?: string | null;\n  owningPaneId?: string | null;\n  workspaceCwd?: string | null;\n}\n\nexport function AssistantRow({\n  row,\n  assetBase = null,\n  owningPaneId = null,\n  workspaceCwd = null,\n}: AssistantRowProps) {\n  return (\n    <div\n      className={`${styles.row} ${styles.assistant}${row.streaming ? ` ${styles.streaming}` : \"\"}`}\n    >\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\n          text={row.text}\n          assetBase={assetBase}\n          owningPaneId={owningPaneId}\n          workspaceCwd={workspaceCwd}\n        />\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  owningPaneId?: string | null;\n  workspaceCwd?: string | null;\n}\n\nexport function ReasoningRow({ row, owningPaneId = null, workspaceCwd = null }: 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} owningPaneId={owningPaneId} workspaceCwd={workspaceCwd} />\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 {\n  toolIcon,\n  toolLabel,\n  toolInlineDetail,\n  toolBody,\n} 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\n          className={styles.toolBadge}\n          label={row.status}\n          variant={BADGE_VARIANT[row.status]}\n        />\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 * `row.queued` (steered mid-turn, not yet handed to the LLM — cleared by a `queue_update` stream\n * event, see `timeline/reducer.ts`'s `onQueueUpdate`) shows a small \"queued\" pill next to the\n * sender label. All three are terminal/transient states set by the reducer — this component only\n * reflects them.\n */\n\nimport { useState } from \"react\";\nimport { Clock } from \"lucide-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\n    ? styles.userFailed\n    : row.pending\n      ? styles.userPending\n      : row.queued\n        ? styles.userQueued\n        : \"\";\n\n  return (\n    <div className={`${styles.row} ${styles.user}${stateClass ? ` ${stateClass}` : \"\"}`}>\n      <span className={styles.who}>\n        you{row.failed ? \" · failed to send\" : \"\"}\n        {row.queued && !row.failed && (\n          <span className={styles.queuedBadge}>\n            <Clock size={9} />\n            queued\n          </span>\n        )}\n      </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). The mount-time \"grew\" tracking ref reverts itself on\n * cleanup — required for correctness under React StrictMode's dev-only double-invoke, which\n * otherwise swallows the necessary scroll-to-bottom on a freshly restored/opened session (see\n * the effect's own comment).\n */\n\nimport { useEffect, useRef } from \"react\";\nimport { measureElement as measureElementDefault, useVirtualizer } from \"@tanstack/react-virtual\";\nimport type { SessionEntry } from \"@pi-studio-ui/stores/session-store.js\";\nimport { normalizeCwd } from \"@pi-studio-ui/features/sessions/workspace-grouping.js\";\nimport { useHomeDir } from \"@pi-studio-ui/hooks/use-home-dir.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  owningPaneId: string | null;\n  workspaceCwd: string;\n}\n\nconst STICK_THRESHOLD_PX = 40;\n\nfunction renderRow(\n  row: TimelineRow,\n  assetBase: string | null,\n  owningPaneId?: string | null,\n  workspaceCwd?: string,\n) {\n  switch (row.kind) {\n    case \"user\":\n      return <UserRow row={row} />;\n    case \"assistant\":\n      return (\n        <AssistantRow\n          row={row}\n          assetBase={assetBase}\n          owningPaneId={owningPaneId}\n          workspaceCwd={workspaceCwd}\n        />\n      );\n    case \"reasoning\":\n      return <ReasoningRow row={row} owningPaneId={owningPaneId} workspaceCwd={workspaceCwd} />;\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, owningPaneId, workspaceCwd }: TimelineProps) {\n  const rows = session.timeline.rows;\n  const running = session.status === \"running\";\n  const homeDir = useHomeDir();\n  const assetBase = normalizeCwd(session.cwd, homeDir);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const stickToBottomRef = useRef(true);\n  // Init to 0 (not `rows.length`) so a freshly-mounted tab with existing history — a brand-new\n  // chat tab switch or a session restored from disk — still counts as \"grew\" on its first effect\n  // run and scrolls to the last message, instead of opening at the top.\n  const prevRowCountRef = useRef(0);\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    // `TabPanelHost` keeps inactive chat tabs mounted under `display:none` rather than\n    // unmounting them (so switching tabs preserves scroll position — see its own doc comment).\n    // But a `display:none` ancestor collapses every row to a 0×0 border box, and the default\n    // `measureElement` would cache that bogus 0 height — shrinking `.inner`'s total height to\n    // ~0 and permanently clamping the scroll container's `scrollTop` to 0 in the process, which\n    // survives the tab becoming visible again (the browser never un-clamps a scroll offset just\n    // because content grows back). Skip the measurement while hidden and keep whatever size is\n    // already cached (or the `estimateSize` default on first mount) instead.\n    measureElement: (element, entry, instance) => {\n      if ((element as HTMLElement).offsetParent !== null)\n        return measureElementDefault(element, entry, instance);\n      const index = instance.indexFromElement(element);\n      const key = instance.options.getItemKey(index);\n      return instance.itemSizeCache.get(key) ?? instance.options.estimateSize(index);\n    },\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 prevCount = prevRowCountRef.current;\n    const grew = rows.length > prevCount;\n    prevRowCountRef.current = rows.length;\n    if (grew && stickToBottomRef.current) {\n      virtualizer.scrollToIndex(rows.length - 1, { align: \"end\" });\n    }\n    // React StrictMode double-invokes this effect on mount (mount -> phantom cleanup -> mount,\n    // same instance — see TerminalPanel.tsx's own StrictMode doc comment for the established\n    // pattern here). `@tanstack/react-virtual`'s own scroll-element attachment effect DOES\n    // correctly redo its setup across that phantom cycle and, in doing so, resets the DOM\n    // `scrollTop` back to 0 on the second (real) attach — but without this cleanup, this ref's\n    // `grew` flip from the first (phantom) invocation would make the second invocation a false\n    // \"unchanged\" no-op, permanently losing the scroll-to-bottom to the library's reset and\n    // leaving a freshly restored/opened session's timeline stuck at the top. Reverting the ref\n    // on cleanup makes each real invocation see the true count it started from.\n    return () => {\n      prevRowCountRef.current = prevCount;\n    };\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, assetBase, owningPaneId, workspaceCwd)}\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 * `use-agent-commands` — TanStack Query wrapper over `agent_list_commands_request`\n * (`client.agent(id).listCommands()`, sprint-040 web-client half). Cached exactly like\n * `use-provider-models.ts`: read-through by `[\"agents\",\"commands\",sessionId]`, no `staleTime`/\n * `gcTime`/`retry` override of its own, so a subsequent open of the `/` menu — including the\n * auto-open that fires on every `/` keystroke — shows the cached rows immediately\n * (`isLoading: false`) while a background refetch keeps the list current, instead of re-showing\n * a loading spinner every time.\n */\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { AgentCommandDescriptor } from \"@av-pi-studio/protocol\";\nimport { useConnectionStore } from \"@pi-studio-ui/lib/connection/connection-store.js\";\nimport { rpcKeys } from \"@pi-studio-ui/lib/connection/rpc-keys.js\";\nimport { ensureMaterialized } from \"@pi-studio-ui/stores/materialize.js\";\n\nexport function useAgentCommands(sessionId: string, enabled = true) {\n  const client = useConnectionStore((s) => s.client);\n\n  return useQuery({\n    queryKey: rpcKeys.agentCommands(sessionId),\n    queryFn: async (): Promise<AgentCommandDescriptor[]> => {\n      if (!client) throw new Error(\"not connected\");\n      // Same materialization guard `Composer.submit()`'s send branch uses — a no-op once bound.\n      const agentId = await ensureMaterialized(client, sessionId);\n      const { commands } = await client.agent(agentId).listCommands();\n      return commands;\n    },\n    enabled: Boolean(client) && Boolean(sessionId) && enabled,\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 * CommandMenu — the `/` slash-command popup (web-client slash commands). Reuses `ModelMenu`'s\n * visual chrome (`ModelMenu.module.css`'s `.content`/`.list`/`.item`/`.label`/`.modelId`/`.state`/\n * `.stateError`) plus command-row-specific classes added to the same file\n * (`.commandContent`/`.commandItem`/`.commandItemHeader`/`.commandDescription` — a capped popup\n * width with the name and source badge on one line, description clamped to two lines below, full\n * text on hover via the native `title` attribute) — but this is a DIFFERENT component, not a\n * generalized `ModelMenu`: `ModelMenu` owns its `open`/`query` state privately and renders its own\n * search `<input>`, neither of which fits a menu whose open state and filter query are driven\n * entirely by the composer's own textarea.\n *\n * Rows are plain `<div role=\"option\">`, not `DropdownMenu.Item` — `Item` brings Radix roving\n * focus/typeahead, which would fight the textarea for keyboard focus. `.itemActive` (keyboard\n * selection — what Enter/Tab applies) comes purely from `highlightedIndex`, driven by the\n * composer's own `ArrowUp`/`ArrowDown` handling; mouse hover is deliberately a SEPARATE, native\n * CSS `:hover` (see `.commandItem:hover` in `ModelMenu.module.css`) rather than being synced into\n * the same state via `onMouseEnter` — that would add a React round-trip to something the browser\n * already tracks natively, and can miss fast pointer movement.\n * `onOpenAutoFocus` is prevented so opening the menu (by clicking the trigger, or by typing `/`)\n * never steals focus away from the textarea — the user must be able to keep typing.\n */\n\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { clsx } from \"clsx\";\nimport { useEffect, useRef, type ReactNode } from \"react\";\nimport { MenuContent } from \"@pi-studio-ui/components/primitives/Menu.js\";\nimport { Spinner } from \"@pi-studio-ui/components/primitives/Spinner.js\";\nimport type { ComboboxOption } from \"@pi-studio-ui/ui/combobox.js\";\nimport styles from \"./ModelMenu.module.css\";\n\n/**\n * `onOpenAutoFocus` prevents Radix from auto-focusing the menu on open (needed so opening it —\n * by clicking the trigger, or by typing `/` — never steals focus away from the textarea, which\n * must be able to keep receiving keystrokes). It's real and runtime-forwarded — `MenuContentImpl`\n * destructures and composes it (`@radix-ui/react-menu`'s `dist/index.mjs`) — but Radix's PUBLIC\n * `DropdownMenuContentProps` type deliberately omits it (it's typed as\n * `MenuContentImplPrivateProps`, i.e. intentionally internal-API-only), so passing it as a plain\n * JSX attribute fails the excess-property check. Spreading a separately-typed object (rather than\n * inlining the prop) sidesteps that check honestly, without widening `DropdownMenu.Content`'s\n * props type as a whole.\n */\nconst preventOpenAutoFocus: { onOpenAutoFocus: (event: Event) => void } = {\n  onOpenAutoFocus: (event) => event.preventDefault(),\n};\n\n/** Distinct color per command source so the three kinds read apart at a glance, not just by\n * their (tiny) label text — unmapped/future kinds fall back to `.commandKindBadge`'s own\n * neutral border/text color. */\nfunction kindBadgeClass(kind: string): string | undefined {\n  switch (kind) {\n    case \"extension\":\n      return styles.commandKindExtension;\n    case \"prompt\":\n      return styles.commandKindPrompt;\n    case \"skill\":\n      return styles.commandKindSkill;\n    default:\n      return undefined;\n  }\n}\n\nexport interface CommandMenuProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Rows to render, already filtered + ordered by the caller (`slash-commands.ts`). */\n  options: ComboboxOption<string>[];\n  /** Index into `options`; the row rendered as preselected. -1 for none. */\n  highlightedIndex: number;\n  onSelect: (name: string) => void;\n  isLoading: boolean;\n  isError: boolean;\n  errorMessage?: string;\n  /** Count of extension commands hidden because a turn is running; 0 renders no note. */\n  hiddenExtensionCount: number;\n  renderTrigger: () => ReactNode;\n}\n\nexport function CommandMenu({\n  open,\n  onOpenChange,\n  options,\n  highlightedIndex,\n  onSelect,\n  isLoading,\n  isError,\n  errorMessage,\n  hiddenExtensionCount,\n  renderTrigger,\n}: CommandMenuProps) {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  // Keyboard nav (composer's ArrowUp/ArrowDown) moves `highlightedIndex` without touching scroll\n  // — the list's own `overflow-y: auto` never follows it on its own, so a highlighted row outside\n  // the visible 320px window stayed invisible until scrolled manually. `\"nearest\"` only scrolls\n  // when the row is actually out of view, so it doesn't jitter while the row is already visible.\n  useEffect(() => {\n    if (!open) return;\n    listRef.current?.querySelector('[aria-selected=\"true\"]')?.scrollIntoView({ block: \"nearest\" });\n  }, [open, highlightedIndex]);\n\n  return (\n    <DropdownMenu.Root open={open} onOpenChange={onOpenChange} modal={false}>\n      <DropdownMenu.Trigger asChild>{renderTrigger()}</DropdownMenu.Trigger>\n      <MenuContent\n        className={clsx(styles.picker, styles.commandContent)}\n        side=\"top\"\n        sideOffset={4}\n        {...preventOpenAutoFocus}\n        // Radix returns focus to the trigger button when the menu closes by default — that\n        // would undo `applySelectedCommand`'s explicit `el.focus()` back onto the textarea\n        // (Escape-to-close and click-away-to-close both go through this same path too), so the\n        // textarea must own focus after ANY close, not just the apply path.\n        onCloseAutoFocus={(e) => e.preventDefault()}\n      >\n        {isLoading && (\n          <div className={styles.state}>\n            <Spinner size=\"sm\" />\n          </div>\n        )}\n        {!isLoading && isError && (\n          <div className={styles.stateError}>{errorMessage ?? \"Failed to load commands\"}</div>\n        )}\n        {!isLoading && !isError && options.length === 0 && (\n          <div className={styles.state}>No commands found</div>\n        )}\n        {!isLoading && !isError && options.length > 0 && (\n          <div ref={listRef} className={clsx(styles.list, styles.commandList)}>\n            {options.map((opt, i) => (\n              <div\n                key={opt.value}\n                role=\"option\"\n                aria-selected={i === highlightedIndex}\n                className={clsx(\n                  styles.item,\n                  styles.commandItem,\n                  i === highlightedIndex && styles.itemActive,\n                )}\n                // Native title tooltip (the app's established hover-text convention, e.g.\n                // Composer.tsx's icon buttons) shows the FULL description on hover — the row\n                // itself only ever renders a 2-line clamp.\n                title={opt.description}\n                onMouseDown={(e) => {\n                  // Keep the textarea's focus/caret through the click — this menu never takes\n                  // keyboard focus, so a default mousedown would blur the textarea for nothing.\n                  e.preventDefault();\n                  onSelect(opt.value);\n                }}\n              >\n                <div className={styles.commandItemHeader}>\n                  <span className={styles.label}>{opt.label}</span>\n                  {opt.kind && (\n                    <span className={clsx(styles.commandKindBadge, kindBadgeClass(opt.kind))}>\n                      {opt.kind}\n                    </span>\n                  )}\n                </div>\n                {opt.description && (\n                  <div className={styles.commandDescription}>{opt.description}</div>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n        {!isLoading && !isError && hiddenExtensionCount > 0 && (\n          <div className={styles.state}>\n            {hiddenExtensionCount} extension command(s) unavailable while the agent is running\n          </div>\n        )}\n      </MenuContent>\n    </DropdownMenu.Root>\n  );\n}\n","/**\n * Pure slash-command logic for the composer's `/` picker (sprint-040 web-client half) — kept out\n * of `Composer.tsx`/`CommandMenu.tsx` so it's unit-testable under the root vitest config (which\n * only discovers `.test.ts` files under a node environment; `.tsx` component files are not\n * picked up there, following `model-menu-sort.ts`'s precedent).\n *\n * Every function here works with Pi's own token grammar\n * (`^\\/([^\\s]+)(?:\\s+([\\s\\S]*))?$`, `node_modules/@earendil-works/pi-coding-agent/dist/core/\n * prompt-templates.js:221-229`) and its exact, case-sensitive command-name matching\n * (`dist/core/extensions/runner.js:436-438`), so `knownCommandSpan`'s highlight doubles as a live\n * \"Pi will recognize this\" indicator rather than decoration.\n */\n\nimport type { ComboboxOption } from \"@pi-studio-ui/ui/combobox.js\";\n\n/** The fields of an `agent_list_commands_response` entry this module needs. */\nexport interface SlashCommand {\n  name: string;\n  description?: string;\n  source?: string;\n  scope?: string;\n}\n\n/** Leading `/token` of a composer draft; `end` is the index just past the token. */\nexport interface SlashToken {\n  name: string;\n  end: number;\n  hasArgs: boolean;\n}\n\n/** `null` unless the draft's first character is `/`. `name` excludes the slash. */\nexport function parseSlashToken(text: string): SlashToken | null {\n  if (!text.startsWith(\"/\")) return null;\n  const match = /^\\/(\\S*)/.exec(text);\n  const name = match?.[1] ?? \"\";\n  const end = 1 + name.length;\n  const hasArgs = /\\S/.test(text.slice(end));\n  return { name, end, hasArgs };\n}\n\n/** True while the draft is still just a command name being typed: `/^\\/[^\\s]*$/`. */\nexport function shouldOpenMenu(text: string): boolean {\n  return /^\\/\\S*$/.test(text);\n}\n\n/**\n * Menu rows in daemon order (no client-side sort — the daemon's order is Pi's order).\n * `running` drops `source === \"extension\"` entries: Pi rejects extension commands on `steer`/\n * `follow_up` (`agent-session.js` `_throwIfExtensionCommand`), which is the only send path while a\n * turn is in flight, and that rejection is a swallowed `notify` response, i.e. silent.\n */\nexport function commandOptions(\n  commands: SlashCommand[],\n  opts: { running: boolean },\n): { options: ComboboxOption<string>[]; hiddenExtensionCount: number } {\n  let hiddenExtensionCount = 0;\n  const options: ComboboxOption<string>[] = [];\n  for (const cmd of commands) {\n    if (opts.running && cmd.source === \"extension\") {\n      hiddenExtensionCount += 1;\n      continue;\n    }\n    options.push({\n      value: cmd.name,\n      label: `/${cmd.name}`,\n      description: cmd.description,\n      kind: cmd.source,\n    });\n  }\n  return { options, hiddenExtensionCount };\n}\n\n/** Wrapping highlight movement; returns 0 for an empty list. */\nexport function moveHighlight(current: number, delta: number, length: number): number {\n  if (length <= 0) return 0;\n  return (current + delta + length) % length;\n}\n\n/**\n * Replace the draft's leading token with `/name`, keeping any args. With no args, append exactly\n * one space (which also makes `shouldOpenMenu` false, closing the menu by itself). With no leading\n * slash at all, prefix `/name ` to the existing text.\n */\nexport function applyCommand(text: string, name: string): string {\n  const token = parseSlashToken(text);\n  if (!token) return `/${name} ${text}`;\n  if (!token.hasArgs) return `/${name} `;\n  return `/${name}${text.slice(token.end)}`;\n}\n\n/**\n * The span to highlight in the textarea: the leading token only when it matches a known command\n * name exactly and case-sensitively — the same test Pi applies, so the highlight doubles as \"Pi\n * will recognize this\".\n */\nexport function knownCommandSpan(text: string, names: readonly string[]): { end: number } | null {\n  const token = parseSlashToken(text);\n  if (!token || !names.includes(token.name)) return null;\n  return { end: token.end };\n}\n","/**\n * Composer — autosizing textarea + attach/send/stop (POC `initChatPanel`/`send()`,\n * POC_TO_APP_PLAN_UI.md §4.4). Every send goes through `ensureMaterialized` (`stores/\n * materialize.ts`) first: a brand-new session (`agentId: null`) becomes a real, persisted draft\n * via a no-`initialPrompt` `createAgent` call — the daemon persists the record but does NOT spawn\n * a provider process yet (`agent-service.ts` `handleCreate`'s deferred-draft branch); the process\n * spawns lazily on this very send (`spawnOrResumeSession`). `ensureMaterialized` is a no-op once\n * already bound, so this is the single path for both \"first message ever\" and every follow-up:\n * `client.agent(agentId).send(...)`. Stop → `client.agent(agentId).interrupt()`.\n *\n * Because the agent is bound (materialized) *before* this call, `useAgentStream` (attaches once\n * `agentId` is set) is already subscribed by the time `send`'s turn starts streaming — unlike the\n * old \"one RPC does create-agent-and-run-the-first-turn\" path, there is no window where the first\n * turn's events arrive on a raw broadcast nobody is listening to, so this file no longer needs a\n * first-turn gate/latch dance for a still-unbound session.\n *\n * OPTIMISTIC ECHO: `send_agent_prompt` blocks server-side until the whole turn finishes, and even\n * the *first* broadcast event only fires once the agent process is booted/warm — for a session\n * materializing on this very send, that means a real process-spawn+handshake before anything\n * appears (see AGENTS.md \"First-message latency\"). To hide that, `submit` mints a\n * `clientMessageId` and inserts the user's row into the timeline *synchronously*, before the RPC\n * is even issued. The daemon echoes the same id back verbatim as the `user_message` event's\n * `messageId` (`packages/server/src/agent/agent-service.ts` `runTurn`); the reducer\n * (`timeline/reducer.ts` `onUserMessage`) matches it against the pending row and confirms it in\n * place instead of appending a duplicate.\n *\n * MODEL & MATERIALIZATION: a chat materializes the instant its tab is created\n * (`tab-store.ts` `openNewChat` calls `ensureMaterialized`, which also resolves and pins the\n * default model into the record if none was set yet) — long before this composer even mounts, in\n * the common case. `submit`'s own `ensureMaterialized` call below is the retry path: it only does\n * real work when the eager materialize failed or never ran (opened while disconnected). Picking a\n * different model (`StatusBar.tsx`'s `handleSelectModel`) updates the already-materialized\n * record's `config.model`/`config.modelProvider` directly — replayed by the server on first spawn\n * regardless of whether it's the resolved default or an explicit pick (`spawnOrResumeSession`).\n *\n * STEERING: while the agent is running, the primary action becomes **Steer** instead of Send\n * (`send_agent_prompt` is only legal when idle — see AGENTS.md \"Steering\"). Steer reuses the exact\n * optimistic-echo + reconciliation path above (`clientMessageId` in, same `user_message` echo\n * back), just against `client.agent(id).steer(...)` instead of `.send(...)`, and marks the\n * optimistic row `queued: true` so `UserRow` can show a \"queued\" badge until a `queue_update`\n * stream event drops the text from its `steering[]` list (`timeline/reducer.ts`'s\n * `onQueueUpdate`). Follow-up (`.followUp(...)`, delivered only after the turn fully stops) is\n * intentionally not surfaced here — SDK/CLI only for now. Steering only makes sense against a\n * live agent — never triggers materialization itself.\n */\n\nimport { useRef, useState, type ChangeEvent, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Navigation, Paperclip, Send, Slash, Square } from \"lucide-react\";\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 { ensureMaterialized } from \"@pi-studio-ui/stores/materialize.js\";\nimport { useAgentCommands } from \"@pi-studio-ui/hooks/use-agent-commands.js\";\nimport { filterOptions } from \"@pi-studio-ui/ui/combobox.js\";\nimport { Attachments, readImageFile, type PendingImage } from \"./Attachments.js\";\nimport { CommandMenu } from \"./CommandMenu.js\";\nimport {\n  applyCommand,\n  commandOptions,\n  knownCommandSpan,\n  moveHighlight,\n  parseSlashToken,\n  shouldOpenMenu,\n} from \"./slash-commands.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\n/** `steer_agent_response`'s `{ ok: false }` — no live turn, or the provider lacks steering. */\nfunction isOkFalse(value: unknown): boolean {\n  return typeof value === \"object\" && value !== null && \"ok\" in value && value.ok === false;\n}\n\nexport function Composer({ sessionId }: ComposerProps) {\n  const client = useConnectionStore((s) => s.client);\n  const session = useSessionStore((s) => s.sessions[sessionId]);\n  const addOptimisticUserMessage = useSessionStore((s) => s.addOptimisticUserMessage);\n  const markUserMessageFailed = useSessionStore((s) => s.markUserMessageFailed);\n  const setCwd = useSessionStore((s) => s.setCwd);\n\n  const [text, setText] = useState(\"\");\n  const [images, setImages] = useState<PendingImage[]>([]);\n  // Two independent busy flags: `sending` guards Send/create-agent, whose RPC blocks\n  // server-side for the *entire* turn (`runTurn` doesn't resolve until the turn ends — see\n  // AGENTS.md \"Steering\"); `steering` guards the separate, fire-and-forget steer RPC. Sharing\n  // one flag would leave the Steer button disabled for the whole turn, since the original\n  // send's promise stays pending throughout it.\n  const [sending, setSending] = useState(false);\n  const [steering, setSteering] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [highlight, setHighlight] = useState(0);\n\n  const running = session?.status === \"running\";\n  const busy = running ? steering : sending;\n  const canSubmit = Boolean(client) && !busy && (text.trim().length > 0 || images.length > 0);\n\n  // Read-through cached exactly like `use-provider-models.ts` (see the hook's own docstring):\n  // reopening the `/` menu — including the auto-open that fires on every `/` keystroke — shows\n  // the cached rows immediately instead of a spinner every time.\n  const { data: commands = [], isLoading, isError, error } = useAgentCommands(sessionId, menuOpen);\n  const { options, hiddenExtensionCount } = commandOptions(commands, { running });\n  const token = parseSlashToken(text);\n  const filtered = token ? filterOptions(options, token.name) : options;\n  const commandNames = commands.map((c) => c.name);\n  // The span to highlight in the textarea — only a token Pi will actually recognize as a command.\n  const span = knownCommandSpan(text, commandNames);\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    const next = ev.target.value;\n    setText(next);\n    autoResize(ev.target);\n    // `/` at the very start opens the menu and keeps it open while the name is still being typed;\n    // the first space (or any non-slash draft) closes it. Never reopens for a `/` mid-text — Pi\n    // only recognizes a command at index 0 (`agent-session.js` `text.startsWith(\"/\")`).\n    const shouldOpen = shouldOpenMenu(next);\n    if (shouldOpen !== menuOpen) setMenuOpen(shouldOpen);\n    if (shouldOpen) setHighlight(0);\n  }\n\n  function handleKeyDown(ev: KeyboardEvent<HTMLTextAreaElement>): void {\n    // A single Backspace deletes the WHOLE recognized command token, like a chip/mention, instead\n    // of forcing the user to peck through it one character at a time. Scoped to `!menuOpen` (the\n    // command has already been accepted/typed in full and the menu closed) so it never fights\n    // the ArrowDown/Enter accept flow below while the user is still actively narrowing a match.\n    if (!menuOpen && span && ev.key === \"Backspace\") {\n      const el = ev.currentTarget;\n      const caret = el.selectionStart;\n      if (caret !== null && caret === el.selectionEnd) {\n        // Also swallow the single trailing space `applyCommand` appends, so the draft goes\n        // straight back to empty (or to whatever args followed) in one keystroke, not two.\n        const deletableEnd = span.end + (text[span.end] === \" \" ? 1 : 0);\n        if (caret > 0 && caret <= deletableEnd) {\n          ev.preventDefault();\n          const next = text.slice(deletableEnd);\n          setText(next);\n          el.setSelectionRange(0, 0);\n          autoResize(el);\n          return;\n        }\n      }\n    }\n    if (menuOpen && filtered.length > 0) {\n      if (ev.key === \"ArrowDown\" || ev.key === \"ArrowUp\") {\n        ev.preventDefault();\n        setHighlight((i) => moveHighlight(i, ev.key === \"ArrowDown\" ? 1 : -1, filtered.length));\n        return;\n      }\n      // Enter and Tab both accept the preselected command — they complete the token, they do NOT\n      // send. The user still has to press Enter again to submit, so a command can take arguments.\n      if ((ev.key === \"Enter\" && !ev.shiftKey) || ev.key === \"Tab\") {\n        ev.preventDefault();\n        const name = filtered[highlight]?.value;\n        if (name) applySelectedCommand(name);\n        return;\n      }\n    }\n    if (menuOpen && ev.key === \"Escape\") {\n      ev.preventDefault();\n      setMenuOpen(false);\n      return;\n    }\n    if (ev.key === \"Enter\" && !ev.shiftKey) {\n      ev.preventDefault();\n      void submit(running ? \"steer\" : \"send\");\n    }\n  }\n\n  function applySelectedCommand(name: string): void {\n    const next = applyCommand(text, name);\n    setText(next);\n    setMenuOpen(false);\n    setHighlight(0);\n    const el = textareaRef.current;\n    if (el) {\n      el.focus();\n      el.setSelectionRange(next.length, next.length);\n      autoResize(el);\n    }\n  }\n\n  async function submit(mode: \"send\" | \"steer\"): Promise<void> {\n    if (!client || !session) return;\n    if (mode === \"steer\" ? steering : sending) return;\n    // Steering only makes sense against a live agent — a running session always has one.\n    if (mode === \"steer\" && !session.agentId) return;\n    const trimmed = text.trim();\n    if (!trimmed && images.length === 0) return;\n\n    setText(\"\");\n    // A bare Enter (or the Send/Steer button) can fire while the menu is still open — e.g. the\n    // draft is a command-like token with no filter match yet (`filtered.length === 0`), so the\n    // accept branch in `handleKeyDown` never ran. Close it here too, not just in `applyCommand`'s\n    // trailing-space path, so a send never leaves the menu stuck open over an empty draft.\n    setMenuOpen(false);\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    // Steered rows are additionally marked `queued: true` (cleared by a later `queue_update`).\n    const clientMessageId = crypto.randomUUID();\n    addOptimisticUserMessage(sessionId, clientMessageId, prompt, rpcImages, mode === \"steer\");\n\n    const setBusy = mode === \"steer\" ? setSteering : setSending;\n    setBusy(true);\n    try {\n      if (mode === \"steer\") {\n        // Fire-and-forget injection into the live turn — never touches materialization, which\n        // only applies to the send-only, no-agent-yet path below.\n        const result = await client\n          .agent(session.agentId!)\n          .steer(prompt, { clientMessageId, images: rpcImages });\n        if (isOkFalse(result)) markUserMessageFailed(sessionId, clientMessageId);\n      } else {\n        if (!session.agentId) setCwd(sessionId, session.cwd || \"~\");\n        // Retry path (see file header \"MODEL & MATERIALIZATION\") for a session whose eager\n        // materialize (`tab-store.ts` `openNewChat`) never ran or failed — a no-op once already\n        // bound. `useAgentStream` attaches the instant `agentId` is bound, before this turn's\n        // first event can possibly arrive (see file header), so `send` needs no separate\n        // first-turn broadcast path the way a combined create-and-run RPC used to.\n        const agentId = await ensureMaterialized(client, sessionId);\n        await client.agent(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      setBusy(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      <CommandMenu\n        open={menuOpen}\n        onOpenChange={setMenuOpen}\n        options={filtered}\n        highlightedIndex={highlight}\n        onSelect={applySelectedCommand}\n        isLoading={isLoading}\n        isError={isError}\n        errorMessage={error instanceof Error ? error.message : undefined}\n        hiddenExtensionCount={hiddenExtensionCount}\n        renderTrigger={() => (\n          <Button\n            className={styles.slashBtn}\n            variant=\"ghost\"\n            size=\"md\"\n            iconOnly\n            title=\"Slash commands\"\n            aria-label=\"Slash commands\"\n          >\n            <Slash size={16} />\n          </Button>\n        )}\n      />\n      <div className={styles.inputArea}>\n        <div className={styles.textareaWrap}>\n          <div className={styles.highlightLayer} aria-hidden>\n            {span ? (\n              <>\n                <mark className={styles.commandMark}>{text.slice(0, span.end)}</mark>\n                {text.slice(span.end)}\n              </>\n            ) : (\n              text\n            )}\n          </div>\n          <TextArea\n            ref={textareaRef}\n            className={clsx(styles.textarea, span && styles.textareaOverlaid)}\n            rows={1}\n            value={text}\n            placeholder={\n              running\n                ? \"Steer the running turn… (Enter to steer, Shift+Enter for newline)\"\n                : \"Ask anything… (Enter to send, Shift+Enter for newline)\"\n            }\n            onChange={handleTextareaChange}\n            onKeyDown={handleKeyDown}\n            onPaste={handlePaste}\n          />\n        </div>\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        {running ? (\n          <Button\n            size=\"sm\"\n            disabled={!canSubmit}\n            onClick={() => void submit(\"steer\")}\n            leftIcon={<Navigation size={14} />}\n          >\n            Steer\n          </Button>\n        ) : (\n          <Button\n            size=\"sm\"\n            disabled={!canSubmit}\n            onClick={() => void submit(\"send\")}\n            leftIcon={<Send size={14} />}\n          >\n            Send\n          </Button>\n        )}\n        {running && (\n          <Button\n            size=\"sm\"\n            variant=\"destructive\"\n            onClick={handleStop}\n            leftIcon={<Square size={14} />}\n          >\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 { Panel } from \"@pi-studio-ui/components/primitives/Panel.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  owningPaneId: string | null;\n}\n\nexport function ChatPanel({ tab, owningPaneId }: 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      <Panel>\n        <div className={styles.empty}>Session not found.</div>\n      </Panel>\n    );\n  }\n\n  return (\n    <Panel>\n      <Timeline session={session} owningPaneId={owningPaneId} workspaceCwd={tab.workspaceCwd} />\n      <Composer sessionId={session.id} />\n    </Panel>\n  );\n}\n"],"names":["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","assetBase","owningPaneId","workspaceCwd","jsxs","styles","jsx","Markdown","ReasoningRow","BADGE_VARIANT","ToolCard","expanded","setExpanded","useState","Icon","inlineDetail","body","hasBody","clsx","v","ChevronRight","StatusBadge","section","i","DiffView","UserRow","openedSrc","setOpenedSrc","stateClass","Clock","img","src","ev","Dialog","open","ErrorRow","SystemRow","STICK_THRESHOLD_PX","renderRow","Timeline","rows","running","homeDir","useHomeDir","normalizeCwd","scrollRef","useRef","stickToBottomRef","prevRowCountRef","virtualizer","useVirtualizer","index","element","entry","instance","measureElementDefault","key","handleScroll","el","distanceFromBottom","prevCount","grew","virtualRow","useAgentCommands","enabled","useQuery","rpcKeys","ensureMaterialized","commands","Attachments","images","onRemove","readImageFile","file","promise","resolve","reject","reader","result","commaIndex","data","preventOpenAutoFocus","kindBadgeClass","kind","CommandMenu","onOpenChange","options","highlightedIndex","onSelect","isLoading","isError","errorMessage","hiddenExtensionCount","renderTrigger","listRef","_b","DropdownMenu.Root","DropdownMenu.Trigger","MenuContent","e","Spinner","opt","parseSlashToken","match","name","end","hasArgs","shouldOpenMenu","commandOptions","opts","cmd","moveHighlight","current","delta","length","applyCommand","token","knownCommandSpan","names","MAX_TEXTAREA_HEIGHT","autoResize","isOkFalse","value","Composer","addOptimisticUserMessage","markUserMessageFailed","setCwd","setText","setImages","sending","setSending","steering","setSteering","textareaRef","fileInputRef","menuOpen","setMenuOpen","highlight","setHighlight","canSubmit","error","filtered","filterOptions","commandNames","c","span","addImageFile","image","prev","handleFileInputChange","handlePaste","item","handleRemoveImage","_","handleTextareaChange","next","shouldOpen","handleKeyDown","caret","deletableEnd","submit","applySelectedCommand","mode","trimmed","sentImages","prompt","rpcImages","clientMessageId","setBusy","handleStop","Button","Slash","Fragment","TextArea","Paperclip","Navigation","Send","Square","ChatPanel","tab","Panel"],"mappings":"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"}

package/dist/web/assets/ChatPanel-qE6vr3IJ.css

@@ -1 +0,0 @@
-._row_1dh2v_3{padding:var(--pi-spacing-8) var(--pi-spacing-12);border-radius:var(--pi-radius-md);max-width:85%;white-space:pre-wrap;word-break:break-word;line-height:1.5;font-size:var(--pi-font-size-sm)}._who_1dh2v_13{display:block;font-size:var(--pi-font-size-3xs);color:var(--pi-color-foregroundMuted);margin-bottom:var(--pi-spacing-3);text-transform:uppercase;letter-spacing:.03em}._queuedBadge_1dh2v_22{display:inline-flex;align-items:center;gap:var(--pi-spacing-2);margin-left:var(--pi-spacing-6);padding:0 var(--pi-spacing-4);border-radius:var(--pi-radius-base);font-size:var(--pi-font-size-4xs);font-weight:600;text-transform:none;letter-spacing:normal;vertical-align:middle;background:#14141873;color:#c7cbd1}._user_1dh2v_40{background:color-mix(in srgb,var(--pi-color-accent) 35%,var(--pi-color-surface1) 65%);color:var(--pi-color-foreground);align-self:flex-end;border-bottom-right-radius:2px}._userPending_1dh2v_47{opacity:.6}._userQueued_1dh2v_51{opacity:.88}._userFailed_1dh2v_55{background:var(--pi-color-destructive);color:var(--pi-color-destructiveForeground);opacity:1}._userImages_1dh2v_61{display:flex;gap:var(--pi-spacing-6);flex-wrap:wrap;margin-top:var(--pi-spacing-6)}._userImage_1dh2v_61{max-width:200px;max-height:150px;border-radius:var(--pi-radius-base);display:block;object-fit:cover;cursor:pointer}._imageDialog_1dh2v_77{max-width:90vw}._imageDialogPreview_1dh2v_81{display:block;max-width:90vw;max-height:80vh;object-fit:contain}._assistant_1dh2v_90{background:var(--pi-color-surface1);color:var(--pi-color-foreground);align-self:flex-start;border-bottom-left-radius:2px}._assistant_1dh2v_90._streaming_1dh2v_97{border-left:2px solid var(--pi-color-accent)}._streamingText_1dh2v_101{white-space:pre-wrap;word-break:break-word}._cursor_1dh2v_106{display:inline-block;margin-left:var(--pi-spacing-1);animation:_blink_1dh2v_1 1s step-start infinite;color:var(--pi-color-accentBright)}@keyframes _blink_1dh2v_1{50%{opacity:0}}._reasoning_1dh2v_121{background:var(--pi-color-background);color:var(--pi-color-foregroundMuted);font-style:italic;font-size:var(--pi-font-size-xs);align-self:flex-start}._tool_1dh2v_131{background:var(--pi-color-surface1);border:1px solid var(--pi-color-border);align-self:flex-start;font-size:var(--pi-font-size-xs);max-width:90%;padding:0;overflow:hidden}._toolHeader_1dh2v_141{display:flex;align-items:center;gap:var(--pi-spacing-6);width:100%;padding:var(--pi-spacing-8) var(--pi-spacing-12);background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}._toolHeader_1dh2v_141:disabled{cursor:default}._toolChevron_1dh2v_159{flex-shrink:0;color:var(--pi-color-foregroundMuted);transition:transform .12s ease}._toolChevronOpen_1dh2v_165{transform:rotate(90deg)}._toolInlineDetail_1dh2v_169{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pi-color-foregroundMuted);font-family:var(--pi-font-mono);min-width:0;flex:1}._toolBody_1dh2v_179{border-top:1px solid var(--pi-color-border);max-height:420px;overflow:auto}._toolCode_1dh2v_185{margin:0;padding:var(--pi-spacing-8) var(--pi-spacing-12);font-family:var(--pi-font-mono);font-size:var(--pi-font-size-xs);line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--pi-color-foreground)}._toolIcon_1dh2v_196{display:flex;align-items:center;flex-shrink:0}._toolIcon_1dh2v_196._running_1dh2v_202{color:var(--pi-color-accentBright);animation:_pulse_1dh2v_1 1.2s ease-in-out infinite}._toolIcon_1dh2v_196._completed_1dh2v_207{color:var(--pi-color-statusSuccess)}._toolIcon_1dh2v_196._error_1dh2v_211{color:var(--pi-color-statusDanger)}@keyframes _pulse_1dh2v_1{50%{opacity:.5}}._toolLabel_1dh2v_221{font-weight:600;text-transform:capitalize}._toolBadge_1dh2v_226{margin-left:auto}._error_1dh2v_211{background:var(--pi-color-destructive);color:var(--pi-color-destructiveForeground);align-self:flex-start}._system_1dh2v_238{background:transparent;color:var(--pi-color-foregroundMuted);font-style:italic;align-self:flex-start;padding:var(--pi-spacing-4) var(--pi-spacing-12)}._viewport_2v67y_3{flex:1 1 auto;overflow-y:auto;min-height:0;padding:var(--pi-spacing-16) var(--pi-spacing-20)}._inner_2v67y_10{position:relative;width:100%}._rowWrap_2v67y_15{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;padding-bottom:var(--pi-spacing-4)}._empty_2v67y_25{display:flex;align-items:center;justify-content:center;height:100%;color:var(--pi-color-foregroundMuted);font-size:var(--pi-font-size-sm)}._working_2v67y_34{display:flex;align-items:center;gap:var(--pi-spacing-8);padding:var(--pi-spacing-8) var(--pi-spacing-2) var(--pi-spacing-4);color:var(--pi-color-foregroundMuted);font-size:var(--pi-font-size-sm)}._workingDots_2v67y_43{display:inline-flex;gap:var(--pi-spacing-4)}._workingDots_2v67y_43 span{width:6px;height:6px;border-radius:50%;background:var(--pi-color-accentBright);animation:_workingBounce_2v67y_1 1.2s ease-in-out infinite}._workingDots_2v67y_43 span:nth-child(2){animation-delay:.16s}._workingDots_2v67y_43 span:nth-child(3){animation-delay:.32s}@keyframes _workingBounce_2v67y_1{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}._strip_nzfk5_4{display:flex;gap:var(--pi-spacing-6);flex-wrap:wrap;padding:var(--pi-spacing-6) 0 0}._thumb_nzfk5_11{position:relative;width:48px;height:48px;border-radius:var(--pi-radius-base);overflow:hidden;border:1px solid var(--pi-color-border);flex-shrink:0}._thumb_nzfk5_11 img{width:100%;height:100%;object-fit:cover;display:block}._remove_nzfk5_28{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:var(--pi-color-statusDanger);color:#fff;border:none;border-radius:50%;font-size:var(--pi-font-size-3xs);line-height:16px;text-align:center;cursor:pointer;padding:0}._composer_vcvoe_1{padding:var(--pi-spacing-10) var(--pi-spacing-16);border-top:1px solid var(--pi-color-border);background:var(--pi-color-surface1);display:flex;gap:var(--pi-spacing-8);align-items:center;flex-shrink:0}._inputArea_vcvoe_13{flex:1;display:flex;flex-direction:column;gap:0;min-width:0}._textarea_vcvoe_21{resize:none;min-height:38px;max-height:160px;overflow-y:auto;font-size:var(--pi-font-size-md)}._attachBtn_vcvoe_29{flex-shrink:0}._slashBtn_vcvoe_33{flex-shrink:0;border-color:var(--pi-color-border)}._textareaWrap_vcvoe_43{position:relative;display:flex;min-width:0}._textareaWrap_vcvoe_43 ._textarea_vcvoe_21{position:relative}._highlightLayer_vcvoe_51{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--pi-spacing-8) var(--pi-spacing-12);border:1px solid transparent;box-sizing:border-box;font-size:var(--pi-font-size-md);font-family:var(--pi-font-ui);line-height:normal;white-space:pre-wrap;overflow-wrap:break-word;overflow:hidden;color:transparent;pointer-events:none}._commandMark_vcvoe_66{background:color-mix(in srgb,var(--pi-color-accent) 24%,transparent);color:transparent;border-radius:var(--pi-radius-base);box-shadow:0 0 0 1px color-mix(in srgb,var(--pi-color-accent) 55%,transparent),0 0 0 3px color-mix(in srgb,var(--pi-color-accent) 24%,transparent)}._textareaOverlaid_vcvoe_91{background:transparent!important}._hiddenFileInput_vcvoe_95{display:none}._actions_vcvoe_99{display:flex;flex-direction:row;gap:var(--pi-spacing-4);flex-shrink:0}._empty_1i5mq_1{display:flex;align-items:center;justify-content:center;height:100%;color:var(--pi-color-foregroundMuted);font-size:var(--pi-font-size-sm)}

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

@@ -1 +0,0 @@
-html,body{margin:0;padding:0}body{min-height:100vh;overflow:hidden;background:var(--pi-color-background);color:var(--pi-color-foreground);font-family:var(--pi-font-ui)}#root{display:flex;flex-direction:column;min-height:100vh}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--pi-color-border);border-radius:var(--pi-radius-base)}._btn_1oc6k_4{display:inline-flex;align-items:center;justify-content:center;gap:var(--pi-spacing-8);border-radius:var(--pi-radius-lg);border:1px solid transparent;font-family:var(--pi-font-ui);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;transition:opacity .12s ease,background-color .12s ease,border-color .12s ease;box-sizing:border-box}._btn_1oc6k_4:focus-visible{outline:2px solid var(--pi-color-accent);outline-offset:2px}._btn_1oc6k_4:disabled,._btn_1oc6k_4[aria-disabled=true]{cursor:not-allowed;pointer-events:none}._default_1oc6k_38{background-color:var(--pi-color-accent);color:var(--pi-color-accentForeground);border-color:var(--pi-color-accent)}._default_1oc6k_38:hover:not(:disabled){filter:brightness(1.08)}._secondary_1oc6k_47{background-color:var(--pi-color-surface3);color:var(--pi-color-foreground);border-color:var(--pi-color-border)}._secondary_1oc6k_47:hover:not(:disabled){background-color:var(--pi-color-surface2)}._outline_1oc6k_56{background-color:transparent;color:var(--pi-color-accentBright);border-color:var(--pi-color-accent)}._outline_1oc6k_56:hover:not(:disabled){background-color:var(--pi-color-surface1)}._ghost_1oc6k_65{background-color:transparent;color:var(--pi-color-foregroundMuted);border-color:transparent}._ghost_1oc6k_65:hover:not(:disabled){color:var(--pi-color-foreground);background-color:var(--pi-color-surface1)}._destructive_1oc6k_75{background-color:var(--pi-color-destructive);color:var(--pi-color-destructiveForeground);border-color:var(--pi-color-destructive)}._destructive_1oc6k_75:hover:not(:disabled){filter:brightness(1.1)}._iconOnly_1oc6k_85{padding-left:0!important;padding-right:0!important;aspect-ratio:1}._loadingSpinner_1oc6k_92{animation:_piSpin_1oc6k_1 .75s linear infinite;flex-shrink:0}@keyframes _piSpin_1oc6k_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._input_756jo_3{width:100%;padding:var(--pi-spacing-8) var(--pi-spacing-12);border-radius:var(--pi-radius-md);border:1px solid var(--pi-color-border);background-color:var(--pi-color-surface2);color:var(--pi-color-foreground);font-size:var(--pi-font-size-base);font-family:var(--pi-font-ui);outline:none;transition:border-color .12s ease;box-sizing:border-box}._input_756jo_3::placeholder{color:var(--pi-color-foregroundMuted)}._input_756jo_3:focus{border-color:var(--pi-color-accent);outline:2px solid var(--pi-color-accent);outline-offset:-1px}._input_756jo_3:disabled{opacity:.5;cursor:not-allowed}._textarea_756jo_32{resize:vertical;min-height:80px}._wrap_aquqo_1{display:inline-flex;align-items:center;gap:var(--pi-spacing-6);font-size:var(--pi-font-size-xs);color:var(--pi-color-foregroundMuted)}._dot_aquqo_8{width:8px;height:8px;border-radius:50%;background:var(--pi-color-foregroundMuted);flex-shrink:0}._dot_aquqo_8._open_aquqo_15{background:var(--pi-color-statusSuccess)}._dot_aquqo_8._connecting_aquqo_18{background:var(--pi-color-statusWarning)}._dot_aquqo_8._closed_aquqo_21,._dot_aquqo_8._idle_aquqo_22,._dot_aquqo_8._closing_aquqo_23{background:var(--pi-color-statusDanger)}._toolbar_1lcb1_1{display:flex;align-items:center;gap:var(--pi-spacing-10);padding:var(--pi-spacing-6) var(--pi-spacing-10);border-bottom:1px solid var(--pi-color-border);background:var(--pi-color-surface1);flex-shrink:0}._brand_1lcb1_10{font-weight:600;font-size:var(--pi-font-size-sm);letter-spacing:.02em;white-space:nowrap}._version_1lcb1_16{font-size:var(--pi-font-size-2xs);color:var(--pi-color-foregroundMuted);white-space:nowrap;margin-left:-4px}._sep_1lcb1_22{width:1px;height:18px;background:var(--pi-color-border);flex-shrink:0}._host_1lcb1_28{width:190px}._password_1lcb1_31{width:100px}._sidebarToggles_1lcb1_34{display:flex;align-items:center;gap:var(--pi-spacing-4);margin-left:auto}._panel_1de7t_3{display:flex;flex-direction:column;height:100%;min-height:0}._emptyState_kp50e_3{display:flex;align-items:center;justify-content:center;gap:var(--pi-spacing-8);color:var(--pi-color-foregroundMuted);font-size:var(--pi-font-size-xs);padding:var(--pi-spacing-20);text-align:center}._iconBtn_1unr3_3{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;background:none;border:none;border-radius:var(--pi-radius-base);color:var(--pi-color-foregroundMuted);cursor:pointer}._iconBtn_1unr3_3:hover{color:var(--pi-color-foreground);background:color-mix(in srgb,var(--icon-btn-hover-base, var(--pi-color-surface1)) 85%,var(--pi-color-foreground) 15%)}._iconBtn_1unr3_3:focus-visible{outline:2px solid var(--pi-color-accent);outline-offset:2px}._iconBtn_1unr3_3:disabled{opacity:.4;cursor:default}._xs_1unr3_32{width:20px;height:20px}._sm_1unr3_36{width:28px;height:28px}._dot_1mn1j_3{display:inline-block;width:8px;height:8px;border-radius:var(--pi-radius-full);flex-shrink:0}._spinner_1mn1j_16{display:inline-block;width:12px;height:12px;border-radius:var(--pi-radius-full);border:2px solid var(--pi-color-border);flex-shrink:0;animation:_statusSpin_1mn1j_1 .7s linear infinite}@keyframes _statusSpin_1mn1j_1{to{transform:rotate(360deg)}}._header_z4gra_1{display:flex;align-items:center;justify-content:space-between;padding:var(--pi-spacing-6) var(--pi-spacing-10);border-bottom:1px solid var(--pi-color-border);flex-shrink:0}._openBtn_z4gra_9{width:20px!important;min-height:20px!important}._header_z4gra_1 h3{margin:0;font-size:var(--pi-font-size-xs);font-weight:600;color:var(--pi-color-foregroundMuted);text-transform:uppercase;letter-spacing:.04em}._list_z4gra_21{flex:1 1 auto;overflow-y:auto;min-height:0}._item_z4gra_26{position:relative;padding:var(--pi-spacing-8) var(--pi-spacing-10);cursor:pointer;border-bottom:1px solid transparent}._item_z4gra_26:hover{background:color-mix(in srgb,var(--pi-color-surfaceSidebar) 85%,var(--pi-color-foreground) 15%)}._item_z4gra_26._active_z4gra_39{background:var(--pi-color-surface0);box-shadow:inset 2px 0 0 var(--pi-color-accent)}._title_z4gra_43{display:flex;align-items:center;gap:var(--pi-spacing-6);font-size:var(--pi-font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._meta_z4gra_52{margin-top:var(--pi-spacing-2);font-size:var(--pi-font-size-2xs);color:var(--pi-color-foregroundMuted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._menuBtn_z4gra_60{position:absolute;top:6px;right:6px;opacity:0}._item_z4gra_26:hover ._menuBtn_z4gra_60{opacity:1}._workspaceGroup_z4gra_69{border-bottom:1px solid var(--pi-color-border)}._workspaceHeader_z4gra_72{display:flex;align-items:center;gap:var(--pi-spacing-6);padding:var(--pi-spacing-7) var(--pi-spacing-10);cursor:pointer;font-size:var(--pi-font-size-xs);font-weight:600;color:var(--pi-color-foreground);background:var(--pi-color-surfaceWorkspace)}._workspaceHeader_z4gra_72:hover{background:color-mix(in srgb,var(--pi-color-surfaceWorkspace) 85%,var(--pi-color-foreground) 15%)}._workspaceChevron_z4gra_97{flex-shrink:0}._workspaceHeader_z4gra_72 ._workspaceChevron_z4gra_97:hover{background:transparent}._workspaceIcon_z4gra_105{color:var(--pi-color-foregroundMuted);flex-shrink:0}._workspaceLabel_z4gra_109{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._workspaceCount_z4gra_115{font-size:var(--pi-font-size-2xs);font-weight:400;color:var(--pi-color-foregroundMuted)}._workspaceMenuBtn_z4gra_120{flex-shrink:0;opacity:0}._workspaceHeader_z4gra_72:hover ._workspaceMenuBtn_z4gra_120{opacity:1}._workspaceSessions_z4gra_127{padding-left:var(--pi-spacing-12)}._trigger_cd29a_3{position:fixed;width:1px;height:1px;padding:0;border:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;pointer-events:none}._content_cd29a_15{min-width:140px;padding:var(--pi-spacing-4);border-radius:var(--pi-radius-md);background:var(--pi-color-surface1);border:1px solid var(--pi-color-border);box-shadow:0 8px 24px #0006;z-index:1000}._item_cd29a_25{display:flex;align-items:center;gap:var(--pi-spacing-8);padding:var(--pi-spacing-6) var(--pi-spacing-10);border-radius:var(--pi-radius-base);font-size:var(--pi-font-size-sm);cursor:pointer;outline:none}._item_cd29a_25:hover,._item_cd29a_25[data-highlighted]{background:color-mix(in srgb,var(--pi-color-surface1) 85%,var(--pi-color-foreground) 15%)}._item_cd29a_25[data-disabled]{opacity:.4;cursor:default}._danger_cd29a_44{color:var(--pi-color-statusDanger)}._sep_cd29a_48{height:1px;margin:var(--pi-spacing-4) 0;background:var(--pi-color-border)}._spinner_ohxfo_3{display:inline-block;border-radius:var(--pi-radius-full);border-style:solid;border-color:currentColor transparent transparent transparent;animation:_piSpinnerRotate_ohxfo_1 .7s linear infinite;flex-shrink:0}@keyframes _piSpinnerRotate_ohxfo_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._divider_4eg4l_9{position:absolute;z-index:2}._divider_4eg4l_9:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pi-color-border);transition:background .12s ease,inset .12s ease}._divider_4eg4l_9:hover:before,._divider_4eg4l_9:active:before{background:var(--pi-color-accent)}._vertical_4eg4l_26{width:7px;margin-left:-3px;cursor:col-resize}._vertical_4eg4l_26:before{left:3px;right:3px}._vertical_4eg4l_26:hover:before,._vertical_4eg4l_26:active:before{left:2px;right:2px}._horizontal_4eg4l_41{height:7px;margin-top:-3px;cursor:row-resize}._horizontal_4eg4l_41:before{top:3px;bottom:3px}._horizontal_4eg4l_41:hover:before,._horizontal_4eg4l_41:active:before{top:2px;bottom:2px}._strip_1xy58_1{display:flex;align-items:center;gap:var(--pi-spacing-2);min-height:33px;padding:var(--pi-spacing-4) var(--pi-spacing-6) 0;overflow:hidden;flex-shrink:0;border-bottom:1px solid var(--pi-color-border)}._tabs_1xy58_13{display:flex;align-items:center;gap:var(--pi-spacing-2);flex:1 1 auto;min-width:0;overflow-x:auto}._paneStrip_1xy58_23{position:absolute;z-index:1}._focused_1xy58_28{border-bottom-color:var(--pi-color-accent)}._tab_1xy58_13{display:flex;align-items:center;gap:var(--pi-spacing-6);padding:var(--pi-spacing-6) var(--pi-spacing-8);border-radius:var(--pi-radius-md) var(--pi-radius-md) 0 0;font-size:var(--pi-font-size-xs);cursor:pointer;color:var(--pi-color-foregroundMuted);white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}._tab_1xy58_13:hover{background:color-mix(in srgb,var(--pi-color-background) 85%,var(--pi-color-foreground) 15%)}._active_1xy58_47{background:var(--pi-color-surface0);color:var(--pi-color-foreground)}._icon_1xy58_51{display:flex;align-items:center;flex-shrink:0}._label_1xy58_56{max-width:160px;overflow:hidden;text-overflow:ellipsis}._close_1xy58_61{display:flex;align-items:center;border-radius:var(--pi-radius-base);padding:var(--pi-spacing-1);flex-shrink:0}._close_1xy58_61:hover{background:color-mix(in srgb,var(--pi-color-background) 85%,var(--pi-color-foreground) 15%)}._newTab_1xy58_71{position:relative;margin:0 var(--pi-spacing-4)}._splitAction_1xy58_77{position:relative;flex-shrink:0}._itemIcon_1xy58_81{flex-shrink:0;color:var(--pi-color-foregroundMuted)}._preview_1txmv_1{position:absolute;z-index:3;pointer-events:none;border:1px solid var(--pi-color-accent);border-radius:var(--pi-radius-sm);background:color-mix(in srgb,var(--pi-color-accent) 18%,transparent)}._chip_1txmv_9{display:flex;align-items:center;gap:var(--pi-spacing-6);padding:var(--pi-spacing-6) var(--pi-spacing-8);border:1px solid var(--pi-color-border);border-radius:var(--pi-radius-md);background:var(--pi-color-surface0);color:var(--pi-color-foreground);font-size:var(--pi-font-size-xs);white-space:nowrap;cursor:grabbing;box-shadow:var(--pi-shadow-md)}._chipLabel_1txmv_23{max-width:160px;overflow:hidden;text-overflow:ellipsis}._area_1kpjf_1{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;--pane-strip-height: 33px}._panel_1kpjf_10{position:absolute;left:0;top:0;width:100%;height:100%;display:none;flex-direction:column;min-height:0;overflow:hidden}._dropZone_1kpjf_26{position:absolute;pointer-events:none}._active_1kpjf_30{display:flex}._empty_1kpjf_34{position:absolute;left:0;right:0;top:var(--pane-strip-height);bottom:0;display:flex;align-items:center;justify-content:center;color:var(--pi-color-foregroundMuted);font-size:var(--pi-font-size-sm)}._emptyStack_1kpjf_46{position:absolute;left:0;right:0;top:var(--pane-strip-height);bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pi-spacing-10);padding:0 var(--pi-spacing-16);text-align:center}._emptyTitle_1kpjf_60{font-size:var(--pi-font-size-sm);color:var(--pi-color-foreground)}._emptyHint_1kpjf_64{font-size:var(--pi-font-size-xs);color:var(--pi-color-foregroundMuted)}._container_1mqaz_1{position:relative;height:100%;display:flex;flex-direction:column}._header_1mqaz_7{display:flex;align-items:center;gap:var(--pi-spacing-6);padding:var(--pi-spacing-6) var(--pi-spacing-8);border-bottom:1px solid var(--pi-color-border)}._uploadButton_1mqaz_14{display:inline-flex;align-items:center;gap:var(--pi-spacing-5);font-size:var(--pi-font-size-2xs);padding:var(--pi-spacing-3) var(--pi-spacing-8);border-radius:var(--pi-radius-base);border:1px solid var(--pi-color-border);background:var(--pi-color-surface1);color:var(--pi-color-foreground);cursor:pointer}._uploadButton_1mqaz_14:hover:not(:disabled){background:color-mix(in srgb,var(--pi-color-background) 85%,var(--pi-color-foreground) 15%)}._uploadButton_1mqaz_14:disabled{opacity:.5;cursor:default}._hiddenInput_1mqaz_33{display:none}._status_1mqaz_36,._statusError_1mqaz_37{font-size:var(--pi-font-size-2xs);padding:var(--pi-spacing-4) var(--pi-spacing-8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._status_1mqaz_36{color:var(--pi-color-foregroundMuted)}._statusError_1mqaz_37{color:var(--pi-color-statusDanger)}._rowAction_1mqaz_50{margin-left:auto}._item_1mqaz_53 ._rowAction_1mqaz_50{display:none}._item_1mqaz_53:hover ._rowAction_1mqaz_50{display:inline-flex}._list_1mqaz_60{padding:var(--pi-spacing-4) 0;flex:1;overflow-y:auto;position:relative}._item_1mqaz_53{height:28px;padding-right:var(--pi-spacing-8);font-size:var(--pi-font-size-xs);border-radius:var(--pi-radius-base);cursor:pointer;display:flex;align-items:center;gap:var(--pi-spacing-6);user-select:none;-webkit-user-select:none}._item_1mqaz_53:hover{background:color-mix(in srgb,var(--pi-color-background) 85%,var(--pi-color-foreground) 15%)}._item_1mqaz_53._active_1mqaz_83{background:var(--pi-color-surface0);box-shadow:inset 2px 0 0 var(--pi-color-accent);border-radius:var(--pi-radius-none)}._item_1mqaz_53._selected_1mqaz_88{background:var(--pi-color-surface0);border-radius:var(--pi-radius-none)}._item_1mqaz_53._dropTarget_1mqaz_92{background:color-mix(in srgb,var(--pi-color-accent) 22%,transparent);box-shadow:inset 0 0 0 1px var(--pi-color-accent);border-radius:var(--pi-radius-base)}._chevronSlot_1mqaz_97{display:flex;align-items:center;justify-content:center;width:var(--pi-icon-size-sm);flex-shrink:0;color:var(--pi-color-foregroundMuted)}._chevron_1mqaz_97{transition:transform .1s ease}._chevronOpen_1mqaz_108{transform:rotate(90deg)}._icon_1mqaz_111{display:flex;align-items:center;width:var(--pi-icon-size-md);flex-shrink:0;color:var(--pi-color-foregroundMuted)}._name_1mqaz_118{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._dirName_1mqaz_123{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pi-color-accentBright)}._item_1mqaz_53._gitAdded_1mqaz_133 ._icon_1mqaz_111,._item_1mqaz_53._gitAdded_1mqaz_133 ._name_1mqaz_118,._item_1mqaz_53._gitAdded_1mqaz_133 ._dirName_1mqaz_123{color:var(--pi-color-statusSuccess)}._item_1mqaz_53._gitModified_1mqaz_138 ._icon_1mqaz_111,._item_1mqaz_53._gitModified_1mqaz_138 ._name_1mqaz_118,._item_1mqaz_53._gitModified_1mqaz_138 ._dirName_1mqaz_123{color:var(--pi-color-statusWarning)}._item_1mqaz_53._gitDeleted_1mqaz_143 ._icon_1mqaz_111,._item_1mqaz_53._gitDeleted_1mqaz_143 ._name_1mqaz_118,._item_1mqaz_53._gitDeleted_1mqaz_143 ._dirName_1mqaz_123{color:var(--pi-color-statusDanger)}._item_1mqaz_53._gitDeleted_1mqaz_143 ._name_1mqaz_118{text-decoration:line-through}._item_1mqaz_53._hiddenEntry_1mqaz_155{opacity:.45}._item_1mqaz_53._hiddenEntry_1mqaz_155:hover,._item_1mqaz_53._hiddenEntry_1mqaz_155._active_1mqaz_83,._item_1mqaz_53._hiddenEntry_1mqaz_155._selected_1mqaz_88,._item_1mqaz_53._hiddenEntry_1mqaz_155._dropTarget_1mqaz_92{opacity:1}._statusRow_1mqaz_164{height:28px;display:flex;align-items:center;padding-right:var(--pi-spacing-8);font-size:var(--pi-font-size-2xs);color:var(--pi-color-foregroundMuted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._statusRowError_1mqaz_175{color:var(--pi-color-statusDanger)}._draftInput_1mqaz_178{flex:1;min-width:0;height:20px;font:inherit;font-size:var(--pi-font-size-xs);padding:0 var(--pi-spacing-4);color:var(--pi-color-foreground);background:var(--pi-color-surface0);border:1px solid var(--pi-color-accent);border-radius:var(--pi-radius-base);outline:none}._list_1n3q6_1{padding:var(--pi-spacing-4) 0}._summary_1n3q6_4{padding:var(--pi-spacing-4) var(--pi-spacing-8);font-size:var(--pi-font-size-2xs);color:var(--pi-color-foregroundMuted);border-bottom:1px solid var(--pi-color-border);margin-bottom:var(--pi-spacing-4)}._item_1n3q6_11{padding:var(--pi-spacing-4) var(--pi-spacing-8);font-size:var(--pi-font-size-xs);border-radius:var(--pi-radius-base);cursor:pointer;display:flex;align-items:center;gap:var(--pi-spacing-6)}._item_1n3q6_11:hover{background:color-mix(in srgb,var(--pi-color-background) 85%,var(--pi-color-foreground) 15%)}._badge_1n3q6_23{font-size:var(--pi-font-size-3xs);padding:0 var(--pi-spacing-4);border-radius:var(--pi-radius-base);font-weight:600;flex-shrink:0}._added_1n3q6_30{background:color-mix(in srgb,var(--pi-color-statusSuccess) 20%,transparent);color:var(--pi-color-statusSuccess)}._modified_1n3q6_34{background:color-mix(in srgb,var(--pi-color-statusWarning) 20%,transparent);color:var(--pi-color-statusWarning)}._deleted_1n3q6_38{background:color-mix(in srgb,var(--pi-color-statusDanger) 20%,transparent);color:var(--pi-color-statusDanger)}._name_1n3q6_42{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._tabBar_1tvri_1{display:flex;align-items:center;border-bottom:1px solid var(--pi-color-border);flex-shrink:0}._tabBtn_1tvri_7{display:flex;align-items:center;gap:var(--pi-spacing-6);font:inherit;font-size:var(--pi-font-size-xs);padding:var(--pi-spacing-8) var(--pi-spacing-12);background:none;border:none;color:var(--pi-color-foregroundMuted);cursor:pointer;border-bottom:2px solid transparent}._tabBtn_1tvri_7:hover{color:var(--pi-color-foreground)}._active_1tvri_23{color:var(--pi-color-foreground);border-bottom-color:var(--pi-color-accent)}._refreshBtn_1tvri_27{margin-left:auto;margin-right:var(--pi-spacing-6)}._content_1tvri_31{flex:1;overflow-y:auto;padding:var(--pi-spacing-8);min-height:0}._picker_1jy8c_4{display:flex;flex-direction:column;gap:var(--pi-spacing-4)}._search_1jy8c_10{width:100%;box-sizing:border-box;padding:var(--pi-spacing-6) var(--pi-spacing-8);border-radius:var(--pi-radius-md);border:1px solid var(--pi-color-border);background:var(--pi-color-surface2);color:var(--pi-color-foreground);font-size:var(--pi-font-size-xs);outline:none}._search_1jy8c_10::placeholder{color:var(--pi-color-foregroundMuted)}._search_1jy8c_10:focus{border-color:var(--pi-color-accent)}._list_1jy8c_28{max-height:320px;overflow-y:auto}._item_1jy8c_33{display:flex;align-items:center;gap:var(--pi-spacing-6);padding:var(--pi-spacing-6) var(--pi-spacing-8);border-radius:var(--pi-radius-base);font-size:var(--pi-font-size-sm);cursor:pointer;outline:none}._item_1jy8c_33:hover,._item_1jy8c_33[data-highlighted],._item_1jy8c_33._itemActive_1jy8c_47{background:color-mix(in srgb,var(--pi-color-surface1) 85%,var(--pi-color-foreground) 15%)}._checkSlot_1jy8c_51{width:var(--pi-icon-size-md);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--pi-color-foreground)}._label_1jy8c_60{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._modelId_1jy8c_66{color:var(--pi-color-foregroundMuted);margin-left:var(--pi-spacing-4);font-size:var(--pi-font-size-xs);white-space:nowrap}._state_1jy8c_73{display:flex;align-items:center;justify-content:center;padding:var(--pi-spacing-12);color:var(--pi-color-foregroundMuted);font-size:var(--pi-font-size-xs)}._stateError_1jy8c_82{padding:var(--pi-spacing-8);color:var(--pi-color-statusDanger);font-size:var(--pi-font-size-xs)}._commandContent_1jy8c_92{max-width:420px}._commandList_1jy8c_95{display:flex;flex-direction:column;gap:var(--pi-spacing-2)}._commandItem_1jy8c_100{flex-direction:column;align-items:stretch;gap:var(--pi-spacing-4);padding:var(--pi-spacing-8) var(--pi-spacing-10)}._commandItem_1jy8c_100:hover{background:color-mix(in srgb,var(--pi-color-foreground) 10%,transparent)}._commandItem_1jy8c_100._itemActive_1jy8c_47{background:var(--pi-color-surface0);box-shadow:inset 2px 0 0 var(--pi-color-accent);border-radius:var(--pi-radius-none)}._commandItemHeader_1jy8c_132{display:flex;align-items:center;justify-content:space-between;gap:var(--pi-spacing-8);width:100%}._commandItemHeader_1jy8c_132 ._label_1jy8c_60{flex:1;min-width:0;font-size:var(--pi-font-size-sm);font-weight:600;color:var(--pi-color-foreground)}._commandKindBadge_1jy8c_146{flex-shrink:0;display:inline-flex;align-items:center;padding:0 var(--pi-spacing-4);border-radius:var(--pi-radius-full);border:1px solid var(--pi-color-border);background:var(--pi-color-surface2);color:var(--pi-color-foregroundMuted);font-size:var(--pi-font-size-4xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;line-height:1.5}._commandKindExtension_1jy8c_165{background:color-mix(in srgb,var(--pi-color-accent) 18%,transparent);border-color:color-mix(in srgb,var(--pi-color-accent) 45%,transparent);color:var(--pi-color-accent)}._commandKindPrompt_1jy8c_170{background:color-mix(in srgb,var(--pi-color-statusSuccess) 18%,transparent);border-color:color-mix(in srgb,var(--pi-color-statusSuccess) 45%,transparent);color:var(--pi-color-statusSuccess)}._commandKindSkill_1jy8c_175{background:color-mix(in srgb,var(--pi-color-statusMerged) 18%,transparent);border-color:color-mix(in srgb,var(--pi-color-statusMerged) 45%,transparent);color:var(--pi-color-statusMerged)}._commandDescription_1jy8c_180{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4;font-size:var(--pi-font-size-xs);color:var(--pi-color-foregroundMuted)}._statusBar_1r17k_1{height:35px;width:100%;flex-shrink:0;display:flex;align-items:center;gap:var(--pi-spacing-2);padding:0 var(--pi-spacing-12);overflow-x:auto;border-top:1px solid var(--pi-color-border);background:var(--pi-color-surface1);font-size:var(--pi-font-size-xs);color:var(--pi-color-foreground);white-space:nowrap}._segmentGroup_1r17k_16{display:flex;align-items:center}._chevron_1r17k_20{color:var(--pi-color-border);margin:0 var(--pi-spacing-4);flex-shrink:0}._segment_1r17k_16{display:flex;align-items:center;gap:var(--pi-spacing-6);padding:var(--pi-spacing-2) var(--pi-spacing-8);border-radius:var(--pi-radius-base);background:var(--pi-color-surface2)}._icon_1r17k_33{display:flex;align-items:center;color:var(--pi-color-foregroundMuted);flex-shrink:0}._modelSegment_1r17k_39{display:flex;align-items:center;gap:var(--pi-spacing-5);padding:var(--pi-spacing-2) var(--pi-spacing-6) var(--pi-spacing-2) var(--pi-spacing-8);border-radius:var(--pi-radius-base);border:1px solid var(--pi-color-border);background:var(--pi-color-surface2);color:inherit;font:inherit;cursor:pointer}._modelSegment_1r17k_39:hover:not(:disabled){background:color-mix(in srgb,var(--pi-color-surface2) 85%,var(--pi-color-foreground) 15%);border-color:var(--pi-color-foregroundMuted)}._modelSegment_1r17k_39[data-state=open]{background:color-mix(in srgb,var(--pi-color-surface2) 85%,var(--pi-color-foreground) 15%);border-color:var(--pi-color-accent)}._modelSegment_1r17k_39:disabled{cursor:default;opacity:.6}._modelChevron_1r17k_63{color:var(--pi-color-foregroundMuted);flex-shrink:0;transition:transform .15s ease;transform:rotate(180deg)}._modelSegment_1r17k_39[data-state=open] ._modelChevron_1r17k_63{transform:rotate(0)}._text_1r17k_74{overflow:hidden;text-overflow:ellipsis;max-width:320px}._wrapper_14joh_3{display:inline-flex;align-items:center;gap:var(--pi-spacing-8);cursor:pointer;font-family:var(--pi-font-ui);font-size:var(--pi-font-size-md);color:var(--pi-color-foreground)}._wrapper_14joh_3[data-disabled=true]{opacity:.5;pointer-events:none}._box_14joh_18{width:16px;height:16px;border-radius:var(--pi-radius-sm);border:1.5px solid var(--pi-color-border);background-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .1s,border-color .1s;flex-shrink:0}._box_14joh_18[data-checked=true]{background-color:var(--pi-color-accent);border-color:var(--pi-color-accent)}._checkmark_14joh_38{color:var(--pi-color-accentForeground)}._nativeInput_14joh_43{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}._select_dl3mw_3{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pi-color-surface1);border:1px solid var(--pi-color-border);border-radius:var(--pi-radius-base);padding:var(--pi-spacing-8) var(--pi-spacing-32) var(--pi-spacing-8) var(--pi-spacing-10);font-family:var(--pi-font-ui);font-size:var(--pi-font-size-md);color:var(--pi-color-foreground);width:100%;outline:none;transition:border-color .1s;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a1a1aa' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}._select_dl3mw_3:focus{border-color:var(--pi-color-accent)}._select_dl3mw_3:disabled{opacity:.5;cursor:not-allowed}._comboboxWrapper_dl3mw_31{position:relative;width:100%}._comboboxInput_dl3mw_36{width:100%;background-color:var(--pi-color-surface1);border:1px solid var(--pi-color-border);border-radius:var(--pi-radius-base);padding:var(--pi-spacing-8) var(--pi-spacing-10);font-family:var(--pi-font-ui);font-size:var(--pi-font-size-md);color:var(--pi-color-foreground);outline:none;box-sizing:border-box}._comboboxInput_dl3mw_36:focus{border-color:var(--pi-color-accent)}._comboboxList_dl3mw_53{position:absolute;top:100%;left:0;right:0;z-index:80;max-height:200px;overflow-y:auto;background-color:var(--pi-color-surface1);border:1px solid var(--pi-color-border);border-radius:var(--pi-radius-base);margin-top:var(--pi-spacing-4);padding:var(--pi-spacing-4);box-shadow:var(--pi-shadow-md)}._comboboxOption_dl3mw_69{padding:var(--pi-spacing-6) var(--pi-spacing-8);border-radius:var(--pi-radius-sm);font-size:var(--pi-font-size-md);font-family:var(--pi-font-ui);color:var(--pi-color-foreground);cursor:pointer;background:none;border:none;width:100%;text-align:left}._comboboxOption_dl3mw_69:hover,._comboboxOptionHighlighted_dl3mw_83{background-color:var(--pi-color-surface2)}._overlay_1k4ng_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100}._contentWrapper_1k4ng_7{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;align-items:center;justify-content:center;pointer-events:none}._dialog_1k4ng_16{pointer-events:auto;width:500px;max-width:90vw;max-height:70vh;background:var(--pi-color-surface1);border:1px solid var(--pi-color-border);border-radius:var(--pi-radius-lg);display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}._header_1k4ng_28{padding:var(--pi-spacing-12) var(--pi-spacing-14);border-bottom:1px solid var(--pi-color-border);display:flex;align-items:center;gap:var(--pi-spacing-8);flex-shrink:0}._title_1k4ng_36{font-size:var(--pi-font-size-sm);margin:0;flex:1;color:var(--pi-color-foreground);font-weight:600}._body_1k4ng_43{flex:1;display:flex;flex-direction:column;min-height:0}._footer_1k4ng_49{padding:var(--pi-spacing-10) var(--pi-spacing-14);border-top:1px solid var(--pi-color-border);display:flex;align-items:center;gap:var(--pi-spacing-8);justify-content:flex-end;flex-shrink:0}._bare_1k4ng_58{border:none;background:transparent;box-shadow:none;position:relative}._bareBody_1k4ng_64{border-radius:var(--pi-radius-lg);overflow:hidden}._bareCloseBtn_1k4ng_68{position:absolute;top:-12px;right:-12px}._visuallyHidden_1k4ng_73{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}._handle_1j18v_1{position:absolute;top:0;bottom:0;width:5px;cursor:col-resize;z-index:5;background:transparent;transition:background .12s ease}._handle_1j18v_1:hover,._handle_1j18v_1:active{background:var(--pi-color-accent)}._pathRow_1mu84_1{padding:var(--pi-spacing-8) var(--pi-spacing-14);display:flex;align-items:center;gap:var(--pi-spacing-6);border-bottom:1px solid var(--pi-color-border);flex-shrink:0}._pathInput_1mu84_9{flex:1;font-size:var(--pi-font-size-xs)}._createRow_1mu84_13{padding:var(--pi-spacing-6) var(--pi-spacing-14);display:flex;align-items:center;gap:var(--pi-spacing-6);border-bottom:1px solid var(--pi-color-border);flex-shrink:0}._createInput_1mu84_21{flex:1;font-size:var(--pi-font-size-xs)}._createError_1mu84_25{padding:var(--pi-spacing-4) var(--pi-spacing-14) var(--pi-spacing-6);font-size:var(--pi-font-size-2xs);color:var(--pi-color-statusDanger)}._list_1mu84_30{flex:1;overflow-y:auto;padding:var(--pi-spacing-4) 0;min-height:200px;max-height:400px}._item_1mu84_37{padding:var(--pi-spacing-6) var(--pi-spacing-14);cursor:pointer;display:flex;align-items:center;gap:var(--pi-spacing-8);font-size:var(--pi-font-size-xs);color:var(--pi-color-foreground)}._item_1mu84_37:hover{background:color-mix(in srgb,var(--pi-color-surface1) 85%,var(--pi-color-foreground) 15%)}._name_1mu84_49{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._shell_570m8_1{display:flex;flex-direction:column;height:100vh;min-height:0}._main_570m8_7{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}._sidebarLeft_570m8_13{position:relative;flex-shrink:0;border-right:1px solid var(--pi-color-border);display:flex;flex-direction:column;min-width:0;background:var(--pi-color-surfaceSidebar)}._leftHandle_570m8_25{right:-3px}._center_570m8_28{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0}._sidebarRight_570m8_35{position:relative;flex-shrink:0;border-left:1px solid var(--pi-color-border);display:flex;flex-direction:column;min-width:0}._rightHandle_570m8_43{left:-3px}