@hienlh/ppm 0.23.9 → 0.23.10

package/dist/web/assets/chat-tab-BAbcVFzD.js

@@ -0,0 +1,15 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/edit-diff-preview-gH6pRk4S.js","assets/rolldown-runtime-C5c2KzVm.js","assets/vendor-markdown-QKPNiWEd.js","assets/libesm-DAF5_F99.js","assets/markdown-renderer-BvCZZlue.js","assets/vendor-ui-P9Ym7hCv.js","assets/markdown-renderer-CjPb5pns.js","assets/index-CIscPw4g.js","assets/preload-helper-BEFjQwLd.js","assets/button-CsmGH5xa.js","assets/utils-btZ8C8-R.js","assets/createLucideIcon-DBXq3G0e.js","assets/api-client-F5Zi1sR0.js","assets/react-CzUPVyyG.js","assets/panel-store-1X6yM3XZ.js","assets/window-store-vo1N70nK.js","assets/project-store-CCimwgGF.js","assets/settings-store-DIV25PM_.js","assets/file-store-DCU7_YyB.js","assets/window-pip-registry-Bl--fK8-.js","assets/onboarding-quick-orientation-WLKI95GY.js","assets/dialog-z8PLkL8n.js","assets/portal-container-context-NFSuymMu.js","assets/icons-CO_II6D-.js","assets/use-is-mobile-CkO33jqU.js","assets/format-file-meta-B0ZpqzSM.js","assets/fs-api-vF_bQoeL.js","assets/context-menu-CH1mvCwA.js","assets/input-CP31LZnN.js","assets/mobile-bottom-sheet-CLic9ovp.js","assets/use-visual-viewport-C307OVeV.js","assets/scroll-area-Dp-P38kg.js","assets/chat-preparation-cache-DoS7sdal.js","assets/file-icons-Ed_yLyef.js","assets/format-date-Fd9tpNaw.js","assets/git-repo-store-CdoOpvmf.js","assets/ws-auth-J3hw0Mhc.js","assets/tab-store-D33icgdA.js","assets/apply-theme-aVoqSG0I.js","assets/resolve-theme-B87m6l4i.js","assets/index-BmsPSBtF.css","assets/image-gallery-FN-9YT5_.js","assets/run-in-terminal-B_PCeBqG.js","assets/api-client-CbrcysYC.js"])))=>i.map(i=>d[i]);
+import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{C as t,S as n}from"./vendor-markdown-QKPNiWEd.js";import{$t as r,A as i,An as a,Ar as o,C as s,Dr as c,Dt as l,E as u,F as d,G as f,Gt as p,Hn as m,J as h,Jn as g,Jr as _,K as v,Kt as y,Lr as b,Mr as x,N as S,Nr as C,O as w,Or as ee,Qr as T,R as te,Sn as ne,Ut as re,Vr as E,Wn as ie,Yr as ae,Z as oe,Zt as D,_r as O,ar as se,b as ce,br as k,cn as le,ct as ue,d as A,dt as j,g as de,gn as M,hr as fe,ir as pe,j as me,kr as he,ln as ge,lt as N,n as P,nt as F,pr as I,qn as L,t as _e,un as R,ur as ve,v as ye,vt as z,w as be,wn as xe,x as Se,xn as B,xr as Ce,z as V,zt as H}from"./icons-CO_II6D-.js";import{t as we}from"./createLucideIcon-DBXq3G0e.js";import{O as Te,S as Ee,_ as De,a as Oe,b as ke,d as Ae,f as U,l as W,o as G,r as K,u as je}from"./api-client-F5Zi1sR0.js";import{t as Me}from"./settings-store-DIV25PM_.js";import{t as Ne}from"./preload-helper-BEFjQwLd.js";import{n as q,r as Pe,t as Fe}from"./utils-btZ8C8-R.js";import{a as Ie,c as J,d as Le,f as Re,i as ze,l as Be,m as Ve,n as He,o as Ue,p as We,s as Y,t as Ge,u as Ke}from"./panel-store-1X6yM3XZ.js";import{i as qe}from"./project-store-CCimwgGF.js";import{t as Je}from"./tab-store-D33icgdA.js";import{t as Ye}from"./format-date-Fd9tpNaw.js";import{a as Xe,i as Ze,n as Qe,r as X,s as $e,t as et}from"./chat-preparation-cache-DoS7sdal.js";import{o as tt}from"./file-store-DCU7_YyB.js";import{n as Z}from"./use-is-mobile-CkO33jqU.js";import{u as nt}from"./onboarding-quick-orientation-WLKI95GY.js";import{t as rt}from"./button-CsmGH5xa.js";import{n as it,o as at,t as ot}from"./dialog-z8PLkL8n.js";import{t as st}from"./mobile-bottom-sheet-CLic9ovp.js";import{$n as ct,An as lt,C as ut,D as dt,E as ft,Fn as pt,Mn as mt,Nn as ht,O as gt,Pn as _t,Q as vt,Qt as yt,Rn as bt,Sn as xt,T as St,Wn as Ct,b as wt,cr as Tt,er as Et,ft as Dt,hr as Ot,ir as kt,k as At,lr as jt,mr as Mt,mt as Nt,nr as Pt,pr as Ft,r as It,t as Lt,tr as Rt,w as zt,xn as Bt,y as Vt,yn as Ht}from"./index-CIscPw4g.js";import{a as Ut,d as Wt,f as Gt,i as Kt,l as qt,n as Jt,o as Yt,p as Xt,r as Zt}from"./tool-cards-iJ8tyrLq.js";import{n as Qt,r as $t,t as en}from"./image-gallery-FN-9YT5_.js";import{t as tn}from"./use-websocket-Mqj27umG.js";import{g as nn}from"./api-settings-BWgfXl7o.js";import{t as rn}from"./onboarding-entry-Bh-WE3vq.js";import{n as an,t as on}from"./send-to-chat-Bjg6c8Ld.js";import{t as sn}from"./ai-settings-section-H173dm1k.js";import{b as cn,c as ln,f as un,i as dn,l as fn,m as pn,n as mn,o as hn,s as gn,t as _n,u as vn,v as yn,x as bn}from"./codex-reset-credit-button-CB8Dfhki.js";var xn=we(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),Sn={maxImages:4,maxBase64PerImage:5e6,maxBase64Total:1e7};function Cn(e){let t=[],n=0;for(let r of e)if(r.imageData){if(t.length>=Sn.maxImages)break;r.imageData.data.length>Sn.maxBase64PerImage||n+r.imageData.data.length>Sn.maxBase64Total||(n+=r.imageData.data.length,t.push(r.imageData))}return t}function wn(e,t){let n=new Set(t),r=[],i=[];for(let t of e)t.serverPath&&(t.imageData&&n.has(t.imageData)?r.push(t.serverPath):i.push(t.serverPath));return{inlineImagePaths:r,pathOnlyPaths:i}}var Tn=class{attempt=null;constructor(e){this.emit=e}start(e,t,n){this.fail(),!(!t||!n)&&(this.attempt={sessionId:e,attemptId:crypto.randomUUID()},this.emit({type:`started`,...this.attempt}))}migrate(e){if(!this.attempt||this.attempt.sessionId===e)return;let t=this.attempt.sessionId;this.attempt.sessionId=e,this.emit({type:`session`,...this.attempt,previousSessionId:t})}select(e){this.attempt&&this.attempt.sessionId!==e&&this.fail()}fail(){if(!this.attempt)return;let e=this.attempt;this.attempt=null,this.emit({type:`failed`,...e})}finish(e){if(!this.attempt)return;let t=this.attempt;this.attempt=null,this.emit({type:e?`succeeded`:`failed`,...t,hasContent:e})}};function En(e){let t=0;for(let n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n)|0;return Math.abs(t).toString(36)}function Dn(e,t){let n=`pc-${En(t)}-`;return e.map(e=>e.id?{...e,id:`${n}${e.id}`}:e)}function On(e,t){if(t.size===0)return e;let n=[],r=new Set,i=e=>{for(let a of e){let e=a.id?t.get(a.id):void 0;e&&e.length>0&&a.id&&!r.has(a.id)&&(r.add(a.id),i(e)),n.push(a)}};return i(e),n}var kn=null;function An(){return kn||=new AudioContext,kn}function jn(e,t,n,r,i=`sine`){let a=An(),o=a.createOscillator(),s=a.createGain();o.type=i,o.frequency.value=e,s.gain.setValueAtTime(r,n),s.gain.exponentialRampToValueAtTime(.001,n+t),o.connect(s),s.connect(a.destination),o.start(n),o.stop(n+t)}function Mn(){let e=An().currentTime;jn(523,.15,e,.15),jn(659,.2,e+.12,.15)}function Nn(){let e=An().currentTime;jn(880,.12,e,.18,`square`),jn(698,.12,e+.15,.18,`square`),jn(880,.15,e+.3,.15,`square`)}function Pn(){let e=An().currentTime;jn(440,.12,e,.12),jn(523,.12,e+.1,.12),jn(659,.18,e+.2,.12)}var Fn={done:Mn,approval_request:Nn,question:Pn};function In(e){try{Fn[e]?.()}catch{}}function Ln(e){return e.inputTokens+e.cacheReadTokens+e.cacheWriteTokens}function Rn(e){return e.inputTokens+e.cacheWriteTokens}var zn=.5,Bn=.9,Vn={cache_expired:`the session's prompt cache had already lapsed, so PPM released its subprocess`,idle_timeout:`the session sat idle with no tab open long enough for PPM to release its subprocess`,warm_idle_cap:`too many idle sessions were holding a subprocess, so this one was released early`,tab_closed:`PPM shut the session's subprocess down when the last tab disconnected`,set_model:`the model was changed, which restarts the session`,stream_ended:`the session's subprocess had already exited`,resume:`the session was resumed on a new subprocess`};function Hn(e){let t=Rn(e),n=Ln(e);if(!e.coldStart||n<2e4)return{level:`ok`,wastedTokens:t,reason:``};let r=e.cacheHitRate<zn?`bad`:e.cacheHitRate<Bn?`warn`:`ok`;if(r===`ok`)return{level:r,wastedTokens:t,reason:``};let i=e.coldReason?Vn[e.coldReason]??`the session restarted (${e.coldReason})`:null;return{level:r,wastedTokens:t,reason:i?`${Kn(t)} of this session's transcript was re-sent uncached because ${i}.`:`${Kn(t)} of this session's transcript was re-sent uncached.`}}var Un=.1,Wn=1.25;function Gn(e){let t=Ln(e);if(t===0)return 1;let n=e.inputTokens+e.cacheWriteTokens*Wn+e.cacheReadTokens*Un,r=t*Un;return r>0?Math.max(1,n/r):1}function Kn(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(e>=1e4?0:1)}k`:String(e)}var Q=e(t(),1);function qn(e){return e.map(e=>e.events?{...e,events:Wt(e.events)}:e)}var Jn={hasTeams:!1,teamNames:[],messageCount:0,unreadCount:0};function Yn(e){if(document.hidden)return!1;let{panels:t}=Ge.getState();for(let n of Object.values(t))if(Ve(n.tabs.find(e=>e.id===n.activeTabId))===e)return!0;return!1}function Xn(e,t=`claude`,n=``,r,i){let a=(0,Q.useRef)(i);a.current=i;let o=(0,Q.useRef)(null);o.current||=new Tn(e=>a.current?.(e));let[s,c]=(0,Q.useState)([]),[l,u]=(0,Q.useState)(new Map),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)({}),[h,g]=(0,Q.useState)(`idle`),[_,v]=(0,Q.useState)(!1),[y,b]=(0,Q.useState)(0),[x,S]=(0,Q.useState)(null),[C,w]=(0,Q.useState)(null),[ee,T]=(0,Q.useState)(null),[te,ne]=(0,Q.useState)(null),[re,E]=(0,Q.useState)([]),[ie,ae]=(0,Q.useState)([]),oe=(0,Q.useRef)([]),[D,O]=(0,Q.useState)(null),[se,ce]=(0,Q.useState)(null),[k,le]=(0,Q.useState)(!1),[ue,A]=(0,Q.useState)(null),[j,de]=(0,Q.useState)(null),M=(0,Q.useRef)(null),fe=(0,Q.useRef)(null),[pe,me]=(0,Q.useState)(null),he=(0,Q.useRef)(null),[ge,N]=(0,Q.useState)(!0),P=(0,Q.useRef)(null),F=(0,Q.useRef)(null),I=(0,Q.useRef)(``),L=(0,Q.useRef)([]),_e=(0,Q.useRef)(new Map),R=(0,Q.useRef)(null),[ve,ye]=(0,Q.useState)(null),z=(0,Q.useRef)(`idle`),be=(0,Q.useRef)(null),xe=(0,Q.useRef)(()=>{}),Se=(0,Q.useRef)(null),B=(0,Q.useRef)(0),Ce=(0,Q.useRef)(0),V=(0,Q.useRef)(!1),H=(0,Q.useRef)(null),we=(0,Q.useRef)([]),Ee=(0,Q.useRef)(0),De=(0,Q.useRef)(!1),Oe=(0,Q.useRef)(!1),ke=(0,Q.useRef)(null),Ae=(0,Q.useRef)(!1),U=(0,Q.useRef)(new Set),W=(0,Q.useRef)(0),je=(0,Q.useRef)(null),Me=(0,Q.useRef)(0),Ne=(0,Q.useRef)(!1),q=(0,Q.useRef)(e);q.current=e;let Pe=(0,Q.useRef)(r);Pe.current=r;let Fe=(0,Q.useRef)([]);Fe.current=s;let Ie=(0,Q.useRef)(n);Ie.current=n;let J=(0,Q.useRef)(null),Le=(0,Q.useRef)(0),Re=(0,Q.useRef)({teamNames:new Set,messages:[]}),ze=(0,Q.useRef)(0),[Be,Ve]=(0,Q.useState)(Jn),[Ue,We]=(0,Q.useState)([]),Ke=(0,Q.useCallback)(()=>{let e=Re.current;Ve({hasTeams:e.teamNames.size>0,teamNames:Array.from(e.teamNames),messageCount:e.messages.length,unreadCount:ze.current}),We([...e.messages])},[]),qe=(0,Q.useCallback)(()=>{ze.current=0,Ke()},[Ke]),Je=(0,Q.useCallback)(async e=>{try{let t=await K.get(`/api/teams/${encodeURIComponent(e)}`);if(!t?.messages)return;let n=Re.current.messages,r=t.messages.filter(e=>!n.some(t=>t.timestamp===e.timestamp&&t.from===e.from));n.push(...r),n.sort((e,t)=>new Date(e.timestamp).getTime()-new Date(t.timestamp).getTime()),n.length>500&&n.splice(0,n.length-500),Ke()}catch{}},[Ke]),Ye=h!==`idle`;(0,Q.useEffect)(()=>{if(e)return nt.getState().setStreaming(e,h!==`idle`,n),()=>{nt.getState().setStreaming(e,!1)}},[e,h,n]);let Xe=(0,Q.useCallback)((e,t)=>{let n=r=>{for(let i=0;i<r.length;i++){let a=r[i];if(a.type===`tool_use`){if((a.tool===`Agent`||a.tool===`Task`)&&a.toolUseId===t){let t=qt(a,e);return[[...r.slice(0,i),t,...r.slice(i+1)],!0]}if(a.children?.length){let[e,t]=n(a.children);if(t)return[[...r.slice(0,i),{...a,children:e},...r.slice(i+1)],!0]}}}return[r,!1]},[r,i]=n(L.current);return i&&(L.current=r),i},[]),Ze=(0,Q.useCallback)((e,t)=>{let n=e=>e.type===`tool_use`&&(e.tool===`Agent`||e.tool===`Task`)&&e.toolUseId===t,r=Fe.current,i=-1;for(let e=r.length-1;e>=0;e--)if(r[e].events?.some(n)){i=e;break}return i===-1?!1:(c(t=>{let r=-1;for(let e=t.length-1;e>=0;e--)if(t[e].events?.some(n)){r=e;break}if(r===-1)return t;let i=t[r],a=i.events.map(t=>n(t)?qt(t,e):t);return[...t.slice(0,r),{...i,events:a},...t.slice(r+1)]}),!0)},[]),Qe=(0,Q.useCallback)(()=>{Le.current=0;let e=I.current,t=[...L.current],n=R.current;(0,Q.startTransition)(()=>{c(r=>{let i=r[r.length-1];return i?.role===`assistant`&&!i.id.startsWith(`final-`)?[...r.slice(0,-1),{...i,content:e,events:t,...n}]:[...r,{id:`streaming-${Date.now()}`,role:`assistant`,content:e,events:t,timestamp:new Date().toISOString(),...n}]})})},[]),X=(0,Q.useCallback)(()=>{Le.current||=window.setTimeout(Qe,100)},[Qe]),$e=(0,Q.useCallback)((e,t)=>{let n=t=>t.type===`tool_use`&&(t.tool===`Agent`||t.tool===`Task`)&&t.toolUseId===e,r=L.current.findIndex(n);if(r!==-1){L.current[r]={...L.current[r],bgStatus:t},X();return}c(e=>{let r=-1;for(let t=e.length-1;t>=0;t--)if(e[t].events?.some(n)){r=t;break}if(r===-1)return e;let i=e[r],a=i.events.map(e=>n(e)?{...e,bgStatus:t}:e);return[...e.slice(0,r),{...i,events:a},...e.slice(r+1)]})},[X]),et=(0,Q.useCallback)(e=>{let t=e,n=t?.type;if(!n)return;let r=e=>{let n=L.current,r=n.findIndex(e);r===-1?n.push(t):n[r]=t};switch(n){case`account_info`:R.current={accountId:t.accountId,accountLabel:t.accountLabel},ye({id:t.accountId,label:t.accountLabel??null}),O(null);break;case`account_retry`:t.accountId&&t.accountLabel&&(R.current={accountId:t.accountId,accountLabel:t.accountLabel},ye({id:t.accountId,label:t.accountLabel})),L.current.push(t),X();break;case`status_update`:{let e=t.accountLabel?` (${t.accountLabel})`:``;O(`${t.message}${e}`);break}case`text`:{let e=t.parentToolUseId;if(e&&Xe(t,e)){X();break}if(e){Ze(t,e);break}I.current+=t.content,L.current.push(t),X();break}case`thinking`:{let e=t.parentToolUseId;if(e&&Xe(t,e)){X();break}if(e){Ze(t,e);break}L.current.push(t),X();break}case`tool_use`:{if(t.tool===`AskUserQuestion`){t.toolUseId&&U.current.add(t.toolUseId);break}let e=t.parentToolUseId;if(e&&Xe(t,e)){X();break}if(e){Ze(t,e);break}let n=t.toolUseId;r(e=>!!n&&e.type===`tool_use`&&e.toolUseId===n),X();break}case`tool_result`:{let e=t.toolUseId;if(e&&_e.current.delete(e),e&&U.current.has(e))break;let n=t.parentToolUseId;if(n&&Xe(t,n)){X();break}if(n){Ze(t,n);break}if(z.current===`idle`&&e?.startsWith(`subagent-`)){c(n=>n.map(n=>n.events?.some(t=>t.type===`tool_use`&&t.toolUseId===e)?{...n,events:n.events.map(n=>n.type===`tool_use`&&n.toolUseId===e?{...n,result:{output:t.output,isError:t.isError,exitCode:t.exitCode}}:n)}:n));break}r(t=>!!e&&t.type===`tool_result`&&t.toolUseId===e),X();break}case`approval_resolved`:{let e=t.requestId;if(t.approved&&t.answers){let n=L.current.find(t=>t.type===`approval_request`&&t.requestId===e&&t.tool===`AskUserQuestion`),r=n&&n.input;r&&typeof r==`object`&&(r.answers=t.answers,c(e=>[...e]))}S(t=>t&&t.requestId===e?null:t),J.current!=null&&(Te.dismiss(J.current),J.current=null);break}case`approval_request`:if(r(e=>e.type===`approval_request`&&e.requestId===t.requestId),Ae.current)break;if(S({requestId:t.requestId,tool:t.tool,input:t.input}),q.current&&!Yn(q.current)){In(t.tool===`AskUserQuestion`?`question`:`approval_request`);let e=q.current,n=t.tool===`AskUserQuestion`;J.current=Te[n?`info`:`warning`](n?`AI has a question`:`${t.tool} needs permission`,{description:Ie.current||`Session ${e.slice(0,8)}`,duration:1/0,action:{label:`Go to session`,onClick:()=>{let{panels:t}=Ge.getState();for(let[n,r]of Object.entries(t)){let t=r.tabs.find(t=>t.metadata?.sessionId===e);if(t){Ge.getState().setActiveTab(t.id,n);break}}}}})}break;case`error`:if(t.parentToolUseId){Xe(t,t.parentToolUseId)?X():Ze(t,t.parentToolUseId);break}Ae.current||o.current?.fail(),c(e=>{let n=e[e.length-1];if(n?.role===`assistant`){let r=L.current,i=r[r.length-1],a=i?.type===`error`&&i.message===t.message?r:[...r,t];return L.current=a,[...e.slice(0,-1),{...n,events:a}]}return n?.role===`system`&&n.content===t.message?e:[...e,{id:`error-${Date.now()}`,role:`system`,content:t.message,events:[t],timestamp:new Date().toISOString()}]});break;case`team_detected`:{let e=t.teamName;e&&(Re.current.teamNames.add(e),Ke(),Je(e));break}case`team_inbox`:{let e=t.messages;if(Array.isArray(e)){let t=Re.current.messages;t.push(...e),t.length>500&&t.splice(0,t.length-500),ze.current+=e.length,Ke()}break}case`team_updated`:Ke();break;case`bash_output`:{let e=t.toolUseId;if(e){let n=_e.current.get(e);n?(n.content+=t.content,n.content.length>5e5&&(n.content=n.content.slice(-5e5)),n.lineCount=t.lineCount):_e.current.set(e,{content:t.content,lineCount:t.lineCount}),X()}break}case`subagent_status`:{let e=t.toolUseId,n=t.status;e&&n&&$e(e,n);break}case`background_registry`:{let e=t.shells??[];oe.current=e,ae(e);break}case`done`:{if(t.parentToolUseId||(Ae.current||o.current?.finish(!!I.current.trim()),z.current===`idle`))break;t.contextWindowPct!=null&&w(t.contextWindowPct),q.current&&!Yn(q.current)&&In(`done`),Le.current&&=(clearTimeout(Le.current),0);let e=I.current,n=[...L.current],r=R.current;V.current=!!e||n.length>0;let i=t.lastMessageUuid,a=t.usage;c(t=>{let o=t[t.length-1];return o?.role===`assistant`?[...t.slice(0,-1),{...o,id:`final-${Date.now()}`,content:e||o.content,events:n.length>0?n:o.events,...i&&{sdkUuid:i},...a&&{usage:a}}]:e||n.length>0?[...t,{id:`final-${Date.now()}`,role:`assistant`,content:e,events:n,timestamp:new Date().toISOString(),...i&&{sdkUuid:i},...a&&{usage:a},...r}]:t}),a&&ne(e=>e&&{...e,lastTurnEndedAt:Date.now(),billedPrefixTokens:Ln(a),...a.contextTokens!=null&&{contextTokens:a.contextTokens},...a.cacheTtlMs!=null&&{ttlMs:a.cacheTtlMs},compactedAt:a.compactedAt}),I.current=``,L.current=[],R.current=null,je.current=null,_e.current.clear(),O(null);break}}},[Xe,Ze,X,$e,Ke,Je]),tt=(0,Q.useCallback)(e=>{let t;try{t=JSON.parse(e.data)}catch{return}if(Ae.current){we.current.push(e);return}if(t.type===`ping`){let e=t.streamSeq;typeof e==`number`&&e>Ee.current&&!De.current&&!Oe.current&&(De.current=!0,xe.current(JSON.stringify({type:`resync`})));return}let n=t.streamSeq;if(typeof n==`number`&&(Oe.current?Ee.current=Math.max(Ee.current,n):n===Ee.current+1?Ee.current=n:n>Ee.current&&!De.current&&(De.current=!0,xe.current(JSON.stringify({type:`resync`})))),t.type===`user_message`){B.current++;let e=t.content;c(n=>{let r=n[n.length-1];return r?.role===`user`&&r.content===e?n:[...n,{id:`user-remote-${Date.now()}`,role:`user`,content:e,timestamp:t.timestamp??new Date().toISOString()}]});return}if(t.type===`title_updated`){ce(t.title??null);return}if(t.type===`session_migrated`){let e=t.newSessionId;e&&e!==q.current&&(o.current?.migrate(e),Pe.current?.(e));return}if(t.type===`mcp_status`){let e=t.needsAuth;E(Array.isArray(e)?e:[]);return}if(t.type===`compact_status`){let e=t.status;e===`compacting`?T(`compacting`):e===`done`&&T(null);return}if(t.type===`phase_changed`){let e=t.phase,n=z.current!==`idle`;if(!n&&e!==`idle`&&(V.current=!1),e!==`idle`&&B.current++,g(e),z.current=e,b(e===`connecting`?t.elapsed??0:0),e===`idle`){let e=Oe.current;De.current=!1,Oe.current=!1,T(null),O(null),(e||n&&!V.current)&&Se.current?.()}return}if(t.type===`session_state`){le(!0),v(!1),A(t.sessionId??q.current);let e=t,n=e.phase;n!==`idle`&&B.current++;let r=z.current===`idle`;if(r&&n!==`idle`&&(V.current=!1),g(n),z.current=n,e.sessionTitle&&ce(e.sessionTitle),e.model&&(fe.current&&e.model!==fe.current||(e.model===fe.current&&(fe.current=null),de(e.model),M.current=e.model)),typeof e.effort==`string`&&(me(e.effort),he.current=e.effort),typeof e.thinking==`boolean`&&N(e.thinking),e.pendingApproval&&S({requestId:e.pendingApproval.requestId,tool:e.pendingApproval.tool,input:e.pendingApproval.input}),T(e.compactStatus===`compacting`?`compacting`:null),ne(e.promptCache??null),E(Array.isArray(e.mcpNeedsAuth)?e.mcpNeedsAuth:[]),n===`idle`){let e=Oe.current;De.current=!1,Oe.current=!1;let t=Date.now()-Me.current<5e3;(e||!(r&&(t||Ne.current)))&&Se.current?.(),v(!1)}return}if(t.type===`turn_events`){B.current++;let e=t.events,n=t.userMessage;if(!e?.length&&!n){v(!1);return}W.current&&=(cancelAnimationFrame(W.current),0),je.current=n,c(e=>{let t=[...e],r=t.length;for(;r>0&&t[r-1].role===`assistant`;)r--;if(n!=null&&r>0&&t[r-1].role===`user`&&t[r-1].content===n)t=t.slice(0,r-1);else{let e=t[t.length-1];e?.role===`assistant`&&e.id.startsWith(`streaming-`)&&(t=t.slice(0,-1))}if(n){let e=t[t.length-1];(e?.role!==`user`||e.content!==n)&&(t=[...t,{id:`user-replay-${Date.now()}`,role:`user`,content:n,timestamp:new Date().toISOString()}])}return t}),I.current=``,L.current=[],R.current=null,Ae.current=!0;let r=0,i=()=>{let n=Math.min(r+100,e.length);for(let t=r;t<n;t++)et(e[t]);if(r=n,r<e.length)W.current=requestAnimationFrame(i);else{W.current=0,Ae.current=!1;let e=t.streamSeq,n=t.truncated===!0;Oe.current=n,!n&&typeof e==`number`&&(Ee.current=e),De.current=!1,v(!1);let r=we.current.splice(0);for(let e of r)ke.current?.(e)}};W.current=requestAnimationFrame(i);return}et(t)},[et]);ke.current=tt;let{send:Z,connect:rt}=tn({url:e&&n?`/ws/project/${encodeURIComponent(n)}/chat/${e}`:``,onMessage:tt,autoConnect:!!e&&!!n,idleTimeoutMs:45e3,onConnectionChange:e=>{e||(o.current?.fail(),le(!1),v(!0))}});xe.current=Z,(0,Q.useEffect)(()=>{let r=!1;o.current?.select(e);let i=Ce.current;V.current=!1,B.current++,Ee.current=0,De.current=!1,Oe.current=!1,F.current&&F.current!==e&&(fe.current=null,P.current=null,ye(null)),F.current=e??null,g(`idle`),z.current=`idle`,S(null),J.current!=null&&(Te.dismiss(J.current),J.current=null),T(null),E([]),u(new Map),m({}),I.current=``,L.current=[],je.current=null,Me.current=0,_e.current.clear(),Le.current&&=(clearTimeout(Le.current),0),le(!1),A(null),v(!1),Re.current={teamNames:new Set,messages:[]},ze.current=0,Ve(Jn),We([]),e&&K.get(`/api/teams`).then(t=>{r||!Array.isArray(t)||t.filter(t=>(t?.name??t?.team_name)===e).length!==0&&(Re.current.teamNames.add(e),Ke(),Je(e))}).catch(()=>{});let a=new Set(Fe.current.map(e=>e.id));return e&&n?(Ne.current=!0,f(!0),K.get(`${G(n)}/chat/sessions/${e}/messages?providerId=${t}`).then(e=>{if(r||Ce.current!==i)return;let t=Array.isArray(e)?{messages:e,versionMap:{}}:e,n=qn(Array.isArray(t?.messages)?t.messages:[]);t?.versionMap&&m(t.versionMap),t?.canonicalSessionId&&t.canonicalSessionId!==q.current&&Pe.current?.(t.canonicalSessionId);let o=je.current;if(o!=null){for(let e=n.length-1;e>=0;e--)if(n[e].role===`user`&&n[e].content===o){n=n.slice(0,e);break}}c(e=>{let t=e.filter(e=>!a.has(e.id));return[...n,...t]}),Me.current=Date.now()}).catch(t=>{!r&&Ce.current===i&&(c(e=>e.filter(e=>!a.has(e.id))),t?.status===404&&n&&Y.getState().removeSession(He(n),e))}).finally(()=>{r||(Ne.current=!1,f(!1))})):c([]),()=>{r=!0,Ne.current=!1,H.current?.abort(),H.current=null,Le.current&&clearTimeout(Le.current),Le.current=0,W.current&&cancelAnimationFrame(W.current),W.current=0,Ae.current=!1,we.current=[]}},[e,t,n,Ke,Je]);let it=(0,Q.useCallback)((e,t)=>{if(!e.trim()&&!t?.images?.length)return;B.current++;let n=z.current!==`idle`;if(q.current&&o.current?.start(q.current,!n,k&&ue===q.current),V.current=!1,n){Le.current&&=(clearTimeout(Le.current),0);let e=I.current,t=[...L.current];c(n=>{let r=n[n.length-1];return r?.role===`assistant`?[...n.slice(0,-1),{...r,id:`final-${Date.now()}`,content:e||r.content,events:t.length>0?t:r.events}]:n})}c(t=>[...t,{id:`user-${Date.now()}`,role:`user`,content:e,timestamp:new Date().toISOString()}]),I.current=``,L.current=[],be.current=null,n?(g(`thinking`),z.current=`thinking`):(g(`initializing`),z.current=`initializing`),S(null),J.current!=null&&(Te.dismiss(J.current),J.current=null),Z(JSON.stringify({type:`message`,content:e,permissionMode:t?.permissionMode,priority:t?.priority,images:t?.images,imagePaths:t?.imagePaths,...M.current&&{model:M.current},...he.current&&{effort:he.current},...P.current!==null&&{thinking:P.current}}))},[Z,k,ue]),at=(0,Q.useCallback)(e=>{de(e),M.current=e,fe.current=e,Z(JSON.stringify({type:`set_model`,model:e}))},[Z]),ot=(0,Q.useCallback)(e=>{me(e),he.current=e,Z(JSON.stringify({type:`set_effort`,effort:e}))},[Z]),st=(0,Q.useCallback)(e=>{N(e),P.current=e,Z(JSON.stringify({type:`set_thinking`,enabled:e}))},[Z]),ct=(0,Q.useCallback)((e,t,n)=>{if(Z(JSON.stringify({type:`approval_response`,requestId:e,approved:t,data:n})),t&&n){let t=L.current.find(t=>t.type===`approval_request`&&t.requestId===e&&t.tool===`AskUserQuestion`);if(t){let e=t.input;e&&typeof e==`object`&&(e.answers=n)}c(e=>[...e])}S(null),J.current!=null&&(Te.dismiss(J.current),J.current=null)},[Z]),lt=(0,Q.useCallback)(()=>{if(o.current?.fail(),z.current===`idle`)return;Z(JSON.stringify({type:`cancel`}));let e=I.current,t=[...L.current];c(n=>{let r=n[n.length-1];return r?.role===`assistant`?[...n.slice(0,-1),{...r,id:`final-${Date.now()}`,content:e||r.content,events:t.length>0?t:r.events}]:n}),I.current=``,L.current=[],_e.current.clear(),be.current=null,g(`idle`),z.current=`idle`,S(null),J.current!=null&&(Te.dismiss(J.current),J.current=null)},[Z]),ut=(0,Q.useCallback)(e=>{e&&Z(JSON.stringify({type:`kill_background_shell`,shellId:e}))},[Z]),dt=(0,Q.useCallback)(e=>{if(!e)return;let t=e.replace(/\.output$/,``);return oe.current.find(n=>n.shellId===t||n.outputPath.endsWith(e)||n.outputPath.endsWith(`${t}.output`))},[]);(0,Q.useEffect)(()=>{e&&Lt.getState().setSessionShells(e,ie)},[e,ie]),(0,Q.useEffect)(()=>{if(e)return Lt.getState().retainSession(e),()=>{Lt.getState().releaseSession(e)}},[e]);let ft=(0,Q.useCallback)(()=>{le(!1),v(!0),rt()},[rt]),pt=(0,Q.useCallback)(()=>{if(!e||!n||z.current!==`idle`)return;H.current?.abort();let r=new AbortController;H.current=r;let i=B.current;K.get(`${G(n)}/chat/sessions/${e}/messages?providerId=${t}`,{signal:r.signal}).then(t=>{if(r.signal.aborted||H.current!==r||B.current!==i||z.current!==`idle`||q.current!==e||Ie.current!==n||Ae.current)return;let a=Array.isArray(t)?{messages:t,versionMap:void 0}:t;a?.versionMap&&m(a.versionMap),Array.isArray(a?.messages)&&a.messages.length>0&&(Ce.current++,Le.current&&=(clearTimeout(Le.current),0),c(qn(a.messages)),I.current=``,L.current=[]),Me.current=Date.now()}).catch(()=>{})},[e,t,n]);Se.current=pt;let mt=(0,Q.useCallback)(async(e,t)=>{if(!n)throw Error(`No project context available`);let r=e.replace(/^pc-[^-]+-/,``),i=`${G(n)}/chat/pre-compact-messages?jsonlPath=${encodeURIComponent(t)}&before=${encodeURIComponent(r)}`,a=Dn(await K.get(i),t);return u(t=>{let n=new Map(t);return n.set(e,a),n}),a.length},[n]),ht=(0,Q.useCallback)(e=>l.has(e),[l]),gt=(0,Q.useCallback)(e=>{c(t=>t.filter(t=>t.id!==e))},[]),_t=(0,Q.useCallback)(()=>{c(e=>e.filter(e=>e.role!==`system`))},[]);return{messages:s,renderedMessages:(0,Q.useMemo)(()=>On(s,l),[s,l]),expandCompact:mt,isCompactExpanded:ht,dismissMessage:gt,clearErrors:_t,messagesLoading:d,versionMap:p,isStreaming:Ye,phase:h,isReconnecting:_,connectingElapsed:y,pendingApproval:x,contextWindowPct:C,compactStatus:ee,promptCache:te,mcpNeedsAuth:re,statusMessage:D,sessionTitle:se,liveAccount:ve,model:j,setModel:at,effort:pe,setEffort:ot,thinking:ge,setThinking:st,teamActivity:Be,teamMessages:Ue,markTeamRead:qe,bashPartialOutput:_e,backgroundShells:ie,killBackgroundShell:ut,findBackgroundShellByOutput:dt,sendMessage:it,respondToApproval:ct,cancelStreaming:lt,reconnect:ft,refetchMessages:pt,isConnected:k&&ue===e}}function Zn(e,t,n){let r=_t(e);return n&&r&&!r.sessionId&&(!r.pickedAccountId||r.pickedAccountProvider!==t)&&(r.providerPending||r.providerId===t)&&pt(e,{pickedAccountId:n.id,pickedAccountLabel:n.label,pickedAccountProvider:t}),n}function Qn(e,t,n){let r=(0,Q.useRef)(new Map),i=(0,Q.useRef)(!0);(0,Q.useEffect)(()=>(i.current=!0,()=>{i.current=!1}),[]);let a=(0,Q.useCallback)(t=>{if(!e)return Promise.resolve(null);let n=_t(e);if(n?.pickedAccountProvider===t&&typeof n.pickedAccountId==`string`)return Promise.resolve({id:n.pickedAccountId,label:typeof n.pickedAccountLabel==`string`?n.pickedAccountLabel:null});if(or(e,t))return Promise.resolve(null);let a=n=>i.current?Zn(e,t,n):n,o=r.current.get(t);if(o)return o.then(a);let s=ir(e),c=(s?s.catch(()=>null):Promise.resolve(null)).then(()=>{let n=_t(e);return n?.pickedAccountProvider===t&&typeof n.pickedAccountId==`string`?{id:n.pickedAccountId,label:typeof n.pickedAccountLabel==`string`?n.pickedAccountLabel:null}:or(e,t)?null:nn(t,AbortSignal.timeout(3e4))}).then(a).catch(e=>{throw r.current.get(t)===c&&r.current.delete(t),e});return r.current.set(t,c),c},[e]);return(0,Q.useEffect)(()=>{n&&a(t).catch(()=>{})},[n,t,a]),a}var $n=(e,t,n)=>K.post(e,t,{signal:n}),er=new Map,tr=new Set,nr=new Map;function rr(e,t,n){let r=er.get(e);if(r)return r;let i=$n(`${G(t.name)}/chat/prepare`,n,AbortSignal.timeout(et)).then(n=>(er.get(e)===i?(tr.add(e),lr(e,t,n)):cr(t,n),n));er.set(e,i),n.providerId&&dt(t.name,n.providerId,i.then(e=>e.slash,()=>null));let a=()=>{setTimeout(()=>{er.get(e)===i&&er.delete(e)},et)};return i.then(a,a),i}function ir(e){return e?er.get(e):void 0}function ar(e){return tr.has(e)}function or(e,t){return nr.get(e)===t}function sr(e){er.delete(e),tr.delete(e),nr.delete(e)}function cr(e,t){Ae(t.settings),U(De(e),t.providers),$e(e.name,t.providers),t.tags&&Y.getState().seedTags(e,t.tags),t.slash&&gt(e,t.providerId,t.slash)}function lr(e,t,n){cr(t,n),n.pickedAccount===null&&nr.set(e,n.providerId);let r=n.pickedAccount&&n.pickedAccount!==`timeout`&&n.pickedAccount!==`skipped`?n.pickedAccount:null;Zn(e,n.providerId,r),n.usage&&gr(mr(t.name,n.providerId,void 0,r?.id),n.usage,n.usage.lastFetchedAt??null,r?.id)}var ur=12e4,dr=3e4,fr=new Map,pr=new Map;function mr(e,t,n,r){return JSON.stringify([e,t,n,r])}function hr(e,t,n,r){let i=!n||t?.activeAccountId===n;return{scope:e,usage:i?t??{}:{},fetchedAt:i?r??null:null}}function gr(e,t,n,r){fr.set(e,hr(e,t,r,n)),pr.set(e,Date.now())}function _r(e,t=`claude`,n,r,i=!0,a){let o=n?void 0:r,s=mr(e,t,n,r),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(!1),f=(0,Q.useRef)(null),p=(0,Q.useRef)(0),m=(0,Q.useCallback)((a=!1)=>{if(!i||!e)return Promise.resolve();let c=++p.current;d(!0);let u=a?`&refresh=1`:``,f=n?`&session=${encodeURIComponent(n)}`:``,m=o?`&accountId=${encodeURIComponent(o)}`:``;return K.get(`${G(e)}/chat/usage?providerId=${t}${f}${m}${u}`).then(e=>{if(c!==p.current)return;let t=hr(s,e,r,e?.lastFetchedAt);fr.set(s,t),l(t)}).catch(()=>{}).finally(()=>{c===p.current&&d(!1)})},[e,t,n,o,r,s,i]);(0,Q.useEffect)(()=>{if(l(null),d(!1),!i)return;let e=!1,t,n=()=>{e||(t=setTimeout(()=>m(),500))},r=a?ir(a):void 0;return r?r.then(()=>{if(e)return;let t=pr.get(s),r=fr.get(s);if(r&&t!==void 0&&Date.now()-t<dr){l(r);return}n()},()=>{e||n()}):n(),f.current=setInterval(()=>m(),ur),()=>{e=!0,++p.current,t&&clearTimeout(t),f.current&&clearInterval(f.current)}},[m,i,a,s]);let h=(0,Q.useCallback)(()=>m(!0),[m]),g=(0,Q.useCallback)(()=>m(),[m]),_=i?c?.scope===s?c:fr.get(s):null;return{usageInfo:_?.usage??{},usageLoading:u,lastFetchedAt:_?.fetchedAt??null,refreshUsage:h,reloadUsage:g}}function vr(e){let{tabId:t,sessionId:n,designSlug:r,projectName:i,providerId:a}=e;(0,Q.useEffect)(()=>{if(!t||!n||r||!i||Ge.getState().getPanelForTab(t)?.tabs.find(e=>e.id===t)?.type!==`chat`)return;let e=!1;return K.get(`${G(i)}/chat/sessions/${encodeURIComponent(n)}/design`).then(({designSlug:r})=>{if(e||!r)return;let o=Ge.getState().getPanelForTab(t)?.id;mt({projectName:i,slug:r,sessionId:n,providerId:a,panelId:o}),Ge.getState().closeTab(t,o)}).catch(()=>{}),()=>{e=!0}},[t,n,r,i,a])}function yr(e){let t=Array(e.length),n=0;for(let r=0;r<e.length;r++){let i=e[r].role===`user`;i&&n++,t[r]=i?n:0}return t}var br={damping:.7,stiffness:.05,mass:1.25},xr=70,Sr=1e3/60,Cr=350,wr=!1;globalThis.document?.addEventListener(`mousedown`,()=>{wr=!0}),globalThis.document?.addEventListener(`mouseup`,()=>{wr=!1}),globalThis.document?.addEventListener(`click`,()=>{wr=!1});var Tr=(e={})=>{let[t,n]=(0,Q.useState)(!1),[r,i]=(0,Q.useState)(e.initial!==!1),[a,o]=(0,Q.useState)(!1),s=(0,Q.useRef)(null);s.current=e;let c=(0,Q.useCallback)(()=>{if(!wr)return!1;let e=window.getSelection();if(!e||!e.rangeCount)return!1;let t=e.getRangeAt(0);return t.commonAncestorContainer.contains(g.current)||g.current?.contains(t.commonAncestorContainer)},[]),l=(0,Q.useCallback)(e=>{d.isAtBottom=e,i(e)},[]),u=(0,Q.useCallback)(e=>{d.escapedFromLock=e,n(e)},[]),d=(0,Q.useMemo)(()=>{let n;return{escapedFromLock:t,isAtBottom:r,resizeDifference:0,accumulated:0,velocity:0,listeners:new Set,get scrollTop(){return g.current?.scrollTop??0},set scrollTop(e){if(g.current){let{scrollBehavior:t}=getComputedStyle(g.current);t!==`auto`&&(g.current.style.scrollBehavior=`auto`),g.current.scrollTop=e,d.ignoreScrollToTop=g.current.scrollTop,t!==`auto`&&(g.current.style.scrollBehavior=t)}},get targetScrollTop(){return!g.current||!_.current?0:g.current.scrollHeight-1-g.current.clientHeight},get calculatedTargetScrollTop(){if(!g.current||!_.current)return 0;let{targetScrollTop:t}=this;if(!e.targetScrollTop)return t;if(n?.targetScrollTop===t)return n.calculatedScrollTop;let r=Math.max(Math.min(e.targetScrollTop(t,{scrollElement:g.current,contentElement:_.current}),t),0);return n={targetScrollTop:t,calculatedScrollTop:r},requestAnimationFrame(()=>{n=void 0}),r},get scrollDifference(){return this.calculatedTargetScrollTop-this.scrollTop},get isNearBottom(){return this.scrollDifference<=xr}}},[]),f=(0,Q.useCallback)((e={})=>{typeof e==`string`&&(e={animation:e}),e.preserveScrollPosition||l(!0);let t=Date.now()+(Number(e.wait)||0),n=Or(s.current,e.animation),{ignoreEscapes:r=!1}=e,i,a=d.calculatedTargetScrollTop;e.duration instanceof Promise?e.duration.finally(()=>{i=Date.now()}):i=t+(e.duration??0);let o=async()=>{let e=new Promise(requestAnimationFrame).then(()=>{if(!d.isAtBottom)return d.animation=void 0,!1;let{scrollTop:l}=d,u=performance.now(),p=(u-(d.lastTick??u))/Sr;if(d.animation||={behavior:n,promise:e,ignoreEscapes:r},d.animation.behavior===n&&(d.lastTick=u),c()||t>Date.now())return o();if(l<Math.min(a,d.calculatedTargetScrollTop)){if(d.animation?.behavior===n){if(n===`instant`)return d.scrollTop=d.calculatedTargetScrollTop,o();d.velocity=(n.damping*d.velocity+n.stiffness*d.scrollDifference)/n.mass,d.accumulated+=d.velocity*p,d.scrollTop+=d.accumulated,d.scrollTop!==l&&(d.accumulated=0)}return o()}return i>Date.now()?(a=d.calculatedTargetScrollTop,o()):(d.animation=void 0,d.scrollTop<d.calculatedTargetScrollTop?f({animation:Or(s.current,s.current.resize),ignoreEscapes:r,duration:Math.max(0,i-Date.now())||void 0}):d.isAtBottom)});return e.then(e=>(requestAnimationFrame(()=>{d.animation||(d.lastTick=void 0,d.velocity=0)}),e))};return e.wait!==!0&&(d.animation=void 0),d.animation?.behavior===n?d.animation.promise:o()},[l,c,d]),p=(0,Q.useCallback)(()=>{u(!0),l(!1)},[u,l]),m=(0,Q.useCallback)(({target:e})=>{if(e!==g.current)return;let{scrollTop:t,ignoreScrollToTop:n}=d,{lastScrollTop:r=t}=d;d.lastScrollTop=t,d.ignoreScrollToTop=void 0,n&&n>t&&(r=n),o(d.isNearBottom),setTimeout(()=>{if(d.resizeDifference||t===n)return;if(c()){u(!0),l(!1);return}let e=t>r,i=t<r;if(d.animation?.ignoreEscapes){d.scrollTop=r;return}i&&(u(!0),l(!1)),e&&u(!1),!d.escapedFromLock&&d.isNearBottom&&l(!0)},1)},[u,l,c,d]),h=(0,Q.useCallback)(({target:e,deltaY:t})=>{let n=e;for(;![`scroll`,`auto`].includes(getComputedStyle(n).overflow);){if(!n.parentElement)return;n=n.parentElement}n===g.current&&t<0&&g.current.scrollHeight>g.current.clientHeight&&!d.animation?.ignoreEscapes&&(u(!0),l(!1))},[u,l,d]),g=Er(e=>{g.current?.removeEventListener(`scroll`,m),g.current?.removeEventListener(`wheel`,h),e?.addEventListener(`scroll`,m,{passive:!0}),e?.addEventListener(`wheel`,h,{passive:!0})},[]),_=Er(e=>{if(d.resizeObserver?.disconnect(),d.resizeObserver=void 0,!e)return;let t;d.resizeObserver=new ResizeObserver(([e])=>{let{height:n}=e.contentRect,r=n-(t??n);if(d.resizeDifference=r,d.scrollTop>d.targetScrollTop&&(d.scrollTop=d.targetScrollTop),o(d.isNearBottom),r>=0){let e=Or(s.current,t?s.current.resize:s.current.initial);f({animation:e,wait:!0,preserveScrollPosition:!0,duration:e===`instant`?void 0:Cr})}else d.isNearBottom&&(u(!1),l(!0));t=n,requestAnimationFrame(()=>{setTimeout(()=>{d.resizeDifference===r&&(d.resizeDifference=0)},1)})}),d.resizeObserver?.observe(e)},[]);return{contentRef:_,scrollRef:g,scrollToBottom:f,stopScroll:p,isAtBottom:r||a,isNearBottom:a,escapedFromLock:t,state:d}};function Er(e,t){let n=(0,Q.useCallback)(t=>(n.current=t,e(t)),t);return n}var Dr=new Map;function Or(...e){let t={...br},n=!1;for(let r of e){if(r===`instant`){n=!0;continue}typeof r==`object`&&(n=!1,t.damping=r.damping??t.damping,t.stiffness=r.stiffness??t.stiffness,t.mass=r.mass??t.mass)}let r=JSON.stringify(t);return Dr.has(r)||Dr.set(r,Object.freeze(t)),n?`instant`:Dr.get(r)}var kr=60,Ar=8,jr=1400;function Mr(e){if(e.scrollHeight<=e.clientHeight)return!1;let t=getComputedStyle(e).overflowY;return t===`auto`||t===`scroll`}function Nr(e,t){let n=[],r=e.parentElement;for(;r&&r!==t;)Mr(r)&&n.push(r),r=r.parentElement;return n}function Pr(){return typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches}function Fr(e,t){let n=e.querySelector(`[data-edit-ref="${CSS.escape(t)}"]`);if(n)return{el:n,level:`edit`};let r=t.replace(/-\d+$/,``),i=e.querySelector(`[data-tool-ref="${CSS.escape(r)}"]`);return i?{el:i,level:`card`}:null}function Ir(e,t,n,r){let i=e.scrollTop+t.getBoundingClientRect().top-e.getBoundingClientRect().top-n;e.scrollTo({top:i,behavior:r?`smooth`:`auto`})}function Lr(e,t){let n=Fr(e,t);if(!n)return()=>{};let{el:r,level:i}=n;for(let t of Nr(r,e))Ir(t,r,Ar,!1);Ir(e,r,kr,!Pr()),r.dataset.flash=i;let a=setTimeout(()=>{delete r.dataset.flash},jr);return()=>{clearTimeout(a),delete r.dataset.flash}}var $=n();function Rr(e){try{return new Date(e).toLocaleString()}catch{return``}}function zr({icon:e,label:t,title:n,onClick:r}){return(0,$.jsxs)(`button`,{type:`button`,onClick:r,title:n,"aria-label":t,className:`inline-flex items-center justify-center gap-1 rounded-md px-1.5 py-1 text-text-subtle hover:text-text-primary hover:bg-surface transition-colors`,children:[e,(0,$.jsx)(`span`,{children:t})]})}function Br({content:e}){let[t,n]=(0,Q.useState)(!1);return(0,$.jsx)(zr,{icon:t?(0,$.jsx)(be,{className:`size-3.5`}):(0,$.jsx)(F,{className:`size-3.5`}),label:t?`Copied`:`Copy`,title:`Copy message to clipboard`,onClick:()=>{bt(e),n(!0),setTimeout(()=>n(!1),1500)}})}function Vr({timestamp:e,content:t,className:n,children:r}){return(0,$.jsxs)(`div`,{className:q(`flex items-center gap-0.5 flex-wrap text-xs text-text-subtle select-none`,n),children:[(0,$.jsx)(`time`,{title:Rr(e),className:`pr-1 tabular-nums`,children:Ye(e)}),(0,$.jsx)(Br,{content:t}),r]})}function Hr(e){let t=0,n=0;for(let r of e)t+=r.linesAdded,n+=r.linesRemoved;return{added:t,removed:n}}function Ur({count:e,totals:t,open:n,onToggle:r,ref:i}){let a=`${e} file${e===1?``:`s`}`;return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{"aria-hidden":!0,className:`mx-1.5 h-3.5 w-px bg-border-soft`}),(0,$.jsxs)(`button`,{ref:i,type:`button`,onClick:r,"aria-expanded":n,"aria-label":`${a} changed this turn, ${t.added} added, ${t.removed} removed`,className:q(`inline-flex items-center gap-[7px] rounded-full font-mono text-[11.5px]`,`px-3 min-h-11 md:min-h-0 md:px-[9px] md:py-[5px]`,`text-text-secondary transition-colors hover:bg-surface hover:text-text-primary`),children:[(0,$.jsx)(`span`,{"aria-hidden":!0,className:`size-[5px] shrink-0 rounded-full bg-primary`}),(0,$.jsx)(`span`,{children:a}),(0,$.jsxs)(`span`,{className:`flex items-center gap-[5px] tabular-nums`,children:[(0,$.jsxs)(`span`,{className:`text-success`,children:[`+`,t.added]}),(0,$.jsxs)(`span`,{className:`text-error`,children:[`−`,t.removed]})]})]})]})}function Wr(e){if(!e)return!1;let t=e.closest(`[data-tab-pool-id]`)?.dataset.tabPoolId;if(!t)return e.offsetParent!==null;let{panels:n,focusedPanelId:r}=Ge.getState();return n[r]?.activeTabId===t}var Gr={create:{glyph:`A`,cls:`text-success`,label:`created`},write:{glyph:`W`,cls:`text-warning`,label:`overwritten`},notebook:{glyph:`N`,cls:`text-accent-2`,label:`notebook edited`},edit:{glyph:`·`,cls:`text-text-subtle`,label:`edited`}};function Kr(e){let t=Math.max(e.lastIndexOf(`/`),e.lastIndexOf(`\\`));return t<0?{base:e,dir:``}:{base:e.slice(t+1),dir:e.slice(0,t)}}function qr({added:e,removed:t,editCount:n,className:r}){return(0,$.jsxs)(`span`,{className:q(`flex items-center gap-[5px] tabular-nums`,r),children:[(0,$.jsxs)(`span`,{className:`text-success`,children:[`+`,e]}),(0,$.jsxs)(`span`,{className:`text-error`,children:[`−`,t]}),n!=null&&n>1&&(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[`×`,n]})]})}function Jr({change:e,dense:t,selected:n,onClick:r}){let i=Gr[e.op],{base:a,dir:o}=Kr(e.filePath),s=e.viaSubagent?`${i.label} · changed by a sub-agent`:i.label;return(0,$.jsxs)(`button`,{type:`button`,onClick:r,title:e.filePath,className:q(`grid w-full grid-cols-[16px_1fr_auto_10px] items-center gap-[10px] text-left font-mono`,`border-b border-border-soft hover:bg-surface transition-colors`,t?`min-h-[38px] px-2.5 py-[5px] text-xs`:`min-h-[52px] px-3 py-[7px] text-[12.5px]`,n&&`bg-surface shadow-[inset_2px_0_0_var(--accent)]`),children:[(0,$.jsx)(`span`,{"aria-label":s,title:s,className:q(`inline-flex size-4 items-center justify-center rounded bg-white/5 text-[9px] font-semibold`,i.cls,e.viaSubagent&&`bg-accent-2/20 ring-1 ring-inset ring-accent-2/35`),children:i.glyph}),(0,$.jsxs)(`span`,{className:`min-w-0`,children:[(0,$.jsx)(`span`,{className:`block truncate text-text-primary`,children:a}),o&&(0,$.jsx)(`span`,{className:`block overflow-hidden text-ellipsis whitespace-nowrap text-[10px] text-text-subtle [direction:rtl] text-left`,children:o})]}),(0,$.jsx)(qr,{added:e.linesAdded,removed:e.linesRemoved,editCount:e.editCount,className:`text-[11px]`}),(0,$.jsx)(me,{className:`size-[11px] text-text-subtle`})]})}var Yr=(0,Q.lazy)(()=>Ne(()=>import(`./edit-diff-preview-gH6pRk4S.js`),__vite__mapDeps([0,1,2,3])));function Xr({change:e,onJump:t}){return(0,$.jsx)(`div`,{children:e.edits.map((n,r)=>(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`button`,{type:`button`,disabled:!n.editRef,onClick:()=>n.editRef&&t(n.editRef),className:`group flex min-h-11 w-full items-center gap-2 px-3 font-mono text-[10px] text-text-subtle transition-colors hover:bg-surface disabled:hover:bg-transparent`,children:[(0,$.jsxs)(`span`,{children:[`edit `,r+1,` of `,e.editCount]}),(0,$.jsx)(`span`,{className:`h-px flex-1 bg-border-soft`}),n.editRef&&(0,$.jsxs)(`span`,{className:`flex items-center gap-1 group-hover:text-primary`,children:[(0,$.jsx)(A,{className:`size-3`}),`jump`]})]}),(0,$.jsx)(`div`,{className:`mx-3 mb-1`,children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`h-4`}),children:(0,$.jsx)(Yr,{oldStr:n.oldStr,newStr:n.newStr,filePath:e.filePath})})})]},n.editRef??r))})}function Zr(e){let t=Math.max(e.lastIndexOf(`/`),e.lastIndexOf(`\\`));return t<0?{base:e,dir:``}:{base:e.slice(t+1),dir:e.slice(0,t)}}var Qr=null;function $r(e){return e instanceof HTMLElement?e.tagName===`INPUT`||e.tagName===`TEXTAREA`||e.isContentEditable:!1}function ei({changes:e,onJump:t,onClose:n}){let[r,i]=(0,Q.useState)(0),a=(0,Q.useRef)(null),o=(0,Q.useRef)(null),s=(0,Q.useId)();(0,Q.useEffect)(()=>(Qr=s,o.current?.querySelector(`button`)?.focus(),()=>{Qr===s&&(Qr=null)}),[s]),(0,Q.useEffect)(()=>{let o=o=>{if(Qr===s&&Wr(a.current)&&!$r(document.activeElement)){if(o.key===`Escape`)o.preventDefault(),n();else if(o.key===`j`)o.preventDefault(),i(t=>Math.min(t+1,e.length-1));else if(o.key===`k`)o.preventDefault(),i(e=>Math.max(e-1,0));else if(o.key===`Enter`){let n=e[r]?.edits[0]?.editRef;n&&(o.preventDefault(),t(n))}}};return window.addEventListener(`keydown`,o),()=>window.removeEventListener(`keydown`,o)},[s,e,r,t,n]);let c=e[Math.min(r,e.length-1)];if(!c)return null;let{base:l,dir:u}=Zr(c.filePath);return(0,$.jsx)(`div`,{ref:a,className:`mt-0.5 overflow-hidden rounded-[10px] border border-border-soft bg-bg`,children:(0,$.jsxs)(`div`,{className:`grid h-[356px] grid-cols-[294px_1fr] grid-rows-[minmax(0,1fr)] bg-surface-elevated`,children:[(0,$.jsxs)(`div`,{ref:o,className:`min-h-0 overflow-y-auto border-r border-border-soft`,children:[e.map((e,t)=>(0,$.jsx)(Jr,{change:e,dense:!0,selected:t===r,onClick:()=>i(t)},e.filePath)),(0,$.jsx)(`p`,{className:`px-2.5 pt-2 pb-2.5 font-mono text-[10px] text-text-subtle`,children:`j / k to move · enter to jump`})]}),(0,$.jsxs)(`div`,{className:`min-h-0 overflow-y-auto`,children:[(0,$.jsxs)(`div`,{className:`sticky top-0 z-10 flex items-center gap-2 border-b border-border-soft bg-surface-elevated py-[5px] pl-2.5 pr-2`,children:[(0,$.jsx)(`span`,{className:`shrink-0 font-mono text-xs font-medium text-text-primary`,children:l}),u&&(0,$.jsx)(`span`,{title:c.filePath,className:`min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap font-mono text-[10.5px] text-text-subtle [direction:rtl] text-left`,children:u}),(0,$.jsx)(qr,{added:c.linesAdded,removed:c.linesRemoved,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void bt(c.filePath),className:`shrink-0 rounded-md px-1.5 py-1 font-mono text-[10px] text-text-subtle transition-colors hover:bg-surface hover:text-text-primary`,children:`copy path`}),(0,$.jsx)(`button`,{type:`button`,onClick:n,"aria-label":`Close change tray`,className:`inline-flex size-8 shrink-0 items-center justify-center rounded-lg text-text-subtle transition-colors hover:bg-surface hover:text-text-primary`,children:(0,$.jsx)(_,{className:`size-3.5`})})]}),(0,$.jsx)(Xr,{change:c,onJump:t})]})]})})}function ti(e){let t=Math.max(e.lastIndexOf(`/`),e.lastIndexOf(`\\`));return t<0?e:e.slice(t+1)}function ni({label:e,onClick:t,children:n}){return(0,$.jsx)(`button`,{type:`button`,onClick:t,"aria-label":e,className:`inline-flex size-11 shrink-0 items-center justify-center rounded-lg text-text-subtle transition-colors hover:bg-surface hover:text-text-primary`,children:n})}function ri({changes:e,totals:t,open:n,onClose:r,onJump:a}){let[o,s]=(0,Q.useState)(null),c=o==null?null:e[o],l=(0,Q.useRef)(null),u=()=>{s(null),r()},d=e=>{u(),a(e)};return(0,Q.useEffect)(()=>{if(!n)return;let e=l.current,t=()=>Array.from(e?.querySelectorAll(`button:not([disabled])`)??[]);t()[0]?.focus();let r=e=>{if(e.key===`Escape`){e.preventDefault(),u();return}if(e.key!==`Tab`)return;let n=t();if(n.length===0)return;let r=n[0],i=n[n.length-1];e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus())};return window.addEventListener(`keydown`,r),()=>window.removeEventListener(`keydown`,r)},[n,o]),(0,$.jsx)(st,{open:n,onClose:u,className:`flex max-h-[85%] flex-col rounded-t-[14px] motion-reduce:animate-none`,children:(0,$.jsx)(`div`,{ref:l,className:`flex min-h-0 flex-1 flex-col`,children:c?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 border-b border-border-soft px-1 pb-1`,children:[(0,$.jsx)(ni,{label:`Back to file list`,onClick:()=>s(null),children:(0,$.jsx)(i,{className:`size-4`})}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-xs font-medium text-text-primary`,children:ti(c.filePath)}),(0,$.jsx)(qr,{added:c.linesAdded,removed:c.linesRemoved,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(ni,{label:`Close`,onClick:u,children:(0,$.jsx)(_,{className:`size-4`})})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 border-b border-border-soft py-1.5 pl-3 pr-2`,children:[(0,$.jsx)(`span`,{title:c.filePath,className:`min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap font-mono text-[10.5px] text-text-subtle [direction:rtl] text-left`,children:c.filePath}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void bt(c.filePath),className:`inline-flex min-h-11 shrink-0 items-center rounded-md px-2.5 font-mono text-[10px] text-text-subtle transition-colors hover:bg-surface hover:text-text-primary`,children:`copy`}),c.edits[0]?.editRef&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>d(c.edits[0].editRef),className:`inline-flex min-h-11 shrink-0 items-center gap-1 rounded-md px-2.5 font-mono text-[10px] text-text-subtle transition-colors hover:bg-surface hover:text-primary`,children:[(0,$.jsx)(A,{className:`size-3`}),`card`]})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:(0,$.jsx)(Xr,{change:c,onJump:d})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-border-soft px-3 pb-2`,children:[(0,$.jsxs)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-xs font-medium text-text-primary`,children:[`Changed this turn · `,e.length,` file`,e.length===1?``:`s`]}),(0,$.jsx)(qr,{added:t.added,removed:t.removed,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(ni,{label:`Close`,onClick:u,children:(0,$.jsx)(_,{className:`size-4`})})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:e.map((e,t)=>(0,$.jsx)(Jr,{change:e,onClick:()=>s(t)},e.filePath))})]})})})}function ii({timestamp:e,content:t,changes:n,onJumpToEdit:r}){let[i,a]=(0,Q.useState)(!1),o=Z(),s=(0,Q.useRef)(null),c=()=>{a(!1),s.current?.focus()},l=(0,$.jsx)(Vr,{timestamp:e,content:t,className:`-mt-1.5`,children:n&&n.length>0&&(0,$.jsx)(Ur,{ref:s,count:n.length,totals:Hr(n),open:i,onToggle:()=>i?c():a(!0)})});return!n||n.length===0?l:(0,$.jsxs)($.Fragment,{children:[l,o?(0,$.jsx)(ri,{changes:n,totals:Hr(n),open:i,onClose:c,onJump:r??(()=>{})}):i&&(0,$.jsx)(ei,{changes:n,onJump:e=>{a(!1),r?.(e)},onClose:c})]})}function ai({usage:e}){let[t,n]=(0,Q.useState)(!1),r=Hn(e);if(r.level===`ok`)return null;let i=Gn(e),a=Ln(e),o=Math.round(e.cacheHitRate*100),s=r.level===`bad`;return(0,$.jsxs)(`div`,{className:`rounded-md border px-2.5 py-2 text-[11px] ${s?`border-warning/40 bg-warning/10`:`border-border bg-surface`}`,children:[(0,$.jsxs)(`button`,{onClick:()=>n(e=>!e),"aria-expanded":t,className:`flex w-full items-start gap-2 py-1 text-left text-text-secondary transition-colors hover:text-text-primary`,children:[(0,$.jsx)(C,{className:`mt-px size-3.5 shrink-0 ${s?`text-warning`:`text-text-subtle`}`}),(0,$.jsxs)(`span`,{className:`flex-1`,children:[`Costly turn — `,o,`% of a `,Kn(a),`-token transcript came from cache, so it cost about`,` `,(0,$.jsxs)(`strong`,{className:`font-semibold`,children:[i.toFixed(1),`x`]}),` a fully cached turn.`]}),(0,$.jsx)(w,{className:`mt-px size-3.5 shrink-0 transition-transform ${t?`rotate-180`:``}`})]}),t&&(0,$.jsxs)(`div`,{className:`mt-2 flex flex-col gap-2 border-t border-border pt-2`,children:[r.reason&&(0,$.jsx)(`p`,{className:`text-text-secondary`,children:r.reason}),(0,$.jsxs)(`dl`,{className:`grid grid-cols-2 gap-x-3 gap-y-1 font-mono text-[10.5px] text-text-subtle`,children:[(0,$.jsx)(oi,{label:`From cache`,value:`${Kn(e.cacheReadTokens)} (${o}%)`}),(0,$.jsx)(oi,{label:`Written to cache`,value:Kn(e.cacheWriteTokens)}),(0,$.jsx)(oi,{label:`Fresh input`,value:Kn(e.inputTokens)}),(0,$.jsx)(oi,{label:`Output`,value:Kn(e.outputTokens)}),(0,$.jsx)(oi,{label:`Model`,value:e.model||`unknown`}),(0,$.jsx)(oi,{label:`Cost`,value:`$${e.costUsd.toFixed(4)}`})]}),(0,$.jsx)(`p`,{className:`text-text-subtle`,children:`A turn stays cached while the session keeps running. Closing the last tab of an idle session, switching model, or a retry all restart it, and the next turn re-sends the transcript at full price.`})]})]})}function oi({label:e,value:t}){return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`dt`,{className:`truncate`,children:e}),(0,$.jsx)(`dd`,{className:`truncate text-right text-text-secondary`,children:t})]})}function si(e,t,n,r){let[i,a]=(0,Q.useState)([]),o=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{if(!n||!e||!t){a([]);return}let r=!1;return o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{K.get(`/api/project/${encodeURIComponent(e)}/chat/sessions/${encodeURIComponent(t)}/tasks`).then(e=>{r||a(e)}).catch(()=>{})},300),()=>{r=!0,o.current&&clearTimeout(o.current)}},[e,t,n,r]),i}var ci=new Set([`TaskCreate`,`TaskUpdate`,`TaskStop`]);function li(e){let t=0;for(let n of e)if(n.events)for(let e of n.events)e.type===`tool_use`&&ci.has(e.tool)&&t++;return t}var ui={completed:{icon:`✓`,cls:`text-success`},in_progress:{icon:`▶`,cls:`text-warning`},stopped:{icon:`■`,cls:`text-text-subtle`},pending:{icon:`○`,cls:`text-text-subtle`}};function di({projectName:e,sessionId:t,messages:n}){let r=(0,Q.useMemo)(()=>li(n),[n]),i=si(e,t,r>0,r),[a,o]=(0,Q.useState)(!0);if(i.length===0||i.every(e=>e.status===`completed`||e.status===`stopped`))return null;let s=i.filter(e=>e.status===`completed`).length,c=i.length,l=c?Math.round(s/c*100):0;return(0,$.jsxs)(`div`,{className:`shrink-0 border-b border-border bg-surface/60 backdrop-blur-sm`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>o(e=>!e),className:`flex items-center gap-2 w-full px-3 min-h-11 text-left text-xs hover:bg-surface transition-colors`,children:[a?(0,$.jsx)(me,{className:`size-3.5 shrink-0`}):(0,$.jsx)(w,{className:`size-3.5 shrink-0`}),(0,$.jsx)(ge,{className:`size-3.5 shrink-0 text-text-secondary`}),(0,$.jsx)(`span`,{className:`text-text-primary font-medium`,children:`Tasks`}),(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[s,`/`,c,` done`]}),(0,$.jsx)(`span`,{className:`ml-auto h-1 w-16 rounded-full bg-border overflow-hidden shrink-0`,children:(0,$.jsx)(`span`,{className:`block h-full bg-success/70`,style:{width:`${l}%`}})})]}),!a&&(0,$.jsx)(`ul`,{className:`px-3 pb-2 space-y-0.5 max-h-48 overflow-y-auto`,children:i.map(e=>(0,$.jsx)(fi,{task:e},e.id))})]})}function fi({task:e}){let t=ui[e.status]??ui.pending,n=e.status===`in_progress`;return(0,$.jsxs)(`li`,{className:`flex items-start gap-1.5 text-xs rounded px-1 ${n?`bg-warning/10`:``}`,children:[(0,$.jsx)(`span`,{className:`shrink-0 mt-0.5 ${t.cls}`,children:t.icon}),(0,$.jsx)(`span`,{className:e.status===`completed`?`line-through text-text-subtle`:n?`text-text-primary font-medium`:`text-text-secondary`,children:e.subject||(0,$.jsxs)(`span`,{className:`text-text-subtle italic`,children:[`#`,e.id,` (no title)`]})})]})}var pi=/read the full transcript at:\s*(\S+\.jsonl)/i;function mi(e){return e.match(pi)?.[1]?.trim()??null}var hi=class extends Q.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?this.props.fallback?this.props.fallback:this.props.fallbackContent?(0,$.jsx)(`div`,{className:`text-sm whitespace-pre-wrap break-words text-text-primary opacity-80`,children:this.props.fallbackContent}):null:this.props.children}},gi=Ne(()=>import(`./markdown-renderer-BvCZZlue.js`),__vite__mapDeps([4,5,1,2,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42])),_i=(0,Q.lazy)(()=>gi.then(e=>({default:e.MarkdownRenderer}))),vi=/<teammate-message[^>]*>[\s\S]*?<\/teammate-message>/g;function yi(e){return e.replace(vi,``).replace(/\n{3,}/g,`
+
+`).trim()}function bi({content:e,projectName:t,isStreaming:n}){let r=yi(e);return r?(0,$.jsx)(hi,{fallbackContent:r,children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`animate-pulse h-4 bg-muted rounded`}),children:(0,$.jsx)(_i,{content:r,projectName:t,codeActions:!0,isStreaming:n})})}):null}function xi({group:e,onNavigate:t,disabled:n}){if(!e||e.ids.length<2)return null;let{ids:r,currentIndex:a}=e,o=e=>{let i=r[e];i&&!n&&t(i)};return(0,$.jsxs)(`div`,{className:`mt-1 flex items-center gap-1 text-xs text-text-subtle select-none`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>o(a-1),disabled:n||a<=0,"aria-label":`Previous version`,className:`flex items-center justify-center rounded p-0.5 hover:text-text-primary disabled:opacity-30 disabled:cursor-default`,children:(0,$.jsx)(i,{className:`size-3.5`})}),(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[a+1,`/`,r.length]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>o(a+1),disabled:n||a>=r.length-1,"aria-label":`Next version`,className:`flex items-center justify-center rounded p-0.5 hover:text-text-primary disabled:opacity-30 disabled:cursor-default`,children:(0,$.jsx)(me,{className:`size-3.5`})})]})}var Si={"system-reminder":`Context`,claudeMd:`CLAUDE.md`,gitStatus:`Git Status`,currentDate:`Date`,fast_mode_info:`Fast Mode`,"available-deferred-tools":`Tools`,"task-notification":`Task Result`,environment_details:`Environment`,"local-command-caveat":`System`};function Ci(e){let t=[],n=/<(system-reminder|available-deferred-tools|antml:[\w-]+|fast_mode_info|claudeMd|gitStatus|currentDate|task-notification|environment_details|local-command-caveat)[^>]*>([\s\S]*?)<\/\1>/g,r;for(;(r=n.exec(e))!==null;){let e=r[1];t.push({name:e,label:Si[e]??e.replace(/^antml:/,``).replace(/-/g,` `),content:r[2].trim()})}return{cleanText:e.replace(n,``).trim(),tags:t}}function wi(e){let t=e.match(/<command-name>([\s\S]*?)<\/command-name>/);if(!t)return{command:null,cleanText:e};let n=t[1].trim(),r=e.match(/<command-args>([\s\S]*?)<\/command-args>/)?.[1]?.trim()||void 0,i=e.replace(/<command-name>[\s\S]*?<\/command-name>/g,``).replace(/<command-message>[\s\S]*?<\/command-message>/g,``).replace(/<command-args>[\s\S]*?<\/command-args>/g,``).trim();return{command:{name:n,args:r},cleanText:i}}function Ti(e){let t=e.match(/^Use the (\S+) agent to\s?/);return t?{agent:t[1],cleanText:e.slice(t[0].length)}:{agent:null,cleanText:e}}function Ei(e){let t=/<ide_opened_file>([\s\S]*?)<\/ide_opened_file>/g.exec(e);return t?{idePath:t[1].match(/opened the file (.+?) in the IDE/)?.[1]?.trim()??null,cleanText:e.replace(/<ide_opened_file>[\s\S]*?<\/ide_opened_file>/g,``).trim()}:{idePath:null,cleanText:e}}function Di(e){let t=[],n=e;for(;;){let e=n.match(/^\[Attached image \(contents included in this message\): (.+?)\]\n*/);if(e){t.push(e[1]),n=n.slice(e[0].length);continue}break}if(t.length>0){let e=Di(n);return{files:[...t,...e.files],text:e.text}}let r=n.match(/^\[Attached file: (.+?)\]\n*/);if(r)return{files:[r[1]],text:n.slice(r[0].length)};let i=n.match(/^\[Attached files:\n([\s\S]+?)\]\n*/);return i?{files:i[1].split(`
+`).map(e=>e.trim()).filter(Boolean),text:n.slice(i[0].length)}:{files:[],text:n}}function Oi(e){let t=[],n=e,r=/^```(?:bash|sh|shell|zsh)\n([\s\S]*?)\n```\s*(?:\n\n?)?/,i;for(;(i=n.match(r))!==null;)t.push(i[1]),n=n.slice(i[0].length);return{blocks:t,remainingText:n.trim()}}function ki(e){let{idePath:t,cleanText:n}=Ei(e),{blocks:r,remainingText:i}=Oi(n),a=Di(i),{cleanText:o,tags:s}=Ci(a.text.replace(/<local-command-(?:stdout|stderr)>([\s\S]*?)<\/local-command-(?:stdout|stderr)>/g,`$1`)),{command:c,cleanText:l}=wi(o),{agent:u,cleanText:d}=Ti(l),f=c?.args?d?`${c.args}\n\n${d}`:c.args:d;return{files:a.files,text:f,body:d,tags:s,command:c,terminalBlocks:r,idePath:t,agent:u}}function Ai(e){let{agent:t,body:n,command:r}=ki(e);if(!r)return{agent:t,text:n};let i=`/${r.name.replace(/^\/+/,``)}${r.args?` ${r.args}`:``}`;return{agent:t,text:n?`${i}\n\n${n}`:i}}var ji=new Set([`.png`,`.jpg`,`.jpeg`,`.gif`,`.webp`]);function Mi(e,t){let n=Fe(e);return`/api/project/${encodeURIComponent(t??`_`)}/chat/uploads/${encodeURIComponent(n)}`}function Ni(e){let t=e.lastIndexOf(`.`);return t===-1?!1:ji.has(e.slice(t).toLowerCase())}var Pi=new Map;function Fi(e){let[t,n]=(0,Q.useState)(()=>Pi.get(e)?.url??null),[r,i]=(0,Q.useState)(!1);return(0,Q.useEffect)(()=>{let t=Pi.get(e);if(t){n(t.url);return}let r=!1,a=Oe();return fetch(e,{headers:a?{Authorization:`Bearer ${a}`}:{}}).then(e=>{if(!e.ok)throw Error(`Failed`);return e.blob()}).then(t=>{if(r)return;let i=URL.createObjectURL(t);Pi.set(e,{url:i}),n(i)}).catch(()=>{r||i(!0)}),()=>{r=!0}},[e]),{blobUrl:t,error:r}}function Ii({filePath:e,projectName:t}){let{blobUrl:n,error:r}=Fi(Mi(e,t)),i=It(e=>e.open),a=Fe(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>n&&i(n,a,$t(e.currentTarget)),className:`flex items-center gap-1 rounded-md border border-border/60 bg-background/40 px-1.5 py-0.5 text-[11px] text-text-secondary hover:bg-surface transition-colors cursor-pointer`,children:[n?(0,$.jsx)(`img`,{src:n,alt:a,[en]:``,className:`size-4 rounded-sm object-cover shrink-0`}):r?(0,$.jsx)(p,{className:`size-3 shrink-0`}):(0,$.jsx)(`div`,{className:`size-4 rounded-sm bg-surface animate-pulse shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-32`,children:a})]})}var Li=new Set([`task-notification`,`environment_details`,`local-command-caveat`]);function Ri({content:e,messageId:t,timestamp:n,projectName:r,onFork:i,onEdit:a,isEditing:o,sessionId:s,providerId:c,versionGroup:l,onNavigateVersion:u,versionNavDisabled:d}){let{files:f,text:p,tags:m,command:h,terminalBlocks:g,idePath:_,agent:v}=(0,Q.useMemo)(()=>ki(e),[e]),y=m.some(e=>Li.has(e.name)),[b,x]=(0,Q.useState)(!1),[C,ee]=(0,Q.useState)(!1),T=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=T.current;if(!e)return;let t=()=>ee(e.scrollHeight>e.clientHeight+2);t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[p]),(0,$.jsxs)(`div`,{className:q(`flex flex-col gap-1`,!y&&`items-end`),children:[(0,$.jsxs)(`div`,{"data-user-message":y?void 0:`true`,style:y?void 0:{borderRadius:`var(--rad) var(--rad) 4px var(--rad)`},className:q(`group/user relative px-3 py-2 text-sm border shadow-sm transition-all`,y?`rounded-lg bg-surface/40 border-border/40 text-text-secondary`:`max-w-[80%] bg-accent-wash border-accent-wash-border text-text`,o&&`ring-2 ring-primary/60 border-primary/40`),children:[m.length>0&&(0,$.jsx)(Bi,{tags:m}),v&&(0,$.jsx)(`div`,{className:`flex items-center gap-1.5 mb-0.5`,children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-md bg-sky-500/15 border border-sky-500/25 px-2 py-0.5 text-xs font-medium text-sky-600 dark:text-sky-400`,children:[(0,$.jsx)(ye,{className:`size-3 shrink-0`}),v]})}),h&&(0,$.jsx)(`div`,{className:`flex items-center gap-1.5 mb-0.5`,children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-md bg-primary/15 border border-primary/20 px-2 py-0.5 text-xs font-medium text-primary`,children:[(0,$.jsx)(xn,{className:`size-3 shrink-0`}),h.name]})}),_&&(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-1 text-[11px] text-text-subtle`,children:[(0,$.jsx)(`span`,{className:`shrink-0`,children:`Opened in IDE:`}),(0,$.jsx)(Wi,{path:_,projectName:r})]}),f.length>0&&(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:f.map((e,t)=>Ni(e)?(0,$.jsx)(Ii,{filePath:e,projectName:r},t):(0,$.jsxs)(`div`,{className:`flex items-center gap-1 rounded-md border border-border/60 bg-background/40 px-1.5 py-0.5 text-[11px] text-text-secondary`,children:[(0,$.jsx)(z,{className:`size-3 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-32`,children:Fe(e)})]},t))}),g.length>0&&(0,$.jsx)(`div`,{className:`space-y-1.5`,children:g.map((e,t)=>(0,$.jsx)(zi,{content:e},t))}),p&&(0,$.jsx)(`div`,{ref:T,className:q(`whitespace-pre-wrap break-words transition-all duration-200 select-text`,!b&&`line-clamp-2`,b&&`max-h-[50vh] overflow-y-auto`),children:y?(0,$.jsx)(Ki,{text:p,projectName:r}):(0,$.jsx)(Gi,{text:p})}),(C||b)&&(0,$.jsx)(`button`,{onClick:()=>x(!b),className:q(`flex items-center gap-1 text-xs mt-1 transition-colors`,y?`text-text-subtle hover:text-text-secondary`:`text-primary/70 hover:text-primary`),children:b?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(S,{className:`size-3`}),`Show less`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(w,{className:`size-3`}),`Show more`]})}),!y&&u&&(0,$.jsx)(xi,{group:l,onNavigate:u,disabled:d})]}),!y&&(0,$.jsxs)(Vr,{timestamp:n,content:e,children:[a&&(0,$.jsx)(zr,{icon:(0,$.jsx)(ie,{className:`size-3.5`}),label:`Edit`,title:`Edit this message (continue in the same tab)`,onClick:a}),i&&(0,$.jsx)(zr,{icon:(0,$.jsx)(se,{className:`size-3.5`}),label:`Fork`,title:`Retry from this message (fork into a new tab)`,onClick:i})]})]})}function zi({content:e}){let[t,n]=(0,Q.useState)(!1);return(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>n(!t),className:q(`flex items-center gap-1.5 rounded-md border px-2 py-1 text-xs transition-colors`,t?`border-primary/50 bg-surface-elevated text-text-primary`:`border-border/60 bg-background/40 text-text-secondary hover:bg-surface`),children:[(0,$.jsx)(o,{className:`size-3.5 shrink-0`}),(0,$.jsx)(`span`,{children:`Terminal output`}),(0,$.jsx)(w,{className:q(`size-3 shrink-0 transition-transform`,t&&`rotate-180`)})]}),t&&(0,$.jsx)(`pre`,{className:`mt-1 max-h-40 overflow-auto rounded-md border border-border bg-background p-2 text-xs text-text-primary font-mono whitespace-pre-wrap break-words`,children:e})]})}function Bi({tags:e}){return(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.map((e,t)=>(0,$.jsx)(Vi,{tag:e},t))})}function Vi({tag:e}){let[t,n]=(0,Q.useState)(!1);return e.name===`task-notification`?(0,$.jsx)(Ui,{content:e.content}):(0,$.jsxs)(`div`,{className:`text-xs`,children:[(0,$.jsxs)(`button`,{onClick:()=>n(!t),className:`flex items-center gap-1 rounded-full border border-border/60 bg-surface/50 px-2 py-0.5 text-text-subtle hover:text-text-secondary hover:bg-surface transition-colors`,children:[(0,$.jsx)(c,{className:`size-2.5`}),(0,$.jsx)(`span`,{children:e.label}),(0,$.jsx)(me,{className:q(`size-2.5 transition-transform`,t&&`rotate-90`)})]}),t&&(0,$.jsx)(`div`,{className:`mt-1 rounded border border-border/40 bg-surface/30 px-2 py-1.5 text-[11px] text-text-subtle/80 whitespace-pre-wrap max-h-40 overflow-y-auto leading-relaxed`,children:e.content})]})}function Hi(e,t){return e.match(RegExp(`<${t}>([\\s\\S]*?)</${t}>`))?.[1]?.trim()||void 0}function Ui({content:e}){let[t,n]=(0,Q.useState)(!1),r=Hi(e,`status`),i=Hi(e,`summary`),a=Hi(e,`output-file`),o=Hi(e,`result`);return(0,$.jsxs)(`div`,{className:`text-xs`,children:[(0,$.jsxs)(`button`,{onClick:()=>n(!t),className:`flex items-center gap-1.5 rounded-full border border-border/60 bg-surface/50 px-2 py-0.5 text-text-subtle hover:text-text-secondary hover:bg-surface transition-colors`,children:[r===`completed`?(0,$.jsx)(u,{className:`size-2.5 text-success`}):(0,$.jsx)(ae,{className:`size-2.5 text-warning`}),(0,$.jsx)(`span`,{className:`truncate max-w-80`,children:i??`Task notification`}),(0,$.jsx)(me,{className:q(`size-2.5 transition-transform shrink-0`,t&&`rotate-90`)})]}),t&&(0,$.jsxs)(`div`,{className:`mt-1 rounded border border-border/40 bg-surface/30 px-2 py-1.5 space-y-1.5`,children:[i&&(0,$.jsx)(`p`,{className:`text-[11px] text-text-secondary`,children:i}),a&&(0,$.jsx)(Wi,{path:a}),o&&(0,$.jsx)(`div`,{className:`text-[11px] text-text-subtle/80 max-h-60 overflow-y-auto leading-relaxed`,children:(0,$.jsx)(bi,{content:o})})]})]})}function Wi({path:e,projectName:t}){return(0,$.jsxs)(`button`,{type:`button`,onClick:(0,Q.useCallback)(()=>{let n=Je.getState().openTab,r=t??qe.getState().activeProject?.name,i=Fe(e),a={filePath:e};r&&(a.projectName=r),K.get(`/api/fs/read?path=${encodeURIComponent(e)}`).then(()=>{n({type:`editor`,title:i,metadata:a,projectId:null,closable:!0})}).catch(()=>{n({type:`editor`,title:i,metadata:a,projectId:null,closable:!0})})},[e,t]),className:`inline-flex items-center gap-1 rounded border border-border/50 bg-surface/50 px-1.5 py-0.5 font-mono text-[10px] text-text-secondary hover:text-text-primary hover:bg-surface transition-colors cursor-pointer`,children:[(0,$.jsx)(z,{className:`size-2.5 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-60`,children:Fe(e)}),(0,$.jsx)(ue,{className:`size-2 shrink-0 opacity-50`})]})}function Gi({text:e}){let t=(0,Q.useMemo)(()=>{let t=/(https?:\/\/[^\s<>()]+[^\s<>().,;:!?'"])/g,n=[],r=0,i;for(;(i=t.exec(e))!==null;)i.index>r&&n.push({kind:`text`,value:e.slice(r,i.index)}),n.push({kind:`url`,value:i[1]}),r=i.index+i[0].length;return r<e.length&&n.push({kind:`text`,value:e.slice(r)}),n},[e]);return t.every(e=>e.kind===`text`)?(0,$.jsx)($.Fragment,{children:e}):(0,$.jsx)($.Fragment,{children:t.map((e,t)=>e.kind===`url`?(0,$.jsx)(`a`,{href:e.value,target:`_blank`,rel:`noopener noreferrer`,className:`text-primary underline underline-offset-2 hover:text-primary/80 break-all`,onClick:e=>e.stopPropagation(),children:e.value},t):(0,$.jsx)(`span`,{children:e.value},t))})}function Ki({text:e,projectName:t}){return(0,$.jsx)($.Fragment,{children:(0,Q.useMemo)(()=>{let t=/(\/(?:[\w.\-]+\/)+[\w.\-]+)/g,n=[],r=0,i;for(;(i=t.exec(e))!==null;)i.index>r&&n.push({kind:`text`,value:e.slice(r,i.index)}),n.push({kind:`path`,value:i[1]}),r=i.index+i[0].length;return r<e.length&&n.push({kind:`text`,value:e.slice(r)}),n},[e]).map((e,n)=>e.kind===`path`?(0,$.jsx)(Wi,{path:e.value,projectName:t},n):(0,$.jsx)(`span`,{children:e.value},n))})}function qi({events:e,isStreaming:t,projectName:n,bashPartialOutput:r}){let i=[],a=``,o=``;for(let t=0;t<e.length;t++){let n=e[t];if(n.type===`thinking`){a&&=(i.push({kind:`text`,content:a}),``),o+=n.content;continue}if(o&&=(i.push({kind:`thinking`,content:o}),``),n.type===`account_retry`){a&&=(i.push({kind:`text`,content:a}),``);let e=n.accountLabel??`another account`,t=n.reason??`Auth failed`;i.push({kind:`text`,content:`\n\n> ↻ ${t} — retrying with **${e}**...\n\n`});continue}if(n.type===`text`)a+=n.content;else if(n.type===`tool_use`){let e=n.toolUseId,t=e?i.find(t=>t.kind===`tool`&&t.tool.type===`tool_use`&&t.tool.toolUseId===e):void 0;if(t){t.tool=n;continue}a&&=(i.push({kind:`text`,content:a}),``),i.push({kind:`tool`,tool:n})}else n.type===`tool_result`||(a&&=(i.push({kind:`text`,content:a}),``),i.push({kind:`tool`,tool:n}))}o&&i.push({kind:`thinking`,content:o}),a&&i.push({kind:`text`,content:a});let s=e.filter(e=>e.type===`tool_result`);for(let e of s){let t=e.toolUseId;if(t){let n=i.find(e=>e.kind===`tool`&&e.tool.type===`tool_use`&&e.tool.toolUseId===t);if(n){n.result=e;continue}}let n=i.find(e=>e.kind===`tool`&&!e.result);n&&(n.result=e)}for(let e of i)if(e.kind===`tool`&&!e.result&&e.tool.type===`tool_use`){let t=e.tool.result;t&&(e.result={type:`tool_result`,output:t.output,isError:t.isError,exitCode:t.exitCode})}for(let e=0;e<i.length;e++){let n=i[e];if(n.kind===`tool`&&!n.result){let r=!1;if(n.tool.type===`tool_use`&&n.tool.tool===`Read`){let t=n.tool.input?.file_path;t&&(r=i.slice(e+1).some(e=>e.kind===`tool`&&e.result&&e.tool.type===`tool_use`&&e.tool.tool===`Edit`&&e.tool.input?.file_path===t))}n.completed=r||!t}}return(0,$.jsx)($.Fragment,{children:i.map((e,a)=>{if(e.kind===`thinking`)return(0,$.jsx)(Ji,{content:e.content,projectName:n,isStreaming:t&&a===i.length-1},`think-${a}`);if(e.kind===`text`){let r=t&&a===i.length-1;return(0,$.jsx)(`div`,{className:`text-sm text-text-primary select-text`,children:(0,$.jsx)(Yi,{content:e.content,animate:r,projectName:n})},`text-${a}`)}return(0,$.jsx)(Jt,{tool:e.tool,result:e.result,completed:e.completed,projectName:n,bashPartialOutput:r},`tool-${a}`)})})}function Ji({content:e,projectName:t,isStreaming:n}){let[r,i]=(0,Q.useState)(n),a=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{!n&&e.length>0&&i(!1)},[n,e.length]),(0,Q.useEffect)(()=>{n&&r&&a.current&&(a.current.scrollTop=a.current.scrollHeight)},[e,n,r]),(0,$.jsxs)(`div`,{className:`rounded border border-border/50 bg-surface/30 text-xs`,children:[(0,$.jsxs)(`button`,{onClick:()=>i(!r),className:`flex items-center gap-2 px-2 py-1.5 w-full text-left hover:bg-surface transition-colors text-text-subtle`,children:[n?(0,$.jsx)(R,{className:`size-3 animate-spin`}):(0,$.jsx)(me,{className:`size-3 transition-transform ${r?`rotate-90`:``}`}),(0,$.jsxs)(`span`,{children:[`Thinking`,n?`...`:``]}),!n&&(0,$.jsx)(`span`,{className:`text-text-subtle/50 ml-auto`,children:e.length>100?`${Math.round(e.length/4)} tokens`:``})]}),r&&(0,$.jsx)(`div`,{ref:a,className:`max-h-60 overflow-y-auto`,children:(0,$.jsx)(`div`,{className:`px-2 pb-2 text-text-subtle/80 text-[11px] leading-relaxed`,children:(0,$.jsx)(bi,{content:e,projectName:t,isStreaming:n})})})]})}function Yi({content:e,animate:t,projectName:n}){return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(bi,{content:e,projectName:n,isStreaming:t}),t&&(0,$.jsx)(`span`,{className:`text-text-subtle text-sm animate-pulse`,children:`Thinking...`})]})}function Xi({lastMessage:e,phase:t,elapsed:n,statusMessage:r}){let i=!e||e.role!==`assistant`,a=e?.events?.length?e.events[e.events.length-1].type===`tool_result`:!1;return!r&&!i&&!a?null:(0,$.jsxs)(`div`,{className:`flex flex-col gap-1 text-sm`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-text-subtle`,children:[(0,$.jsx)(R,{className:`size-3 animate-spin`}),(0,$.jsxs)(`span`,{children:[r||(t===`initializing`?`Initializing`:t===`connecting`?`Connecting`:t===`thinking`?`Thinking`:`Processing`),i&&(n??0)>0&&(0,$.jsxs)(`span`,{className:`text-text-subtle/60`,children:[`... (`,n,`s)`]})]})]}),t===`connecting`&&(n??0)>=30&&(0,$.jsx)(`p`,{className:`text-xs text-warning/80 ml-5`,children:`Taking longer than usual — may be rate-limited or API slow. Try sending a new message to retry.`})]})}function Zi({compaction:e}){let{trigger:t,preTokens:n,postTokens:i,savedTokens:a,durationMs:o}=e;return(0,$.jsxs)(`div`,{className:`flex items-center gap-2 pt-2 text-[11px] text-text-subtle`,title:[t===`manual`?`Ran with /compact`:`Ran automatically on a full context window`,`${Kn(n)} → ${Kn(i)} tokens`,...o==null?[]:[`took ${Qi(o)}`]].join(` · `),children:[(0,$.jsx)(`div`,{className:`h-px flex-1 bg-border`}),(0,$.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1.5`,children:[(0,$.jsx)(r,{className:`size-3.5`}),(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[`Compacted session · saved `,Kn(a),` tokens`]})]}),(0,$.jsx)(`div`,{className:`h-px flex-1 bg-border`})]})}function Qi(e){let t=Math.round(e/1e3);return t<60?`${t}s`:`${Math.floor(t/60)}m ${t%60}s`}function $i(){let[e,t]=(0,Q.useState)(()=>Date.now());return(0,Q.useEffect)(()=>{let e=setInterval(()=>t(Date.now()),6e4);return()=>clearInterval(e)},[]),e}function ea(e,t){let n=ta(e,t);return n.kind===`cold`?{idleMs:n.idleMs,reason:n.reason,...n.contextTokens!=null&&{contextTokens:n.contextTokens}}:null}function ta(e,t){if(!e)return{kind:`unknown`};if(e.compactedAt!=null)return{kind:`cold`,reason:`compacted`,idleMs:Math.max(0,t-e.compactedAt)};if(e.lastTurnEndedAt==null||e.billedPrefixTokens==null||e.billedPrefixTokens<2e4)return{kind:`unknown`};let n=t-e.lastTurnEndedAt;return n<e.ttlMs?{kind:`warm`,remainingMs:Math.min(e.ttlMs,e.ttlMs-n)}:{kind:`cold`,reason:`expired`,idleMs:n,...e.contextTokens!=null&&{contextTokens:e.contextTokens}}}var na=6e4,ra=60*na,ia=24*ra;function aa(e){if(e>=ia){let t=Math.floor(e/ia),n=Math.floor(e%ia/ra);return n>0?`${t}d ${n}h`:`${t}d`}if(e>=ra){let t=Math.floor(e/ra),n=Math.floor(e%ra/na);return n>0?`${t}h ${n}m`:`${t}h`}return`${Math.max(1,Math.floor(e/na))}m`}function oa(e){return`${Math.max(1,Math.ceil(e/na))}m`}function sa(e){if(e>=1e6){let t=e/1e6;return`${t>=10?Math.round(t):t.toFixed(1)}M`}return e>=1e3?`${Math.round(e/1e3)}k`:`${e}`}function ca({promptCache:e}){let t=ea(e,$i());return t?(0,$.jsx)(`div`,{className:`px-4 pt-4 pb-4 select-none`,children:(0,$.jsxs)(`div`,{className:`flex w-fit items-start gap-2 rounded-md border border-border bg-surface px-2.5 py-2 text-[11px] text-text-secondary`,children:[(0,$.jsx)(h,{className:`mt-px size-3.5 shrink-0 text-text-subtle`}),t.reason===`compacted`?(0,$.jsxs)(`span`,{children:[`The conversation was compacted`,` `,(0,$.jsx)(`span`,{className:`tabular-nums`,children:aa(t.idleMs)}),` ago, so the prompt cache no longer covers it and your next message will re-cache it.`]}):(0,$.jsxs)(`span`,{children:[`Idle `,(0,$.jsx)(`span`,{className:`tabular-nums`,children:aa(t.idleMs)}),`. The prompt cache has likely expired, so your next message re-sends`,` `,t.contextTokens==null?`the whole transcript`:(0,$.jsxs)($.Fragment,{children:[`about`,` `,(0,$.jsx)(`span`,{className:`tabular-nums`,children:sa(t.contextTokens)}),` `,`tokens`]}),` `,`at full price.`]})]})}):null}function la({projectName:e,onSelectSession:t}){return(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-6 text-text-secondary overflow-y-auto`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-3 px-4 w-full`,children:[(0,$.jsx)(ye,{className:`size-10 text-text-subtle`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Send a message to start a new conversation`}),(0,$.jsx)(rn,{compact:!0})]}),(0,$.jsx)(ct,{projectName:e,onSelectSession:t,className:`w-full px-4`})]})}var ua=3200,da=1e3,fa={hasAbove:!1,atBottom:!0,idx:0,total:0};function pa({scrollElement:e,userIndices:t,scrollToBottom:n}){let r=Z(),[i,a]=(0,Q.useState)(fa),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(0),u=(0,Q.useRef)(ua),f=(0,Q.useRef)(null),p=(0,Q.useRef)(null),m=(0,Q.useRef)(!1),h=(0,Q.useRef)(!1),g=(e,t,n)=>t.getBoundingClientRect().top-n+e.scrollTop,_=(0,Q.useCallback)(e=>Array.from(e.querySelectorAll(`[data-msg-index]`)).filter(e=>t.includes(Number(e.dataset.msgIndex))),[t]);(0,Q.useEffect)(()=>{let t=e;if(!t)return;let n=0,r=()=>{let e=t.scrollTop,n=t.getBoundingClientRect().top,r=_(t).map(e=>g(t,e,n)),i=0;for(let t=0;t<r.length;t++)r[t]<=e+12&&(i=t+1);let o={hasAbove:r.some(t=>t<e-4),atBottom:t.scrollHeight-e-t.clientHeight<8,idx:i,total:r.length};a(e=>e.hasAbove===o.hasAbove&&e.atBottom===o.atBottom&&e.idx===o.idx&&e.total===o.total?e:o)},i=()=>{n&&cancelAnimationFrame(n),n=requestAnimationFrame(r)};r(),t.addEventListener(`scroll`,i,{passive:!0});let o=new ResizeObserver(i);return o.observe(t),()=>{n&&cancelAnimationFrame(n),t.removeEventListener(`scroll`,i),o.disconnect()}},[e,_]),(0,Q.useEffect)(()=>{if(!o)return;let e=setTimeout(()=>s(!1),u.current);return()=>clearTimeout(e)},[o,i.idx,c]),(0,Q.useEffect)(()=>{if(!o||!h.current)return;h.current=!1;let e=f.current;(e?.querySelector(`button:not(:disabled)`)??e)?.focus()},[o]),(0,Q.useEffect)(()=>{o||!m.current||(m.current=!1,p.current?.focus())},[o]);let v=(0,Q.useCallback)(()=>{u.current=ua,l(e=>e+1)},[]),y=(0,Q.useCallback)(()=>{let t=e;if(!t)return;let n=t.scrollTop,r=t.getBoundingClientRect().top,i;for(let e of _(t)){let a=g(t,e,r);if(a<n-4)i=a;else break}i!=null&&t.scrollTo({top:i,behavior:`auto`}),v()},[e,_,v]),b=(0,Q.useCallback)(()=>{let t=e;if(!t)return;let r=t.scrollTop,i=t.getBoundingClientRect().top,a=_(t).map(e=>g(t,e,i)).find(e=>e>r+4);a==null?n({animation:`instant`}):t.scrollTo({top:a,behavior:`auto`}),v()},[e,_,n,v]),x=(0,Q.useCallback)(()=>{n({animation:`instant`}),v()},[n,v]);(0,Q.useEffect)(()=>{let t=e;if(!t)return;let n=e=>()=>{Wr(t)&&(e(),u.current=da,s(!0))},r=n(y),i=n(b);return window.addEventListener(`chat-nav-prev`,r),window.addEventListener(`chat-nav-next`,i),()=>{window.removeEventListener(`chat-nav-prev`,r),window.removeEventListener(`chat-nav-next`,i)}},[e,y,b]);let C=q(`w-[34px] flex items-center justify-center rounded-[9px] text-text-secondary`,`motion-safe:transition-colors hover:bg-surface-elevated hover:text-foreground`,`disabled:opacity-30 disabled:cursor-default disabled:hover:bg-transparent disabled:hover:text-text-secondary`,r?`h-9`:`h-[30px]`);return(0,$.jsx)(`div`,{className:`absolute bottom-3 right-2.5 z-10 flex flex-col items-end gap-1.5`,children:o?(0,$.jsxs)(`div`,{ref:f,tabIndex:-1,className:`flex flex-col p-[3px] rounded-xl border border-border bg-surface-elevated/95 backdrop-blur-[8px] shadow-lg outline-none`,onFocus:()=>{m.current=!0},onKeyDown:e=>{e.key===`Escape`&&s(!1)},children:[(0,$.jsx)(`button`,{type:`button`,onClick:y,disabled:!i.hasAbove,"aria-label":`Jump to previous message`,className:C,children:(0,$.jsx)(S,{className:`size-[15px]`})}),(0,$.jsx)(`span`,{className:`font-mono text-[10px] font-medium text-text-subtle text-center py-px`,"aria-label":`Message ${i.idx||1} of ${i.total}`,children:i.total?`${i.idx||1}/${i.total}`:`0/0`}),(0,$.jsx)(`button`,{type:`button`,onClick:b,disabled:i.atBottom,"aria-label":`Jump to next message`,className:C,children:(0,$.jsx)(w,{className:`size-[15px]`})}),(0,$.jsx)(`button`,{type:`button`,onClick:x,disabled:i.atBottom,"aria-label":`Jump to latest`,className:C,children:(0,$.jsx)(d,{className:`size-[13px]`})})]}):(0,$.jsx)(`button`,{ref:p,type:`button`,onClick:()=>{u.current=ua,h.current=!0,s(!0)},"aria-label":`Navigate messages`,"aria-expanded":!1,title:`Navigate messages`,className:q(`group flex items-center justify-center`,r?`size-11`:`size-[30px]`),children:(0,$.jsx)(`span`,{className:q(`flex items-center justify-center rounded-full border border-border bg-surface-elevated/55 backdrop-blur-[6px] text-text-subtle`,`motion-safe:transition-colors group-hover:bg-surface-elevated group-hover:text-foreground`,r?`size-9`:`size-[30px]`),children:(0,$.jsx)(te,{className:`size-[15px]`})})})})}function ma(e){let[t,n]=(0,Q.useState)({}),[r,i]=(0,Q.useState)({}),[a,o]=(0,Q.useState)(0),s=(0,Q.useCallback)((e,t)=>{n(n=>({...n,[e]:[t]})),i(t=>({...t,[e]:``}))},[]),c=(0,Q.useCallback)((e,t)=>{n(n=>{let r=n[e]||[];return{...n,[e]:r.includes(t)?r.filter(e=>e!==t):[...r,t]}})},[]),l=(0,Q.useCallback)((e,t)=>{i(n=>({...n,[e]:t})),t&&n(t=>({...t,[e]:[]}))},[]),u=(0,Q.useCallback)(e=>(t[e]?.length??0)>0||(r[e]?.trim().length??0)>0,[t,r]);return{answers:t,customInputs:r,activeTab:a,setActiveTab:o,handleSingleSelect:s,handleMultiSelect:c,handleCustomInput:l,hasAnswer:u,allAnswered:(0,Q.useMemo)(()=>e.every((e,t)=>u(t)),[e,u]),getFinalAnswer:(0,Q.useCallback)(e=>r[e]?.trim()||(t[e]??[]).join(`, `),[t,r]),goToNextTab:(0,Q.useCallback)(()=>o(t=>Math.min(t+1,e.length-1)),[e.length]),goToPrevTab:(0,Q.useCallback)(()=>o(e=>Math.max(e-1,0)),[])}}function ha(e){let[t,n]=(0,Q.useState)(0),r=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>n(0),[e.activeTab]),(0,Q.useEffect)(()=>{if(!e.enabled)return;let i=r=>{let i=e.customInputRef.current,a=!!i&&i.ownerDocument.activeElement===i;if(!a&&r.key>=`1`&&r.key<=`9`){r.preventDefault();let t=parseInt(r.key)-1;t<e.totalOptions-1&&(n(t),e.onSelectOption(t));return}if(!a&&(r.key===`o`||r.key===`O`||r.key===`0`)){r.preventDefault(),e.customInputRef.current?.focus(),n(e.totalOptions-1);return}if(r.key===`Tab`&&e.questions.length>1){r.preventDefault(),r.shiftKey?e.goToPrevTab():e.goToNextTab();return}if(!a){if(r.key===`ArrowLeft`){r.preventDefault(),e.goToPrevTab();return}if(r.key===`ArrowRight`){r.preventDefault(),e.goToNextTab();return}if(r.key===`ArrowUp`){r.preventDefault(),n(e=>Math.max(0,e-1));return}if(r.key===`ArrowDown`){r.preventDefault(),n(t=>Math.min(e.totalOptions-1,t+1));return}if(r.key===` `){r.preventDefault(),e.onSelectOption(t);return}}if(r.key===`Enter`){r.preventDefault(),e.allAnswered?e.onSubmit():e.hasAnswer(e.activeTab)&&e.goToNextTab();return}r.key===`Escape`&&a&&e.customInputRef.current?.blur()},a=r.current;return a&&(a.addEventListener(`keydown`,i),a.setAttribute(`tabindex`,`0`),a.contains(a.ownerDocument.activeElement)||a.focus()),()=>{a?.removeEventListener(`keydown`,i)}},[e,t]),{focusedOption:t,setFocusedOption:n,containerRef:r}}function ga({questions:e,onSubmit:t,onSkip:n}){let r=(0,Q.useRef)(null),i=ma(e),a=e[i.activeTab],o=a?a.options.length+1:0,s=e.length>1,c=(0,Q.useCallback)(()=>{if(!i.allAnswered)return;let n={};e.forEach((e,t)=>{n[e.question]=i.getFinalAnswer(t)}),t(n)},[i.allAnswered,i.getFinalAnswer,e,t]),l=(0,Q.useCallback)(e=>{if(!(!a||e<0))if(e<a.options.length){let t=a.options[e]?.label;if(!t)return;a.multiSelect?i.handleMultiSelect(i.activeTab,t):i.handleSingleSelect(i.activeTab,t)}else e===a.options.length&&r.current?.focus()},[a,i]),u=ha({questions:e,activeTab:i.activeTab,totalOptions:o,allAnswered:i.allAnswered,hasAnswer:i.hasAnswer,onSelectOption:l,goToNextTab:i.goToNextTab,goToPrevTab:i.goToPrevTab,onSubmit:c,customInputRef:r,enabled:!0}),d=(0,Q.useCallback)(e=>{l(e),u.setFocusedOption(e)},[l,u.setFocusedOption]);return(0,$.jsxs)(`div`,{ref:u.containerRef,className:`rounded-lg border-2 border-primary/30 bg-primary/5 p-3 space-y-3 outline-none animate-in slide-in-from-bottom-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between text-sm font-medium text-text-primary`,children:[(0,$.jsxs)(`span`,{children:[`AI has `,s?`${e.length} questions`:`a question`]}),(0,$.jsxs)(`span`,{className:`text-[10px] text-text-secondary font-normal`,children:[s?`←→ tabs · `:``,`↑↓ options · 1-`,Math.min(o-1,9),` select · Enter submit`]})]}),s&&(0,$.jsx)(`div`,{className:`flex gap-1 p-1 bg-background rounded-md overflow-x-auto border border-border`,children:e.map((e,t)=>(0,$.jsxs)(`button`,{className:`flex items-center gap-1.5 px-3 py-1.5 rounded text-xs whitespace-nowrap transition-all ${i.activeTab===t?`bg-primary text-primary-foreground`:i.hasAnswer(t)?`text-primary bg-transparent`:`text-text-secondary hover:bg-surface-elevated`}`,onClick:()=>{i.setActiveTab(t),u.setFocusedOption(0)},tabIndex:-1,children:[(0,$.jsx)(`span`,{className:`flex items-center justify-center w-4 h-4 rounded-full text-[10px] font-semibold ${i.activeTab===t?`bg-white/20`:i.hasAnswer(t)?`bg-primary/20 text-primary`:`bg-surface-elevated text-text-secondary`}`,children:i.hasAnswer(t)?`✓`:t+1}),(0,$.jsx)(`span`,{className:`max-w-[100px] overflow-hidden text-ellipsis`,children:e.header||`Q${t+1}`})]},t))}),a&&(0,$.jsxs)(`div`,{className:`space-y-2`,children:[!s&&a.header&&(0,$.jsx)(`div`,{className:`text-[11px] font-semibold uppercase tracking-wide text-text-secondary`,children:a.header}),(0,$.jsx)(`div`,{className:`text-sm text-text-primary select-text`,children:a.question}),a.multiSelect&&(0,$.jsx)(`div`,{className:`text-[11px] text-text-secondary`,children:`Select multiple`}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[a.options.map((e,t)=>{let n=(i.answers[i.activeTab]||[]).includes(e.label),r=u.focusedOption===t;return(0,$.jsxs)(`div`,{role:`button`,onClick:()=>d(t),className:`text-left flex items-start gap-2.5 rounded px-2.5 py-2 text-xs border transition-all cursor-pointer select-text ${n?`border-primary bg-primary/10 text-text-primary`:`border-border bg-background text-text-secondary hover:border-primary/40 hover:bg-primary/5`} ${r?`ring-2 ring-primary/40 ring-offset-1 ring-offset-background`:``}`,children:[(0,$.jsx)(`span`,{className:`flex items-center justify-center w-4.5 h-4.5 rounded text-[10px] font-semibold shrink-0 mt-px ${n?`bg-primary/20 text-primary`:`bg-surface-elevated text-text-secondary`}`,children:t+1}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-0.5 flex-1`,children:[(0,$.jsx)(`span`,{className:`font-medium text-text-primary`,children:e.label}),e.description&&(0,$.jsx)(`span`,{className:`text-[11px] text-text-secondary`,children:e.description})]})]},t)}),(0,$.jsxs)(`div`,{className:`flex items-start gap-2.5 rounded px-2.5 py-2 text-xs border border-dashed transition-all border-border bg-transparent ${u.focusedOption===o-1?`ring-2 ring-primary/40 ring-offset-1 ring-offset-background`:``}`,children:[(0,$.jsx)(`span`,{className:`flex items-center justify-center w-4.5 h-4.5 rounded bg-surface-elevated text-text-secondary text-[10px] font-semibold shrink-0 mt-px`,children:`O`}),(0,$.jsx)(`input`,{ref:r,type:`text`,className:`flex-1 px-2 py-1 text-xs bg-surface border border-border rounded text-text-primary outline-none placeholder:text-text-subtle focus:border-primary`,placeholder:`Other (press O to type)...`,value:i.customInputs[i.activeTab]||``,onChange:e=>i.handleCustomInput(i.activeTab,e.target.value),onFocus:()=>u.setFocusedOption(o-1)})]})]})]}),(0,$.jsxs)(`div`,{className:`flex gap-2 justify-end pt-1`,children:[s&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`button`,{className:`px-3 py-1.5 text-xs rounded border border-border bg-background text-text-primary hover:bg-surface-elevated disabled:opacity-40 disabled:cursor-not-allowed transition-colors`,onClick:i.goToPrevTab,disabled:i.activeTab===0,tabIndex:-1,children:`← Prev`}),(0,$.jsx)(`button`,{className:`px-3 py-1.5 text-xs rounded border border-border bg-background text-text-primary hover:bg-surface-elevated disabled:opacity-40 disabled:cursor-not-allowed transition-colors`,onClick:i.goToNextTab,disabled:i.activeTab===e.length-1,tabIndex:-1,children:`Next →`})]}),(0,$.jsx)(`button`,{onClick:n,className:`px-4 py-1.5 rounded border border-border bg-background text-text-secondary text-xs hover:bg-surface-elevated transition-colors`,tabIndex:-1,children:`Skip`}),(0,$.jsxs)(`button`,{onClick:c,disabled:!i.allAnswered,className:`px-4 py-1.5 rounded bg-primary text-primary-foreground text-xs font-medium hover:bg-primary/80 transition-colors disabled:opacity-40 disabled:cursor-not-allowed`,tabIndex:-1,children:[`Submit `,i.allAnswered?`✓`:`(${e.filter((e,t)=>i.hasAnswer(t)).length}/${e.length})`]})]})]})}function _a(){return(0,$.jsxs)(`div`,{className:`px-4 pt-4 space-y-4`,"aria-busy":`true`,"aria-label":`Loading previous conversation`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-center gap-1.5 text-xs text-text-secondary`,children:[(0,$.jsx)(R,{className:`size-3 animate-spin`}),`Loading previous conversation…`]}),[0,1,2].map(e=>(0,$.jsx)(`div`,{className:e%2==0?`flex justify-end`:`flex justify-start`,children:(0,$.jsxs)(`div`,{className:`animate-pulse space-y-2 rounded-lg bg-surface p-3 ${e%2==0?`w-1/2`:`w-3/4`}`,children:[(0,$.jsx)(`div`,{className:`h-3 rounded bg-border`}),(0,$.jsx)(`div`,{className:`h-3 w-5/6 rounded bg-border`}),e%2==1&&(0,$.jsx)(`div`,{className:`h-3 w-2/3 rounded bg-border`})]})},e))]})}function va({messages:e,messagesLoading:t,keepStaleWhileLoading:n,pendingApproval:r,onApprovalResponse:i,isStreaming:a,phase:o,onSelectSession:s,connectingElapsed:c,statusMessage:l,compactStatus:u,promptCache:d,projectName:f,onFork:p,onEdit:m,editingMsgId:h,sessionId:g,providerId:_,onNavigateVersion:v,versionMap:y,bashPartialOutput:b,onExpandCompact:x,isCompactExpanded:S,onDismissMessage:C,onClearErrors:w}){let{scrollRef:ee,contentRef:T,scrollToBottom:te,stopScroll:ne,isAtBottom:re}=Tr({initial:`instant`,resize:`instant`}),E=(0,Q.useMemo)(()=>e.filter(e=>{let t=e.content&&e.content.trim().length>0,n=e.events&&e.events.length>0;return e.role===`user`?t:t||n}),[e]),ie=(0,Q.useMemo)(()=>yr(E),[E]),oe=!!r||a,[D,O]=(0,Q.useState)(null),se=(0,Q.useCallback)(e=>{ee(e),O(e)},[ee]),ce=(0,Q.useRef)(new Map),k=(0,Q.useMemo)(()=>{let e=ce.current,t=new Map;for(let n=0;n<E.length;n++){let r=E[n];if(r.role!==`assistant`||E[n+1]?.role===`assistant`)continue;let i=`${r.id}:${r.events?.length??0}`,a=e.get(i);a||(a=Gt(Xt(E,n)),e.set(i,a)),a.length>0&&t.set(n,a)}return t},[E]),le=(0,Q.useRef)(null),ue=(0,Q.useCallback)(e=>{D&&(le.current?.(),le.current=Lr(D,e))},[D]);(0,Q.useEffect)(()=>()=>le.current?.(),[]);let[A,j]=(0,Q.useState)(!1),[de,M]=(0,Q.useState)(null),fe=(0,Q.useRef)(null);(0,Q.useLayoutEffect)(()=>{let e=D;e&&fe.current!=null&&(e.scrollTop=e.scrollHeight-fe.current,A||(fe.current=null))},[E.length,D,A]),(0,Q.useLayoutEffect)(()=>{D&&te({animation:`instant`})},[g,D]);let pe=(0,Q.useRef)(!0);(0,Q.useEffect)(()=>{D&&D.clientHeight>0&&(pe.current=re)},[re,D]),(0,Q.useEffect)(()=>{let e=D;if(!e)return;let t=e.clientHeight,n=new ResizeObserver(()=>{let n=e.clientHeight,r=t===0&&n>0;t=n,r&&!pe.current&&ne()});return n.observe(e),()=>n.disconnect()},[D,ne]);let me=(0,Q.useCallback)((e,t)=>{p?.(e,t)},[p]),he=(0,Q.useCallback)((e,t,n)=>{m?.(e,t,n)},[m]),ge=(0,Q.useCallback)(e=>{C?.(e)},[C]),N=(0,Q.useMemo)(()=>E.reduce((e,t)=>t.role===`system`?e+1:e,0),[E]),F=(0,Q.useMemo)(()=>E.reduce((e,t,n)=>(t.role===`user`&&e.push(n),e),[]),[E]),I=(0,Q.useCallback)(()=>{if(!x||!S)return null;for(let e of E){if(S(e.id))continue;let t=mi(e.content||``);if(t)return{id:e.id,jsonlPath:t};if(e.events){for(let t of e.events)if(t.type===`text`){let n=mi(t.content||``);if(n)return{id:e.id,jsonlPath:n}}}}return null},[E,x,S])(),L=!!I,_e=I?.id??null,R=I?.jsonlPath??null,ve=(0,Q.useCallback)(async()=>{if(!_e||!R||!x||A)return;let e=D;fe.current=e?e.scrollHeight-e.scrollTop:null,j(!0),M(null);try{await x(_e,R)}catch(e){M(e instanceof Error?e.message:`Could not load previous conversation`)}finally{j(!1)}},[_e,R,x,A,D]),z=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=D,t=z.current;if(!e||!t||!L||de)return;let n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&ve()},{root:e,rootMargin:`400px 0px 0px 0px`});return n.observe(t),()=>n.disconnect()},[D,L,de,ve]),t&&(!n||e.length===0)?(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-3 text-text-secondary`,children:[(0,$.jsx)(ye,{className:`size-10 text-text-subtle animate-pulse`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Loading messages...`})]}):e.length===0&&!a?(0,$.jsx)(la,{projectName:f||``,onSelectSession:s||(()=>{})}):(0,$.jsxs)(`div`,{className:`relative flex-1 overflow-hidden flex flex-col min-h-0`,children:[(0,$.jsx)(di,{projectName:f,sessionId:g,messages:e}),N>1&&w&&(0,$.jsx)(`div`,{className:`absolute top-2 left-0 right-0 z-20 flex justify-center pointer-events-none`,children:(0,$.jsxs)(`button`,{type:`button`,onClick:w,className:`pointer-events-auto flex items-center gap-1.5 rounded-full bg-error/15 border border-error/25 px-3 py-1 text-xs text-error hover:bg-error/25 shadow-md backdrop-blur-sm`,children:[(0,$.jsx)(ae,{className:`size-3.5`}),`Clear all errors (`,N,`)`]})}),!A&&de&&(0,$.jsx)(`div`,{className:`absolute top-2 left-0 right-0 z-10 flex justify-center`,children:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{M(null),ve()},className:`inline-flex items-center gap-1.5 rounded-md border border-border bg-surface px-3 py-2 text-xs text-text-primary hover:bg-surface-hover min-h-[44px] md:min-h-0`,children:[(0,$.jsx)(P,{className:`size-3.5 text-destructive`}),(0,$.jsxs)(`span`,{children:[`Could not load previous conversation: `,de]}),(0,$.jsx)(`span`,{className:`underline`,children:`Retry`})]})}),(0,$.jsx)(`div`,{ref:se,[Qt]:``,className:`flex-1 overflow-y-auto overflow-x-hidden [overflow-anchor:none]`,style:{WebkitOverflowScrolling:`touch`,overscrollBehavior:`contain`},children:(0,$.jsxs)(`div`,{ref:T,className:`w-full`,children:[L&&(0,$.jsx)(`div`,{ref:z,"aria-hidden":!0,className:`h-px`}),A&&(0,$.jsx)(_a,{}),E.map((e,t)=>{let n=t>0?E[t-1]:void 0,r=ie[t]??0,i=r?y?.[r]:void 0,o=e.role===`user`&&h!=null&&e.id===h,s=E[t+1],c=e.role===`assistant`&&s?.role!==`assistant`,l;if(c){let e=[];for(let n=t;n>=0&&E[n].role===`assistant`;n--){let t=ya(E[n]);t&&e.unshift(t)}l=e.join(`
+
+`)}return(0,$.jsxs)(`div`,{"data-msg-index":t,className:`px-4 pt-4 select-none`,children:[e.compaction&&(0,$.jsx)(Zi,{compaction:e.compaction}),(0,$.jsx)(hi,{fallbackContent:e.content,children:(0,$.jsx)(ba,{message:e,isStreaming:a&&e.id.startsWith(`streaming-`),isLastAssistantInTurn:c,turnCopyText:l,turnChanges:c?k.get(t):void 0,onJumpToEdit:ue,projectName:f,onFork:e.role===`user`&&p?me:void 0,onEdit:e.role===`user`&&m?he:void 0,isEditing:o,onDismiss:e.role===`system`&&C?ge:void 0,prevMsgId:n?.sdkUuid??n?.id,sessionId:g,providerId:_,versionGroup:i,onNavigateVersion:v,versionNavDisabled:a,bashPartialOutput:b})})]},e.id)}),!a&&!r&&(0,$.jsx)(ca,{promptCache:d??null}),oe&&(0,$.jsxs)(`div`,{className:`px-4 pt-4 pb-4 space-y-4 select-none`,children:[r&&(r.tool===`AskUserQuestion`?(0,$.jsx)(Sa,{approval:r,onRespond:i}):(0,$.jsx)(xa,{approval:r,onRespond:i})),a&&(0,$.jsx)(Xi,{lastMessage:e[e.length-1],phase:o,elapsed:c,statusMessage:u===`compacting`?`Compacting messages...`:l})]})]})}),(0,$.jsx)(pa,{scrollElement:D,userIndices:F,scrollToBottom:te})]})}function ya(e){return e.events?.length?e.events.filter(e=>e.type===`text`).map(e=>e.content).join(``):e.content}var ba=(0,Q.memo)(function({message:e,isStreaming:t,isLastAssistantInTurn:n,turnCopyText:r,turnChanges:i,onJumpToEdit:a,projectName:o,onFork:s,onEdit:c,isEditing:l,onDismiss:u,prevMsgId:d,sessionId:f,providerId:p,versionGroup:m,onNavigateVersion:h,versionNavDisabled:g,bashPartialOutput:_}){if(e.role===`user`){let t=s?()=>s(e.content,d):void 0,n=c?()=>c(e.content,d,e.id):void 0;return(0,$.jsx)(Ri,{content:e.content,messageId:e.id,timestamp:e.timestamp,projectName:o,onFork:t,onEdit:n,isEditing:l,sessionId:f,providerId:p,versionGroup:m,onNavigateVersion:h,versionNavDisabled:g})}return e.role===`system`?(0,$.jsxs)(`div`,{className:`group flex items-center gap-2 rounded-lg bg-error/10 border border-error/20 px-3 py-2 text-sm text-error`,children:[(0,$.jsx)(P,{className:`size-4 shrink-0`}),(0,$.jsx)(`p`,{className:`flex-1`,children:e.content}),u&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>u(e.id),"aria-label":`Dismiss`,title:`Dismiss`,className:`shrink-0 rounded p-1 text-error/70 hover:text-error hover:bg-error/15 md:opacity-0 md:group-hover:opacity-100`,children:(0,$.jsx)(ae,{className:`size-4`})})]}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e.events&&e.events.length>0?(0,$.jsx)(qi,{events:e.events,isStreaming:t,projectName:o,bashPartialOutput:_}):e.content&&(0,$.jsx)(`div`,{className:`text-sm text-text-primary select-text`,children:(0,$.jsx)(bi,{content:e.content,projectName:o})}),!t&&n&&e.usage&&(0,$.jsx)(ai,{usage:e.usage}),!t&&n&&(0,$.jsx)(ii,{timestamp:e.timestamp,content:r??ya(e),changes:i,onJumpToEdit:a})]})});function xa({approval:e,onRespond:t}){return(0,$.jsxs)(`div`,{className:`rounded-lg border-2 border-warning/40 bg-warning/10 p-3 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-warning text-sm font-medium`,children:[(0,$.jsx)(fe,{className:`size-4`}),(0,$.jsx)(`span`,{children:`Tool Approval Required`})]}),(0,$.jsx)(`div`,{className:`text-xs text-text-primary`,children:(0,$.jsx)(`span`,{className:`font-medium`,children:e.tool})}),(0,$.jsx)(`pre`,{className:`text-xs font-mono text-text-secondary overflow-x-auto bg-background rounded p-2 border border-border`,children:JSON.stringify(e.input,null,2)}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(`button`,{onClick:()=>t(e.requestId,!0),className:`px-4 py-1.5 rounded bg-success text-white text-xs font-medium hover:bg-success/80 transition-colors`,children:`Allow`}),(0,$.jsx)(`button`,{onClick:()=>t(e.requestId,!1),className:`px-4 py-1.5 rounded bg-error text-white text-xs font-medium hover:bg-error/80 transition-colors`,children:`Deny`})]})]})}function Sa({approval:e,onRespond:t}){return(0,$.jsx)(ga,{questions:e.input.questions??[],onSubmit:n=>t(e.requestId,!0,n),onSkip:()=>t(e.requestId,!1)})}function Ca({shells:e,onKill:t}){let n=Lt(e=>e.openPanel),r=e.filter(e=>e.status!==`stopped`);return r.length===0?null:(0,$.jsx)(`div`,{className:`shrink-0 border-b border-border bg-surface-elevated/60 px-2 py-1.5 space-y-1`,children:r.map(e=>(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-xs`,children:[e.status===`stopping`?(0,$.jsx)(R,{className:`size-3.5 shrink-0 animate-spin text-warning`}):(0,$.jsxs)(`span`,{className:`relative flex size-2 shrink-0`,children:[(0,$.jsx)(`span`,{className:`absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-60`}),(0,$.jsx)(`span`,{className:`relative inline-flex size-2 rounded-full bg-emerald-500`})]}),(0,$.jsx)(o,{className:`size-3.5 shrink-0 text-text-secondary`}),(0,$.jsx)(`span`,{className:`flex-1 truncate font-mono text-text-primary`,title:e.command,children:e.command}),e.status===`stopping`&&(0,$.jsx)(`span`,{className:`text-[11px] text-warning shrink-0`,children:`stopping…`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>n(e.shellId),className:`flex items-center justify-center size-8 rounded hover:bg-surface text-text-secondary hover:text-text-primary transition-colors`,"aria-label":`View output`,title:`View output`,children:(0,$.jsx)(N,{className:`size-4`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(e.shellId),disabled:e.status===`stopping`,className:`flex items-center justify-center size-8 rounded hover:bg-surface text-text-secondary hover:text-error transition-colors disabled:opacity-40`,"aria-label":`Stop command`,title:`Stop command`,children:(0,$.jsx)(Ce,{className:`size-3.5`})})]},e.shellId))})}function wa(){return`aa-${Math.random().toString(36).slice(2,10)}`}function Ta(e){let{projectName:t,providerId:n,sessionId:r}=e,[i,a]=(0,Q.useState)([]);return(0,Q.useEffect)(()=>{if(a([]),!r||!t)return;let e=wa(),i=()=>{wt(JSON.stringify({type:`agent-activity:subscribe`,subId:e,projectName:t,providerId:n,sessionId:r}))},o=t=>{let n=t.detail;n.subId===e&&a(n.running)};window.addEventListener(`agent-activity`,o);let s=Vt(i);return i(),()=>{window.removeEventListener(`agent-activity`,o),s(),wt(JSON.stringify({type:`agent-activity:unsubscribe`,subId:e}))}},[t,n,r]),i}function Ea(e,t){let n=new Map(t.map(e=>[e.name,e])),r=new Set,i=[];for(let t of e){if(t.cardId){i.push({key:`card:${t.cardId}`,cardId:t.cardId,lastStep:t.lastStep,lastWriteAt:t.lastWriteAt});continue}if(t.memberName){r.add(t.memberName);let e=n.get(t.memberName);i.push({key:`member:${t.memberName}`,memberName:t.memberName,lastStep:t.lastStep??(e?Da(e):void 0),agentType:e?.agentType,startedAt:e?.startedAt,lastWriteAt:t.lastWriteAt})}}for(let e of t)e.workState!==`working`||r.has(e.name)||i.push({key:`member:${e.name}`,memberName:e.name,lastStep:Da(e),agentType:e.agentType,startedAt:e.startedAt});return i}function Da(e){return e.lastTool?e.lastToolArg?`${e.lastTool}: ${e.lastToolArg}`:e.lastTool:e.lastNarrative??e.description}function Oa(e){let t=e&&typeof e==`object`?e.name:void 0;return typeof t==`string`&&t.trim()?t.trim():null}function ka(e,t){if(e)for(let n of e){if(n.type===`tool_use`&&(n.tool===`Agent`||n.tool===`Task`)&&n.toolUseId===t)return n;if(n.type===`tool_use`&&n.children?.length){let e=ka(n.children,t);if(e)return e}}}function Aa(e,t){for(let n=e.length-1;n>=0;n--){let r=ka(e[n].events,t);if(r&&r.type===`tool_use`){let e=r.input&&typeof r.input==`object`?r.input:{};return{handle:Oa(e),description:typeof e.description==`string`?e.description:typeof e.prompt==`string`?e.prompt:``}}}return null}function ja(e){if(!e)return;let t=e.split(`:`).pop();return t&&t!==`general-purpose`?t:e}function Ma(e,t){if(!e)return;let n=new Date(e).getTime(),r=t?new Date(t).getTime():Date.now();if(!Number.isFinite(n)||!Number.isFinite(r)||r<n)return;let i=Math.floor((r-n)/1e3),a=Math.floor(i/3600),o=Math.floor(i%3600/60);return a>0?`${a}h ${o}m`:o>0?`${o}m`:`${i}s`}function Na(e){return e.lastTool?e.lastToolArg?`${e.lastTool}: ${e.lastToolArg}`:e.lastTool:e.lastNarrative??e.description}function Pa({projectName:e,providerId:t,sessionId:n,messages:r,teamName:i,teamMembers:a}){let o=Ta({projectName:e,providerId:t,sessionId:n}),s=Ut(),c=(0,Q.useMemo)(()=>Ea(o,a),[o,a]),l=yt();return!n||c.length===0?null:(0,$.jsx)(`div`,{className:`shrink-0 border-t border-border bg-surface-elevated/60 px-2 py-1.5 space-y-1`,children:c.map(a=>{let o=a.cardId?Aa(r,a.cardId):null,c=a.memberName??o?.handle??null,u=o?.description||(a.cardId?`Agent`:a.memberName),d=a.startedAt?Ma(a.startedAt):void 0,f=ja(a.agentType);return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>s({projectName:e,providerId:t,sessionId:n,source:a.cardId?{kind:`card`,cardId:a.cardId}:{kind:`member`,teamName:i,memberName:a.memberName},title:c?`Session — ${c}`:`Agent session`,prompt:o?.description}),className:q(`flex w-full items-center gap-2 rounded px-1 py-1.5 text-left text-xs hover:bg-surface transition-colors`,l?`min-h-[44px]`:`min-h-[36px]`),title:c?`Open ${c}'s session`:`Open agent session`,children:[(0,$.jsxs)(`span`,{className:`relative flex size-2 shrink-0`,children:[(0,$.jsx)(`span`,{className:`absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-60`}),(0,$.jsx)(`span`,{className:`relative inline-flex size-2 rounded-full bg-emerald-500`})]}),a.memberName?(0,$.jsx)(E,{className:`size-3.5 shrink-0 text-accent-2`}):(0,$.jsx)(ye,{className:`size-3.5 shrink-0 text-primary`}),(0,$.jsx)(`span`,{className:`font-medium text-text-primary shrink-0`,children:c??u}),!!f&&(0,$.jsx)(`span`,{className:`text-text-3 shrink-0 hidden sm:inline`,children:f}),!!a.lastStep&&(0,$.jsx)(`span`,{className:`flex-1 truncate text-text-subtle`,title:a.lastStep,children:a.lastStep}),!!d&&(0,$.jsx)(`span`,{className:`ml-auto shrink-0 text-text-3 font-mono`,children:d})]},a.key)})})}function Fa(e){return e.startsWith(`plugin:`)&&e.slice(e.lastIndexOf(`:`)+1)||e}function Ia({needsAuth:e,projectName:t}){let[n,r]=(0,Q.useState)(null),i=Me(e=>e.mcpSignInDismissed),a=Me(e=>e.dismissMcpSignIn),o=e.filter(e=>!i.includes(e));return(0,$.jsxs)($.Fragment,{children:[o.length>0&&(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 border-t border-border bg-surface-elevated/60 px-2 py-1.5 text-xs`,children:[(0,$.jsx)(D,{className:`size-3.5 shrink-0 text-warning`}),(0,$.jsx)(`span`,{className:`shrink-0 text-text-secondary`,children:o.length===1?`MCP server needs sign-in:`:`MCP servers need sign-in:`}),(0,$.jsx)(`div`,{className:`flex min-w-0 flex-1 gap-1.5 overflow-x-auto`,children:o.map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>r(e),className:`shrink-0 rounded border border-border bg-background px-2.5 py-1.5 font-medium text-text-primary transition-colors hover:bg-surface max-md:min-h-9`,title:`Sign in to ${e}`,children:Fa(e)},e))}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>{a(o),Te.info(`Sign-in bar hidden`,{description:`You can still sign in to these MCP servers from AI Resources → MCP. The bar comes back only for a server that is not on this list.`})},className:`flex size-8 shrink-0 items-center justify-center rounded text-text-secondary transition-colors hover:bg-surface hover:text-text-primary max-md:size-10`,"aria-label":`Hide these servers`,title:`Hide these servers`,children:(0,$.jsx)(_,{className:`size-3.5`})})]}),(0,$.jsx)(Nt,{serverName:n,project:t,onClose:()=>r(null)})]})}var La=5e3;function Ra(e,t){let[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(!1),c=(0,Q.useRef)(!1),l=(0,Q.useCallback)(async e=>{if(e){s(!0);try{let t=await K.get(`/api/teams/${encodeURIComponent(e)}/activity`);if(c.current)return;r(t?.members??[]),a(t?.outbound??[])}catch{}finally{c.current||s(!1)}}},[]);return(0,Q.useEffect)(()=>{if(c.current=!1,!t||!e)return r([]),a([]),()=>{c.current=!0};l(e);let n=setInterval(()=>void l(e),La);return()=>{c.current=!0,clearInterval(n)}},[e,t,l]),{members:n,outbound:i,loading:o,refresh:(0,Q.useCallback)(()=>void l(e),[l,e])}}function za(){let e=window;return e.SpeechRecognition??e.webkitSpeechRecognition??null}function Ba(e){let[t,n]=(0,Q.useState)(!1),[r,i]=(0,Q.useState)(``),a=(0,Q.useRef)(null),o=(0,Q.useRef)(``),s=typeof window<`u`&&za()!==null;return{isListening:t,interimText:r,start:(0,Q.useCallback)(t=>{let r=za();if(!r)return;a.current?.abort();let s=new r;s.lang=e?.lang??`vi-VN`,s.continuous=!0,s.interimResults=!0,o.current=``,s.onresult=e=>{let n=``,r=``;for(let t=0;t<e.results.length;t++){let i=e.results[t];i.isFinal?r+=i[0].transcript:n+=i[0].transcript}r&&(o.current=r);let a=(o.current+` `+n).trim();i(n),t(a,n.length===0&&o.current.length>0)},s.onend=()=>{n(!1),i(``),o.current&&t(o.current.trim(),!0)},s.onerror=e=>{e.error!==`no-speech`&&e.error!==`aborted`&&console.warn(`[voice-input] error:`,e.error),n(!1),i(``)},a.current=s,s.start(),n(!0)},[e?.lang]),stop:(0,Q.useCallback)(()=>{a.current?.stop(),a.current=null,n(!1),i(``)},[]),supported:s}}var Va=16e3;function Ha(e){if(e.length===0)return new Float32Array;if(e.length===1)return e[0];let t=e[0].length,n=new Float32Array(t);for(let r=0;r<t;r++){let t=0;for(let n of e)t+=n[r]??0;n[r]=t/e.length}return n}function Ua(e,t){let n=new ArrayBuffer(44+e.length*2),r=new DataView(n),i=(e,t)=>{for(let n=0;n<t.length;n++)r.setUint8(e+n,t.charCodeAt(n))};i(0,`RIFF`),r.setUint32(4,36+e.length*2,!0),i(8,`WAVE`),i(12,`fmt `),r.setUint32(16,16,!0),r.setUint16(20,1,!0),r.setUint16(22,1,!0),r.setUint32(24,t,!0),r.setUint32(28,t*2,!0),r.setUint16(32,2,!0),r.setUint16(34,16,!0),i(36,`data`),r.setUint32(40,e.length*2,!0);for(let t=0;t<e.length;t++){let n=Math.max(-1,Math.min(1,e[t]));r.setInt16(44+t*2,n<0?n*32768:n*32767,!0)}return new Uint8Array(n)}async function Wa(e){let t=await new OfflineAudioContext(1,1,Va).decodeAudioData(await e.arrayBuffer()),n=[];for(let e=0;e<t.numberOfChannels;e++)n.push(t.getChannelData(e));return Ua(Ha(n),t.sampleRate)}function Ga(e=`vi`){let[t,n]=(0,Q.useState)(!1),[r,i]=(0,Q.useState)(!1),a=(0,Q.useRef)(null),o=(0,Q.useRef)([]),s=(0,Q.useRef)(!1),c=typeof window<`u`&&typeof MediaRecorder<`u`&&typeof navigator<`u`&&!!navigator.mediaDevices?.getUserMedia&&typeof OfflineAudioContext<`u`,l=(0,Q.useCallback)(async t=>{if(!c||a.current)return;let r;try{r=await navigator.mediaDevices.getUserMedia({audio:!0})}catch{Te.error(`Microphone unavailable`,{description:`Allow microphone access for this site.`});return}let l=new MediaRecorder(r);a.current=l,o.current=[],s.current=!1,l.ondataavailable=e=>{e.data.size>0&&o.current.push(e.data)},l.onstop=async()=>{for(let e of r.getTracks())e.stop();a.current=null,n(!1);let c=o.current;if(o.current=[],!(s.current||c.length===0)){i(!0);try{let n=await Ka(await Wa(new Blob(c,{type:l.mimeType})),e);n?t(n,!0):Te.info(`Nothing was picked up`,{description:`Speak closer to the mic, or check which input device is selected.`})}catch(e){Te.error(`Could not transcribe`,{description:e instanceof Error?e.message:String(e)})}finally{i(!1)}}},l.start(),n(!0)},[c,e]),u=(0,Q.useCallback)(()=>{a.current?.state===`recording`&&a.current.stop()},[]);return{isListening:t,isTranscribing:r,start:l,stop:u,cancel:(0,Q.useCallback)(()=>{s.current=!0,u()},[u]),supported:c}}async function Ka(e,t){let n=Oe(),r=await fetch(`/api/speech/transcribe?lang=${encodeURIComponent(t)}`,{method:`POST`,headers:{"Content-Type":`audio/wav`,...n?{Authorization:`Bearer ${n}`}:{}},body:e}),i=await r.json().catch(()=>null);if(!r.ok||!i?.ok)throw Error(i?.error??`HTTP ${r.status}`);return i.data?.text??``}var qa=2e3;function Ja(e,t,n=qa){if(!(e>0)||!(t>0))return null;let r=Math.max(e,t);if(r<n)return null;let i=n-1,a=i/r;return{width:e>=t?i:Math.max(1,Math.round(e*a)),height:t>e?i:Math.max(1,Math.round(t*a))}}var Ya=4096;function Xa(e,t){let n=new TextEncoder().encode(t);outer:for(let t=0;t+n.length<=e.length;t++){for(let r=0;r<n.length;r++)if(e[t+r]!==n[r])continue outer;return!0}return!1}function Za(e,t){return e===`image/gif`?!0:e===`image/webp`?Xa(t,`ANIM`):e===`image/png`||e===`image/apng`?Xa(t,`acTL`):!1}async function Qa(e){if(e.type===`image/gif`)return!0;if(e.type!==`image/webp`&&e.type!==`image/png`&&e.type!==`image/apng`)return!1;try{let t=new Uint8Array(await e.slice(0,Ya).arrayBuffer());return Za(e.type,t)}catch{return!0}}var $a=1600,eo=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function to(e){return e===`image/jpeg`||e===`image/webp`?e:`image/png`}async function no(e,t=$a){let n={kind:`asis`,file:e};if(!e.type.startsWith(`image/`)||e.type===`image/svg+xml`||typeof createImageBitmap!=`function`||typeof document>`u`)return n;let r;try{r=await createImageBitmap(e)}catch{return n}let i={width:r.width,height:r.height},a=Ja(i.width,i.height,t+1);if(a&&await Qa(e))return r.close?.(),Math.max(i.width,i.height)<2e3&&eo.has(e.type)?{kind:`inlineable`,file:e,from:i}:{kind:`asis`,file:e,from:i};if(!a)return r.close?.(),eo.has(e.type)?{kind:`inlineable`,file:e,from:i}:{kind:`asis`,file:e,from:i};let o=r;try{try{o=await createImageBitmap(e,{resizeWidth:a.width,resizeHeight:a.height,resizeQuality:`high`}),r.close?.()}catch{o=r}let t=document.createElement(`canvas`);t.width=a.width,t.height=a.height;let n=t.getContext(`2d`);if(!n)return{kind:`asis`,file:e,from:i};n.imageSmoothingEnabled=!0,n.imageSmoothingQuality=`high`,n.drawImage(o,0,0,a.width,a.height);let s=to(e.type),c=await new Promise(e=>t.toBlob(e,s,.92));if(!c||c.size===0)return{kind:`asis`,file:e,from:i};let l=s===e.type?e.name:e.name.replace(/\.[^.]+$/,``)+`.png`;return{kind:`scaled`,file:new File([c],l,{type:s}),from:i,to:a}}catch{return{kind:`asis`,file:e,from:i}}finally{o.close?.()}}var ro=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function io(e){return ro.has(e.type)}function ao(e){return e.textContent?`expand`:e.previewUrl?`preview`:`none`}function oo({attachments:e,onRemove:t}){let[n,r]=(0,Q.useState)(null),i=yt(),a=(0,Q.useRef)(new Map),s=It(e=>e.open),c=It(e=>e.close),l=It(e=>e.src);if((0,Q.useEffect)(()=>{if(!l)return;let t=a.current.get(l);if(!t)return;let n=e.find(e=>e.id===t);if(!n?.previewUrl)return c();n.previewUrl!==l&&(a.current.set(n.previewUrl,n.id),s(n.previewUrl,n.name))},[e,l,s,c]),e.length===0)return null;let u=n?e.find(e=>e.id===n):null;function d(t,n){if(t.previewUrl){for(let t of e)t.previewUrl&&a.current.set(t.previewUrl,t.id);s(t.previewUrl,t.name,$t(n))}}return(0,$.jsxs)(`div`,{className:`px-2 md:px-4 pt-2`,children:[(0,$.jsx)(`div`,{className:q(`flex flex-wrap gap-1.5`,i&&`gap-y-5`),[Qt]:``,children:e.map(e=>(0,$.jsxs)(`div`,{className:q(`flex items-center gap-1.5 rounded-md border border-border bg-surface px-2 py-1 text-xs text-text-secondary max-w-48`,ao(e)!==`none`&&`cursor-pointer hover:border-primary/50`,n===e.id&&`border-primary/50 bg-surface-elevated`),onClick:t=>{let i=ao(e);i===`expand`?r(n===e.id?null:e.id):i===`preview`&&d(e,t.currentTarget)},children:[e.previewUrl?(0,$.jsx)(`button`,{type:`button`,title:`Preview ${e.name}`,"aria-label":`Preview ${e.name}`,onClick:t=>{t.stopPropagation(),d(e,t.currentTarget)},className:q(`relative shrink-0 rounded`,`can-hover:hover:ring-2 can-hover:hover:ring-primary/60 transition-shadow`,i&&`before:absolute before:-inset-y-3 before:-inset-x-1.5 before:content-['']`),children:(0,$.jsx)(`img`,{src:e.previewUrl,alt:e.name,[en]:``,className:`size-5 rounded object-cover`})}):e.textContent?(0,$.jsx)(o,{className:`size-3.5 shrink-0 text-text-subtle`}):e.isImage?(0,$.jsx)(p,{className:`size-3.5 shrink-0 text-text-subtle`}):(0,$.jsx)(z,{className:`size-3.5 shrink-0 text-text-subtle`}),(0,$.jsx)(`span`,{className:`truncate`,children:e.name}),e.textContent&&(0,$.jsx)(w,{className:q(`size-3 shrink-0 text-text-subtle transition-transform`,n===e.id&&`rotate-180`)}),e.status===`uploading`?(0,$.jsx)(R,{className:`size-3 shrink-0 animate-spin text-text-subtle`}):e.status===`error`?(0,$.jsx)(`span`,{className:`text-error shrink-0`,title:`Upload failed`,children:`!`}):e.resized?(0,$.jsxs)(`span`,{className:`shrink-0 text-[10px] text-text-subtle`,title:`Shrunk from ${e.resized.from.width}x${e.resized.from.height} to ${e.resized.to.width}x${e.resized.to.height}`,children:[e.resized.to.width,`×`,e.resized.to.height]}):null,(0,$.jsx)(`button`,{type:`button`,onClick:i=>{i.stopPropagation(),t(e.id),n===e.id&&r(null)},className:q(`relative shrink-0 rounded-sm p-0.5 hover:bg-border/50 transition-colors`,i&&`before:absolute before:-inset-y-3.5 before:-inset-x-1.5 before:content-['']`),"aria-label":`Remove ${e.name}`,children:(0,$.jsx)(_,{className:`size-3`})})]},e.id))}),u?.textContent&&(0,$.jsx)(`pre`,{className:`mt-1.5 max-h-40 overflow-auto rounded-md border border-border bg-background p-2 text-xs text-text-primary font-mono whitespace-pre-wrap break-words`,children:so(u.textContent)})]})}function so(e){let t=e.trim(),n=t.match(/^```\w*\n([\s\S]*?)\n```$/);return n?n[1]:t}function co(e,t,n){if(e.length===0)return null;let r=t+n;return r<-1||r>=e.length?null:{index:r,text:r===-1?``:e[e.length-1-r]}}var lo=[{id:`default`,label:`Ask before edits`,icon:H,description:`Claude will ask for approval before making each edit`},{id:`acceptEdits`,label:`Edit automatically`,icon:oe,description:`Claude will edit files without asking first`},{id:`plan`,label:`Plan mode`,icon:v,description:`Claude will present a plan before editing`},{id:`bypassPermissions`,label:`Bypass permissions`,icon:O,description:`Claude will not ask before running commands`}];function uo(e){return lo.find(t=>t.id===e)?.label??`Unknown`}function fo(e){return lo.find(t=>t.id===e)?.icon??H}function po({value:e,onChange:t,open:n,onOpenChange:r}){let i=(0,Q.useRef)(null),a=(0,Q.useRef)(0);(0,Q.useEffect)(()=>{if(!n)return;let e=e=>{i.current&&!i.current.contains(e.target)&&r(!1)},t=i.current?.ownerDocument??document;return t.addEventListener(`mousedown`,e),()=>t.removeEventListener(`mousedown`,e)},[n,r]),(0,Q.useEffect)(()=>{n&&(a.current=lo.findIndex(t=>t.id===e),a.current<0&&(a.current=0))},[n,e]);let o=(0,Q.useCallback)(e=>{if(e.key===`Escape`){r(!1);return}if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;a.current=(a.current+t+lo.length)%lo.length,(i.current?.querySelector(`[data-idx="${a.current}"]`))?.focus()}if(e.key===`Enter`){e.preventDefault();let n=lo[a.current];n&&(t(n.id),r(!1))}},[t,r]);return n?(0,$.jsxs)(`div`,{ref:i,role:`listbox`,"aria-label":`Permission modes`,onKeyDown:o,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:`absolute bottom-full left-0 mb-1 z-50 w-72 md:w-80 rounded-lg border border-border popover-solid shadow-[var(--shadow-panel)]`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-2 border-b border-border`,children:[(0,$.jsx)(`span`,{className:`text-xs font-medium text-text-secondary`,children:`Modes`}),(0,$.jsx)(`kbd`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-surface-elevated text-text-subtle border border-border`,children:`Shift + Tab`})]}),(0,$.jsx)(`div`,{className:`py-1`,children:lo.map((n,i)=>{let a=n.icon,o=n.id===e;return(0,$.jsxs)(`button`,{"data-idx":i,role:`option`,"aria-selected":o,tabIndex:0,onClick:()=>{t(n.id),r(!1)},className:`w-full flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-elevated focus:bg-surface-elevated focus:outline-none ${o?`bg-surface-elevated`:``}`,children:[(0,$.jsx)(a,{className:`size-4 mt-0.5 shrink-0 text-text-secondary`}),(0,$.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium text-text-primary`,children:n.label}),(0,$.jsx)(`div`,{className:`text-xs text-text-subtle leading-snug`,children:n.description})]}),o&&(0,$.jsx)(be,{className:`size-4 mt-0.5 shrink-0 text-primary`})]},n.id)})})]}):null}var mo=[{label:`Low`,value:`low`},{label:`Medium`,value:`medium`},{label:`High`,value:`high`,default:!0},{label:`Extra`,value:`xhigh`},{label:`Max`,value:`max`}];function ho(e){return e?mo.find(t=>t.value===e)?.label??e:``}function go(e,t){let n=ho(t);return n?`${e} · ${n}`:e}var _o=new Map,vo=300*1e3;function yo(e){return e.replace(/^Claude\s+/i,``)}var bo=mo.find(e=>e.default).value;function xo({model:e,effort:t,thinking:n,onModelChange:r,onEffortChange:i,onThinkingChange:a,projectName:o,providerId:s,disabled:c}){let l=JSON.stringify([o,s]),u=_o.get(l),[d,f]=(0,Q.useState)(null),p=d?.projectName===o&&d.providerId===s?d:u?{...u,error:!1}:null,m=p?.models??[],h=o&&s&&!p?`Loading models...`:p?.error?`Unable to load models`:m.length===0?`No models available`:null,[g,_]=(0,Q.useState)(!1),v=(0,Q.useRef)(null),y=Z();(0,Q.useEffect)(()=>{let e=!0;if(f(null),!g||!o||!s)return;let t=_o.get(l);if(!(t&&Date.now()<t.expiry))return K.get(`${G(o)}/chat/providers/${s}/models`).then(n=>{let r=n.length>0?n:t?.models??n;e&&n.length>0&&_o.set(l,{models:n,expiry:Date.now()+vo}),e&&f({projectName:o,providerId:s,models:r})}).catch(()=>{e&&f({projectName:o,providerId:s,models:t?.models??[],error:!t})}),()=>{e=!1}},[o,s,l,g]),(0,Q.useEffect)(()=>{c&&_(!1)},[c]),(0,Q.useEffect)(()=>{if(!g||y)return;let e=e=>{v.current&&!v.current.contains(e.target)&&_(!1)},t=v.current?.ownerDocument??document;return t.addEventListener(`mousedown`,e),()=>t.removeEventListener(`mousedown`,e)},[g,y]);let b=m.find(t=>t.value===e),x=b?yo(b.label):e?yo(e):`Model`,S=t??bo,C=m.length>0||!!h,w=go(x,S),ee=e=>{e(),y||_(!1)},T=(0,$.jsxs)(`div`,{className:`flex divide-x divide-border`,children:[C&&(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(So,{children:`Model`}),h&&(0,$.jsx)(`div`,{role:`status`,className:`px-3 py-2 text-xs text-text-secondary`,children:h}),m.map(t=>(0,$.jsxs)(wo,{active:t.value===e,onClick:()=>ee(()=>r(t.value)),children:[(0,$.jsx)(`span`,{className:`flex-1 truncate`,children:yo(t.label)}),t.value===e&&(0,$.jsx)(be,{className:`size-4 shrink-0 text-primary`})]},t.value))]}),(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(So,{children:`Effort`}),mo.map(e=>(0,$.jsxs)(wo,{active:e.value===S,onClick:()=>ee(()=>i(e.value)),children:[(0,$.jsxs)(`span`,{className:`flex-1 truncate`,children:[e.label,e.default&&(0,$.jsx)(`span`,{className:`ml-2 text-xs text-text-subtle`,children:`Default`})]}),e.value===S&&(0,$.jsx)(be,{className:`size-4 shrink-0 text-primary`})]},e.value)),(0,$.jsx)(Co,{}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>a(!n),className:`w-full flex items-center gap-3 px-3 min-h-[44px] text-left text-sm hover:bg-surface-elevated`,role:`switch`,"aria-checked":n,children:[(0,$.jsx)(ce,{className:`size-4 shrink-0`}),(0,$.jsx)(`span`,{className:`flex-1`,children:`Thinking`}),(0,$.jsx)(`span`,{className:`inline-flex h-5 w-9 items-center rounded-full transition-colors ${n?`bg-primary`:`bg-border`}`,children:(0,$.jsx)(`span`,{className:`h-4 w-4 rounded-full bg-white transition-transform ${n?`translate-x-4`:`translate-x-0.5`}`})})]})]})]});return(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsxs)(`button`,{type:`button`,disabled:c,onClick:e=>{e.stopPropagation(),c||_(e=>!e)},className:`inline-flex items-center gap-1.5 px-[9px] py-1 rounded-full text-[11.5px] text-primary bg-accent-wash border border-accent-wash-border hover:brightness-110 transition-[filter] disabled:opacity-50 disabled:cursor-default`,"aria-label":`Model ${x}, effort ${S}${n?`, thinking on`:``}`,title:c?`Can't change while running`:w,children:[(0,$.jsx)(k,{className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsx)(`span`,{className:`max-w-[140px] truncate`,children:w}),n&&(0,$.jsx)(ce,{className:`h-3 w-3 shrink-0`})]}),g&&!c&&(y?(0,$.jsx)(st,{open:g,onClose:()=>_(!1),children:(0,$.jsx)(`div`,{className:`px-1 pb-2`,children:T})}):(0,$.jsx)(`div`,{ref:v,role:`listbox`,"aria-label":`Model and thinking`,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:`absolute bottom-full left-0 mb-1 z-50 w-80 rounded-lg border border-border popover-solid shadow-[var(--shadow-panel)] max-h-[70vh] overflow-y-auto`,children:T}))]})}function So({children:e}){return(0,$.jsx)(`div`,{className:`px-3 py-1.5 text-xs font-medium text-text-secondary`,children:e})}function Co(){return(0,$.jsx)(`div`,{className:`my-1 border-t border-border`})}function wo({active:e,onClick:t,children:n}){return(0,$.jsx)(`button`,{type:`button`,onClick:t,className:`w-full flex items-center gap-3 px-3 min-h-[44px] text-left text-sm text-text-primary transition-colors hover:bg-surface-elevated ${e?`bg-surface-elevated`:``}`,children:n})}function To({promptCache:e}){let t=ta(e,$i());if(t.kind===`unknown`)return null;let n=t.kind===`cold`,r=t.kind===`cold`?aa(t.idleMs):oa(t.remainingMs),i;return i=t.kind===`cold`?t.reason===`compacted`?`Prompt cache does not cover the compacted conversation. Compacted ${r} ago, so your next message will re-cache it.`:`Prompt cache expired ${r} ago. Your next message re-sends ${t.contextTokens==null?`the whole transcript`:`about ${sa(t.contextTokens)} tokens`} at full price.`:`Prompt cache warm, about ${r.replace(/m$/,` min`)} left.`,(0,$.jsxs)(Ft,{children:[(0,$.jsx)(Ot,{asChild:!0,children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 px-[9px] py-1 rounded-full text-[11.5px] border transition-colors ${n?`text-error border-error/40 bg-error/10`:`text-text-2 bg-panel-2 border-border-soft`}`,children:[(0,$.jsx)(h,{className:`size-3`}),(0,$.jsx)(`span`,{className:`tabular-nums`,children:r})]})}),(0,$.jsx)(Mt,{side:`top`,className:`max-w-[240px] text-xs`,children:i})]})}async function Eo(e){try{let t=await new Promise((t,n)=>{let r=new FileReader;r.onload=()=>t(String(r.result??``)),r.onerror=()=>n(r.error),r.readAsDataURL(e)}),n=t.indexOf(`,`),r=n>=0?t.slice(n+1):``;return r?{data:r,mediaType:e.type||`image/png`}:void 0}catch{return}}var Do=(0,Q.memo)(function({tabId:e,draftReady:t=!0,onSend:n,isStreaming:r,onCancel:i,disabled:a,projectName:o,onSlashStateChange:s,onSlashItemsLoaded:c,slashSelected:l,onFileStateChange:u,onFileItemsLoaded:d,fileSelected:f,externalFiles:p,externalPaths:h,onExternalPathsConsumed:g,initialValue:v,clearSignal:y,restore:b,onContentChange:x,getUserHistory:S,autoFocus:C,permissionMode:w,onModeChange:ee,providerId:T,sessionId:te,onProviderChange:re,model:E,onModelChange:ie,effort:ae,onEffortChange:oe,thinking:D,onThinkingChange:O,promptCache:se,configurationPending:ce=!1}){let k=(0,Q.useRef)(v??``),[le,ue]=(0,Q.useState)(()=>(v??``).trim().length>0),[j,de]=(0,Q.useState)([]),[M,fe]=(0,Q.useState)(null),[pe,me]=(0,Q.useState)(!1),[he,ge]=(0,Q.useState)(!1),[N,P]=(0,Q.useState)(`next`),F=(0,Q.useRef)(null),I=(0,Q.useRef)(null),L=(0,Q.useRef)(null),_e=(0,Q.useRef)([]),ve=(0,Q.useRef)([]),z=(0,Q.useRef)(0),be=(0,Q.useRef)(!1),xe=(0,Q.useRef)(!1),Se=(0,Q.useRef)(typeof CSS>`u`||!CSS.supports(`field-sizing`,`content`)),V=(0,Q.useCallback)(e=>{k.current=e,F.current&&(F.current.value=e),I.current&&(I.current.value=e),ue(e.trim().length>0)},[]),H=(0,Q.useCallback)(()=>window.matchMedia(`(min-width: 768px)`).matches?F.current:I.current,[]),we=(0,Q.useRef)(-1),Te=(0,Q.useCallback)(e=>{let t=co(S?.()??[],we.current,e);if(!t)return!1;we.current=t.index;let{agent:n,text:r}=Ai(t.text);fe(n),V(r);let i=H();return i?(i.focus(),requestAnimationFrame(()=>{i.selectionStart=i.selectionEnd=r.length}),Se.current&&(i.style.height=`auto`,i.style.height=Math.min(i.scrollHeight,i===I.current?80:160)+`px`),!0):!0},[S,V,H]),Ee=Me(e=>e.voiceEngine),De=Ba(),ke=Ga(),Ae=Ee===`whisper`&&ke.supported,U=Ae?ke:De,W=Ae&&ke.isTranscribing,K=(0,Q.useRef)(``),je=(0,Q.useCallback)(e=>{let t=K.current;V(t?t+` `+e:e),Se.current&&requestAnimationFrame(()=>{let e=H();e&&(e.style.height=`auto`,e.style.height=Math.min(e.scrollHeight,160)+`px`)})},[V,H]),Ne=(0,Q.useCallback)(()=>{W||(U.isListening?U.stop():(K.current=k.current.trim(),U.start(je)))},[U.isListening,U.start,U.stop,je,W]),q=W?`Transcribing`:U.isListening?`Stop voice input`:`Start voice input`;(0,Q.useEffect)(()=>{let e=()=>{U.supported&&Wr(H())&&Ne()};return window.addEventListener(`toggle-voice-input`,e),()=>window.removeEventListener(`toggle-voice-input`,e)},[U.supported,Ne,H]),(0,Q.useEffect)(()=>{let t=t=>{let{text:i,label:o,targetTabId:s,autoSend:c}=t.detail??{};if(!i||(s?s!==e:!Wr(H())))return;let l=!!c&&!!s&&!a&&!r&&!k.current.trim()&&j.length===0;if(window.dispatchEvent(new CustomEvent(on,{detail:{sent:l}})),l){n(i,[]);return}let u={id:Pe(),name:o??`Terminal output`,file:new File([],`terminal-output.txt`),isImage:!1,textContent:i,status:`ready`};de(e=>[...e,u]),H()?.focus()};return window.addEventListener(an,t),()=>window.removeEventListener(an,t)},[H,e,a,r,j.length,n]),(0,Q.useEffect)(()=>{if(v&&!k.current){V(v);let e=setTimeout(()=>{let e=F.current;e&&(e.focus(),e.selectionStart=e.selectionEnd=e.value.length)},50);return()=>clearTimeout(e)}},[v]),(0,Q.useEffect)(()=>{let n=n=>{let i=n.detail;if(!t||a||r||k.current||j.length||M||!e||i?.projectName!==o||i.tabId&&i.tabId!==e||typeof i.text!=`string`)return;let s=Ge.getState();!(i.tabId?Object.values(s.panels).some(t=>t.activeTabId===e):s.panels[s.focusedPanelId]?.activeTabId===e)||document.hidden||(V(i.text),x?.(i.text),H()?.focus())};return window.addEventListener(`ppm:onboarding-prompt`,n),()=>window.removeEventListener(`ppm:onboarding-prompt`,n)},[t,a,r,j.length,M,e,o,x,V,H]),(0,Q.useEffect)(()=>{y&&V(``)},[y]),(0,Q.useEffect)(()=>{if(!b?.nonce||!b.text)return;let e=k.current,t=e.trim()?`${e}\n\n${b.text}`:b.text;V(t),x?.(t,j.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath})));let n=setTimeout(()=>{let e=H();e&&(e.focus(),e.selectionStart=e.selectionEnd=e.value.length)},50);return()=>clearTimeout(n)},[b?.nonce]),(0,Q.useEffect)(()=>{if(!C)return;let e=setTimeout(()=>{H()?.focus()},100);return()=>clearTimeout(e)},[]);let Fe=(0,Q.useRef)(0),Ie=(0,Q.useCallback)(()=>{let e=++Fe.current;if(ce)return;if(!o){_e.current=[],c?.([],[]);return}let t=ft(o,T);_e.current=t?.items??[],c?.(t?.items??[],t?.recentNames??[]),St(o,T,te).then(t=>{e===Fe.current&&(_e.current=t.items,c?.(t.items,t.recentNames))}).catch(()=>{})},[o,T,te,c,ce]);(0,Q.useEffect)(()=>{Ie();let e=At(()=>{if(!o)return;let e=ft(o,T);e&&!ce&&(_e.current=e.items,c?.(e.items,e.recentNames))}),t=setInterval(Ie,ut);return()=>{++Fe.current,e(),clearInterval(t)}},[Ie,o,T,c,ce]),(0,Q.useEffect)(()=>{let e=()=>{Ie()};return window.addEventListener(`ppm:slash-items-refresh`,e),()=>window.removeEventListener(`ppm:slash-items-refresh`,e)},[Ie,o]),(0,Q.useEffect)(()=>{let e=()=>{if(!o){ve.current=[],d?.([]);return}let e=tt.getState();if(xe.current&&e.indexStatus===`idle`&&qe.getState().activeProject?.name===o){e.loadIndex(o);return}let t=e.indexProjectName===o?e.fileIndex:[];ve.current=t,d?.(t)};e();let t=tt.getState().fileIndex,n=tt.getState().indexStatus;return tt.subscribe(r=>{(r.fileIndex!==t||r.indexStatus!==n)&&(t=r.fileIndex,n=r.indexStatus,e())})},[o]),(0,Q.useEffect)(()=>{if(!l)return;let e=H();if(!e)return;let t=e.value,n=e.selectionStart,r=t.slice(0,n),i=t.slice(n),a=e=>e.startsWith(`/`)?``:e[0];if(l.type===`agent`){let t=r.replace(/(?:^|\s)\/\S*$/,a);fe(l.name),V(t+i),s?.(!1,``),be.current=!1,e.focus(),setTimeout(()=>{e.selectionStart=e.selectionEnd=t.length},0);return}let o=r.replace(/(?:^|\s)\/\S*$/,e=>`${a(e)}${l.invokeSigil??`/`}${l.name} `);V(o+i),s?.(!1,``),be.current=!1,u?.(!1,``),xe.current=!1,e.focus(),setTimeout(()=>{e.selectionStart=e.selectionEnd=o.length},0)},[l]),(0,Q.useEffect)(()=>{if(!f)return;let e=H();if(!e)return;let t=e.value,n=e.selectionStart,r=t.slice(0,n),i=t.slice(n),a=r.match(/@(\S*)$/);if(a){let t=r.length-a[0].length;V(r.slice(0,t)+`@${f.path} `+i);let n=t+f.path.length+2;setTimeout(()=>{e.selectionStart=e.selectionEnd=n,e.focus()},0)}else{let n=t+`@${f.path} `;V(n),setTimeout(()=>{e.selectionStart=e.selectionEnd=n.length,e.focus()},0)}u?.(!1,``),xe.current=!1},[f]),(0,Q.useEffect)(()=>{!p||p.length===0||Re(p)},[p]),(0,Q.useEffect)(()=>{if(!h||h.length===0)return;let e=h.map(e=>`@${e}`).join(` `),t=k.current;V(t+(t.length>0&&!t.endsWith(` `)?` `:``)+e+` `),H()?.focus(),g?.()},[h]);let J=(0,Q.useCallback)(async e=>{if(!o)return;let t=e.split(/[\\/]/).pop();if(t)try{let e={},n=Oe();n&&(e.Authorization=`Bearer ${n}`),await fetch(`${G(o)}/chat/uploads/${encodeURIComponent(t)}`,{method:`DELETE`,headers:e})}catch{}},[o]),Le=(0,Q.useCallback)(async e=>{if(!o)return null;try{let t=new FormData;t.append(`files`,e);let n={},r=Oe();r&&(n.Authorization=`Bearer ${r}`);let i=await(await fetch(`${G(o)}/chat/upload`,{method:`POST`,headers:n,body:t})).json();return i.ok&&Array.isArray(i.data)&&i.data.length>0?i.data[0].path:null}catch{return null}},[o]),Re=(0,Q.useCallback)(async e=>{for(let t of e){let e=Pe(),n=io(t),r={id:e,name:t.name,file:t,isImage:n,previewUrl:n?URL.createObjectURL(t):void 0,status:`uploading`};de(e=>[...e,r]);try{let i=n?await no(t):null,a=i?.file??t,o=n&&a!==t?URL.createObjectURL(a):void 0,s=await Le(a),c=i&&i.kind!==`asis`?await Eo(a):void 0,l=!!c&&c.data.length<=Sn.maxBase64PerImage;o&&r.previewUrl&&URL.revokeObjectURL(r.previewUrl),de(t=>t.map(t=>t.id===e?{...t,file:a,...o&&{previewUrl:o},serverPath:s??void 0,imageData:l?c:void 0,resized:i?.to?{from:i.from,to:i.to}:void 0,status:s||l?`ready`:`error`}:t))}catch{de(t=>t.map(t=>t.id===e?{...t,status:`error`}:t))}}(I.current??F.current)?.focus()},[Le]),ze=(0,Q.useCallback)(e=>{de(t=>{let n=t.find(t=>t.id===e);return n?.previewUrl&&URL.revokeObjectURL(n.previewUrl),n?.serverPath&&J(n.serverPath),t.filter(t=>t.id!==e)})},[J]),Be=(0,Q.useCallback)(()=>{let e=k.current.trim(),t=j.filter(e=>e.status===`ready`);if(!e&&t.length===0&&!M){ge(!1);return}let i=M?`Use the ${M} agent to ${e}`.trimEnd():e;s?.(!1,``),be.current=!1,u?.(!1,``),xe.current=!1,U.isListening&&(Ae?ke.cancel():U.stop()),n(i,t,r?N:void 0),V(``);for(let e of j)e.previewUrl&&URL.revokeObjectURL(e.previewUrl);de([]),fe(null),ge(!1),P(`next`),we.current=-1,Se.current&&(F.current&&(F.current.style.height=`auto`),I.current&&(I.current.style.height=`auto`))},[j,M,n,s,u,r,N,V,U.isListening,U.stop,ke.cancel,Ae]),Ve=(0,Q.useCallback)(()=>{if(!a){if(j.some(e=>e.status===`uploading`)){(k.current.trim()||j.some(e=>e.status!==`error`))&&ge(!0);return}Be()}},[j,a,Be]);(0,Q.useEffect)(()=>{he&&(j.some(e=>e.status===`uploading`)||Be())},[he,j,Be]);let He=(0,Q.useCallback)(e=>{if(e.key===`Enter`&&!e.shiftKey){e.preventDefault(),Ve();return}if((e.key===`ArrowUp`||e.key===`ArrowDown`)&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey){if(!(we.current>=0)&&(e.key===`ArrowDown`||k.current!==``||M))return;Te(e.key===`ArrowUp`?1:-1)&&e.preventDefault();return}if(e.shiftKey&&e.key===`Tab`){e.preventDefault();let t=[`default`,`acceptEdits`,`plan`,`bypassPermissions`],n=t[(t.indexOf(w??`bypassPermissions`)+1)%t.length];ee?.(n)}},[Ve,w,ee,Te,M]),Ue=(0,Q.useCallback)((e,t)=>{let n=e.slice(0,t),r=n.includes(`/`),i=n.includes(`@`);if(!r&&!i){be.current&&=(s?.(!1,``),!1),xe.current&&=(u?.(!1,``),!1);return}if(r){let e=n.match(/(?:^|\s)\/(\S*)$/);if(e){be.current||Ie();let t=e[1]??``;s?.(!0,t),be.current=!0,xe.current&&=(u?.(!1,``),!1);return}}if(i){let e=n.match(/@(\S*)$/);if(e){let t=tt.getState();o&&(t.indexProjectName!==o||t.indexStatus===`idle`||t.indexStatus===`error`)&&t.loadIndex(o),u?.(!0,e[1]??``),xe.current=!0,be.current&&=(s?.(!1,``),!1);return}}be.current&&=(s?.(!1,``),!1),xe.current&&=(u?.(!1,``),!1)},[s,u,Ie,o]),We=(0,Q.useCallback)(e=>{let t=e.target,n=t.value;k.current=n,we.current=-1;let r=t===F.current?I.current:F.current;r&&(r.value=n),ue(n.trim().length>0),Ue(n,t.selectionStart),x?.(n,j.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath}))),Se.current&&(z.current&&cancelAnimationFrame(z.current),z.current=requestAnimationFrame(()=>{z.current=0,t.style.height=`auto`,t.style.height=Math.min(t.scrollHeight,t===I.current?80:160)+`px`}))},[Ue,x,j]),Y=(0,Q.useCallback)(e=>{let t=e.clipboardData?.items;if(!t)return;let n=[];for(let e of t)if(e.kind===`file`){let t=e.getAsFile();t&&n.push(t)}n.length>0&&(e.preventDefault(),Re(n))},[Re]),Ke=(0,Q.useCallback)(e=>{e.preventDefault();let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){let e=k.current;V(e+(e.length>0&&!e.endsWith(` `)?` `:``)+`@${t} `),H()?.focus();return}let n=Array.from(e.dataTransfer.files);n.length>0&&Re(n)},[Re,V,H]),Je=(0,Q.useCallback)(e=>{e.preventDefault()},[]),Ye=(0,Q.useCallback)(()=>{L.current?.click()},[]),Xe=(0,Q.useCallback)(e=>{let t=Array.from(e.target.files??[]);t.length>0&&Re(t),e.target.value=``},[Re]),Ze=le||j.some(e=>e.status!==`error`)||!!M,Qe=r&&!Ze;return(0,$.jsxs)(`div`,{"data-onboarding":`chat-input`,className:`p-2 md:p-3`,children:[(0,$.jsxs)(`div`,{className:`border border-border rounded-[var(--rad)] bg-panel shadow-[var(--shadow-float)] cursor-text`,onClick:e=>{a||e.target instanceof HTMLTextAreaElement||H()?.focus()},children:[M&&(0,$.jsx)(`div`,{className:`px-2 md:px-4 pt-2`,children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 rounded-md border border-sky-500/30 bg-sky-500/10 px-2 py-1 text-xs font-medium text-sky-600 dark:text-sky-400`,children:[(0,$.jsx)(ye,{className:`size-3.5 shrink-0`}),M,(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),fe(null),H()?.focus()},className:`shrink-0 rounded-sm p-0.5 hover:bg-sky-500/20 transition-colors`,"aria-label":`Remove ${M} agent`,children:(0,$.jsx)(_,{className:`size-3`})})]})}),(0,$.jsx)(oo,{attachments:j,onRemove:ze}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1 px-2 pt-2 md:hidden relative`,children:[!ce&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Oo,{mode:w??`bypassPermissions`,onClick:()=>me(e=>!e)}),(0,$.jsx)(po,{value:w??`bypassPermissions`,onChange:e=>ee?.(e),open:pe,onOpenChange:me})]}),re&&o&&(0,$.jsx)(Rt,{value:T??`claude`,onChange:re,projectName:o}),ie&&o&&(0,$.jsx)(xo,{model:E??null,effort:ae??null,thinking:D??!1,onModelChange:ie,onEffortChange:oe??(()=>{}),onThinkingChange:O??(()=>{}),projectName:o,providerId:T??`claude`,disabled:r}),r&&(0,$.jsx)(Ao,{value:N,onChange:P}),(0,$.jsx)(To,{promptCache:se??null})]}),(0,$.jsxs)(`div`,{className:`flex items-end gap-1 md:hidden px-2 py-2`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Ye()},disabled:a,className:`flex items-center justify-center size-8 shrink-0 rounded-[10px] text-text-3 hover:text-text-primary transition-colors disabled:opacity-50`,"aria-label":`Attach file`,children:(0,$.jsx)(m,{className:`size-4`})}),(0,$.jsx)(`textarea`,{ref:I,defaultValue:v??``,onChange:We,onKeyDown:He,onPaste:Y,onDrop:Ke,onDragOver:Je,placeholder:r?`Follow-up...`:`Ask anything...`,disabled:a,rows:1,className:`flex-1 resize-none bg-transparent py-1.5 text-sm text-foreground placeholder:text-text-subtle focus:outline-none disabled:opacity-50 max-h-20 [field-sizing:content]`}),U.supported&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Ne()},disabled:a||W,className:`flex items-center justify-center size-8 shrink-0 rounded-[10px] transition-colors disabled:opacity-50 ${U.isListening?`bg-error text-white animate-pulse`:`text-text-3 hover:text-text-primary`}`,"aria-label":q,children:W?(0,$.jsx)(R,{className:`size-4 animate-spin`}):U.isListening?(0,$.jsx)(ne,{className:`size-4`}):(0,$.jsx)(B,{className:`size-4`})}),Qe?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),i?.()},className:`flex items-center justify-center size-9 shrink-0 rounded-[11px] bg-error text-white hover:bg-error/80 shadow-[var(--shadow-float)] transition-colors`,"aria-label":`Stop`,children:(0,$.jsx)(Ce,{className:`size-3.5`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),he?ge(!1):Ve()},disabled:a||!Ze,className:`flex items-center justify-center size-9 shrink-0 rounded-[11px] bg-primary text-primary-foreground hover:bg-primary/90 shadow-[var(--shadow-float)] disabled:opacity-30 disabled:shadow-none transition-colors`,"aria-label":he?`Cancel queued send`:`Send`,children:he?(0,$.jsx)(R,{className:`size-4 animate-spin`}):(0,$.jsx)(A,{className:`size-4`})})]}),(0,$.jsxs)(`div`,{className:`hidden md:block`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 px-2.5 pt-2.5`,children:[!ce&&(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(Oo,{mode:w??`bypassPermissions`,onClick:()=>me(e=>!e)}),(0,$.jsx)(po,{value:w??`bypassPermissions`,onChange:e=>ee?.(e),open:pe,onOpenChange:me})]}),re&&o&&(0,$.jsx)(Rt,{value:T??`claude`,onChange:re,projectName:o}),ie&&o&&(0,$.jsx)(xo,{model:E??null,effort:ae??null,thinking:D??!1,onModelChange:ie,onEffortChange:oe??(()=>{}),onThinkingChange:O??(()=>{}),projectName:o,providerId:T??`claude`,disabled:r}),r&&(0,$.jsx)(Ao,{value:N,onChange:P}),(0,$.jsx)(To,{promptCache:se??null})]}),(0,$.jsxs)(`div`,{className:`flex items-end gap-2 px-2.5 py-2`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Ye()},disabled:a,className:`flex items-center justify-center size-[34px] shrink-0 rounded-[10px] text-text-3 hover:text-text-primary hover:bg-surface-elevated transition-colors disabled:opacity-50`,"aria-label":`Attach file`,children:(0,$.jsx)(m,{className:`size-[17px]`})}),(0,$.jsx)(`textarea`,{ref:F,defaultValue:v??``,onChange:We,onKeyDown:He,onPaste:Y,onDrop:Ke,onDragOver:Je,placeholder:r?`Follow-up or Stop...`:`Ask anything...`,disabled:a,rows:1,className:`flex-1 resize-none bg-transparent py-2 text-sm text-foreground placeholder:text-text-subtle focus:outline-none disabled:opacity-50 max-h-[90px] leading-relaxed [field-sizing:content]`}),U.supported&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Ne()},disabled:a||W,className:`flex items-center justify-center size-[34px] shrink-0 rounded-[10px] transition-colors disabled:opacity-50 ${U.isListening?`bg-error text-white animate-pulse`:`text-text-3 hover:text-text-primary hover:bg-surface-elevated`}`,"aria-label":q,children:W?(0,$.jsx)(R,{className:`size-[17px] animate-spin`}):U.isListening?(0,$.jsx)(ne,{className:`size-[17px]`}):(0,$.jsx)(B,{className:`size-[17px]`})}),Qe?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),i?.()},className:`flex items-center justify-center size-9 shrink-0 rounded-[11px] bg-error text-white hover:bg-error/80 shadow-[var(--shadow-float)] transition-colors`,"aria-label":`Stop response`,children:(0,$.jsx)(Ce,{className:`size-4`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),he?ge(!1):Ve()},disabled:a||!Ze,className:`flex items-center justify-center size-9 shrink-0 rounded-[11px] bg-primary text-primary-foreground hover:bg-primary/90 shadow-[var(--shadow-float)] disabled:opacity-30 disabled:cursor-not-allowed disabled:shadow-none transition-colors`,"aria-label":he?`Cancel queued send`:`Send message`,children:he?(0,$.jsx)(R,{className:`size-4 animate-spin`}):(0,$.jsx)(A,{className:`size-[17px]`})})]})]})]}),(0,$.jsx)(`input`,{ref:L,type:`file`,multiple:!0,className:`hidden`,onChange:Xe})]})});function Oo({mode:e,onClick:t}){let n=fo(e),r=uo(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),t()},className:`inline-flex items-center gap-1.5 px-[9px] py-1 rounded-full text-[11.5px] text-text-2 bg-panel-2 border border-border-soft hover:text-text-primary hover:border-border transition-colors`,"aria-label":`Permission mode: ${r}`,children:[(0,$.jsx)(n,{className:`size-3`}),(0,$.jsx)(`span`,{className:`max-w-[100px] truncate`,children:r})]})}var ko=[{value:`now`,label:`Interrupt`,Icon:T},{value:`next`,label:`Queue`,Icon:le},{value:`later`,label:`Later`,Icon:h}];function Ao({value:e,onChange:t}){let n=(0,Q.useCallback)(()=>{let n=[`next`,`later`,`now`];t(n[(n.indexOf(e)+1)%n.length])},[e,t]),r=ko.find(t=>t.value===e)??ko[1],i=r.Icon;return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),n()},className:`inline-flex items-center gap-1.5 px-[9px] py-1 rounded-full text-[11.5px] text-text-2 bg-panel-2 border border-border-soft hover:text-text-primary hover:border-border transition-colors`,"aria-label":`Message priority: ${r.label}`,title:`Priority: ${r.label} (click to cycle)`,children:[(0,$.jsx)(i,{className:`size-3`}),(0,$.jsx)(`span`,{children:r.label})]})}function jo(e,t){if(e===t)return 0;if(e.length===0)return t.length;if(t.length===0)return e.length;let n=Array.from({length:t.length+1},(e,t)=>t),r=Array(t.length+1);for(let i=1;i<=e.length;i++){r[0]=i;for(let a=1;a<=t.length;a++){let o=e[i-1]===t[a-1]?0:1;r[a]=Math.min(r[a-1]+1,n[a]+1,n[a-1]+o)}[n,r]=[r,n]}return n[t.length]}function Mo(e,t){let n=e.toLowerCase(),r=t.toLowerCase();if(r.startsWith(n))return{rank:0,distance:0};if(r.includes(n))return{rank:1,distance:r.indexOf(n)};let i=Math.max(Math.floor(n.length*.4),2),a=jo(n,r.slice(0,n.length+i));return a<=i?{rank:2,distance:a}:null}var No=1;function Po(e,t,n=20,r=[]){if(!t)return e;t=t.slice(0,50);let i=new Map(r.map((e,t)=>[e,t])),a=[];for(let n of e){let e=Mo(t,n.name),o=[e,Mo(t,n.description)].filter(e=>e!==null).sort((e,t)=>e.rank-t.rank||e.distance-t.distance)[0];if(o){let t=i.get(n.name),s=t!==void 0&&e?.rank===o.rank;a.push({item:n,rank:o.rank-(s?No:0),distance:o.distance,recency:t??r.length})}}return a.sort((e,t)=>e.rank-t.rank||e.recency-t.recency||e.distance-t.distance||e.item.name.localeCompare(t.item.name)),a.slice(0,n).map(e=>e.item)}function Fo({items:e,filter:t,onSelect:n,onClose:r,visible:i,recentNames:a=[],projectName:o}){let[s,c]=(0,Q.useState)(0),[l,u]=(0,Q.useState)(!1),d=(0,Q.useRef)(null),f=(0,Q.useMemo)(()=>new Set(a),[a]),p=(0,Q.useMemo)(()=>{if(t)return{items:Po(e,t,20,a),recentCount:0};if(a.length>0){let t=[],n=[];for(let r of e)f.has(r.name)?t.push(r):n.push(r);return t.sort((e,t)=>a.indexOf(e.name)-a.indexOf(t.name)),{items:[...t,...n],recentCount:t.length}}return{items:e,recentCount:0}},[e,t,a,f]),m=p.items,g=p.recentCount;(0,Q.useEffect)(()=>{c(0)},[t]),(0,Q.useEffect)(()=>{let e=d.current;e&&e.children[s]?.scrollIntoView({block:`nearest`})},[s]);let _=(0,Q.useCallback)(e=>{if(!i||m.length===0)return!1;switch(e.key){case`ArrowUp`:return e.preventDefault(),c(e=>e>0?e-1:m.length-1),!0;case`ArrowDown`:return e.preventDefault(),c(e=>e<m.length-1?e+1:0),!0;case`Enter`:case`Tab`:return e.preventDefault(),m[s]&&n(m[s]),!0;case`Escape`:return e.preventDefault(),r(),!0}return!1},[i,m,s,n,r]);(0,Q.useEffect)(()=>{if(!i)return;let e=e=>{_(e)&&e.stopPropagation()},t=d.current?.ownerDocument??document;return t.addEventListener(`keydown`,e,!0),()=>t.removeEventListener(`keydown`,e,!0)},[i,_]);let v=(0,Q.useCallback)(()=>{!o||l||(u(!0),K.del(`${G(o)}/chat/slash-items/cache`).then(()=>{zt(o),Ee(ke(De(He(o)),`claude`)),window.dispatchEvent(new CustomEvent(`ppm:slash-items-refresh`))}).finally(()=>u(!1)))},[o,l]);return!i||m.length===0?null:(0,$.jsx)(`div`,{className:`max-h-52 overflow-y-auto overflow-x-hidden border-b border-border bg-surface`,children:(0,$.jsx)(`div`,{ref:d,className:`py-1`,children:m.map((e,t)=>{let r=g>0&&t===0,i=g>0&&t===g;return(0,$.jsxs)(`div`,{children:[r&&(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-3 pt-1 pb-0.5`,children:[(0,$.jsxs)(`span`,{className:`text-[10px] font-medium text-text-subtle uppercase tracking-wider flex items-center gap-1`,children:[(0,$.jsx)(h,{className:`size-3`}),`Recent`]}),o&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),v()},className:`text-text-subtle hover:text-text-primary transition-colors p-0.5 rounded`,title:`Refresh skill list`,"aria-label":`Refresh skill list`,children:(0,$.jsx)(pe,{className:`size-3 ${l?`animate-spin`:``}`})})]}),i&&(0,$.jsx)(`div`,{className:`px-3 pt-1.5 pb-0.5`,children:(0,$.jsx)(`span`,{className:`text-[10px] font-medium text-text-subtle uppercase tracking-wider`,children:`All`})}),(0,$.jsxs)(`button`,{className:`flex items-start gap-3 w-full px-3 py-2 text-left transition-colors ${t===s?`bg-primary/10 text-primary`:`hover:bg-surface-hover text-text-primary`}`,onMouseEnter:()=>c(t),onClick:()=>n(e),children:[(0,$.jsx)(`span`,{className:`shrink-0 mt-0.5`,children:e.iconDataUri?(0,$.jsx)(`img`,{src:e.iconDataUri,alt:``,className:`size-4 object-contain`}):e.type===`builtin`?(0,$.jsx)(T,{className:`size-4 text-emerald-500`}):e.type===`skill`?(0,$.jsx)(k,{className:`size-4 text-warning`}):e.type===`agent`?(0,$.jsx)(ye,{className:`size-4 text-sky-500`}):(0,$.jsx)(he,{className:`size-4 text-primary`})}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-baseline gap-2 min-w-0`,children:[(0,$.jsxs)(`span`,{className:`font-medium text-sm truncate`,children:[e.invokeSigil??`/`,e.name]}),e.displayName&&e.displayName!==e.name&&(0,$.jsx)(`span`,{className:`text-xs text-text-2 truncate`,children:e.displayName}),e.argumentHint&&(0,$.jsx)(`span`,{className:`text-xs text-text-subtle truncate`,children:e.argumentHint}),(0,$.jsx)(`span`,{className:`text-xs text-text-subtle capitalize ml-auto shrink-0 whitespace-nowrap`,children:e.invokeSigil===`$`?`Codex`:e.scope===`bundled`?`PPM`:e.scope===`user`?`global`:e.type})]}),e.description&&(0,$.jsx)(`p`,{className:`text-xs text-text-subtle mt-0.5 line-clamp-2 break-words`,children:e.description})]})]})]},`${e.type}-${e.name}`)})})})}function Io({items:e,filter:t,onSelect:n,onClose:r,visible:i}){let[a,o]=(0,Q.useState)(0),s=(0,Q.useRef)(null),c=(()=>{if(!t)return e.slice(0,50);let n=t.toLowerCase();return e.filter(e=>e.path.toLowerCase().includes(n)||e.name.toLowerCase().includes(n)).slice(0,50)})();(0,Q.useEffect)(()=>{o(0)},[t]),(0,Q.useEffect)(()=>{let e=s.current;e&&e.children[a]?.scrollIntoView({block:`nearest`})},[a]);let u=(0,Q.useCallback)(e=>{if(!i||c.length===0)return!1;switch(e.key){case`ArrowUp`:return e.preventDefault(),o(e=>e>0?e-1:c.length-1),!0;case`ArrowDown`:return e.preventDefault(),o(e=>e<c.length-1?e+1:0),!0;case`Enter`:case`Tab`:return e.preventDefault(),c[a]&&n(c[a]),!0;case`Escape`:return e.preventDefault(),r(),!0}return!1},[i,c,a,n,r]);return(0,Q.useEffect)(()=>{if(!i)return;let e=e=>{u(e)&&e.stopPropagation()},t=s.current?.ownerDocument??document;return t.addEventListener(`keydown`,e,!0),()=>t.removeEventListener(`keydown`,e,!0)},[i,u]),!i||c.length===0?null:(0,$.jsx)(`div`,{className:`max-h-52 overflow-y-auto border-b border-border bg-surface`,children:(0,$.jsx)(`div`,{ref:s,className:`py-1`,children:c.map((e,t)=>(0,$.jsxs)(`button`,{className:`flex items-center gap-2 w-full px-3 py-1.5 text-left transition-colors ${t===a?`bg-primary/10 text-primary`:`hover:bg-surface-hover text-text-primary`}`,onMouseEnter:()=>o(t),onClick:()=>n(e),children:[(0,$.jsx)(`span`,{className:`shrink-0`,children:e.type===`directory`?(0,$.jsx)(l,{className:`size-4 text-warning`}):(0,$.jsx)(j,{className:`size-4 text-primary`})}),(0,$.jsx)(`span`,{className:`text-sm truncate`,children:e.path})]},e.path))})})}var Lo=e=>`${(e/1048576).toFixed(2)} MB`;function Ro(e){return e>=1048576?`${(e/1048576).toFixed(1)} MB`:`${Math.max(1,Math.round(e/1024))} KB`}function zo(){let e=null;for(let t of document.querySelectorAll(`.overflow-y-auto`))t.clientHeight<100||!t.querySelector(`[data-msg-index]`)||(!e||t.scrollHeight>e.scrollHeight)&&(e=t);let t=[];e&&(t.push(`Rendered messages: ${e.querySelectorAll(`[data-msg-index]`).length}`),t.push(`Transcript DOM nodes: ${e.querySelectorAll(`*`).length}`),t.push(`Transcript height: ${Math.round(e.scrollHeight)}px`));let n=performance.memory;return n&&t.push(`JS heap (page): ${(n.usedJSHeapSize/1048576).toFixed(1)} MB`),t}function Bo({sessionId:e,projectName:t}){let[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{let n=!0;return K.get(`${G(t)}/chat/sessions/${e}/images?project=${encodeURIComponent(t)}`).then(e=>{n&&r(e)}).catch(e=>{n&&a(e.message)}),()=>{n=!1}},[e,t]);let u=(n,i=!1)=>{s(n),a(null),K.post(`${G(t)}/chat/sessions/${e}/images/strip?project=${encodeURIComponent(t)}`,{mode:n,includeAttachments:i}).then(e=>{r(e.remaining),l({removed:e.removed,bytes:e.bytesFreed})}).catch(e=>a(e.message)).finally(()=>s(null))};return i&&!n?(0,$.jsx)(`p`,{className:`text-[11px] text-error`,children:i}):n?(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,$.jsx)(`h3`,{className:`text-xs font-semibold text-foreground`,children:`Transcript images`}),n.total===0?(0,$.jsxs)(`p`,{className:`text-[11px] text-text-subtle`,children:[`No images in this transcript`,c?` — it is clean.`:`.`]}):(0,$.jsxs)(`p`,{className:`text-[11px] text-text-secondary`,children:[n.total,` image`,n.total===1?``:`s`,` · `,Ro(n.bytes),` of base64, replayed on every turn`,n.attachments>0&&` · ${n.attachments} attached by you`,`.`]}),n.oversized>0&&(0,$.jsxs)(`div`,{className:`flex gap-2 rounded-md border border-warning/40 bg-warning/10 p-2 text-[11px] text-text-secondary`,children:[(0,$.jsx)(C,{className:`mt-px size-3.5 shrink-0 text-warning`}),(0,$.jsxs)(`span`,{children:[n.oversized,` image`,n.oversized===1?` reaches`:`s reach`,` the `,n.limit,`px limit (largest `,n.largestSide,`px). Once a request carries several images the API rejects those outright, which fails the whole turn — removing them loses no context.`]})]}),n.oversizedAttachments>0&&(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md border border-error/40 bg-error/10 p-2 text-[11px] text-text-secondary`,children:[(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(C,{className:`mt-px size-3.5 shrink-0 text-error`}),(0,$.jsxs)(`span`,{children:[n.oversizedAttachments,` of those `,n.oversizedAttachments===1?`is an image you`:`are images you`,` `,`attached yourself, so the buttons below leave `,n.oversizedAttachments===1?`it`:`them`,` in place. While `,n.oversizedAttachments===1?`it stays`:`they stay`,`, every turn in this session keeps failing. Removing `,n.oversizedAttachments===1?`it`:`them`,` cannot be undone: an attachment PPM sent keeps a copy on disk with its path still in the message, but one from another client does not.`]})]}),(0,$.jsxs)(rt,{size:`sm`,variant:`destructive`,disabled:o!==null,onClick:()=>u(`oversized`,!0),children:[o===`oversized`?(0,$.jsx)(R,{className:`size-3.5 animate-spin`}):(0,$.jsx)(y,{className:`size-3.5`}),`Remove oversized, attachments included`]})]}),c&&(0,$.jsxs)(`p`,{className:`text-[11px] text-success`,children:[`Removed `,c.removed,` image`,c.removed===1?``:`s`,`, freed `,Ro(c.bytes),`.`]}),i&&(0,$.jsx)(`p`,{className:`text-[11px] text-error`,children:i}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5 sm:flex-row`,children:[(0,$.jsxs)(rt,{size:`sm`,variant:`outline`,className:`flex-1`,disabled:o!==null||n.oversized===0,onClick:()=>u(`oversized`),children:[o===`oversized`?(0,$.jsx)(R,{className:`size-3.5 animate-spin`}):(0,$.jsx)(y,{className:`size-3.5`}),`Remove oversized`,n.oversized>0?` (${n.oversized} · ${Ro(n.oversizedBytes)})`:``]}),(0,$.jsxs)(rt,{size:`sm`,variant:`destructive`,className:`flex-1`,disabled:o!==null||n.total===0,onClick:()=>u(`all`),children:[o===`all`?(0,$.jsx)(R,{className:`size-3.5 animate-spin`}):(0,$.jsx)(y,{className:`size-3.5`}),`Remove all`,n.total>0?` (${n.total} · ${Ro(n.bytes)})`:``]})]}),(0,$.jsx)(`p`,{className:`text-[11px] text-text-subtle`,children:`These two buttons cover tool images only, and leave anything you attached alone. A removed tool image is replaced by its placeholder text; the chat still shows the file, re-read from disk.`})]}):(0,$.jsx)(`p`,{className:`text-[11px] text-text-subtle`,children:`Scanning transcript for images...`})}function Vo({sessionId:e,projectName:t}){let[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(null);if((0,Q.useEffect)(()=>{let n=!0;return K.get(`${G(t)}/chat/sessions/${e}/usage?project=${encodeURIComponent(t)}`).then(e=>{n&&r(e.turns)}).catch(e=>{n&&a(e.message)}),()=>{n=!1}},[e,t]),i)return(0,$.jsx)(`p`,{className:`text-[11px] text-error`,children:i});if(!n)return(0,$.jsx)(`p`,{className:`text-[11px] text-text-subtle`,children:`Loading token history...`});if(n.length===0)return(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,$.jsx)(`h3`,{className:`text-xs font-semibold text-foreground`,children:`Token & cache`}),(0,$.jsx)(`p`,{className:`text-[11px] text-text-subtle`,children:`No turns recorded yet. Send a message and the token split for each turn shows up here.`})]});let o=n.filter(e=>e.usage.coldStart).length,s=n.reduce((e,t)=>e+t.usage.costUsd,0),c=n.reduce((e,t)=>e+Rn(t.usage),0),l=new Set(n.map(e=>e.usage.accountId).filter(Boolean)).size;return(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,$.jsx)(`h3`,{className:`text-xs font-semibold text-foreground`,children:`Token & cache`}),(0,$.jsxs)(`p`,{className:`text-[11px] text-text-secondary`,children:[`Last `,n.length,` turn`,n.length===1?``:`s`,` · `,o,` restarted the session ·`,` `,Kn(c),` of transcript re-sent uncached · $`,s.toFixed(2),l>1&&` · spread over ${l} accounts`]}),(0,$.jsx)(`div`,{className:`max-h-[30vh] overflow-y-auto rounded-md border border-border`,children:(0,$.jsxs)(`table`,{className:`w-full font-mono text-[10.5px]`,children:[(0,$.jsx)(`thead`,{className:`sticky top-0 bg-surface text-text-subtle`,children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{className:`px-2 py-1 text-left font-normal`,children:`When`}),(0,$.jsx)(`th`,{className:`px-2 py-1 text-left font-normal`,children:`Account`}),(0,$.jsx)(`th`,{className:`px-2 py-1 text-right font-normal`,children:`Prefix`}),(0,$.jsx)(`th`,{className:`px-2 py-1 text-right font-normal`,children:`Cached`}),(0,$.jsx)(`th`,{className:`px-2 py-1 text-right font-normal`,children:`Cost`}),(0,$.jsx)(`th`,{className:`px-2 py-1 text-left font-normal`,children:`Start`})]})}),(0,$.jsx)(`tbody`,{children:n.map(e=>{let t=Math.round(e.usage.cacheHitRate*100),n=Hn(e.usage).level;return(0,$.jsxs)(`tr`,{className:`border-t border-border`,children:[(0,$.jsx)(`td`,{className:`px-2 py-1 text-text-subtle`,children:e.recordedAt.slice(11,16)||e.recordedAt.slice(0,10)}),(0,$.jsx)(`td`,{className:`max-w-24 truncate px-2 py-1 text-text-subtle`,title:e.usage.accountLabel??e.usage.accountId??``,children:e.usage.accountLabel??e.usage.accountId?.slice(0,8)??`—`}),(0,$.jsx)(`td`,{className:`px-2 py-1 text-right text-text-secondary`,children:Kn(Ln(e.usage))}),(0,$.jsxs)(`td`,{className:`px-2 py-1 text-right ${n===`bad`?`text-warning`:n===`warn`?`text-text-primary`:`text-success`}`,children:[t,`%`]}),(0,$.jsxs)(`td`,{className:`px-2 py-1 text-right text-text-secondary`,children:[`$`,e.usage.costUsd.toFixed(3)]}),(0,$.jsx)(`td`,{className:`px-2 py-1 text-text-subtle`,children:e.usage.coldStart?e.usage.coldReason??`cold`:`warm`})]},e.id)})})]})}),(0,$.jsxs)(`p`,{className:`text-[11px] text-text-subtle`,children:[`A high "Cached" share is the cheap case. A turn marked `,(0,$.jsx)(`code`,{children:`idle_timeout`}),` paid for the whole transcript again because the session sat idle with no tab open long enough for PPM to release its subprocess. The cache is scoped per account, so a turn on a different account starts cold no matter how the session was resumed.`]})]})}function Ho({sessionId:e,projectName:t,open:n,onOpenChange:r}){let[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(!1),c=Z();(0,Q.useEffect)(()=>{n&&(s(!1),a(null),K.get(`${G(t)}/chat/sessions/${e}/debug?project=${encodeURIComponent(t)}`).then(e=>{let t=e.jsonlSizeBytes==null?``:` (${Lo(e.jsonlSizeBytes)}${e.jsonlLines==null?``:`, ${e.jsonlLines} records`})`;a([`PPM Session: ${e.ppmSessionId}`,`SDK Session: ${e.sdkSessionId}`,e.jsonlPath?`JSONL: ${e.jsonlPath}${t}`:`JSONL: not found`,e.projectPath?`Project: ${e.projectPath}`:null,...zo()].filter(Boolean).join(`
+`))}).catch(()=>a(`Failed to load debug info`)))},[n,e,t]);let l=(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsxs)(`h2`,{className:`flex items-center gap-2 text-sm font-semibold text-foreground`,children:[(0,$.jsx)(Se,{className:`size-4 text-primary`}),`Session debug info`]}),(0,$.jsx)(`pre`,{className:`max-h-[35vh] overflow-y-auto whitespace-pre-wrap break-all rounded-md border border-border bg-surface p-2.5 font-mono text-[11px] leading-relaxed text-text-secondary select-text`,children:i??`Loading...`}),(0,$.jsx)(rt,{size:`sm`,onClick:()=>{i&&bt(i).then(e=>{e&&(s(!0),setTimeout(()=>s(!1),1500))})},disabled:!i,className:`w-full`,children:o?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(f,{className:`size-3.5`}),` Copied!`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(F,{className:`size-3.5`}),` Copy`]})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)(Vo,{sessionId:e,projectName:t})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)(Bo,{sessionId:e,projectName:t})})]});return c?(0,$.jsx)(st,{open:n,onClose:()=>r(!1),className:`popover-solid`,children:(0,$.jsx)(`div`,{className:`max-h-[85vh] overflow-y-auto px-4 pb-4 pt-1`,children:l})}):(0,$.jsx)(ot,{open:n,onOpenChange:r,children:(0,$.jsxs)(it,{className:`sm:max-w-lg`,children:[(0,$.jsx)(at,{className:`sr-only`,children:`Session debug info`}),l]})})}function Uo({hasUnread:e,onToggleUnread:t,onOpenDebug:n}){return(0,$.jsxs)(Ht,{children:[(0,$.jsx)(lt,{asChild:!0,children:(0,$.jsx)(`button`,{type:`button`,className:`flex items-center justify-center size-5 rounded text-text-subtle hover:text-text-secondary hover:bg-surface-elevated transition-colors`,title:`More actions`,"aria-label":`More actions`,children:(0,$.jsx)(a,{className:`size-3.5`})})}),(0,$.jsxs)(Bt,{align:`end`,side:`top`,className:`min-w-[190px]`,children:[(0,$.jsx)(xt,{onClick:t,className:`max-md:py-3`,children:e?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(de,{className:`size-3.5 text-warning`}),` Mark as read`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(V,{className:`size-3.5 fill-current text-primary`}),` Mark as unread`]})}),(0,$.jsxs)(xt,{onClick:n,className:`max-md:py-3`,children:[(0,$.jsx)(Se,{className:`size-3.5`}),` Session debug info`]})]})]})}function Wo({title:e,meta:t,onClose:n,onReload:r,reloading:i,error:a,onDismissError:o,cardCount:s,children:c,fallback:l,footer:u}){let[d,f]=(0,Q.useState)(!1),p=s||1,m=Math.ceil(Math.sqrt(p)),h=Math.ceil(p/m);return(0,$.jsxs)(`div`,{className:`relative border-b border-border bg-surface px-3 py-2.5 ${d?`fixed inset-0 z-50 flex flex-col gap-2.5 overflow-hidden`:`space-y-2.5 max-h-[350px] overflow-y-auto`}`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between shrink-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-xs font-semibold text-text-primary`,children:e}),t]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsxs)(Ft,{children:[(0,$.jsx)(Ot,{asChild:!0,children:(0,$.jsxs)(`button`,{onClick:()=>Ct(`accounts`),className:`flex items-center gap-1 text-[10px] text-text-subtle hover:text-text-primary px-1 cursor-pointer`,children:[`Manage accounts `,(0,$.jsx)(ue,{className:`size-3`})]})}),(0,$.jsx)(Mt,{side:`top`,children:`Add, remove or rotate accounts`})]}),s>0&&(0,$.jsxs)(Ft,{children:[(0,$.jsx)(Ot,{asChild:!0,children:(0,$.jsx)(`button`,{onClick:()=>f(e=>!e),className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,"aria-label":d?`Exit fullscreen`:`Fullscreen view`,children:d?(0,$.jsx)(xe,{className:`size-3`}):(0,$.jsx)(M,{className:`size-3`})})}),(0,$.jsx)(Mt,{side:`top`,children:d?`Exit fullscreen`:`Fullscreen view`})]}),r&&(0,$.jsxs)(Ft,{children:[(0,$.jsx)(Ot,{asChild:!0,children:(0,$.jsx)(`button`,{onClick:r,disabled:i,className:`text-xs text-text-subtle hover:text-text-primary px-1 disabled:opacity-50 cursor-pointer`,"aria-label":`Refresh usage`,children:(0,$.jsx)(pe,{className:`size-3 ${i?`animate-spin`:``}`})})}),(0,$.jsx)(Mt,{side:`top`,children:`Refresh`})]}),(0,$.jsx)(`button`,{onClick:()=>{f(!1),n()},className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,"aria-label":`Close usage panel`,children:(0,$.jsx)(_,{className:`size-3`})})]})]}),a&&(0,$.jsxs)(`div`,{className:`shrink-0 flex items-start gap-2 rounded border border-error/40 bg-error/10 px-2 py-1.5 text-[11px] text-error`,children:[(0,$.jsx)(`span`,{className:`flex-1`,children:a}),o&&(0,$.jsx)(`button`,{onClick:o,className:`shrink-0 text-error/70 hover:text-error cursor-pointer`,"aria-label":`Dismiss`,children:(0,$.jsx)(_,{className:`size-3`})})]}),s>0?(0,$.jsx)(`div`,{className:d?`flex-1 min-h-0 grid gap-2 overflow-hidden`:`flex gap-2 overflow-x-auto pb-1 -mx-3 px-3 snap-x snap-mandatory scrollbar-thin`,style:d?{gridTemplateColumns:`repeat(${m}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${h}, minmax(0, 1fr))`}:void 0,children:c(d?`grid`:`strip`)}):l,u&&!d&&u]})}function Go(e){return Math.round((e??0)*100)>=100}function Ko({usage:e,visible:t,onClose:n,onReload:r,loading:i,lastFetchedAt:a,onSelectAccount:o,selectedAccountId:s}){let[c,l]=(0,Q.useState)(null),{usages:u,accounts:d,activeAccountId:f,initialLoading:p,refreshing:m,flashIds:h,reload:g,toggle:_,togglingId:v}=fn(t),[y,b]=(0,Q.useState)(null),[x,S]=(0,Q.useState)(null);if(!t)return null;let C=new Map(d.map(e=>[e.id,e]));function w(e,t){if(e){if(e.status===`disabled`)return`Disabled`;if(e.reauthRequired)return`Sign in again to use this account`;if(!e.hasRefreshToken&&e.expiresAt&&e.expiresAt<Math.floor(Date.now()/1e3))return`Token expired — sign in again`}let n=t?.usage.session;if(Go(n?.utilization))return`5-hour limit reached${n?.resetsAt?` — resets ${bn(n)}`:``}`;let r=t?.usage.weekly;return Go(r?.utilization)?`Weekly limit reached${r?.resetsAt?` — resets ${bn(r)}`:``}`:null}async function ee(e,t){b(await _(e,t))}async function T(e){if(!o)return;let t=w(C.get(e),u.find(t=>t.accountId===e));if(t){b(`Cannot switch to this account — ${t.toLowerCase()}.`);return}l(e),b(null);try{b(await o(e,u.find(t=>t.accountId===e)?.accountLabel??null)??null)}finally{l(null)}}let te=e.queryCostUsd!=null||e.totalCostUsd!=null;return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Wo,{title:`Usage`,meta:a&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle`,children:cn(new Date(a).getTime())}),onClose:n,onReload:r?()=>{r(),g()}:void 0,reloading:i||m,error:y,onDismissError:()=>b(null),cardCount:u.length,fallback:p?(0,$.jsx)(`p`,{className:`text-[10px] text-text-subtle`,children:`Loading...`}):e.session||e.weekly||e.weeklyOpus||e.weeklySonnet||e.weeklyScoped?.length?(0,$.jsxs)(`div`,{className:`space-y-2.5`,children:[(0,$.jsx)(yn,{label:`5-Hour Session`,bucket:e.session}),(0,$.jsx)(yn,{label:`Weekly`,bucket:e.weekly}),(0,$.jsx)(yn,{label:`Weekly (Opus)`,bucket:e.weeklyOpus}),(0,$.jsx)(yn,{label:`Weekly (Sonnet)`,bucket:e.weeklySonnet}),(0,$.jsx)(un,{buckets:e.weeklyScoped})]}):(0,$.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`No usage data available`}),footer:te?(0,$.jsxs)(`div`,{className:`border-t border-border pt-2 space-y-1`,children:[e.queryCostUsd!=null&&(0,$.jsxs)(`div`,{className:`flex items-center justify-between text-xs`,children:[(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`Last query`}),(0,$.jsxs)(`span`,{className:`text-text-primary font-medium tabular-nums`,children:[`$`,e.queryCostUsd.toFixed(4)]})]}),e.totalCostUsd!=null&&(0,$.jsxs)(`div`,{className:`flex items-center justify-between text-xs`,children:[(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`Session total`}),(0,$.jsxs)(`span`,{className:`text-text-primary font-medium tabular-nums`,children:[`$`,e.totalCostUsd.toFixed(4)]})]})]}):void 0,children:t=>u.map(n=>{let r=C.get(n.accountId);return(0,$.jsx)(vn,{entry:n,isActive:n.accountId===(s??e.activeAccountId??f),accountInfo:r,flash:h.has(n.accountId),layout:t,onSelect:o?T:void 0,unselectableReason:w(r,n),selecting:c===n.accountId,onToggle:ee,toggling:v===n.accountId,onReauth:()=>S(n.accountLabel??n.accountId.slice(0,8))},n.accountId)})}),x&&(0,$.jsx)(ln,{open:!0,onOpenChange:e=>{e||S(null)},onSuccess:e=>{S(null),g(),e&&b(e)},signInAgainFor:x})]})}function qo(e){return Math.round((e??0)*100)>=100}function Jo(e,t){return{accountId:e.id,accountLabel:e.label,accountStatus:e.status??`active`,isOAuth:e.type!==`apiKey`,usage:{session:t.session,weekly:t.weekly}}}function Yo({onClose:e,usage:t,onReload:n,onSelectAccount:r,selectedAccountId:i}){let[a,o]=(0,Q.useState)([]),[s,c]=(0,Q.useState)({}),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(null),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(null),_=(0,Q.useRef)(0),v=(0,Q.useRef)(!1),[y,b]=(0,Q.useState)(null),x=(0,Q.useCallback)(async()=>{if(v.current)return;let e=++_.current;u(!0);try{let t=await K.get(`/api/codex-accounts`);if(e!==_.current)return;o(t.accounts);let n=await K.get(`/api/codex-accounts/usage`);e===_.current&&c(n)}catch{}finally{e===_.current&&u(!1)}},[]);(0,Q.useEffect)(()=>{x();let e=setInterval(()=>{x()},12e4);return()=>{clearInterval(e),++_.current}},[x]);let S=(0,Q.useCallback)(async()=>{let e=++_.current;v.current=!0,u(!0);try{await n?.();let t=await K.get(`/api/codex-accounts/usage`);e===_.current&&c(t)}catch{}finally{v.current=!1,e===_.current&&u(!1)}},[n]),C=(0,Q.useCallback)((e,t)=>e.status===`disabled`?`Disabled`:e.signedOut?`Signed out — sign in again first`:qo(t.fiveHour)?`5-hour limit reached${t.session?.resetsAt?` — resets ${bn(t.session)}`:``}`:qo(t.sevenDay)?`Weekly limit reached${t.weekly?.resetsAt?` — resets ${bn(t.weekly)}`:``}`:null,[]),w=(0,Q.useCallback)(async e=>{if(!r)return;let t=a.find(t=>t.id===e);if(!t)return;let n=C(t,s[e]??{});if(n){g(`Cannot switch to this account — ${n.toLowerCase()}.`);return}f(e),g(null);try{g(await r(e,t.label)??null)}finally{f(null)}},[r,a,s,C]),ee=(0,Q.useCallback)(async(e,t)=>{m(e),g(null);try{await K.patch(`/api/codex-accounts/${e}`,{status:t===`disabled`?`active`:`disabled`}),o((await K.get(`/api/codex-accounts`)).accounts)}catch(e){g(e.message||`Could not change the account`)}finally{m(null)}},[]),T=(0,Q.useCallback)(async(e,t)=>{m(e),g(null);try{await K.patch(`/api/codex-accounts/${e}`,{dailyGuardEnabled:!t}),o((await K.get(`/api/codex-accounts`)).accounts)}catch(e){g(e.message||`Could not change Daily guard`)}finally{m(null)}},[]),te=l&&a.length===0?(0,$.jsxs)(`div`,{className:`text-xs text-text-subtle flex items-center gap-2`,children:[(0,$.jsx)(R,{className:`size-3 animate-spin`}),` Loading…`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(pn,{active:!1,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-sm font-medium text-text-primary truncate flex-1 min-w-0`,children:t.activeAccountLabel||`Default login`}),(0,$.jsx)(`span`,{className:`text-[10px] uppercase tracking-wide text-text-subtle border border-border rounded px-1 shrink-0`,children:`~/.codex`})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(yn,{label:`5-Hour Session`,bucket:t.session}),(0,$.jsx)(yn,{label:`Weekly`,bucket:t.weekly}),!t.session&&!t.weekly&&(0,$.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`No usage data yet`})]})]}),(0,$.jsxs)(`p`,{className:`text-[11px] text-text-subtle`,children:[`Using your default `,(0,$.jsx)(`code`,{children:`~/.codex`}),` login. Add managed accounts in Settings → AI Provider → Codex.`]})]});return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Wo,{title:`Codex Usage`,onClose:e,onReload:n?()=>void S():void 0,reloading:l,error:h,onDismissError:()=>g(null),cardCount:a.length,fallback:te,children:e=>a.map(n=>{let a=s[n.id]??{},o=a.session==null?hn(a.weekly):null;return(0,$.jsx)(vn,{entry:Jo(n,a),isActive:n.id===(i??t.activeAccountId),layout:e,planLabel:gn(n.planType),onSelect:r?w:void 0,unselectableReason:C(n,a),selecting:d===n.id,onToggle:ee,toggling:p===n.id,dailyGuard:o?{enabled:!!n.dailyGuardEnabled,state:o}:void 0,onDailyGuardToggle:o?()=>void T(n.id,!!n.dailyGuardEnabled):void 0,dailyGuardToggling:p===n.id,reauthHint:n.signedOut?dn:void 0,resetCredits:a.resetCredits,resetCreditAction:(0,$.jsx)(_n,{account:n,usage:a,onDone:e=>{g(e),S()}}),onReauth:n.type===`chatgpt`?()=>b(n):void 0},n.id)})}),y&&(0,$.jsx)(mn,{account:y,onClose:()=>b(null),onDone:()=>void x()})]})}var Xo={working:`working`,paused:`paused`,"no-transcript":`no session`};function Zo({member:e,onOpen:t}){let n=e.workState===`working`,r=Na(e),i=Ma(e.startedAt,n?void 0:e.lastEventAt),a=ja(e.agentType);return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>t(e.name),className:`w-full text-left min-h-[44px] px-1.5 py-1 rounded-md hover:bg-surface-elevated transition-colors group`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-xs`,children:[n?(0,$.jsx)(R,{className:`size-3 shrink-0 animate-spin text-success`}):(0,$.jsx)(`span`,{className:q(`size-1.5 rounded-full shrink-0`,e.workState===`paused`?`bg-warning`:`bg-text-3`)}),(0,$.jsx)(`span`,{className:`font-medium truncate`,children:e.name}),a&&(0,$.jsx)(`span`,{className:`text-text-subtle text-[10px] truncate`,children:a}),e.model&&(0,$.jsxs)(`span`,{className:`text-text-subtle text-[10px]`,children:[`(`,e.model,`)`]}),(0,$.jsxs)(`span`,{className:`ml-auto flex items-center gap-1 shrink-0 text-[10px] text-text-subtle`,children:[i&&(0,$.jsx)(`span`,{children:i}),(0,$.jsx)(`span`,{className:q(n&&`text-success`),children:Xo[e.workState]}),(0,$.jsx)(me,{className:`size-3 opacity-0 group-hover:opacity-100 transition-opacity`})]})]}),r&&(0,$.jsx)(`div`,{className:`mt-0.5 pl-5 text-[11px] text-text-subtle truncate font-mono`,children:r})]})}function Qo({members:e,loading:t,onOpenMember:n,className:r}){return e.length===0?(0,$.jsx)(`div`,{className:q(`flex items-center justify-center gap-2 text-xs text-text-subtle py-4`,r),children:t?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(R,{className:`size-3 animate-spin`}),`Reading member sessions…`]}):`No member sessions recorded`}):(0,$.jsx)(`div`,{className:q(`overflow-y-auto space-y-0.5`,r),children:e.map(e=>(0,$.jsx)(Zo,{member:e,onOpen:n},e.name))})}var $o=[`subject`,`summary`,`text`,`message`,`content`,`description`,`reason`,`feedback`],es=[`description`,`message`,`content`,`reason`,`feedback`],ts=new Set([`type`,`taskId`,`task_id`,`assignedBy`,`assigned_by`,`timestamp`,`request_id`,`requestId`]),ns=e=>typeof e==`string`?e.trim():e==null?``:String(e);function rs(e,t,n){for(let r of t){if(r===n)continue;let t=ns(e[r]);if(t)return{key:r,value:t}}return null}function is(e){return Object.entries(e).filter(([e,t])=>!ts.has(e)&&ns(t)).map(([e,t])=>`${e}: ${ns(t)}`).join(` · `)}function as(e,t){let n=ns(t),r=ns(e);if(!r)return{title:n};let i;try{i=JSON.parse(r)}catch{let[e,...t]=r.split(`
+`),i=t.join(`
+`).trim();return{title:n||ns(e),...i?{detail:i}:{}}}if(!i||typeof i!=`object`||Array.isArray(i))return{title:n||r};let a=i,o=ns(a.taskId)||ns(a.task_id),s=rs(a,$o),c=rs(a,es,s?.key);return{title:n||s?.value||is(a)||ns(a.type)||r,...c?{detail:c.value}:{},...o?{taskId:o}:{}}}function os({messages:e,className:t}){let n=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{n.current?.scrollIntoView({behavior:`smooth`})},[e.length]),e.length===0?(0,$.jsx)(`p`,{className:q(`text-xs text-text-subtle text-center py-4`,t),children:`No messages yet`}):(0,$.jsx)(`div`,{className:q(`overflow-y-auto`,t),children:(0,$.jsxs)(`div`,{className:`space-y-2`,children:[e.map((e,t)=>{let n=e.parsedType?Yt[e.parsedType]:null,{title:r,detail:i,taskId:a}=as(e.text,e.summary);return(0,$.jsxs)(`div`,{className:`text-xs`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 text-text-subtle`,children:[(0,$.jsx)(`span`,{className:`font-medium`,style:cs(e.color),children:e.from}),(0,$.jsx)(`span`,{children:`→`}),(0,$.jsx)(`span`,{children:e.to}),(0,$.jsx)(`span`,{className:`ml-auto text-[10px]`,children:ss(e.timestamp)})]}),(0,$.jsxs)(`div`,{className:`mt-0.5 text-foreground/90 break-words`,children:[n&&(0,$.jsx)(`span`,{className:q(`inline-block px-1 py-0 rounded text-[9px] mr-1`,n.className),children:n.label}),a&&(0,$.jsxs)(`span`,{className:`inline-block px-1 py-0 rounded text-[9px] mr-1 bg-surface-elevated text-text-subtle`,children:[`#`,a]}),r]}),i&&(0,$.jsx)(`div`,{className:`mt-0.5 text-[11px] text-text-subtle break-words line-clamp-2`,children:i})]},`${e.timestamp}-${t}`)}),(0,$.jsx)(`div`,{ref:n})]})})}function ss(e){try{return new Date(e).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}catch{return``}}function cs(e){if(e&&(/^#[0-9a-fA-F]{3,8}$/.test(e)||/^[a-zA-Z]{3,20}$/.test(e)))return{color:e}}function ls(e,t){return e===t?`Team (current session)`:e}function us({teamNames:e,messages:t,sessionId:n,projectName:r,providerId:i}){let[a,o]=(0,Q.useState)(e[0]??``),[s,c]=(0,Q.useState)(`members`),l=Ut(),u=yt();(0,Q.useEffect)(()=>{e.length>0&&!e.includes(a)&&o(e[0])},[e,a]);let{members:d,outbound:f,loading:p,refresh:m}=Ra(a,!!a),h=(0,Q.useCallback)(e=>{n&&l({projectName:r??``,providerId:Kt(i),sessionId:n,source:{kind:`member`,teamName:a,memberName:e},title:`Session — ${e}`})},[l,a,r,i,n]),g=(0,Q.useMemo)(()=>{let e=f.map(e=>({from:e.from,to:e.to,text:e.text,timestamp:e.timestamp,...e.summary?{summary:e.summary}:{}}));return[...t,...e].sort((e,t)=>new Date(e.timestamp).getTime()-new Date(t.timestamp).getTime()).slice(-200)},[t,f]),_=d.filter(e=>e.workState===`working`).length,v=e=>q(`flex items-center gap-1.5 px-2.5 rounded-md text-[11px] whitespace-nowrap transition-colors`,u?`min-h-[44px]`:`py-1`,e?`bg-primary/10 text-primary font-medium`:`text-text-subtle hover:text-text-primary`);return(0,$.jsxs)(`div`,{className:`flex flex-col min-h-0`,children:[e.length>1&&(0,$.jsx)(`div`,{className:`flex items-center gap-1 overflow-x-auto min-w-0 mb-1.5`,children:e.map(e=>(0,$.jsx)(`button`,{onClick:()=>o(e),className:q(`px-2 py-0.5 text-[11px] rounded-md whitespace-nowrap transition-colors`,a===e?`bg-primary/10 text-primary font-medium`:`text-text-subtle hover:text-text-primary`),children:ls(e,n)},e))}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 mb-1.5 shrink-0`,role:`tablist`,children:[(0,$.jsxs)(`button`,{role:`tab`,"aria-selected":s===`members`,onClick:()=>c(`members`),className:v(s===`members`),children:[(0,$.jsx)(`span`,{children:`Members`}),(0,$.jsx)(`span`,{className:`text-text-subtle`,children:d.length}),_>0&&(0,$.jsxs)(`span`,{className:`flex items-center gap-1 text-success`,children:[(0,$.jsx)(`span`,{className:`size-1.5 rounded-full bg-success animate-pulse`}),_]})]}),(0,$.jsxs)(`button`,{role:`tab`,"aria-selected":s===`messages`,onClick:()=>c(`messages`),className:v(s===`messages`),children:[(0,$.jsx)(`span`,{children:`Messages`}),(0,$.jsx)(`span`,{className:`text-text-subtle`,children:g.length})]}),(0,$.jsx)(`button`,{onClick:m,className:q(`ml-auto text-text-subtle hover:text-foreground shrink-0`,u?`p-3`:`p-1`),"aria-label":`Refresh`,children:(0,$.jsx)(pe,{className:q(`size-3`,p&&`animate-spin`)})})]}),s===`members`?(0,$.jsx)(Qo,{members:d,loading:p,onOpenMember:h,className:`max-h-56`}):(0,$.jsx)(os,{messages:g,className:`max-h-56`})]})}function ds(e){return e>=90?`text-error`:e>=70?`text-warning`:`text-success`}function fs({tabId:e,projectName:t,usageInfo:n,usageLoading:r,refreshUsage:i,lastFetchedAt:a,sessionId:o,providerId:c,pickedAccountLabel:l,pickedAccountId:u,onSelectAccount:d,onSelectSession:f,historyFilter:p,onBugReport:m,isConnected:h,onReload:v,teamActivity:y,teamMessages:b,onTeamOpen:S}){let[C,w]=(0,Q.useState)(null),T=ze(t),te=T?De(T):null,ne=Y(e=>(te?e.byProject[te]?.sessions:void 0)??Ie),ae=Y(e=>(te?e.byProject[te]?.hasMore:void 0)??!1),oe=Y(e=>(te?e.byProject[te]?.isSyncing:void 0)??!1),D=Y(e=>(te?e.byProject[te]?.tags:void 0)??null);(0,Q.useEffect)(()=>{T&&Y.getState().ensure(T)},[T]);let[O,se]=(0,Q.useState)([]),[ce,k]=(0,Q.useState)(null),[le,ue]=(0,Q.useState)(null),[A,j]=(0,Q.useState)(!1),de=Tt(e=>e.notifications),M=Tt(e=>o?e.notifications.has(o):!1),fe=Tt(e=>e.clearForSession),me=Tt(e=>e.markUnread),[he,ge]=(0,Q.useState)(``),N=jt(he,300),[P,F]=(0,Q.useState)(null),[z,xe]=(0,Q.useState)(``),[Se,B]=(0,Q.useState)(!1),[Ce,V]=(0,Q.useState)(null),[H,we]=(0,Q.useState)(!1),[Te,Ee]=(0,Q.useState)(!1),Oe=(0,Q.useRef)(null),ke=N?le??[]:ne,Ae=Re([...ke,...O]),U=ce??(N?!1:ae),W=A||!N&&oe,je=D?.tags??[],Me=D?.counts??{},Ne=e=>{w(t=>t===e?null:e)},Pe=(0,Q.useCallback)(async e=>{if(t){if(se([]),k(null),!e){ue(null),T&&await Y.getState().sync(T);return}j(!0);try{let n=new URLSearchParams({limit:`50`,offset:`0`,q:e}),r=await K.get(`${G(t)}/chat/sessions?${n}`);ue(r.sessions),k(r.hasMore)}catch{}finally{j(!1)}}},[t,T]),Fe=(0,Q.useCallback)(async()=>{if(!(!t||Se||!U)){B(!0);try{let e=Ae.filter(e=>!e.pinned).length,n=new URLSearchParams({limit:`50`,offset:String(e)});N&&n.set(`q`,N);let r=await K.get(`${G(t)}/chat/sessions?${n}`);se(e=>{let t=new Set([...ke,...e].map(e=>e.id));return[...e,...r.sessions.filter(e=>!t.has(e.id))]}),k(r.hasMore)}catch{}finally{B(!1)}}},[t,Se,U,Ae,N,ke]);(0,Q.useEffect)(()=>{C===`history`&&Pe(N||void 0)},[N]);let Ve=(0,Q.useCallback)(async()=>{T&&await Y.getState().refreshTags(T)},[T]);function We(n){e&&window.dispatchEvent(new CustomEvent(`ppm:onboarding-evidence`,{detail:{type:`history-opened`,projectName:t,tabId:e,sessionId:n.id,visible:!document.hidden&&Object.values(Ge.getState().panels).some(t=>t.activeTabId===e)}}));let r=p?n.designSlug===p:!n.designSlug;f&&r?(f(n),w(null)):(ht(n,t),w(null))}let qe=(0,Q.useCallback)((e,t)=>{t.stopPropagation(),F(e.id),xe(e.title||``),setTimeout(()=>Oe.current?.select(),0)},[]),Je=(0,Q.useCallback)(async()=>{if(!P||!z.trim()||!t){F(null);return}let e=z.trim(),n=P,r=T??He(t);Y.getState().renameSession(r,n,e),se(t=>Be(t,n,e)),ue(t=>t&&Be(t,n,e)),F(null),await Ue(r,()=>K.patch(`${G(t)}/chat/sessions/${n}`,{title:e}))||Pe(N||void 0)},[P,z,t,T,Pe,N]),Xe=(0,Q.useCallback)(()=>F(null),[]),Ze=(0,Q.useCallback)(async(e,n)=>{if(e.stopPropagation(),!t)return;let r=`${G(t)}/chat/sessions/${n.id}/pin`,i=!n.pinned,a=T??He(t);Y.getState().setPinned(a,n.id,i),se(e=>Ke(e,n.id,i)),ue(e=>e&&Ke(e,n.id,i)),await Ue(a,()=>i?K.put(r):K.del(r))||Pe(N||void 0)},[t,T,Pe,N]),Qe=(0,Q.useCallback)(async(e,n)=>{if(e.stopPropagation(),!t||!window.confirm(`Delete this session? This cannot be undone.`))return;let r=T??He(t);Y.getState().removeSession(r,n.id),se(e=>J(e,n.id)),ue(e=>e&&J(e,n.id)),await Ue(r,()=>K.del(`${G(t)}/chat/sessions/${n.id}?providerId=${n.providerId}`))||Pe(N||void 0)},[t,T,Pe,N]),X=(0,Q.useCallback)((e,n)=>{let r=T??(t?He(t):null);r&&Y.getState().setSessionTag(r,e,n),se(t=>Le(t,e,n)),ue(t=>t&&Le(t,e,n)),Ve()},[Ve,T,t]),$e=(0,Q.useCallback)(async()=>{if(!t)return;let e=window.prompt(`Delete sessions older than how many days? (pinned sessions are kept)`,`30`);if(!e)return;let n=parseInt(e,10);if(!n||n<1||!window.confirm(`Delete all unpinned sessions older than ${n} days? This cannot be undone.`))return;j(!0);let r=T??He(t);Y.getState().removeOlderThan(r,n),await Ue(r,()=>K.del(`${G(t)}/chat/sessions?olderThanDays=${n}`)),await Pe(N||void 0),j(!1)},[t,T,Pe,N]);(0,Q.useEffect)(()=>{if(C!==`history`)return;let e=e=>{if(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)return;let n=parseInt(e.key);if(n>=1&&n<=je.length&&o){let e=je[n-1];e&&(X(o,{id:e.id,name:e.name,color:e.color}),Ue(He(t),()=>K.patch(`${G(t)}/chat/sessions/${o}/tag`,{tagId:e.id})))}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[C,je,o,t,X]);let et=p?Ae.filter(e=>e.designSlug===p):Ae,tt=Ce===null?et:et.filter(e=>e.tag?.id===Ce),Z=!c||c===`claude`,nt=c===`codex`,rt=!u||u===n.activeAccountId,it=rt&&n.fiveHour!=null?Math.round(n.fiveHour*100):null,at=rt&&n.sevenDay!=null?Math.round(n.sevenDay*100):null,ot=it!=null||at!=null?ds(Math.max(it??0,at??0)):`text-text-subtle`,st=l??(rt?n.activeAccountLabel:null)??null;return(0,$.jsxs)(`div`,{className:`border-b border-border/50`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 px-2 py-1`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-1 overflow-x-auto scrollbar-none`,children:[(0,$.jsxs)(`button`,{"data-onboarding":`chat-history`,onClick:()=>Ne(`history`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${C===`history`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,children:[(0,$.jsx)(re,{className:`size-3`}),(0,$.jsx)(`span`,{children:`History`})]}),o&&c&&c!==`mock`?(0,$.jsxs)(`button`,{onClick:()=>Ne(`config`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${C===`config`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`AI Settings`,children:[(0,$.jsx)(Et,{providerId:c}),(0,$.jsx)(`span`,{className:`capitalize`,children:c})]}):(0,$.jsx)(`button`,{onClick:()=>Ne(`config`),className:`shrink-0 p-1 rounded transition-colors ${C===`config`?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary hover:bg-surface-elevated`}`,title:`AI Settings`,children:(0,$.jsx)(I,{className:`size-3`})}),Z||nt?(0,$.jsxs)(`button`,{onClick:()=>Ne(`usage`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] font-medium tabular-nums transition-colors hover:bg-surface-elevated ${C===`usage`?`bg-primary/10`:``} ${ot}`,title:`Usage limits`,children:[(0,$.jsx)(_e,{className:`size-3`}),st&&(0,$.jsxs)(`span`,{className:`text-text-secondary font-normal truncate max-w-[110px]`,title:st,children:[`[`,st,`]`]}),(0,$.jsxs)(`span`,{children:[`5h:`,it==null?`--%`:`${it}%`]}),(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`·`}),(0,$.jsxs)(`span`,{children:[`Wk:`,at==null?`--%`:`${at}%`]})]}):null,y?.hasTeams&&(0,$.jsxs)(`button`,{onClick:()=>{Ne(`team`),S?.()},className:`shrink-0 relative flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${C===`team`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`Team activity`,children:[(0,$.jsx)(E,{className:`size-3`}),(0,$.jsx)(`span`,{children:`Team`}),(y.unreadCount??0)>0&&(0,$.jsx)(`span`,{className:`absolute -top-0.5 -right-0.5 size-2 bg-primary rounded-full animate-pulse`})]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1 pl-1`,children:[v&&(0,$.jsxs)(`button`,{onClick:e=>{let t=e.currentTarget.querySelector(`svg`);t&&(t.classList.add(`animate-spin`),setTimeout(()=>t.classList.remove(`animate-spin`),600)),v()},className:`relative size-4 flex items-center justify-center`,title:h?`Reload messages`:`Disconnected — click to reload`,children:[(0,$.jsx)(pe,{className:`size-3 ${h?`text-muted-foreground/60`:`text-error`}`,strokeWidth:2.5}),(0,$.jsx)(`span`,{className:`absolute -top-0.5 -right-0.5 size-1.5 rounded-full ${h?`bg-success`:`bg-error animate-pulse`}`})]}),o&&(0,$.jsx)(Uo,{hasUnread:M,onToggleUnread:()=>M?fe(o):me(o,t),onOpenDebug:()=>Ee(!0)})]})]}),o&&(0,$.jsx)(Ho,{sessionId:o,projectName:t,open:Te,onOpenChange:Ee}),C===`history`&&(0,$.jsxs)(`div`,{className:`border-t border-border/30 bg-surface`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 px-2 py-1 border-b border-border/30`,children:[(0,$.jsx)(ve,{className:`size-3 text-text-subtle shrink-0`}),(0,$.jsx)(`input`,{type:`text`,value:he,onChange:e=>ge(e.target.value),placeholder:`Search sessions...`,className:`flex-1 bg-transparent text-[11px] text-text-primary outline-none placeholder:text-text-subtle`}),(0,$.jsx)(`button`,{onClick:$e,className:`p-0.5 rounded text-text-subtle hover:text-error transition-colors`,title:`Delete old sessions...`,children:(0,$.jsx)(s,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:()=>Pe(N||void 0),disabled:W,className:`p-0.5 rounded text-text-subtle hover:text-text-secondary transition-colors disabled:opacity-50`,title:`Refresh`,children:(0,$.jsx)(pe,{className:`size-3 ${W?`animate-spin`:``}`})})]}),je.length>0&&(0,$.jsxs)(`div`,{className:`flex items-center gap-1 px-2 py-1 overflow-x-auto border-b border-border/30 scrollbar-none`,children:[(0,$.jsxs)(`button`,{onClick:()=>V(null),className:`shrink-0 rounded-md border px-2 py-1 text-[10px] transition-colors ${Ce===null?`bg-primary/20 border-primary text-primary`:`border-border bg-surface text-text-secondary`}`,children:[`All (`,et.length,`)`]}),je.map(e=>(0,$.jsxs)(`button`,{onClick:()=>V(Ce===e.id?null:e.id),className:`shrink-0 flex items-center gap-1 rounded-md border px-2 py-1 text-[10px] transition-colors ${Ce===e.id?`border-current`:`border-border bg-surface`}`,style:Ce===e.id?{backgroundColor:e.color+`20`,color:e.color,borderColor:e.color}:void 0,children:[(0,$.jsx)(`span`,{className:`size-2 rounded-full shrink-0`,style:{backgroundColor:e.color}}),e.name,` (`,Me[e.id]??0,`)`]},e.id)),(0,$.jsx)(`button`,{onClick:()=>we(!H),className:`shrink-0 p-1 rounded transition-colors ${H?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary`}`,title:`Manage tags`,children:(0,$.jsx)(ee,{className:`size-3`})})]}),H&&(0,$.jsx)(`div`,{className:`border-b border-border/30 px-2 py-2 max-h-[180px] overflow-y-auto bg-surface-elevated/50`,children:(0,$.jsx)(Dt,{projectName:t,onTagsChanged:Ve})}),(0,$.jsx)(`div`,{className:`max-h-[200px] overflow-y-auto`,children:W&&et.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3`,children:(0,$.jsx)(R,{className:`size-3.5 animate-spin text-text-subtle`})}):tt.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3 text-[11px] text-text-subtle`,children:he?`No matching sessions`:`No sessions yet`}):(0,$.jsxs)($.Fragment,{children:[tt.map(e=>{let n=de.get(e.id),r=!!n;return(0,$.jsx)(Pt,{session:e,projectName:t,projectTags:je,onTogglePin:Ze,onStartEditing:qe,onDeleteSession:Qe,onTagChanged:X,children:(0,$.jsxs)(`div`,{"data-onboarding":`chat-history-session`,className:q(`flex items-center gap-2 w-full px-3 py-1.5 text-left hover:bg-surface-elevated transition-colors group`,r&&`font-medium text-foreground`,r&&kt(n.type),!r&&`text-text-secondary`),children:[(0,$.jsx)(Et,{providerId:e.providerId}),e.tag&&(0,$.jsx)(`span`,{className:`size-2 rounded-full shrink-0`,style:{backgroundColor:e.tag.color},title:e.tag.name}),P===e.id?(0,$.jsxs)(`form`,{className:`flex items-center gap-1 flex-1 min-w-0`,onSubmit:e=>{e.preventDefault(),Je()},children:[(0,$.jsx)(`input`,{ref:Oe,value:z,onChange:e=>xe(e.target.value),onBlur:Je,onKeyDown:e=>{e.key===`Escape`&&Xe()},className:`flex-1 min-w-0 bg-surface-elevated text-[11px] text-text-primary px-1 py-0.5 rounded border border-border outline-none focus:border-primary`,autoFocus:!0}),(0,$.jsx)(`button`,{type:`submit`,className:`p-0.5 text-success hover:text-success/80`,onClick:e=>e.stopPropagation(),children:(0,$.jsx)(be,{className:`size-3`})}),(0,$.jsx)(`button`,{type:`button`,className:`p-0.5 text-text-subtle hover:text-text-secondary`,onClick:e=>{e.stopPropagation(),Xe()},children:(0,$.jsx)(_,{className:`size-3`})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{onClick:()=>We(e),className:`text-[11px] truncate flex-1 text-left flex items-center gap-1`,children:[e.title?.startsWith(`[PPM]`)&&(0,$.jsx)(ye,{className:`size-3 text-muted-foreground shrink-0`}),e.title?.startsWith(`[PPM]`)?e.title.slice(7):e.title||`Untitled`]}),(0,$.jsx)(`button`,{onClick:t=>Ze(t,e),className:`p-0.5 rounded transition-all ${e.pinned?`text-primary hover:text-primary/70`:`text-text-subtle hover:text-text-secondary can-hover:opacity-0 can-hover:group-hover:opacity-100`}`,title:e.pinned?`Unpin session`:`Pin session`,children:e.pinned?(0,$.jsx)(g,{className:`size-3`}):(0,$.jsx)(L,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:t=>qe(e,t),className:`p-0.5 rounded text-text-subtle hover:text-text-secondary can-hover:opacity-0 can-hover:group-hover:opacity-100 transition-opacity`,title:`Rename session`,children:(0,$.jsx)(ie,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:t=>Qe(t,e),className:`p-0.5 rounded text-text-subtle hover:text-error hover:bg-error/20 can-hover:opacity-0 can-hover:group-hover:opacity-100 transition-opacity`,title:`Delete session`,children:(0,$.jsx)(x,{className:`size-3`})})]}),P!==e.id&&e.updatedAt&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle shrink-0 w-16 text-right`,children:Ye(e.updatedAt)})]})},e.id)}),U&&(0,$.jsxs)(`button`,{onClick:Fe,disabled:Se,className:`flex items-center justify-center gap-1 w-full py-1.5 text-[11px] text-text-subtle hover:text-text-secondary hover:bg-surface-elevated transition-colors`,children:[Se?(0,$.jsx)(R,{className:`size-3 animate-spin`}):null,Se?`Loading...`:`Load more`]})]})})]}),C===`config`&&(0,$.jsx)(`div`,{className:`border-t border-border/30 bg-surface px-3 py-2 max-h-[280px] overflow-y-auto`,children:(0,$.jsx)(sn,{compact:!0})}),C===`team`&&y?.hasTeams&&(0,$.jsx)(`div`,{className:`border-t border-border/30 bg-surface px-3 py-2`,children:(0,$.jsx)(us,{teamNames:y.teamNames,messages:b??[],sessionId:o,projectName:t,providerId:c})}),C===`usage`&&Z&&(0,$.jsx)(Ko,{usage:n,onSelectAccount:d,selectedAccountId:u??n.activeAccountId??null,visible:!0,onClose:()=>w(null),onReload:i,loading:r,lastFetchedAt:a}),C===`usage`&&nt&&(0,$.jsx)(Yo,{usage:n,onClose:()=>w(null),onReload:i,onSelectAccount:d,selectedAccountId:u??n.activeAccountId??null})]})}var ps=(0,Q.createContext)({pending:!1,prepare:()=>Promise.reject(Error(`Chat preparation is unavailable.`))});function ms(){return(0,Q.useContext)(ps)}function hs({tabId:e,metadata:t,children:n}){let[r,i]=(0,Q.useState)(),[a,o]=(0,Q.useState)(null),s=(0,Q.useRef)(t);s.current=t;let c=(0,Q.useRef)(!0),l=(0,Q.useRef)(null),u=t.providerPending===!0,d=(0,Q.useCallback)(()=>Ge.getState().getPanelForTab(e)?.tabs.find(t=>t.id===e)?.metadata??s.current,[e]),f=(0,Q.useCallback)((t,n)=>{let r=d();if(!r.providerPending&&typeof r.providerId==`string`)return{providerId:r.providerId,permissionMode:r.permissionMode};let i=r.permissionMode,a={providerId:t,permissionMode:i??n.providers[t]?.permission_mode??`bypassPermissions`},o={...r,...a,providerPending:void 0,focusedProviderOnOpen:void 0,...i?{}:{permissionModeSource:`cache`}};return s.current=o,Ge.getState().updateTab(e,{metadata:o}),a},[d,e]),p=(0,Q.useCallback)(()=>{let t=d();if(!t.providerPending)return typeof t.providerId==`string`&&t.providerId?Promise.resolve({providerId:t.providerId,permissionMode:t.permissionMode}):Promise.reject(Error(`Choose a provider for this chat.`));if(l.current)return l.current;i(void 0),o(null);let n=t.projectName,r=Qe(),a=t.focusedProviderOnOpen,s=()=>Promise.all([Ze(n),n?Xe(n):Promise.resolve(null)]).then(([e,t])=>({settings:e,providers:t,providerId:We(e,a)})),u=ir(e),p=(u?u.then(e=>({settings:e.settings,providers:e.providers,providerId:e.resolvedProviderId})).catch(s):s()).then(({settings:e,providers:t,providerId:n})=>{if(!c.current)throw Error(`Chat was closed.`);if(r!==Qe())throw Error(`Chat settings changed. Please retry.`);let i=d();if(!i.providerPending&&typeof i.providerId==`string`)return{providerId:i.providerId,permissionMode:i.permissionMode};if(t&&!t.some(e=>e.id===n))throw o({provider:n,settings:e,alternatives:t}),Error(`${n} is not available. Choose a provider for this chat.`);return f(n,e)}).catch(e=>{throw c.current&&i(e instanceof Error?e.message:`Could not load chat settings.`),e}).finally(()=>{l.current===p&&(l.current=null)});return l.current=p,p},[d,f,e]);(0,Q.useEffect)(()=>(c.current=!0,()=>{c.current=!1}),[]),(0,Q.useEffect)(()=>{u&&p().catch(()=>{})},[u,p]),(0,Q.useLayoutEffect)(()=>{let e=d();if(!e.providerPending)return;let t=e.projectName;if(!t)return;let n=W();if(!n)return;let r=je(De(He(t))),i=We(n,e.focusedProviderOnOpen);r?.some(e=>e.id===i)&&f(i,n)},[]);let m=()=>{X(),p().catch(()=>{})};return(0,$.jsx)(ps.Provider,{value:{pending:u,providerId:t.providerId,permissionMode:t.permissionMode,prepare:p},children:(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[u&&(0,$.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2 px-3 py-1 text-xs text-muted-foreground`,role:`status`,children:a?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`span`,{children:[a.provider,` is not available. Choose a provider for this chat.`]}),a.alternatives.map(e=>(0,$.jsxs)(`button`,{className:`text-primary underline`,onClick:()=>f(e.id,a.settings),children:[`Use `,e.name]},e.id)),(0,$.jsx)(`button`,{className:`text-primary underline`,onClick:m,children:`Check again`})]}):r?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`span`,{children:[`Could not load chat settings. `,r]}),(0,$.jsx)(`button`,{className:`text-primary underline`,onClick:m,children:`Retry`})]}):`Preparing chat…`}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1`,children:n})]})})}var gs=3e3;function _s(e,t,n){let r=(0,Q.useCallback)(t=>`ppm-chat-draft:${JSON.stringify([e,n??null,t??`__new__`])}`,[e,n]),i=r(t),[a]=(0,Q.useState)(()=>{try{let e=JSON.parse(sessionStorage.getItem(i)??`null`);return typeof e?.content!=`string`||!Array.isArray(e.attachments)?null:{content:e.content,attachments:e.attachments.filter(e=>typeof e?.name==`string`&&typeof e?.path==`string`)}}catch{return null}}),o=(0,Q.useRef)({projectName:e,sessionId:t,draft:a}),s=(0,Q.useRef)(i);s.current=i;let[c,l]=(0,Q.useState)(a),[u,d]=(0,Q.useState)(!0),f=(0,Q.useRef)(void 0),p=(0,Q.useRef)(t),m=(0,Q.useRef)(0);p.current=t;let h=t??`__new__`;(0,Q.useEffect)(()=>{if(!e){d(!1);return}let r=!1,i=m.current;(o.current.projectName!==e||o.current.sessionId!==t)&&(o.current.draft=null);let a=o.current.draft!==null;d(!0);let s=setTimeout(()=>{r||d(!1)},gs),c=()=>K.get(`${G(e)}/chat/drafts/${encodeURIComponent(h)}`),u=t===null&&n?ir(n):void 0;return(u?u.then(e=>e.draft,c):c()).then(e=>{if(!(r||a||m.current!==i))if(e){let t=[];try{t=JSON.parse(e.attachments)}catch{}l({content:e.content,attachments:t})}else l(null)}).catch(()=>{!r&&!a&&m.current===i&&l(null)}).finally(()=>{clearTimeout(s),r||d(!1)}),()=>{r=!0,clearTimeout(s)}},[e,h,n,t]);let g=(0,Q.useCallback)((t,n)=>{if(++m.current,e){try{sessionStorage.setItem(s.current,JSON.stringify({content:t,attachments:n??[]}))}catch{}f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{let r=p.current??`__new__`;K.put(`${G(e)}/chat/drafts/${encodeURIComponent(r)}`,{content:t,attachments:JSON.stringify(n??[])}).catch(()=>{})},1e3)}},[e]),_=(0,Q.useCallback)(()=>{f.current&&clearTimeout(f.current),f.current=void 0},[]),v=(0,Q.useCallback)(e=>{let t=s.current,n=r(e);if(t!==n)try{let e=sessionStorage.getItem(t);e!==null&&(sessionStorage.setItem(n,e),sessionStorage.removeItem(t))}catch{}},[r]),y=(0,Q.useCallback)(t=>{if(++m.current,!e)return;o.current.draft=null;try{sessionStorage.removeItem(s.current),t&&sessionStorage.removeItem(r(t===`__new__`?null:t))}catch{}f.current&&clearTimeout(f.current);let n=t??p.current??`__new__`;K.del(`${G(e)}/chat/drafts/${encodeURIComponent(n)}`).catch(()=>{}),l(null)},[e,r]);return(0,Q.useEffect)(()=>()=>{f.current&&clearTimeout(f.current)},[]),{draft:c,draftLoading:u,saveDraft:g,clearDraft:y,cancelPendingSave:_,moveDraft:v}}var vs=3e4,ys=45e3;function bs(e){let{metadata:t,tabId:n}=e;return n&&t?(0,$.jsx)(hs,{tabId:n,metadata:t,children:(0,$.jsx)(xs,{...e})}):(0,$.jsx)(xs,{...e})}function xs({metadata:e,tabId:t,onNewSession:n,onFork:r,historyFilter:i}){let a=ms(),o=(0,Q.useRef)(e);o.current=e;let s=typeof e?.designSlug==`string`&&e.designSlug?e.designSlug:void 0,[c,l]=(0,Q.useState)(e?.sessionId??null),u=(0,Q.useRef)(c);u.current=c;let d=(0,Q.useCallback)(e=>{let t=o.current?.projectName;u.current&&t&&Y.getState().replaceSessionId(He(t),u.current,e),l(e)},[]),[f,p]=(0,Q.useState)(e?.providerId??`claude`),m=!c&&a.providerId?a.providerId:f,[h,g]=(0,Q.useState)([]),[v,y]=(0,Q.useState)(!1),[x,S]=(0,Q.useState)(``),[C,w]=(0,Q.useState)(null),[ee,T]=(0,Q.useState)([]),[te,ne]=(0,Q.useState)([]),[re,E]=(0,Q.useState)(!1),[ie,ae]=(0,Q.useState)(``),[oe,D]=(0,Q.useState)(null),[O,se]=(0,Q.useState)(e?.permissionMode??void 0),ce=(0,Q.useRef)(!1),k=(0,Q.useCallback)(()=>{if(ce.current)return!1;let e=(t?_t(t):void 0)??o.current;return!e?.permissionMode||e.permissionModeSource===`cache`},[t]),le=(0,Q.useCallback)(e=>{ce.current=!0,se(e),t&&pt(t,{permissionMode:e,permissionModeSource:`user`})},[t]);(0,Q.useEffect)(()=>{!a?.pending&&!c&&e?.providerId&&(p(e.providerId),se(e.permissionMode))},[a?.pending,e?.providerId,e?.permissionMode,c]);let ue=(0,Q.useRef)(null),A=(0,Q.useRef)(null),[j,de]=(0,Q.useState)(!1),[M,fe]=(0,Q.useState)(null),[pe,me]=(0,Q.useState)(null),[he,ge]=(0,Q.useState)(null),N=(0,Q.useRef)(0),P=e?.projectName??``;(0,Q.useState)(()=>{if(!t||c||!P||ar(t))return null;let n=e?.providerPending===!0,r=n?void 0:e?.providerId,i=typeof e?.pickedAccountId==`string`?e.pickedAccountProvider:void 0;return rr(t,He(P),{...n?{focusedProvider:e?.focusedProviderOnOpen}:{providerId:r},skipPick:i!==void 0&&(n||i===r)}),null}),(0,Q.useEffect)(()=>{t&&c&&sr(t)},[t,c]),(0,Q.useEffect)(()=>{if(!t||c)return;let e=ir(t);if(!e)return;let n=!1;return e.then(e=>{if(n||!k())return;let r=e.settings.providers[e.providerId]?.permission_mode??`bypassPermissions`;r!==o.current?.permissionMode&&(se(r),pt(t,{permissionMode:r,permissionModeSource:`cache`}))}).catch(()=>{}),()=>{n=!0}},[t,c,k]),vr({tabId:t,sessionId:c,designSlug:s,projectName:P,providerId:m});let F=Je(e=>e.updateTab),I=Me(e=>e.version),{usageInfo:L,usageLoading:_e,lastFetchedAt:ve,refreshUsage:ye,reloadUsage:z}=_r(P,m,c??void 0,e?.pickedAccountProvider===m?e?.pickedAccountId:void 0,!a?.pending,t),{draft:be,draftLoading:xe,saveDraft:Se,clearDraft:B,cancelPendingSave:Ce,moveDraft:V}=_s(P,c,t);(0,Q.useEffect)(()=>{if(!t||!c)return;let e=_t(t)?.permissionModeSource===`user`?`user`:`inherited`;pt(t,{sessionId:c,providerId:m,permissionMode:O,permissionModeSource:O?e:void 0,pickedAccountId:void 0,pickedAccountLabel:void 0,pickedAccountProvider:void 0})},[c,m,O]);let H=(0,Q.useCallback)(e=>{p(e),t&&pt(t,{providerId:e})},[t]),we=e?.pickedAccountId,Ee=e?.pickedAccountLabel,De=e?.pickedAccountProvider,Oe=!!we&&De===m,ke=Qn(t,m,!c&&!a?.pending&&!Oe),Ae=(0,Q.useCallback)(async(e,n)=>{if(c){try{await K.put(`${G(P)}/chat/sessions/${c}/account`,{accountId:e}),W({id:e,label:n}),z(),Te.success(`This chat will use the selected account from the next message.`)}catch(e){return e.message||`Could not switch account`}return null}return t&&pt(t,{pickedAccountId:e,pickedAccountLabel:n,pickedAccountProvider:m}),null},[c,P,t,e,m,F,z]),[U,W]=(0,Q.useState)(null),je=Ge(e=>Object.values(e.panels).some(e=>e.activeTabId===t)),{messages:q,renderedMessages:Pe,expandCompact:Fe,isCompactExpanded:Ie,dismissMessage:J,clearErrors:Le,messagesLoading:Re,versionMap:ze,isStreaming:Be,phase:Ve,isReconnecting:Ue,connectingElapsed:We,pendingApproval:Ke,contextWindowPct:qe,compactStatus:Ye,promptCache:Xe,mcpNeedsAuth:Ze,statusMessage:Qe,sessionTitle:X,liveAccount:$e,model:et,setModel:tt,effort:Z,setEffort:nt,thinking:rt,setThinking:it,sendMessage:at,respondToApproval:ot,cancelStreaming:st,reconnect:ct,refetchMessages:lt,isConnected:ut,teamActivity:dt,teamMessages:ft,markTeamRead:mt,bashPartialOutput:ht,backgroundShells:gt,killBackgroundShell:yt}=Xn(c,m,P,d,(0,Q.useCallback)(e=>{if(!t)return;let n=!document.hidden&&Object.values(Ge.getState().panels).some(e=>e.activeTabId===t),r={started:`chat-started`,succeeded:`chat-succeeded`,failed:`chat-failed`,session:`chat-session`};window.dispatchEvent(new CustomEvent(`ppm:onboarding-evidence`,{detail:{...e,type:r[e.type],projectName:P,tabId:t,visible:n}}))},[P,t]));(0,Q.useEffect)(()=>{if(!t||!je||xe||Be)return;let e=()=>window.dispatchEvent(new CustomEvent(`ppm:onboarding-evidence`,{detail:{type:`chat-opened`,projectName:P,tabId:t,sessionId:c,visible:!document.hidden}}));return e(),window.addEventListener(`ppm:onboarding-refresh`,e),()=>window.removeEventListener(`ppm:onboarding-refresh`,e)},[t,P,c,je,xe,Be]),(0,Q.useEffect)(()=>{$e&&W($e)},[$e]);let bt=$e?.id;(0,Q.useEffect)(()=>{bt&&z()},[bt,z]),(0,Q.useEffect)(()=>{W(null)},[c]);let xt=dt?.teamNames?.[0]??``,{members:St}=Ra(xt,!!xt),Ct=(0,Q.useMemo)(()=>({projectName:P,providerId:Kt(m),sessionId:c??``}),[P,m,c]);(0,Q.useEffect)(()=>{if(!c||!t)return;let e=()=>{if(document.hidden)return;let{panels:e}=Ge.getState();Object.values(e).some(e=>e.activeTabId===t)&&(Tt.getState().notifications.get(c)?.manual||Tt.getState().clearForSession(c))};e(),document.addEventListener(`visibilitychange`,e);let n=Ge.subscribe(e),r=Tt.subscribe(e);return()=>{document.removeEventListener(`visibilitychange`,e),n(),r()}},[c,t]),(0,Q.useEffect)(()=>{t&&X&&!s&&F(t,{title:X}),c&&P&&X&&Y.getState().renameSession(He(P),c,X)},[X]);let[wt,Et]=(0,Q.useState)(e?.pendingMessage),[Dt,Ot]=(0,Q.useState)(!1),[kt,At]=(0,Q.useState)(!1),[jt,Mt]=(0,Q.useState)(null),Nt=(0,Q.useRef)(0),Pt=(0,Q.useRef)(!1),Ft=(0,Q.useRef)(null),[It,Lt]=(0,Q.useState)(null),Rt=(0,Q.useCallback)((e,t)=>{Pt.current=!1,Ft.current=null,Mt(null),At(!1),Lt({text:e,nonce:Date.now()}),Te.error(`Message not sent`,{description:`${t} Your text is back in the input.`})},[]),zt=(0,Q.useCallback)(e=>{let t=Ft.current;++Nt.current,Pt.current=!1,At(!1),Mt(null),A.current&&=(clearTimeout(A.current),null),Ot(!1);let n=ue.current;if(!n){t&&Rt(t,e);return}ue.current=null,B(n.draftId),Rt(n.content,e)},[Rt,B]),Bt=(0,Q.useCallback)(e=>{ue.current=e,A.current&&clearTimeout(A.current),A.current=setTimeout(()=>zt(`The chat did not connect in time.`),ys)},[zt]);(0,Q.useEffect)(()=>{if(ut&&ue.current){let{content:e,draftId:t,permissionMode:n,images:r,imagePaths:i}=ue.current;ue.current=null,A.current&&=(clearTimeout(A.current),null),at(e,{permissionMode:n,...r?.length&&{images:r},...i?.length&&{imagePaths:i}}),Pt.current=!1,Ft.current=null,Mt(null),At(!1),B(t)}},[ut,at,B]),(0,Q.useEffect)(()=>()=>{++Nt.current,A.current&&clearTimeout(A.current)},[]);let[Vt,Ht]=(0,Q.useState)(null),[Ut,Wt]=(0,Q.useState)(0),[Gt,qt]=(0,Q.useState)(!1),Jt=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{Jt.current&&!Re&&qt(!1),Jt.current=!!Re},[Re]),(0,Q.useEffect)(()=>{wt&&ut&&c&&t&&pt(t,{pendingMessage:void 0})},[ut,c]),(0,Q.useEffect)(()=>{Dt&&Be&&Ot(!1)},[Dt,Be]),(0,Q.useEffect)(()=>{if(!Dt)return;let e=setTimeout(()=>Ot(!1),6e4);return()=>clearTimeout(e)},[Dt]);let Yt=(0,Q.useCallback)((e,t)=>{if(n){n(t);return}Je.getState().openTab({type:`chat`,title:e||`AI Chat`,metadata:{projectName:P,providerId:m,...O&&{permissionMode:O,permissionModeSource:`cache`},...t&&{clearedFrom:t}},projectId:P||null,closable:!0})},[P,m,O,n]),Xt=(0,Q.useCallback)(e=>{zt(`You switched to another chat before it connected.`),l(e.id),p(e.providerId),t&&!s&&F(t,{title:e.title||`Chat`}),Tt.getState().clearForSession(e.id)},[t,F,zt,s]),Qt=(0,Q.useCallback)(async(e,t)=>{if(!(!c||!P))try{let{api:n,projectUrl:i}=await Ne(async()=>{let{api:e,projectUrl:t}=await import(`./api-client-CbrcysYC.js`);return{api:e,projectUrl:t}},__vite__mapDeps([43,5,1,2,12])),a=await n.post(`${i(P)}/chat/sessions/${c}/fork?providerId=${m}`,{messageId:t});if(Y.getState().upsertSession(He(P),{id:a.id,providerId:m,title:e.slice(0,50),createdAt:new Date().toISOString(),...s&&{designSlug:s}}),r){r({sessionId:a.id,providerId:m,pendingMessage:e});return}Je.getState().openTab({type:`chat`,title:`Fork: ${e.slice(0,30)}`,metadata:{projectName:P,sessionId:a.id,providerId:m,pendingMessage:e},projectId:P||null,closable:!0})}catch(e){console.error(`Fork failed:`,e);let t=e?.message||`Unknown error`;Te.error(`Cannot fork from this message`,{description:t.includes(`not found`)||t.includes(`Invalid upToMessageId`)?`The original message is no longer available in the session transcript. Try forking from a different message.`:t})}},[c,P,m,r,s]),$t=(0,Q.useCallback)((e,t,n)=>{Et(e),Ht({anchorMsgId:t,ownMsgId:n})},[]),en=(0,Q.useCallback)(()=>{Ht(null),Et(void 0),Ot(!1),B(),Wt(e=>e+1)},[B]),tn=(0,Q.useCallback)(async(e,n)=>{if(!(!e.trim()||!c||!P)){Ot(!0);try{let r=await K.post(`${G(P)}/chat/sessions/${c}/fork?providerId=${m}&mode=edit`,{messageId:n},{signal:AbortSignal.timeout(vs)});Y.getState().upsertSession(He(P),{id:r.id,providerId:m,title:e.slice(0,50),createdAt:new Date().toISOString(),...s&&{designSlug:s}}),Bt({content:e,draftId:c,permissionMode:O}),V(r.id),qt(!0),t&&pt(t,{sessionId:r.id}),l(r.id)}catch(t){Ot(!1);let n=t?.name===`TimeoutError`?`The server did not answer in time.`:t?.message||`Unknown error`;Te.error(`Cannot edit from this message`,{description:n.includes(`not found`)||n.includes(`Invalid upToMessageId`)?`The original message is no longer available in the session transcript.`:n}),Lt({text:e,nonce:Date.now()})}}},[c,P,m,O,t,Bt,V,s]),nn=(0,Q.useCallback)(e=>{!e||e===c||(zt(`You switched to another version before it connected.`),qt(!0),t&&pt(t,{sessionId:e}),l(e))},[c,t,zt]),rn=(0,Q.useCallback)((e,t,n=[])=>{if(t.length===0)return e;let r=[];for(let e of t)e.textContent&&r.push(e.textContent);let{inlineImagePaths:i,pathOnlyPaths:a}=wn(t,n);for(let e of i)r.push(`[Attached image (contents included in this message): ${e}]`);if(a.length>0){let e=a.join(`
+`);r.push(a.length===1?`[Attached file: ${e}]`:`[Attached files:\n${e}\n]`)}return r.length===0?e:r.join(`
+
+`)+`
+
+`+e},[]),an=(0,Q.useCallback)(async(n,r=[],i)=>{let u=Cn(r),d=rn(n,r,u),f=r.filter(e=>e.isImage&&e.serverPath).map(e=>e.serverPath);if(!(!d.trim()&&u.length===0)){if(!c){if(Pt.current)return;Pt.current=!0,Ft.current=d;let r=++Nt.current;At(!0),Mt({content:d,timestamp:new Date().toISOString()});try{let i=a?.pending?await a.prepare():null;if(r!==Nt.current)return;let c=i?.providerId??m,h=i?.permissionMode??O??a.permissionMode,g=t?await ir(t)?.catch(()=>void 0):void 0;if(r!==Nt.current)return;g&&k()&&(h=g.settings.providers[c]?.permission_mode??h),p(c),se(h),t&&pt(t,{permissionMode:h});let _=await ke(c);if(r!==Nt.current)return;let v=o.current,y=v?.pickedAccountProvider===c?v.pickedAccountId:_?.id,b=P,x=await K.post(`${G(b)}/chat/sessions`,{providerId:c,title:n.slice(0,50),clearedFrom:e?.clearedFrom,accountId:y,...s&&{designSlug:s}},{signal:AbortSignal.timeout(vs)});if(r!==Nt.current)return;Y.getState().upsertSession(He(b),{id:x.id,providerId:x.providerId,title:x.title,createdAt:x.createdAt,...s&&{designSlug:s}}),V(x.id),l(x.id),p(x.providerId),Bt({content:d,draftId:`__new__`,permissionMode:h,images:u,imagePaths:f});return}catch(e){if(r!==Nt.current)return;console.error(`Failed to create session:`,e),Rt(d,e?.name===`TimeoutError`?`The server did not answer in time.`:`Could not start the chat: ${e?.message||`unknown error`}.`);return}}at(d,{permissionMode:O,priority:i,...u.length>0&&{images:u},...f.length>0&&{imagePaths:f}}),B()}},[c,m,P,at,rn,O,e,Bt,Rt,B,s,V,a,ke,t,k]),on=(0,Q.useRef)(h);on.current=h;let sn=(0,Q.useCallback)((e,t,n)=>{let r=e.trim().match(/^\/(\S+)(?:\s+([\s\S]+))?$/);if(r){let e=on.current.find(e=>e.handler===`client`&&(e.name===r[1]||e.aliases?.includes(r[1])));if(r[1]===`clear`||e?.name===`clear`){B(),Yt(r[2]?.trim(),c??void 0);return}}if(Et(void 0),Se(e,t.filter(e=>e.serverPath).map(e=>({name:e.name,path:e.serverPath}))),Ce(),Vt&&c&&P){let n=Vt.anchorMsgId;Ht(null),tn(rn(e,t),n);return}an(e,t,n)},[an,B,Se,Ce,Vt,c,P,tn,rn,Yt]),cn=(0,Q.useRef)(q);cn.current=q;let ln=(0,Q.useCallback)(()=>cn.current.filter(e=>e.role===`user`&&e.content.trim()).map(e=>e.content),[]),un=(0,Q.useCallback)((e,t)=>{Se(e,t)},[Se]),dn=(0,Q.useCallback)((e,t)=>{g(e),t&&T(t)},[]),fn=(0,Q.useCallback)((e,t)=>{y(e),S(t)},[]),pn=(0,Q.useCallback)(e=>{w(e),y(!1),S(``),setTimeout(()=>w(null),50),P&&(K.post(`${G(P)}/chat/slash-recents`,{name:e.name,type:e.type}).catch(()=>{}),T(t=>[e.name,...t.filter(t=>t!==e.name)].slice(0,5)))},[P]),mn=(0,Q.useCallback)(()=>{y(!1),S(``)},[]),hn=(0,Q.useCallback)(()=>me(null),[]),gn=(0,Q.useCallback)(e=>{ge(e)},[]),_n=(0,Q.useCallback)(e=>{me([e.path]),ge(null)},[]),vn=(0,Q.useCallback)((e,t)=>{E(e),ae(t)},[]),yn=(0,Q.useCallback)(e=>{D(e),E(!1),ae(``),setTimeout(()=>D(null),50)},[]),bn=(0,Q.useCallback)(()=>{E(!1),ae(``)},[]),xn=(0,Q.useCallback)(e=>{e.preventDefault(),N.current++,(e.dataTransfer.types.includes(`application/x-ppm-path`)||e.dataTransfer.types.includes(`Files`))&&de(!0)},[]),Sn=(0,Q.useCallback)(e=>{e.preventDefault(),N.current--,N.current===0&&de(!1)},[]),Tn=(0,Q.useCallback)(e=>{e.preventDefault()},[]),En=(0,Q.useCallback)(e=>{e.preventDefault(),N.current=0,de(!1);let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){me([t]);return}let n=Array.from(e.dataTransfer.files);n.length>0&&(fe(n),setTimeout(()=>fe(null),100))},[]);return(0,$.jsx)(Zt,{value:Ct,children:(0,$.jsxs)(`div`,{"data-onboarding":`chat`,className:`flex flex-col h-full relative`,onDragEnter:xn,onDragLeave:Sn,onDragOver:Tn,onDrop:En,children:[j&&(0,$.jsx)(`div`,{className:`absolute inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm border-2 border-dashed border-primary rounded-lg pointer-events-none`,children:(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-2 text-primary`,children:[(0,$.jsx)(b,{className:`size-8`}),(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:`Drop files to attach`})]})}),Ue&&(0,$.jsx)(`div`,{className:`absolute inset-0 z-50 flex items-center justify-center bg-background/60 backdrop-blur-sm`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(R,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Reconnecting...`})]})}),Dt&&(0,$.jsx)(`div`,{className:`absolute inset-0 z-50 flex items-center justify-center bg-background/70 backdrop-blur-sm`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)(R,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Creating edited version…`})]})}),(0,$.jsx)(Ca,{shells:gt,onKill:yt}),kt?(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[jt&&(0,$.jsx)(Ri,{content:jt.content,timestamp:jt.timestamp,projectName:P}),(0,$.jsxs)(`div`,{role:`status`,className:`flex items-center gap-2 pt-3 text-sm text-text-secondary`,children:[(0,$.jsx)(R,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Starting conversation...`})]})]}):(0,$.jsx)(va,{messages:Pe,onExpandCompact:Fe,isCompactExpanded:Ie,messagesLoading:Re,keepStaleWhileLoading:Gt,pendingApproval:Ke,onApprovalResponse:ot,isStreaming:Be,phase:Ve,connectingElapsed:We,statusMessage:Qe,compactStatus:Ye,promptCache:Xe,projectName:P,onFork:Be?void 0:Qt,onEdit:Be?void 0:$t,editingMsgId:Vt?.ownMsgId,sessionId:c??void 0,providerId:m,onNavigateVersion:nn,versionMap:ze,onSelectSession:Xt,onDismissMessage:J,onClearErrors:Le,bashPartialOutput:ht}),(0,$.jsx)(Pa,{projectName:P,providerId:Ct.providerId,sessionId:c,messages:q,teamName:xt,teamMembers:St}),(0,$.jsx)(Ia,{needsAuth:Ze,projectName:P||void 0},c??`draft`),(0,$.jsxs)(`div`,{className:`border-t border-border bg-panel shrink-0`,children:[(0,$.jsx)(fs,{tabId:t,projectName:P,usageInfo:L,usageLoading:_e,refreshUsage:ye,lastFetchedAt:ve,sessionId:c,providerId:m,pickedAccountLabel:U?.label??(Oe?Ee:null),pickedAccountId:U?.id??(Oe?we??null:null),onSelectAccount:!a.pending&&!kt?Ae:void 0,onSelectSession:Xt,historyFilter:i,onBugReport:c?()=>vt(I,{sessionId:c,projectName:P}):void 0,isConnected:ut,onReload:()=>{ut||ct(),lt()},teamActivity:dt,teamMessages:ft,onTeamOpen:mt}),(0,$.jsx)(Fo,{items:h,filter:x,onSelect:pn,onClose:mn,visible:v,recentNames:ee,projectName:P}),(0,$.jsx)(Io,{items:te,filter:ie,onSelect:yn,onClose:bn,visible:re}),he&&(0,$.jsx)(Io,{items:he,filter:``,onSelect:_n,onClose:()=>ge(null),visible:!0}),Vt&&(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 px-3 py-1.5 text-xs text-muted-foreground border-t border-border bg-muted/40`,children:[(0,$.jsx)(`span`,{children:`Editing message — your next send replaces it`}),(0,$.jsxs)(`button`,{type:`button`,onClick:en,className:`flex items-center gap-1 rounded px-2 py-1 min-h-[28px] hover:bg-accent hover:text-accent-foreground transition-colors`,title:`Cancel edit (send as a new message instead)`,children:[(0,$.jsx)(_,{className:`h-3.5 w-3.5`}),`Cancel`]})]}),(0,$.jsx)(Do,{draftReady:!xe,configurationPending:a.pending,tabId:t,onSend:sn,disabled:kt,isStreaming:Be,onCancel:st,autoFocus:!e?.sessionId||!!wt,initialValue:wt??be?.content,clearSignal:Ut,restore:It,projectName:P,onSlashStateChange:fn,onSlashItemsLoaded:dn,slashSelected:C,onFileStateChange:vn,onFileItemsLoaded:ne,fileSelected:oe,externalFiles:M,externalPaths:pe,onExternalPathsConsumed:hn,onDisambiguate:gn,onContentChange:un,getUserHistory:ln,permissionMode:O,onModeChange:!a?.pending&&!kt?le:void 0,providerId:a?.providerId??m,sessionId:c??void 0,onProviderChange:!c&&!s&&!a?.pending&&!kt?H:void 0,model:et,onModelChange:!a?.pending&&!kt?tt:void 0,effort:Z,onEffortChange:nt,thinking:rt,onThinkingChange:it,promptCache:Xe})]})]})})}export{bs as t};

package/dist/web/assets/chat-tab-BaXGaBEC.js

@@ -0,0 +1 @@
+import"./vendor-markdown-QKPNiWEd.js";import"./vendor-ui-P9Ym7hCv.js";import"./icons-CO_II6D-.js";import{t as e}from"./chat-tab-BAbcVFzD.js";import"./api-client-F5Zi1sR0.js";import"./settings-store-DIV25PM_.js";import"./portal-container-context-NFSuymMu.js";import"./panel-store-1X6yM3XZ.js";import"./window-store-vo1N70nK.js";import"./project-store-CCimwgGF.js";import"./tab-store-D33icgdA.js";import"./context-menu-CH1mvCwA.js";import"./chat-preparation-cache-DoS7sdal.js";import"./file-store-DCU7_YyB.js";import"./use-is-mobile-CkO33jqU.js";import"./onboarding-quick-orientation-WLKI95GY.js";import"./button-CsmGH5xa.js";import"./dialog-z8PLkL8n.js";import"./mobile-bottom-sheet-CLic9ovp.js";import"./use-visual-viewport-C307OVeV.js";import"./input-CP31LZnN.js";import"./ws-auth-J3hw0Mhc.js";import"./agent-session-sheet-store-BcQbnaV2.js";import"./libesm-DAF5_F99.js";import"./tool-cards-iJ8tyrLq.js";import"./use-blob-url-B3R1DMZ0.js";import"./use-websocket-Mqj27umG.js";import"./api-settings-BWgfXl7o.js";import"./onboarding-entry-Bh-WE3vq.js";import"./send-to-chat-Bjg6c8Ld.js";import"./ai-settings-section-H173dm1k.js";import"./codex-reset-credit-button-CB8Dfhki.js";export{e as ChatTab};

package/dist/web/assets/chat-tab-BaXGaBEC.js.br

@@ -0,0 +1,4 @@
+� ħw۴z���1F%Q*e���<��?���7-�<�Co��=���l�]eOU��mb=L�l0{��E�i�	�#�0��"�U/�������/߬�����r��L7�Ȇ�n�����CG1h{�M�F�?�ޚ���-���℞a0n/�w4�W֨=	ح���^�^���KL<P'�&��zQ�tڼt�:��t,Yg�O
��F�Z�d�L	�'Z��RK���u%]vo�*Omx�p�B��j$1�/v@�w���p��*�a�4�t���H�b�M����U2R�
޺��3�Iq�^
++ä(Bi���B4�v���S�z����dF�y	�I�LHu�@1gF����g�iMn�v��n`�[��k��9|�#L��
+���hϠ����41;���sRuTd��1e�ܶ����p&�)r�ַ K@;��;�YZ�[�bXtY�X��Z#���L9Vj��
+�q�����n��