@hienlh/ppm 0.23.14 → 0.23.15

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

@@ -0,0 +1,16 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/edit-diff-preview-DyWUMlkI.js","assets/rolldown-runtime-C5c2KzVm.js","assets/vendor-markdown-C-P1aR4p.js","assets/libesm-B6LsX5wH.js","assets/markdown-renderer-Df3r-CCb.js","assets/vendor-ui-BTSIXzhZ.js","assets/lib-5Chotbwm.js","assets/markdown-renderer-CtEl6qAt.js","assets/index-DLB3j_P0.js","assets/preload-helper-CM8YhcCa.js","assets/button-C9ZXWb3b.js","assets/utils-Bslrbb-G.js","assets/createLucideIcon-D9_fdOKS.js","assets/file-diff-CcDhJkXB.js","assets/git-commit-horizontal-BPdj2L1i.js","assets/api-client-xQDlhUTu.js","assets/react-BZ0kba1-.js","assets/open-db-tabs-CtWIWHOa.js","assets/window-store-DqX_qmkQ.js","assets/panel-store-BJhazigC.js","assets/session-list-sync-triggers-DtJI5KF0.js","assets/project-store-BLGl9IAO.js","assets/project-framework-store-DwLxaRan.js","assets/explorer-model-BtJN4MZ9.js","assets/db-sidebar-reveal-_qw0CliT.js","assets/settings-store-B4mLp19V.js","assets/use-is-mobile-VRV9eZy1.js","assets/db-types-CNhENouW.js","assets/tab-store-D5I52eLN.js","assets/use-db-driver-installed-anzWkGi5.js","assets/impexp-state-BWKOuRGj.js","assets/file-store-BQ41vIs5.js","assets/sql-identifiers-DDISwQor.js","assets/db-explorer-store-BmpvDHz6.js","assets/onboarding-quick-orientation-CTHtIRib.js","assets/dialog-Dn_2tuYa.js","assets/portal-container-context-NBi-KGK0.js","assets/icons-BwyIKaTT.js","assets/format-file-meta-DdYtk07C.js","assets/fs-api-CFtQzsIJ.js","assets/open-settings-EXR4zoZG.js","assets/settings-categories-Ajj4ui27.js","assets/adaptive-context-menu-C4jNSORA.js","assets/context-menu-BCuZYfWC.js","assets/mobile-bottom-sheet-DArbIyrD.js","assets/use-visual-viewport-MmugpRg-.js","assets/dropdown-menu-BQidk_OJ.js","assets/input-C3oVNCMq.js","assets/scroll-area-DOlQJGZp.js","assets/start-ellipsis-CU8GkxaV.js","assets/chat-preparation-cache-190LLyy7.js","assets/clipboard-D-VCry-F.js","assets/file-icons-JInFtBVl.js","assets/format-date-CSHaU2wN.js","assets/git-repo-store-CKB5fdNP.js","assets/patch-tab-metadata-C92YkrRX.js","assets/ws-auth-CbF6GqxP.js","assets/apply-theme-ORrEdHKT.js","assets/resolve-theme-BqoL27BW.js","assets/index-M3DUzop8.css","assets/image-gallery-BuxSgBug.js","assets/run-in-terminal-ujoc25vj.js","assets/api-client-xR05zj6r.js"])))=>i.map(i=>d[i]);
+import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import{$ as r,$n as i,A as a,Br as o,D as s,Dn as c,E as l,Er as u,Et as d,Fn as f,Ft as p,G as m,I as h,K as g,Kr as _,L as v,M as y,Mn as b,Mr as x,Nn as S,Or as C,P as w,Q as T,S as ee,Ur as te,V as ne,Vn as E,Vr as re,Yr as ie,Yt as ae,Zr as oe,_t as D,ar as O,at as se,bn as ce,br as le,dn as k,en as ue,g as de,gr as fe,gt as pe,hr as me,ir as he,jr as ge,k as _e,li as ve,ln as A,n as j,nn as M,or as N,pi as ye,qr as be,rn as xe,t as Se,ti as Ce,tr as we,tt as P,ui as F,ut as I,w as Te,wr as Ee,xn as L,xr as De,yn as R,yt as Oe,z}from"./icons-BwyIKaTT.js";import{t as ke}from"./createLucideIcon-D9_fdOKS.js";import{t as Ae}from"./file-diff-CcDhJkXB.js";import{a as B,d as V,f as H,k as U,o as W,p as G,r as K,u as je,v as Me}from"./api-client-xQDlhUTu.js";import{t as Ne}from"./settings-store-B4mLp19V.js";import{t as Pe}from"./preload-helper-CM8YhcCa.js";import{n as q,r as Fe,t as Ie}from"./utils-Bslrbb-G.js";import{n as Le,r as Re,t as ze}from"./panel-store-BJhazigC.js";import{i as Be}from"./project-store-BLGl9IAO.js";import{a as Ve,c as He,d as Ue,i as We,l as Ge,o as J,r as Ke,s as qe,t as Je,u as Ye}from"./session-list-sync-triggers-DtJI5KF0.js";import{t as Xe}from"./tab-store-D5I52eLN.js";import{t as Ze}from"./format-date-CSHaU2wN.js";import{a as Qe,i as $e,n as et,r as Y,s as tt,t as nt}from"./chat-preparation-cache-190LLyy7.js";import{o as rt}from"./file-store-BQ41vIs5.js";import{n as X}from"./use-is-mobile-VRV9eZy1.js";import{t as it}from"./open-settings-EXR4zoZG.js";import{u as at}from"./onboarding-quick-orientation-CTHtIRib.js";import{r as ot}from"./clipboard-D-VCry-F.js";import{t as st}from"./button-C9ZXWb3b.js";import{n as ct,o as lt,t as ut}from"./dialog-Dn_2tuYa.js";import{n as dt}from"./file-icons-JInFtBVl.js";import{n as ft,t as pt}from"./patch-tab-metadata-C92YkrRX.js";import{i as mt,m as ht,r as gt,t as _t}from"./dropdown-menu-BQidk_OJ.js";import{t as vt}from"./mobile-bottom-sheet-DArbIyrD.js";import{t as Z}from"./input-C3oVNCMq.js";import{n as yt}from"./db-types-CNhENouW.js";import{Ai as bt,B as xt,F as St,Fn as Ct,G as wt,Gi as Tt,H as Et,I as Dt,K as Ot,Mi as kt,N as At,P as jt,Pi as Mt,Ri as Nt,Sn as Pt,U as Ft,Ui as It,W as Lt,Wi as Rt,Xr as zt,ci as Bt,in as Vt,ji as Ht,ki as Ut,li as Wt,r as Gt,t as Kt,zi as qt}from"./index-DLB3j_P0.js";import{a as Jt,c as Yt,d as Xt,g as Zt,h as Qt,i as $t,m as en,n as tn,o as nn,p as rn,r as an,s as on}from"./tool-cards-BRto67jM.js";import{n as sn,r as cn,t as ln}from"./image-gallery-BuxSgBug.js";import{c as un,s as dn}from"./db-ai-tools-CVbbW_MZ.js";import{a as fn,c as pn,l as mn,n as hn,o as gn,r as _n,s as vn,t as yn}from"./session-turns-D3QpTtCq.js";import{t as bn}from"./use-websocket-n3Ud9vEA.js";import{g as xn}from"./api-settings-vmIRFNwZ.js";import{C as Sn,S as Cn,b as wn,c as Tn,d as En,f as Dn,g as On,h as kn,l as An,m as jn,p as Mn,s as Nn,t as Pn,v as Fn,x as In,y as Ln}from"./session-changes-bar-VfS2sHuH.js";import{t as Rn}from"./onboarding-entry-eehqBvyM.js";import{n as zn,t as Bn}from"./send-to-chat-CWV1qd3c.js";import{i as Vn,n as Hn,r as Un,t as Wn}from"./slash-command-picker-lILYDfK3.js";import{t as Gn}from"./ai-settings-section-C9Q-v8fY.js";import{b as Kn,c as qn,f as Jn,i as Yn,l as Xn,m as Zn,n as Qn,o as $n,s as er,t as tr,u as nr,v as rr,x as ir}from"./codex-reset-credit-button-DQDtyvnd.js";var ar=ke(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),or={maxImages:4,maxBase64PerImage:5e6,maxBase64Total:1e7};function sr(e){let t=[],n=0;for(let r of e)if(r.imageData){if(t.length>=or.maxImages)break;r.imageData.data.length>or.maxBase64PerImage||n+r.imageData.data.length>or.maxBase64Total||(n+=r.imageData.data.length,t.push(r.imageData))}return t}function cr(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 lr=class{attempt=null;constructor(e){this.emit=e}start(e,t,n){this.fail(),!(!t||!n)&&(this.attempt={sessionId:e,attemptId:Fe()},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 ur(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 dr(e,t){let n=`pc-${ur(t)}-`;return e.map(e=>e.id?{...e,id:`${n}${e.id}`}:e)}function fr(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 pr=null;function mr(){return pr||=new AudioContext,pr}function hr(e,t,n,r,i=`sine`){let a=mr(),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 gr(){let e=mr().currentTime;hr(523,.15,e,.15),hr(659,.2,e+.12,.15)}function _r(){let e=mr().currentTime;hr(880,.12,e,.18,`square`),hr(698,.12,e+.15,.18,`square`),hr(880,.15,e+.3,.15,`square`)}function vr(){let e=mr().currentTime;hr(440,.12,e,.12),hr(523,.12,e+.1,.12),hr(659,.18,e+.2,.12)}var yr={done:gr,approval_request:_r,question:vr};function br(e){try{yr[e]?.()}catch{}}function xr(e){return e.inputTokens+e.cacheReadTokens+e.cacheWriteTokens}function Sr(e){return e.inputTokens+e.cacheWriteTokens}var Cr=.5,wr=.9,Tr={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 Er(e){let t=Sr(e),n=xr(e);if(!e.coldStart||n<2e4)return{level:`ok`,wastedTokens:t,reason:``};let r=e.cacheHitRate<Cr?`bad`:e.cacheHitRate<wr?`warn`:`ok`;if(r===`ok`)return{level:r,wastedTokens:t,reason:``};let i=e.coldReason?Tr[e.coldReason]??`the session restarted (${e.coldReason})`:null;return{level:r,wastedTokens:t,reason:i?`${Ar(t)} of this session's transcript was re-sent uncached because ${i}.`:`${Ar(t)} of this session's transcript was re-sent uncached.`}}var Dr=.1,Or=1.25;function kr(e){let t=xr(e);if(t===0)return 1;let n=e.inputTokens+e.cacheWriteTokens*Or+e.cacheReadTokens*Dr,r=t*Dr;return r>0?Math.max(1,n/r):1}function Ar(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 jr(e){return e.map(e=>e.events?{...e,events:rn(e.events)}:e)}var Mr={hasTeams:!1,teamNames:[],messageCount:0,unreadCount:0},Nr=50;function Pr(e){if(document.hidden)return!1;let{panels:t}=ze.getState();for(let n of Object.values(t))if(Re(n.tabs.find(e=>e.id===n.activeTabId))===e)return!0;return!1}function Fr(e,t=`claude`,n=``,r,i,a){let o=(0,Q.useRef)(a?.onMessageRejected);o.current=a?.onMessageRejected;let s=(0,Q.useRef)([]),c=(0,Q.useRef)(0),l=(0,Q.useRef)(i);l.current=i;let u=(0,Q.useRef)(null);u.current||=new lr(e=>l.current?.(e));let[d,f]=(0,Q.useState)([]),[p,m]=(0,Q.useState)(new Map),[h,g]=(0,Q.useState)(!1),[_,v]=(0,Q.useState)({}),[y,b]=(0,Q.useState)(0),x=(0,Q.useRef)(0),[S,C]=(0,Q.useState)(0),[w,T]=(0,Q.useState)(null),[ee,te]=(0,Q.useState)(!1),ne=(0,Q.useRef)(!1),E=(0,Q.useRef)(!1),re=(0,Q.useRef)(null),ie=(0,Q.useRef)(!1),ae=(0,Q.useCallback)(e=>{let t=e?.start??0;x.current=t,b(t),C(e?.userOrdinalOffset??0),T(t>0?e?.predecessorId??null:null)},[]),[oe,D]=(0,Q.useState)(`idle`),[O,se]=(0,Q.useState)(!1),[ce,le]=(0,Q.useState)(0),[k,ue]=(0,Q.useState)(null),[de,fe]=(0,Q.useState)(null),[pe,me]=(0,Q.useState)(null),[he,ge]=(0,Q.useState)(null),[_e,ve]=(0,Q.useState)([]),[A,j]=(0,Q.useState)(null),[M,N]=(0,Q.useState)([]),ye=(0,Q.useRef)([]),[be,xe]=(0,Q.useState)(null),[Se,Ce]=(0,Q.useState)(null),[we,P]=(0,Q.useState)(!1),[F,I]=(0,Q.useState)(null),[Te,Ee]=(0,Q.useState)(null),L=(0,Q.useRef)(null),De=(0,Q.useRef)(null),[R,Oe]=(0,Q.useState)(null),z=(0,Q.useRef)(null),[ke,Ae]=(0,Q.useState)(!0),B=(0,Q.useRef)(null),V=(0,Q.useRef)(null),H=(0,Q.useRef)(``),G=(0,Q.useRef)([]),je=(0,Q.useRef)(new Map),Me=(0,Q.useRef)(null),[Ne,Pe]=(0,Q.useState)(null),q=(0,Q.useRef)(`idle`),Fe=(0,Q.useRef)(null),Ie=(0,Q.useRef)(()=>{}),Le=(0,Q.useRef)(null),Re=(0,Q.useRef)(0),Be=(0,Q.useRef)(0),Ve=(0,Q.useRef)(!1),He=(0,Q.useRef)(null),Ue=(0,Q.useRef)([]),We=(0,Q.useRef)(0),Ge=(0,Q.useRef)(!1),Ke=(0,Q.useRef)(!1),qe=(0,Q.useRef)(null),Ye=(0,Q.useRef)(!1),Xe=(0,Q.useRef)(new Set),Ze=(0,Q.useRef)(0),Qe=(0,Q.useRef)(null),$e=(0,Q.useRef)(0),et=(0,Q.useRef)(!1),Y=(0,Q.useRef)(e);Y.current=e;let tt=(0,Q.useRef)(r);tt.current=r;let nt=(0,Q.useRef)([]);nt.current=d;let rt=(0,Q.useRef)(n);rt.current=n;let X=(0,Q.useRef)(null),it=(0,Q.useRef)(0),ot=(0,Q.useRef)({teamNames:new Set,messages:[]}),st=(0,Q.useRef)(0),[ct,lt]=(0,Q.useState)(Mr),[ut,dt]=(0,Q.useState)([]),ft=(0,Q.useCallback)(()=>{let e=ot.current;lt({hasTeams:e.teamNames.size>0,teamNames:Array.from(e.teamNames),messageCount:e.messages.length,unreadCount:st.current}),dt([...e.messages])},[]),pt=(0,Q.useCallback)(()=>{st.current=0,ft()},[ft]),mt=(0,Q.useCallback)(async e=>{try{let t=await K.get(`/api/teams/${encodeURIComponent(e)}`);if(!t?.messages)return;let n=ot.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),ft()}catch{}},[ft]),ht=oe!==`idle`;(0,Q.useEffect)(()=>{if(e)return at.getState().setStreaming(e,oe!==`idle`,n),()=>{at.getState().setStreaming(e,!1)}},[e,oe,n]);let gt=(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=Xt(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(G.current);return i&&(G.current=r),i},[]),_t=(0,Q.useCallback)((e,t)=>{let n=e=>e.type===`tool_use`&&(e.tool===`Agent`||e.tool===`Task`)&&e.toolUseId===t,r=nt.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:(f(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)?Xt(t,e):t);return[...t.slice(0,r),{...i,events:a},...t.slice(r+1)]}),!0)},[]),vt=(0,Q.useCallback)(()=>{it.current=0;let e=H.current,t=[...G.current],n=Me.current;(0,Q.startTransition)(()=>{f(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}]})})},[]),Z=(0,Q.useCallback)(()=>{it.current||=window.setTimeout(vt,100)},[vt]),yt=(0,Q.useCallback)((e,t)=>{let n=t=>t.type===`tool_use`&&(t.tool===`Agent`||t.tool===`Task`)&&t.toolUseId===e,r=G.current.findIndex(n);if(r!==-1){G.current[r]={...G.current[r],bgStatus:t},Z();return}f(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)]})},[Z]),bt=(0,Q.useCallback)(e=>{let t=e,n=t?.type;if(!n)return;let r=e=>{let n=G.current,r=n.findIndex(e);r===-1?n.push(t):n[r]=t};switch(n){case`account_info`:Me.current={accountId:t.accountId,accountLabel:t.accountLabel},Pe({id:t.accountId,label:t.accountLabel??null}),xe(null);break;case`account_retry`:t.accountId&&t.accountLabel&&(Me.current={accountId:t.accountId,accountLabel:t.accountLabel},Pe({id:t.accountId,label:t.accountLabel})),G.current.push(t),Z();break;case`status_update`:{let e=t.accountLabel?` (${t.accountLabel})`:``;xe(`${t.message}${e}`);break}case`text`:{let e=t.parentToolUseId;if(e&&gt(t,e)){Z();break}if(e){_t(t,e);break}H.current+=t.content,G.current.push(t),Z();break}case`thinking`:{let e=t.parentToolUseId;if(e&&gt(t,e)){Z();break}if(e){_t(t,e);break}G.current.push(t),Z();break}case`tool_use`:{if(t.tool===`AskUserQuestion`){t.toolUseId&&Xe.current.add(t.toolUseId);break}let e=t.parentToolUseId;if(e&&gt(t,e)){Z();break}if(e){_t(t,e);break}let n=t.toolUseId;r(e=>!!n&&e.type===`tool_use`&&e.toolUseId===n),Z();break}case`tool_result`:{let e=t.toolUseId;if(e&&je.current.delete(e),e&&Xe.current.has(e))break;let n=t.parentToolUseId;if(n&&gt(t,n)){Z();break}if(n){_t(t,n);break}if(q.current===`idle`&&e?.startsWith(`subagent-`)){f(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),Z();break}case`approval_resolved`:{let e=t.requestId;if(t.approved&&t.answers){let n=G.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,f(e=>[...e]))}ue(t=>t&&t.requestId===e?null:t),X.current!=null&&(U.dismiss(X.current),X.current=null);break}case`approval_request`:{let e=dn(t.tool,t.input);if(e||r(e=>e.type===`approval_request`&&e.requestId===t.requestId),Ye.current)break;if(ue({requestId:t.requestId,tool:t.tool,input:t.input}),Y.current&&!Pr(Y.current)){br(t.tool===`AskUserQuestion`?`question`:`approval_request`);let n=Y.current,r=t.tool===`AskUserQuestion`;X.current=U[r?`info`:`warning`](r?`AI has a question`:e?`AI wants to change ${e.connectionName}`:`${t.tool} needs permission`,{description:rt.current||`Session ${n.slice(0,8)}`,duration:1/0,action:{label:`Go to session`,onClick:()=>{let{panels:e}=ze.getState();for(let[t,r]of Object.entries(e)){let e=r.tabs.find(e=>e.metadata?.sessionId===n);if(e){ze.getState().setActiveTab(e.id,t);break}}}}})}break}case`error`:if(t.parentToolUseId){gt(t,t.parentToolUseId)?Z():_t(t,t.parentToolUseId);break}Ye.current||u.current?.fail(),f(e=>{let n=e[e.length-1];if(n?.role===`assistant`){let r=G.current,i=r[r.length-1],a=i?.type===`error`&&i.message===t.message?r:[...r,t];return G.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&&(ot.current.teamNames.add(e),ft(),mt(e));break}case`team_inbox`:{let e=t.messages;if(Array.isArray(e)){let t=ot.current.messages;t.push(...e),t.length>500&&t.splice(0,t.length-500),st.current+=e.length,ft()}break}case`team_updated`:ft();break;case`bash_output`:{let e=t.toolUseId;if(e){let n=je.current.get(e);n?(n.content+=t.content,n.content.length>5e5&&(n.content=n.content.slice(-5e5)),n.lineCount=t.lineCount):je.current.set(e,{content:t.content,lineCount:t.lineCount}),Z()}break}case`subagent_status`:{let e=t.toolUseId,n=t.status;e&&n&&yt(e,n);break}case`background_registry`:{let e=t.shells??[];ye.current=e,N(e);break}case`done`:{if(t.parentToolUseId||(Ye.current||u.current?.finish(!!H.current.trim()),q.current===`idle`))break;t.contextWindowPct!=null&&fe(t.contextWindowPct),Y.current&&!Pr(Y.current)&&br(`done`),it.current&&=(clearTimeout(it.current),0);let e=H.current,n=[...G.current],r=Me.current;Ve.current=!!e||n.length>0;let i=t.lastMessageUuid,a=t.usage;f(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&&ge(e=>e&&{...e,lastTurnEndedAt:Date.now(),billedPrefixTokens:xr(a),...a.contextTokens!=null&&{contextTokens:a.contextTokens},...a.cacheTtlMs!=null&&{ttlMs:a.cacheTtlMs},compactedAt:a.compactedAt}),H.current=``,G.current=[],Me.current=null,Qe.current=null,je.current.clear(),xe(null);break}}},[gt,_t,Z,yt,ft,mt]),xt=(0,Q.useCallback)(e=>{let t;try{t=JSON.parse(e.data)}catch{return}if(t.type===`tab_open`){nn(t,{sessionId:Y.current??``,projectName:rt.current||void 0},e=>Ie.current(e));return}if(Ye.current){Ue.current.push(e);return}if(t.type===`ping`){let e=t.streamSeq;typeof e==`number`&&e>We.current&&!Ge.current&&!Ke.current&&(Ge.current=!0,Ie.current(JSON.stringify({type:`resync`})));return}let n=t.streamSeq;if(typeof n==`number`&&(Ke.current?We.current=Math.max(We.current,n):n===We.current+1?We.current=n:n>We.current&&!Ge.current&&(Ge.current=!0,Ie.current(JSON.stringify({type:`resync`})))),t.type===`message_rejected`){let e=t,n=typeof e.clientMessageId==`string`?s.current.findIndex(t=>t.id===e.clientMessageId):s.current.findLastIndex(t=>t.content===e.content&&JSON.stringify(t.replyTo??null)===JSON.stringify(e.replyTo??null));if(n!==-1){let[t]=s.current.splice(n,1);f(e=>e.filter(e=>e.id!==t.id).map(e=>e.id===t.finalizedId&&t.originalAssistantId?{...e,id:t.originalAssistantId}:e)),t.wasIdle&&n===s.current.length&&(u.current?.fail(),D(`idle`),q.current=`idle`),!t.wasIdle&&q.current!==`idle`&&!Ve.current&&(H.current=t.streamingContent+H.current,G.current=[...t.streamingEvents,...G.current],(H.current||G.current.length)&&Z());let r=pn(t.encoded);o.current?.({...r,message:e.message})}o.current||U.error(e.message||`Message could not be sent`);return}if(t.type===`user_message`){Re.current++;let e=t.content;f(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!==Y.current&&(u.current?.migrate(e),tt.current?.(e));return}if(t.type===`mcp_status`){let e=t.needsAuth;ve(Array.isArray(e)?e:[]);return}if(t.type===`turn_stop`){j(t.stop??null);return}if(t.type===`compact_status`){let e=t.status;e===`compacting`?me(`compacting`):e===`done`&&me(null);return}if(t.type===`phase_changed`){let e=t.phase,n=q.current!==`idle`;if(!n&&e!==`idle`&&(Ve.current=!1),e!==`idle`&&Re.current++,e!==`idle`&&j(null),D(e),q.current=e,le(e===`connecting`?t.elapsed??0:0),e===`idle`){let e=Ke.current;Ge.current=!1,Ke.current=!1,me(null),xe(null),(e||n&&!Ve.current)&&Le.current?.()}return}if(t.type===`session_state`){P(!0),se(!1),I(t.sessionId??Y.current);let e=t,n=e.phase;n!==`idle`&&Re.current++;let r=q.current===`idle`;if(r&&n!==`idle`&&(Ve.current=!1),D(n),q.current=n,e.sessionTitle&&Ce(e.sessionTitle),e.model&&(De.current&&e.model!==De.current||(e.model===De.current&&(De.current=null),Ee(e.model),L.current=e.model)),typeof e.effort==`string`&&(Oe(e.effort),z.current=e.effort),typeof e.thinking==`boolean`&&Ae(e.thinking),e.pendingApproval&&ue({requestId:e.pendingApproval.requestId,tool:e.pendingApproval.tool,input:e.pendingApproval.input}),me(e.compactStatus===`compacting`?`compacting`:null),n===`idle`?`turnStop`in e&&j(e.turnStop??null):j(null),ge(e.promptCache??null),ve(Array.isArray(e.mcpNeedsAuth)?e.mcpNeedsAuth:[]),n===`idle`){let e=Ke.current;Ge.current=!1,Ke.current=!1;let t=Date.now()-$e.current<5e3;(e||!(r&&(t||et.current)))&&Le.current?.(),se(!1)}return}if(t.type===`turn_events`){Re.current++;let e=t.events,n=t.userMessage;if(!e?.length&&!n){se(!1);return}Ze.current&&=(cancelAnimationFrame(Ze.current),0),Qe.current=n,f(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}),H.current=``,G.current=[],Me.current=null,Ye.current=!0;let r=0,i=()=>{let n=Math.min(r+100,e.length);for(let t=r;t<n;t++)bt(e[t]);if(r=n,r<e.length)Ze.current=requestAnimationFrame(i);else{Ze.current=0,Ye.current=!1;let e=t.streamSeq,n=t.truncated===!0;Ke.current=n,!n&&typeof e==`number`&&(We.current=e),Ge.current=!1,se(!1);let r=Ue.current.splice(0);for(let e of r)qe.current?.(e)}};Ze.current=requestAnimationFrame(i);return}bt(t)},[bt,Z]);qe.current=xt;let{send:St,connect:Ct}=bn({url:e&&n?`/ws/project/${encodeURIComponent(n)}/chat/${e}?providerId=${encodeURIComponent(t)}`:``,onMessage:xt,autoConnect:!!e&&!!n,idleTimeoutMs:45e3,onConnectionChange:e=>{e||(u.current?.fail(),P(!1),se(!0))}});Ie.current=St,(0,Q.useEffect)(()=>{let r=!1;u.current?.select(e);let i=Be.current;Ve.current=!1,Re.current++,We.current=0,Ge.current=!1,Ke.current=!1,V.current&&V.current!==e&&(De.current=null,B.current=null,Pe(null)),V.current=e??null,s.current=[],D(`idle`),q.current=`idle`,ue(null),X.current!=null&&(U.dismiss(X.current),X.current=null),me(null),ve([]),j(null),m(new Map),v({}),ae(),ie.current=!1,ne.current=!1,te(!1),H.current=``,G.current=[],Qe.current=null,$e.current=0,je.current.clear(),it.current&&=(clearTimeout(it.current),0),P(!1),I(null),se(!1),ot.current={teamNames:new Set,messages:[]},st.current=0,lt(Mr),dt([]),e&&K.get(`/api/teams`).then(t=>{r||!Array.isArray(t)||t.filter(t=>(t?.name??t?.team_name)===e).length!==0&&(ot.current.teamNames.add(e),ft(),mt(e))}).catch(()=>{});let a=new Set(nt.current.map(e=>e.id));return e&&n?(et.current=!0,g(!0),K.get(`${W(n)}/chat/sessions/${e}/messages?providerId=${t}&limit=${Nr}`).then(e=>{if(r||Be.current!==i)return;let t=Array.isArray(e)?{messages:e,versionMap:{}}:e,n=jr(Array.isArray(t?.messages)?t.messages:[]);t?.versionMap&&v(t.versionMap),ae(t),t?.canonicalSessionId&&t.canonicalSessionId!==Y.current&&tt.current?.(t.canonicalSessionId);let o=Qe.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}}f(e=>{let t=e.filter(e=>!a.has(e.id));return[...n,...t]}),$e.current=Date.now()}).catch(t=>{!r&&Be.current===i&&(f(e=>e.filter(e=>!a.has(e.id))),t?.status===404&&n&&J.getState().removeSession(Je(n),e))}).finally(()=>{r||(et.current=!1,g(!1))})):f([]),()=>{r=!0,et.current=!1,He.current?.abort(),He.current=null,it.current&&clearTimeout(it.current),it.current=0,Ze.current&&cancelAnimationFrame(Ze.current),Ze.current=0,Ye.current=!1,Ue.current=[]}},[e,t,n,ft,mt]);let wt=(0,Q.useCallback)(()=>({...L.current&&{model:L.current},...z.current&&{effort:z.current},...B.current!==null&&{thinking:B.current}}),[]),Tt=(0,Q.useCallback)((e,t)=>{if(!e.trim()&&!t?.images?.length)return;let n=mn(e,t?.replyTo);Re.current++,j(null);let r=q.current!==`idle`;Y.current&&u.current?.start(Y.current,!r,we&&F===Y.current),Ve.current=!1;let i=`final-${Date.now()}-${c.current+1}`,a=nt.current.at(-1);if(r){it.current&&=(clearTimeout(it.current),0);let e=H.current,t=[...G.current];f(n=>{let r=n[n.length-1];return r?.role===`assistant`?[...n.slice(0,-1),{...r,id:i,content:e||r.content,events:t.length>0?t:r.events}]:n})}let o=`user-${Date.now()}-${++c.current}`;s.current=s.current.filter(e=>Date.now()-e.sentAt<6e4),t?.replyTo&&s.current.push({id:o,content:e,encoded:n,replyTo:t.replyTo,sentAt:Date.now(),wasIdle:!r,streamingContent:H.current,streamingEvents:[...G.current],finalizedId:r?i:void 0,originalAssistantId:a?.role===`assistant`?a.id:void 0}),s.current.length>20&&s.current.shift(),f(e=>[...e,{id:o,role:`user`,content:n,timestamp:new Date().toISOString()}]),H.current=``,G.current=[],Fe.current=null,r?(D(`thinking`),q.current=`thinking`):(D(`initializing`),q.current=`initializing`),ue(null),X.current!=null&&(U.dismiss(X.current),X.current=null),St(JSON.stringify({type:`message`,clientMessageId:o,content:e,permissionMode:t?.permissionMode,priority:t?.priority,images:t?.images,imagePaths:t?.imagePaths,replyTo:t?.replyTo,...wt()}))},[St,we,F,wt]),Et=(0,Q.useCallback)(e=>{Ee(e),L.current=e,De.current=e,St(JSON.stringify({type:`set_model`,model:e}))},[St]),Dt=(0,Q.useCallback)(e=>{Oe(e),z.current=e,St(JSON.stringify({type:`set_effort`,effort:e}))},[St]),Ot=(0,Q.useCallback)(e=>{Ae(e),B.current=e,St(JSON.stringify({type:`set_thinking`,enabled:e}))},[St]),kt=(0,Q.useCallback)((e,t,n)=>{if(St(JSON.stringify({type:`approval_response`,requestId:e,approved:t,data:n})),t&&n){let t=G.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)}f(e=>[...e])}ue(null),X.current!=null&&(U.dismiss(X.current),X.current=null)},[St]),At=(0,Q.useCallback)(()=>{if(u.current?.fail(),q.current===`idle`)return;St(JSON.stringify({type:`cancel`}));let e=H.current,t=[...G.current];f(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}),H.current=``,G.current=[],je.current.clear(),Fe.current=null,D(`idle`),q.current=`idle`,ue(null),X.current!=null&&(U.dismiss(X.current),X.current=null)},[St]),jt=(0,Q.useCallback)(e=>{e&&St(JSON.stringify({type:`kill_background_shell`,shellId:e}))},[St]),Mt=(0,Q.useCallback)(e=>{if(!e)return;let t=e.replace(/\.output$/,``);return ye.current.find(n=>n.shellId===t||n.outputPath.endsWith(e)||n.outputPath.endsWith(`${t}.output`))},[]);(0,Q.useEffect)(()=>{e&&Kt.getState().setSessionShells(e,M)},[e,M]),(0,Q.useEffect)(()=>{if(e)return Kt.getState().retainSession(e),()=>{Kt.getState().releaseSession(e)}},[e]);let Nt=(0,Q.useCallback)(()=>{P(!1),se(!0),Ct()},[Ct]),Pt=(0,Q.useCallback)(()=>{if(!e||!n||q.current!==`idle`)return;let r=He.current;if(r&&!r.signal.aborted&&re.current===r){ie.current=!0;return}He.current?.abort();let i=new AbortController;re.current=i,He.current=i;let a=Re.current,o=x.current;K.get(`${W(n)}/chat/sessions/${e}/messages?providerId=${t}&from=${o}&limit=${Nr}`,{signal:i.signal}).then(t=>{if(i.signal.aborted||He.current!==i||Re.current!==a||q.current!==`idle`||Y.current!==e||rt.current!==n||Ye.current)return;let r=Array.isArray(t)?{messages:t,versionMap:void 0}:t;if(r?.versionMap&&v(r.versionMap),ne.current){E.current=!0;return}if(x.current!==o){queueMicrotask(()=>Le.current?.());return}Array.isArray(r?.messages)&&r.messages.length>0&&(Be.current++,it.current&&=(clearTimeout(it.current),0),ae(r),f(jr(r.messages)),H.current=``,G.current=[]),$e.current=Date.now()}).catch(()=>{}).finally(()=>{re.current===i&&(re.current=null,ie.current&&!i.signal.aborted&&(ie.current=!1,Le.current?.()))})},[e,t,n,ae]),Ft=(0,Q.useCallback)(async()=>{let r=x.current;if(!(!e||!n||r<=0||ne.current)){ne.current=!0,te(!0);try{let i=await K.get(`${W(n)}/chat/sessions/${e}/messages?providerId=${t}&limit=${Nr}&before=${r}`);if(Y.current!==e||x.current!==r)return;let a=jr(Array.isArray(i?.messages)?i.messages:[]);f(e=>{let t=new Set(e.map(e=>e.id));return[...a.filter(e=>!t.has(e.id)),...e]}),ae(i)}finally{ne.current=!1,te(!1),E.current&&(E.current=!1,Le.current?.())}}},[e,t,n,ae]);Le.current=Pt;let It=(0,Q.useCallback)(async(e,t)=>{if(!n)throw Error(`No project context available`);let r=e.replace(/^pc-[^-]+-/,``),i=`${W(n)}/chat/pre-compact-messages?jsonlPath=${encodeURIComponent(t)}&before=${encodeURIComponent(r)}`,a=dr(await K.get(i),t);return m(t=>{let n=new Map(t);return n.set(e,a),n}),a.length},[n]),Lt=(0,Q.useCallback)(e=>p.has(e),[p]),Rt=(0,Q.useCallback)(e=>{f(t=>t.filter(t=>t.id!==e))},[]),zt=(0,Q.useCallback)(()=>{f(e=>e.filter(e=>e.role!==`system`))},[]);return{messages:d,renderedMessages:(0,Q.useMemo)(()=>fr(d,p),[d,p]),expandCompact:It,isCompactExpanded:Lt,dismissMessage:Rt,clearErrors:zt,messagesLoading:h,versionMap:_,hasOlderHistory:y>0,loadingOlderHistory:ee,loadOlderHistory:Ft,userOrdinalOffset:S,historyPredecessorId:w,isStreaming:ht,phase:oe,isReconnecting:O,connectingElapsed:ce,pendingApproval:k,contextWindowPct:de,compactStatus:pe,promptCache:he,mcpNeedsAuth:_e,turnStop:A,statusMessage:be,sessionTitle:Se,liveAccount:Ne,model:Te,setModel:Et,effort:R,setEffort:Dt,thinking:ke,setThinking:Ot,turnSettings:wt,teamActivity:ct,teamMessages:ut,markTeamRead:pt,bashPartialOutput:je,backgroundShells:M,killBackgroundShell:jt,findBackgroundShellByOutput:Mt,sendMessage:Tt,respondToApproval:kt,cancelStreaming:At,reconnect:Nt,refetchMessages:Pt,isConnected:we&&F===e}}var Ir=300,Lr=6e4;function Rr(e){let{enabled:t,projectName:n,providerId:r,permissionMode:i,accountId:a,picks:o}=e,s=(0,Q.useRef)(0),c=(0,Q.useRef)(()=>{}),l=(0,Q.useRef)(t);return l.current=t,c.current=()=>{s.current=Date.now(),K.post(`${W(n)}/chat/prewarm`,{providerId:r,permissionMode:i,accountId:a,...o}).catch(()=>{})},(0,Q.useEffect)(()=>{if(!t)return;let e=setTimeout(()=>c.current(),Ir);return()=>clearTimeout(e)},[t,JSON.stringify([n,r,i??null,a??null,o])]),(0,Q.useCallback)(()=>{l.current&&Date.now()-s.current>=Lr&&c.current()},[])}function zr(e,t,n){let r=pt(e);return n&&r&&!r.sessionId&&(!r.pickedAccountId||r.pickedAccountProvider!==t)&&(r.providerPending||r.providerId===t)&&ft(e,{pickedAccountId:n.id,pickedAccountLabel:n.label,pickedAccountProvider:t}),n}function Br(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=pt(e);if(n?.pickedAccountProvider===t&&typeof n.pickedAccountId==`string`)return Promise.resolve({id:n.pickedAccountId,label:typeof n.pickedAccountLabel==`string`?n.pickedAccountLabel:null});if(Jr(e,t))return Promise.resolve(null);let a=n=>i.current?zr(e,t,n):n,o=r.current.get(t);if(o)return o.then(a);let s=Kr(e),c=(s?s.catch(()=>null):Promise.resolve(null)).then(()=>{let n=pt(e);return n?.pickedAccountProvider===t&&typeof n.pickedAccountId==`string`?{id:n.pickedAccountId,label:typeof n.pickedAccountLabel==`string`?n.pickedAccountLabel:null}:Jr(e,t)?null:xn(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 Vr=(e,t,n)=>K.post(e,t,{signal:n}),Hr=new Map,Ur=new Set,Wr=new Map;function Gr(e,t,n){let r=Hr.get(e);if(r)return r;let i=Vr(`${W(t.name)}/chat/prepare`,n,AbortSignal.timeout(nt)).then(n=>(Hr.get(e)===i?(Ur.add(e),Zr(e,t,n)):Xr(t,n),n));Hr.set(e,i),n.providerId&&Lt(t.name,n.providerId,i.then(e=>e.slash,()=>null));let a=()=>{setTimeout(()=>{Hr.get(e)===i&&Hr.delete(e)},nt)};return i.then(a,a),i}function Kr(e){return e?Hr.get(e):void 0}function qr(e){return Ur.has(e)}function Jr(e,t){return Wr.get(e)===t}function Yr(e){Hr.delete(e),Ur.delete(e),Wr.delete(e)}function Xr(e,t){H(t.settings),G(Me(e),t.providers),tt(e.name,t.providers),t.tags&&J.getState().seedTags(e,t.tags),t.slash&&wt(e,t.providerId,t.slash)}function Zr(e,t,n){Xr(t,n),n.pickedAccount===null&&Wr.set(e,n.providerId);let r=n.pickedAccount&&n.pickedAccount!==`timeout`&&n.pickedAccount!==`skipped`?n.pickedAccount:null;zr(e,n.providerId,r),n.usage&&ii(ni(t.name,n.providerId,void 0,r?.id),n.usage,n.usage.lastFetchedAt??null,r?.id)}var Qr=12e4,$r=3e4,ei=new Map,ti=new Map;function ni(e,t,n,r){return JSON.stringify([e,t,n,r])}function ri(e,t,n,r){let i=!n||t?.activeAccountId===n;return{scope:e,usage:i?t??{}:{},fetchedAt:i?r??null:null}}function ii(e,t,n,r){ei.set(e,ri(e,t,r,n)),ti.set(e,Date.now())}function ai(e,t=`claude`,n,r,i=!0,a){let o=n?void 0:r,s=ni(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(`${W(e)}/chat/usage?providerId=${t}${f}${m}${u}`).then(e=>{if(c!==p.current)return;let t=ri(s,e,r,e?.lastFetchedAt);ei.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?Kr(a):void 0;return r?r.then(()=>{if(e)return;let t=ti.get(s),r=ei.get(s);if(r&&t!==void 0&&Date.now()-t<$r){l(r);return}n()},()=>{e||n()}):n(),f.current=setInterval(()=>m(),Qr),()=>{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:ei.get(s):null;return{usageInfo:_?.usage??{},usageLoading:u,lastFetchedAt:_?.fetchedAt??null,refreshUsage:h,reloadUsage:g}}function oi(e){let{tabId:t,sessionId:n,designSlug:r,projectName:i,providerId:a}=e;(0,Q.useEffect)(()=>{if(!t||!n||r||!i||ze.getState().getPanelForTab(t)?.tabs.find(e=>e.id===t)?.type!==`chat`)return;let e=!1;return K.get(`${W(i)}/chat/sessions/${encodeURIComponent(n)}/design`).then(({designSlug:r})=>{if(e||!r)return;let o=ze.getState().getPanelForTab(t)?.id;Bt({projectName:i,slug:r,sessionId:n,providerId:a,panelId:o,inPlace:!0}),ze.getState().closeTab(t,o)}).catch(()=>{}),()=>{e=!0}},[t,n,r,i,a])}function si(e){if(e.role===`assistant`)return(e.events?.length?e.events.filter(e=>e.type===`text`).map(e=>e.content).join(``):e.content).trim();if(e.role!==`user`)return``;let t=fn(e.content);if(t.tags.some(e=>[`task-notification`,`environment_details`,`local-command-caveat`].includes(e.name)))return``;let n=[t.command?.name,t.text].filter(Boolean);return t.files.length&&n.push(`Attached files: ${t.files.map(e=>e.split(/[\\/]/).pop()).join(`, `)}`),n.join(`
+`).trim()}function ci(e,t,n){let r=si(e);if(!r||e.role===`system`||e.id.startsWith(`streaming-`))return null;let i=Array.from(r);return{version:1,sessionId:t,providerId:n,messageId:e.id,...e.sdkUuid?{sdkUuid:e.sdkUuid}:{},role:e.role,timestamp:e.timestamp,quote:i.slice(0,vn).join(``),truncated:i.length>vn}}function li(e,t,n,r){if(t.sessionId!==n||t.providerId!==r)return null;let i=e=>{if(e.role!==t.role)return!1;let n=si(e);return t.truncated?Array.from(n).slice(0,vn).join(``)===t.quote:n===t.quote},a=e.filter(e=>(t.sdkUuid&&e.sdkUuid===t.sdkUuid||e.id===t.messageId&&e.timestamp===t.timestamp)&&i(e));if(a.length===1)return a[0];if(a.length>1)return null;let o=e.filter(e=>e.timestamp===t.timestamp&&i(e));return o.length===1?o[0]:null}function ui(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 di={damping:.7,stiffness:.05,mass:1.25},fi=70,pi=1e3/60,mi=350,hi=!1;globalThis.document?.addEventListener(`mousedown`,()=>{hi=!0}),globalThis.document?.addEventListener(`mouseup`,()=>{hi=!1}),globalThis.document?.addEventListener(`click`,()=>{hi=!1});var gi=(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(!hi)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<=fi}}},[]),f=(0,Q.useCallback)((e={})=>{typeof e==`string`&&(e={animation:e}),e.preserveScrollPosition||l(!0);let t=Date.now()+(Number(e.wait)||0),n=yi(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))/pi;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:yi(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=_i(e=>{g.current?.removeEventListener(`scroll`,m),g.current?.removeEventListener(`wheel`,h),e?.addEventListener(`scroll`,m,{passive:!0}),e?.addEventListener(`wheel`,h,{passive:!0})},[]),_=_i(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=yi(s.current,t?s.current.resize:s.current.initial);f({animation:e,wait:!0,preserveScrollPosition:!0,duration:e===`instant`?void 0:mi})}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 _i(e,t){let n=(0,Q.useCallback)(t=>(n.current=t,e(t)),t);return n}var vi=new Map;function yi(...e){let t={...di},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 vi.has(r)||vi.set(r,Object.freeze(t)),n?`instant`:vi.get(r)}var bi=60,xi=8,Si=1400;function Ci(e){if(e.scrollHeight<=e.clientHeight)return!1;let t=getComputedStyle(e).overflowY;return t===`auto`||t===`scroll`}function wi(e,t){let n=[],r=e.parentElement;for(;r&&r!==t;)Ci(r)&&n.push(r),r=r.parentElement;return n}function Ti(){return typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches}function Ei(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 Di(e,t,n,r){let i=e.scrollTop+t.getBoundingClientRect().top-e.getBoundingClientRect().top-n;e.scrollTo({top:i,behavior:r?`smooth`:`auto`})}function Oi(e,t){let n=Ei(e,t);if(!n)return()=>{};let{el:r,level:i}=n;for(let t of wi(r,e))Di(t,r,xi,!1);Di(e,r,bi,!Ti()),r.dataset.flash=i;let a=setTimeout(()=>{delete r.dataset.flash},Si);return()=>{clearTimeout(a),delete r.dataset.flash}}var ki=(e,t)=>`${e}\0${t.toolUseId??``}\0${t.editIndex}`,Ai=e=>e.replace(/\\/g,`/`);function ji(e,t,n){let r=new Map(t.map(e=>[Ai(e.path),e])),i=new Map;for(let t of e){let e=r.get(Ai(t.filePath)),a=!!e?.blocks?.some(e=>e.calls?.length);for(let r of t.edits){let o=ki(t.filePath,r),s=n.get(o),c=r.toolUseId&&e?.blocks?e.blocks.filter(e=>e.calls?.includes(r.toolUseId)):[],l=null;c.length>0?l=c.every(e=>e.kept)?`kept`:`open`:e?.sinceReview&&r.toolUseId?l=`kept`:(s||a&&r.toolUseId)&&(l=`reverted`),i.set(o,{state:l,...e?{file:e}:{},keys:c.map(e=>e.key),...s?{undoId:s}:{}})}}return i}function Mi(e){let t={open:0,kept:0,reverted:0,known:0};for(let n of e.values())n.state&&(t.known++,t[n.state]++);return t}function Ni(e){return e.known===0?null:e.open>0?{tone:`todo`,text:`${e.open} edit${e.open===1?``:`s`} to review`}:e.reverted>0?{tone:`reverted`,text:`${e.reverted} reverted`}:{tone:`kept`,text:`Kept`}}function Pi(e,t){let n=new Map;for(let r of e){if(!r.file)continue;let e=new Set(r.file.blocks?.filter(e=>!e.kept).map(e=>e.key)),i=t===`open`?r.keys.filter(t=>e.has(t)):r.keys;if(i.length===0)continue;let a=n.get(r.file.path)??{path:r.file.path,version:r.file.version,keys:new Set};for(let e of i)a.keys.add(e);n.set(r.file.path,a)}return[...n.values()].map(e=>({path:e.path,version:e.version,keys:[...e.keys]}))}var Fi=(0,Q.createContext)(null),Ii=()=>(0,Q.useContext)(Fi),Li=new Map;function Ri(e){return e instanceof Error?e.message:`The change could not be saved.`}function zi({changes:e,turn:t}){let n=Ii(),[r,i]=(0,Q.useState)(new Map),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),l=(0,Q.useMemo)(()=>n&&e?ji(e,n.files,r):Li,[n,e,r]),u=(0,Q.useMemo)(()=>Mi(l),[l]),d=(0,Q.useCallback)(()=>{n&&(n.refresh(),Dn({projectName:n.projectName,sessionId:n.sessionId}))},[n]),f=(0,Q.useCallback)(async(e,t=!0)=>{o(!0);try{return await e()}catch(e){return c({text:Ri(e)}),null}finally{o(!1),t&&d()}},[d]),p=(0,Q.useCallback)((e,t)=>{let n=[];for(let[r,i]of l)i.file?.path===e&&i.keys.some(e=>t.includes(e))&&n.push(r);return n},[l]),m=(0,Q.useCallback)((e,t,r)=>{if(!n)return;let a=Pi(t,r);a.length!==0&&f(async()=>{let t=await jn(n.projectName,n.sessionId,e,a),r=t.files.filter(e=>e.stale||e.error);if(r.length>0&&c({text:r.some(e=>e.stale)?`A file changed since this was shown. Look again before answering.`:r[0].error}),e===`revert`&&t.undoId){let e=t.undoId,n=a.reduce((e,t)=>e+t.keys.length,0);i(t=>{let n=new Map(t);for(let t of a)for(let r of p(t.path,t.keys))n.set(r,e);return n}),c({text:`Reverted ${n===1?`1 block`:`${n} blocks`}.`,undoId:e})}return t})},[n,f,p]),h=(0,Q.useCallback)(e=>{n&&f(async()=>{let t=await In(n.projectName,n.sessionId,e);return t.stale?(c({text:`Nothing was put back: a file changed after the revert.`}),t):(i(t=>new Map([...t].filter(([,t])=>t!==e))),c(null),t)})},[n,f]),g=e=>l.get(e),_=e=>{let t=g(e);t?.state===`open`&&m(`keep`,[t],`open`)},v=e=>{let t=g(e);(t?.state===`open`||t?.state===`kept`)&&m(`revert`,[t],`all`)},y=e=>{let t=g(e);t?.state===`kept`&&t.keys.length>0?m(`open`,[t],`all`):t?.state===`reverted`&&t.undoId&&h(t.undoId)},b=()=>m(`keep`,[...l.values()].filter(e=>e.state===`open`),`open`),x=(0,Q.useCallback)(async()=>!n||!t?null:f(()=>Ln(n.projectName,n.sessionId,t.calls),!1),[n,t,f]),S=(0,Q.useCallback)(async e=>{if(!n||!t)return null;let r=await f(()=>Ln(n.projectName,n.sessionId,t.calls,e.files.map(e=>({path:e.path,version:e.version}))));if(!r)return null;if(r.stale)return r;let a=r.files.filter(e=>e.error);if(r.undoId){let e=r.undoId,t=new Set(r.files.filter(e=>e.action!==`none`).map(e=>e.path.replace(/\\/g,`/`)));i(n=>{let r=new Map(n);for(let[n,i]of l){let a=(i.file?.path??n.split(`\0`)[0]).replace(/\\/g,`/`);t.has(a)&&r.set(n,e)}return r})}return c(a.length>0?{text:`${a.length} file${a.length===1?``:`s`} could not be written: ${a[0].error}`,...r.undoId?{undoId:r.undoId}:{}}:r.undoId?{text:`Reverted this turn's changes.`,undoId:r.undoId}:{text:`Nothing to put back.`}),null},[n,t,f,l]);return{enabled:!!n&&u.known>0,reviews:l,summary:u,busy:a,notice:s,dismissNotice:()=>c(null),keep:_,revert:v,change:y,keepAll:b,previewRevertTurn:x,applyRevertTurn:S,undo:h,openReview:e=>n?.openReview(e)}}var $=n();function Bi(e){try{return new Date(e).toLocaleString()}catch{return``}}function Vi({icon:e,label:t,title:n,onClick:r,touchTarget:i}){return(0,$.jsxs)(`button`,{type:`button`,onClick:r,title:n,"aria-label":t,className:q(`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`,i&&`min-h-[44px] min-w-[44px] md:min-h-0 md:min-w-0`),children:[e,(0,$.jsx)(`span`,{children:t})]})}function Hi({content:e}){let[t,n]=(0,Q.useState)(!1);return(0,$.jsx)(Vi,{icon:t?(0,$.jsx)(a,{className:`size-3.5`}):(0,$.jsx)(I,{className:`size-3.5`}),label:t?`Copied`:`Copy`,title:`Copy message to clipboard`,onClick:()=>{ot(e),n(!0),setTimeout(()=>n(!1),1500)}})}function Ui({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:Bi(e),className:`pr-1 tabular-nums`,children:Ze(e)}),(0,$.jsx)(Hi,{content:t}),r]})}function Wi(e){let t=0,n=0;for(let r of e)t+=r.linesAdded,n+=r.linesRemoved;return{added:t,removed:n}}function Gi({count:e,totals:t,status:n,open:r,onToggle:i,ref:o}){let s=`${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:o,type:`button`,onClick:i,"aria-expanded":r,"aria-label":`${s} changed this turn, ${t.added} added, ${t.removed} removed${n?`, ${n.text}`:``}`,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`,r&&`bg-accent-wash text-text-primary`),children:[(0,$.jsx)(`span`,{"aria-hidden":!0,className:`size-[5px] shrink-0 rounded-full bg-primary`}),(0,$.jsx)(`span`,{children:s}),(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]})]}),n&&(0,$.jsxs)(`span`,{"data-testid":`turn-review-status`,className:q(`inline-flex items-center gap-[5px] border-l border-border-soft pl-2 font-sans`,n.tone===`todo`?`text-warning`:n.tone===`kept`?`text-success`:`text-text-2`),children:[n.tone===`todo`&&(0,$.jsx)(`span`,{"aria-hidden":!0,className:`size-1.5 rounded-full bg-current`}),n.tone===`kept`&&(0,$.jsx)(a,{className:`size-3`}),n.text]})]})]})}function Ki(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}=ze.getState();return n[r]?.activeTabId===t}var qi=(0,Q.lazy)(()=>Pe(()=>import(`./edit-diff-preview-DyWUMlkI.js`),__vite__mapDeps([0,1,2,3])));function Ji(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 Yi=(e,t)=>`${e} ${t}${e===1?``:`s`}`;function Xi(e){return`${Yi(e.reduce((e,t)=>e+t.edits.length,0),`edit`)} in ${Yi(e.length,`file`)}`}var Zi=`inline-flex items-center gap-1.5 whitespace-nowrap border font-medium transition-colors disabled:opacity-50`;function Qi({review:e,mobile:t,busy:n,onKeep:r,onRevert:i}){let o=t?`h-11 flex-1 justify-center rounded-[10px] px-3.5 text-sm`:`h-[26px] rounded-[7px] px-2.5 text-xs`;return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{type:`button`,disabled:n,title:e.keys.length>1?`Put back the ${e.keys.length} blocks this edit wrote`:`Put these lines back`,onClick:i,className:q(Zi,o,`border-border bg-bg text-text hover:border-error/50 hover:text-error`),children:[(0,$.jsx)(fe,{className:t?`size-5`:`size-3.5`}),`Revert`]}),(0,$.jsxs)(`button`,{type:`button`,disabled:n,title:`Keep this change`,onClick:r,className:q(Zi,o,`border-transparent bg-primary text-primary-foreground hover:bg-primary/90`),children:[(0,$.jsx)(a,{className:t?`size-5`:`size-3.5`}),`Keep`]})]})}function $i({change:e,edit:t,index:n,review:r,mobile:i,busy:o,actions:s,onJump:c}){let l=ki(e.filePath,t),u=r?.state??null,d=u===`kept`||u===`reverted`,f=u===`kept`?(r?.keys.length??0)>0:u===`reverted`&&!!r?.undoId;return(0,$.jsxs)(`div`,{"data-edit-key":l,"data-state":u??`unknown`,className:q(`mt-1.5 rounded-lg border border-border-soft bg-bg`,d&&`border-dashed`),children:[(0,$.jsxs)(`div`,{className:q(`flex flex-wrap items-center gap-x-2 gap-y-1.5 py-1 pr-1.5 pl-2.5 text-[11.5px] text-text-subtle`,i?`min-h-[52px]`:`min-h-9`,!d&&`border-b border-border-soft`),children:[(0,$.jsxs)(`span`,{children:[(0,$.jsxs)(`b`,{className:`font-semibold text-text-2`,children:[`Edit `,n+1]}),` of `,e.edits.length]}),t.editRef&&(0,$.jsxs)(`button`,{type:`button`,title:`Scroll the chat to the tool card that made this edit`,onClick:()=>c(t.editRef),className:q(`inline-flex items-center gap-1 whitespace-nowrap rounded-[5px] px-1.5 font-medium text-text-2 hover:bg-surface-hover hover:text-text`,i?`min-h-11`:`h-6`),children:[(0,$.jsx)(de,{className:`size-3.5`}),i?`Chat`:`Show in chat`]}),(0,$.jsx)(`span`,{className:`flex-1`}),u===`open`&&!i&&(0,$.jsx)(Qi,{review:r,mobile:!1,busy:o,onKeep:()=>s.keep(l),onRevert:()=>s.revert(l)}),d&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`span`,{className:q(`inline-flex items-center gap-1 font-semibold`,u===`kept`?`text-primary`:`text-error`),children:[u===`kept`?(0,$.jsx)(a,{className:`size-3.5`}):(0,$.jsx)(fe,{className:`size-3.5`}),u===`kept`?`Kept`:`Reverted`]}),f&&(0,$.jsxs)(`button`,{type:`button`,disabled:o,title:u===`reverted`?`Put back what the agent wrote here`:`Open this edit again`,onClick:()=>s.change(l),className:q(`inline-flex items-center gap-1 whitespace-nowrap rounded-[5px] px-1.5 font-medium text-text-2 hover:bg-surface-hover hover:text-text disabled:opacity-50`,i?`min-h-11`:`h-6`),children:[(0,$.jsx)(ie,{className:`size-3.5`}),`Change`]})]})]}),!d&&(0,$.jsx)(`div`,{className:`px-1 py-1`,children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`h-4`}),children:(0,$.jsx)(qi,{oldStr:t.oldStr,newStr:t.newStr,filePath:e.filePath})})}),u===`open`&&i&&(0,$.jsx)(`div`,{className:`flex gap-2 border-t border-border-soft p-2`,children:(0,$.jsx)(Qi,{review:r,mobile:!0,busy:o,onKeep:()=>s.keep(l),onRevert:()=>s.revert(l)})})]})}function ea({change:e,review:t,mobile:n,onJump:r}){let{base:i,dir:a}=Ji(e.filePath);return(0,$.jsxs)(`div`,{"data-file-group":e.filePath,children:[(0,$.jsxs)(`div`,{className:`flex min-h-10 items-center gap-2 pt-1.5 text-[13px]`,title:e.filePath,children:[(0,$.jsx)(dt,{name:i,className:`size-4 shrink-0`}),(0,$.jsx)(`b`,{className:`shrink-0 font-semibold`,children:i}),a&&(0,$.jsx)(`span`,{className:`min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-left text-xs text-text-subtle [direction:rtl]`,children:(0,$.jsx)(`bdi`,{children:a})}),e.viaSubagent&&(0,$.jsxs)(`span`,{title:`Changed by a sub-agent`,className:`inline-flex shrink-0 items-center gap-[3px] rounded px-[5px] text-[10px] font-semibold leading-[15px] text-info bg-[color-mix(in_srgb,var(--info)_14%,transparent)]`,children:[(0,$.jsx)(Te,{className:`size-3`}),`Sub-agent`]}),(0,$.jsx)(`span`,{className:`flex-1`}),(0,$.jsx)(An,{added:e.linesAdded,removed:e.linesRemoved,className:`shrink-0 font-mono text-[11px]`})]}),e.edits.map((i,a)=>(0,$.jsx)($i,{change:e,edit:i,index:a,review:t.reviews.get(ki(e.filePath,i)),mobile:n,busy:t.busy,actions:t,onJump:r},i.editRef??`${i.toolUseId}:${a}`))]})}function ta({notice:e,mobile:t,busy:n,onUndo:r,onDismiss:i}){return(0,$.jsxs)(`div`,{role:`status`,"data-testid":`turn-review-notice`,className:q(`flex items-center gap-2 border-b border-border-soft bg-panel-2 pl-3.5`,t?`min-h-12 pr-1 text-sm`:`min-h-9 pr-1.5 text-xs`),children:[(0,$.jsx)(`span`,{className:`min-w-0 flex-1`,children:e.text}),e.undoId&&(0,$.jsx)(st,{variant:`ghost`,size:t?`sm`:`xs`,className:q(`text-primary hover:text-primary`,t&&`h-11`),disabled:n,onClick:()=>r(e.undoId),children:`Undo`}),(0,$.jsx)(`button`,{type:`button`,"aria-label":`Dismiss`,onClick:i,className:q(`inline-grid shrink-0 place-items-center rounded-md text-text-subtle hover:bg-surface-hover hover:text-text`,t?`size-11`:`size-6`),children:(0,$.jsx)(ve,{className:`size-3.5`})})]})}function na(e){let[t,n]=(0,Q.useState)(null),{previewRevertTurn:r,applyRevertTurn:i}=e,a=(0,Q.useCallback)(()=>n(null),[]),o=(0,Q.useCallback)(async()=>{n({preview:null,loading:!0,moved:!1});let e=await r();n(e?{preview:e,loading:!1,moved:!1}:null)},[r]),s=(0,Q.useCallback)(async()=>{if(!t?.preview)return;n({...t,loading:!0});let e=await i(t.preview);n(e?{preview:{files:e.files},loading:!1,moved:!0}:null)},[t,i]);return{open:!!t,preview:t?.preview??null,loading:t?.loading??!1,moved:t?.moved??!1,start:o,cancel:a,confirm:s}}function ra(e){return e.files.filter(e=>e.action!==`none`)}function ia(e){return e.action===`delete`?`file removed`:e.action===`restore`?`file put back`:Yi(e.changes,`change`)}function aa(){let e=Ii()?.sessionId,t=Sn(t=>e?t.bySession[e]?.byCall:void 0);return e=>{let n=[],r=!1;for(let i of e){let e=i?t?.get(i):void 0;e&&!n.includes(e)?n.push(e):e||(r=!0)}let i=n.map(hn);return(r||i.length===0)&&i.push(e.length===0?`a later change`:`a change outside this chat`),i.join(` and `)}}function oa({preview:e,mobile:t}){let n=aa(),r=ra(e),i=e.files.flatMap(e=>e.skipped.map(t=>({f:e,s:t}))),a=e.files.filter(e=>e.error),o=(e,n,r=!1)=>(0,$.jsx)(`div`,{className:q(`flex items-center gap-2.5 border-b border-border-soft px-3.5 py-1.5 last:border-b-0`,t?`min-h-[52px] text-sm`:`min-h-9 text-[12.5px]`,r&&`bg-[color-mix(in_srgb,var(--warning)_9%,transparent)]`),children:e},n);return r.length===0&&i.length===0&&a.length===0?(0,$.jsx)(`p`,{className:`m-0 text-text-2`,children:`Nothing this turn wrote is left to put back.`}):(0,$.jsxs)(`div`,{className:`overflow-hidden rounded-xl border border-border-soft`,"data-testid":`revert-turn-summary`,children:[r.map(e=>{let{base:t,dir:n}=Ji(e.path);return o((0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(dt,{name:t,className:`size-4 shrink-0`}),(0,$.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col leading-[1.3]`,children:[(0,$.jsx)(`b`,{className:`truncate font-medium`,children:t}),(0,$.jsxs)(`small`,{className:`flex min-w-0 gap-1 whitespace-nowrap text-[11.5px] text-text-subtle`,children:[n&&(0,$.jsx)(`span`,{className:`min-w-0 overflow-hidden text-ellipsis text-left [direction:rtl]`,children:(0,$.jsx)(`bdi`,{children:n})}),(0,$.jsxs)(`span`,{className:`shrink-0`,children:[n&&`· `,ia(e)]})]})]}),(0,$.jsx)(An,{added:e.added,removed:e.removed,className:`shrink-0 font-mono text-[11px]`})]}),`f:${e.path}`)}),i.map(({f:e,s:t},r)=>o((0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(be,{className:`size-4 shrink-0 text-warning`}),(0,$.jsxs)(`span`,{className:`min-w-0 flex-1 leading-[1.4] text-text-2`,children:[(0,$.jsx)(`b`,{className:`font-semibold text-text`,children:Ji(e.path).base}),` line `,t.line,` stays as it is — `,n(t.by),` changed it again.`]})]}),`s:${e.path}:${r}`,!0)),a.map(e=>o((0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(be,{className:`size-4 shrink-0 text-error`}),(0,$.jsxs)(`span`,{className:`min-w-0 flex-1 leading-[1.4] text-text-2`,children:[(0,$.jsx)(`b`,{className:`font-semibold text-text`,children:Ji(e.path).base}),`: `,e.error]})]}),`e:${e.path}`,!0))]})}function sa({flow:e,mobile:t}){if(!e.preview)return(0,$.jsx)(`p`,{className:`m-0 text-text-2`,children:`Working out what this turn wrote…`});let n=ra(e.preview),r=n.reduce((e,t)=>e+t.added,0),i=n.reduce((e,t)=>e+t.removed,0),a=e.preview.files.some(e=>e.skipped.length>0);return(0,$.jsxs)($.Fragment,{children:[e.moved&&(0,$.jsx)(`p`,{className:`m-0 mb-2 font-medium text-warning`,children:`A file changed since — this is what reverting does now.`}),n.length>0&&(0,$.jsxs)(`p`,{className:`m-0 mb-3 text-text-2`,children:[`Puts back what this answer wrote, on disk: `,Yi(n.reduce((e,t)=>e+Math.max(t.changes,1),0),`change`),` in `,Yi(n.length,`file`),`,`,` `,(0,$.jsxs)(`span`,{className:`font-mono text-success`,children:[`+`,r]}),` `,(0,$.jsxs)(`span`,{className:`font-mono text-error`,children:[`−`,i]}),` undone.`,!a&&` No later turn changed these lines.`]}),(0,$.jsx)(oa,{preview:e.preview,mobile:t}),(0,$.jsx)(`p`,{className:q(`m-0 mt-3 text-text-subtle`,t?`text-[13px]`:`text-xs`),children:`The chat itself stays as it is. You can undo it right after.`})]})}var ca=null;function la(e){return e instanceof HTMLElement?e.tagName===`INPUT`||e.tagName===`TEXTAREA`||e.isContentEditable:!1}function ua({changes:e,turn:t,review:n,onJump:r,onClose:i}){let o=(0,Q.useRef)(null),s=(0,Q.useId)(),c=na(n),l=Wi(e);(0,Q.useEffect)(()=>(ca=s,o.current?.querySelector(`button`)?.focus({preventScroll:!0}),()=>{ca===s&&(ca=null)}),[s]);let u=c.cancel,d=c.open;(0,Q.useEffect)(()=>{let e=e=>{e.key!==`Escape`||ca!==s||!Ki(o.current)||la(document.activeElement)||(e.preventDefault(),d?u():i())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[s,d,u,i]);let f=!!c.preview&&ra(c.preview).length===0;return(0,$.jsxs)(`div`,{ref:o,"data-testid":`turn-change-tray`,className:`mt-0.5 rounded-xl border border-border bg-panel shadow-[var(--shadow-float)]`,children:[(0,$.jsxs)(`div`,{className:`relative flex min-h-12 flex-wrap items-center gap-x-2.5 gap-y-1.5 border-b border-border-soft py-1.5 pr-2 pl-3.5`,children:[(0,$.jsx)(`h4`,{className:`m-0 text-[13px] font-semibold`,children:`Changed this turn`}),(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 text-xs text-text-subtle`,children:[Xi(e),` · `,(0,$.jsx)(An,{added:l.added,removed:l.removed,className:`font-mono text-[11px]`})]}),(0,$.jsxs)(`div`,{className:`relative ml-auto flex flex-wrap items-center justify-end gap-1.5`,children:[n.enabled&&t&&(0,$.jsxs)(st,{variant:`ghost`,size:`sm`,className:`text-text-secondary`,"aria-expanded":c.open,disabled:n.busy&&!c.open,onClick:()=>c.open?c.cancel():void c.start(),children:[(0,$.jsx)(fe,{}),`Revert turn…`]}),n.summary.open>0&&(0,$.jsxs)(st,{size:`sm`,disabled:n.busy,onClick:n.keepAll,children:[(0,$.jsx)(a,{}),`Keep all`]}),n.enabled&&(0,$.jsxs)(st,{variant:`ghost`,size:`sm`,className:`text-primary hover:text-primary`,onClick:()=>n.openReview(e[0]?.filePath),children:[(0,$.jsx)(Ae,{}),`Review in tab`]}),(0,$.jsx)(`button`,{type:`button`,onClick:i,"aria-label":`Close change tray`,title:`Close (Esc)`,className:`inline-grid size-8 shrink-0 place-items-center rounded-lg text-text-subtle transition-colors hover:bg-surface hover:text-text-primary`,children:(0,$.jsx)(ve,{className:`size-3.5`})}),c.open&&t&&(0,$.jsxs)(`div`,{role:`dialog`,"aria-label":`Revert ${hn(t)}?`,"data-testid":`revert-turn-confirm`,className:`absolute top-full right-0 z-40 mt-1.5 w-[400px] max-w-[calc(100vw-48px)] rounded-xl border border-border bg-panel-2 p-3.5 text-[12.5px] leading-normal shadow-[var(--shadow-float),0_18px_40px_-16px_rgba(0,0,0,.6)]`,children:[(0,$.jsxs)(`h5`,{className:`m-0 mb-1.5 flex items-center gap-2 text-[13px] font-semibold text-text`,children:[(0,$.jsx)(fe,{className:`size-4 text-error`}),`Revert `,hn(t),`?`]}),(0,$.jsx)(sa,{flow:c,mobile:!1}),(0,$.jsxs)(`div`,{className:`mt-3 flex justify-end gap-1.5`,children:[(0,$.jsx)(st,{variant:`ghost`,size:`sm`,onClick:c.cancel,children:`Cancel`}),(0,$.jsxs)(st,{variant:`destructive`,size:`sm`,disabled:c.loading||!c.preview||f,onClick:()=>void c.confirm(),children:[(0,$.jsx)(fe,{}),`Revert turn`]})]})]})]})]}),n.notice&&(0,$.jsx)(ta,{notice:n.notice,mobile:!1,busy:n.busy,onUndo:n.undo,onDismiss:n.dismissNotice}),(0,$.jsx)(`div`,{className:`max-h-[560px] overflow-y-auto rounded-b-xl px-3 pt-1 pb-3`,children:e.map(e=>(0,$.jsx)(ea,{change:e,review:n,mobile:!1,onJump:r},e.filePath))})]})}var da=`inline-flex h-11 flex-1 items-center justify-center gap-2 rounded-[10px] border px-3.5 text-sm font-medium disabled:opacity-50`;function fa({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 pa({title:e,sub:t,icon:n,onClose:r,children:i}){return(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1 pt-0.5 pr-1.5 pb-2 pl-4`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[n,(0,$.jsx)(`h4`,{className:`m-0 min-w-0 truncate text-[15px] font-semibold`,children:e})]}),t&&(0,$.jsx)(`p`,{className:`m-0 mt-0.5 line-clamp-2 text-xs text-text-subtle`,children:t})]}),i,(0,$.jsx)(fa,{label:`Close`,onClick:r,children:(0,$.jsx)(ve,{className:`size-5`})})]})}function ma({changes:e,turn:t,review:n,open:r,onClose:i,onJump:o}){let s=(0,Q.useRef)(null),c=na(n),{summary:l}=n,u=()=>{c.cancel(),i()},d=e=>{u(),o(e)};(0,Q.useEffect)(()=>{if(!r)return;let e=s.current,t=()=>Array.from(e?.querySelectorAll(`button:not([disabled])`)??[]);t()[0]?.focus();let n=e=>{if(e.key===`Escape`){e.preventDefault(),c.open?c.cancel():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`,n),()=>window.removeEventListener(`keydown`,n)},[r,c.open]);let f=!!c.preview&&ra(c.preview).length===0,p=t?_n(t.at):``;return(0,$.jsx)(vt,{open:r,onClose:u,className:`flex max-h-[90%] flex-col rounded-t-[14px] motion-reduce:animate-none`,children:(0,$.jsx)(`div`,{ref:s,"data-testid":`turn-change-sheet`,className:`flex min-h-0 flex-1 flex-col`,children:c.open&&t?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(pa,{title:`Revert ${hn(t)}?`,sub:[p,t.prompt].filter(Boolean).join(` · `),icon:(0,$.jsx)(fe,{className:`size-5 shrink-0 text-error`}),onClose:c.cancel}),(0,$.jsx)(`div`,{"data-testid":`revert-turn-confirm`,className:`min-h-0 flex-1 overflow-y-auto px-4 text-sm leading-normal`,children:(0,$.jsx)(sa,{flow:c,mobile:!0})}),(0,$.jsxs)(`div`,{className:`flex gap-2 px-4 pt-3 pb-1`,children:[(0,$.jsx)(`button`,{type:`button`,className:q(da,`border-border bg-panel-2 text-text`),onClick:c.cancel,children:`Cancel`}),(0,$.jsxs)(`button`,{type:`button`,disabled:c.loading||!c.preview||f,className:q(da,`border-transparent bg-[color-mix(in_srgb,var(--error)_85%,#000)] text-white`),onClick:()=>void c.confirm(),children:[(0,$.jsx)(fe,{className:`size-5`}),`Revert turn`]})]})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(pa,{title:`Changed this turn`,sub:`${Xi(e)}${l.kept>0?` · ${l.kept} kept`:``}`,onClose:u,children:n.enabled&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{u(),n.openReview(e[0]?.filePath)},className:`inline-flex h-11 shrink-0 items-center gap-1.5 rounded-lg px-2.5 text-sm font-medium text-primary`,children:[(0,$.jsx)(Ae,{className:`size-4`}),`Review`]})}),n.notice&&(0,$.jsx)(ta,{notice:n.notice,mobile:!0,busy:n.busy,onUndo:n.undo,onDismiss:n.dismissNotice}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto border-t border-border-soft px-3 pb-3`,children:e.map(e=>(0,$.jsx)(ea,{change:e,review:n,mobile:!0,onJump:d},e.filePath))}),n.enabled&&(t||l.open>0)&&(0,$.jsxs)(`div`,{className:`flex gap-2 px-3 pt-2 pb-1`,children:[t&&(0,$.jsxs)(`button`,{type:`button`,disabled:n.busy,className:q(da,`border-border bg-panel-2 text-text`),onClick:()=>void c.start(),children:[(0,$.jsx)(fe,{className:`size-5`}),`Revert turn…`]}),l.open>0&&(0,$.jsxs)(`button`,{type:`button`,disabled:n.busy,className:q(da,`border-transparent bg-primary text-primary-foreground`),onClick:n.keepAll,children:[(0,$.jsx)(a,{className:`size-5`}),`Keep all `,l.open]})]})]})})})}function ha({timestamp:e,content:t,changes:n,turn:r,onJumpToEdit:i,onReply:a}){let[o,s]=(0,Q.useState)(!1),c=X(),l=(0,Q.useRef)(null),u=zi({changes:n,turn:r}),d=Ii(),f=()=>{s(!1),l.current?.focus()},p=(0,$.jsxs)(Ui,{timestamp:e,content:t,className:`-mt-1.5`,children:[a&&(0,$.jsx)(Vi,{icon:(0,$.jsx)(fe,{className:`size-3.5`}),label:`Reply`,title:`Reply to this message`,onClick:a,touchTarget:!0}),n&&n.length>0&&(0,$.jsx)(Gi,{ref:l,count:n.length,totals:Wi(n),status:Ni(u.summary),open:o,onToggle:()=>{if(o)return f();d?.refresh(),s(!0)}})]});return!n||n.length===0?p:(0,$.jsxs)($.Fragment,{children:[p,c?(0,$.jsx)(ma,{changes:n,turn:r,review:u,open:o,onClose:f,onJump:i??(()=>{})}):o&&(0,$.jsx)(ua,{changes:n,turn:r,review:u,onJump:e=>{s(!1),i?.(e)},onClose:f})]})}function ga({usage:e}){let[t,n]=(0,Q.useState)(!1),r=Er(e);if(r.level===`ok`)return null;let i=kr(e),a=xr(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)(be,{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 `,Ar(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)(_a,{label:`From cache`,value:`${Ar(e.cacheReadTokens)} (${o}%)`}),(0,$.jsx)(_a,{label:`Written to cache`,value:Ar(e.cacheWriteTokens)}),(0,$.jsx)(_a,{label:`Fresh input`,value:Ar(e.inputTokens)}),(0,$.jsx)(_a,{label:`Output`,value:Ar(e.outputTokens)}),(0,$.jsx)(_a,{label:`Model`,value:e.model||`unknown`}),(0,$.jsx)(_a,{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 _a({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 va(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 ya=new Set([`TaskCreate`,`TaskUpdate`,`TaskStop`]);function ba(e){let t=0;for(let n of e)if(n.events)for(let e of n.events)e.type===`tool_use`&&ya.has(e.tool)&&t++;return t}var xa={completed:{icon:`✓`,cls:`text-success`},in_progress:{icon:`▶`,cls:`text-warning`},stopped:{icon:`■`,cls:`text-text-subtle`},pending:{icon:`○`,cls:`text-text-subtle`}};function Sa({projectName:e,sessionId:t,messages:n}){let r=(0,Q.useMemo)(()=>ba(n),[n]),i=va(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)(v,{className:`size-3.5 shrink-0`}):(0,$.jsx)(w,{className:`size-3.5 shrink-0`}),(0,$.jsx)(ce,{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)(Ca,{task:e},e.id))})]})}function Ca({task:e}){let t=xa[e.status]??xa.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 wa=/read the full transcript at:\s*(\S+\.jsonl)/i;function Ta(e){return e.match(wa)?.[1]?.trim()??null}var Ea=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}},Da=Pe(()=>import(`./markdown-renderer-Df3r-CCb.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,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61])),Oa=(0,Q.lazy)(()=>Da.then(e=>({default:e.MarkdownRenderer}))),ka=/<teammate-message[^>]*>[\s\S]*?<\/teammate-message>/g;function Aa(e){return e.replace(ka,``).replace(/\n{3,}/g,`
+
+`).trim()}function ja({content:e,projectName:t,isStreaming:n,rawHtml:r}){let i=Aa(e);return i?(0,$.jsx)(Ea,{fallbackContent:i,children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`animate-pulse h-4 bg-muted rounded`}),children:(0,$.jsx)(Oa,{content:i,projectName:t,codeActions:!0,isStreaming:n,rawHtml:r})})}):null}function Ma({reply:e,onJump:t,unavailable:n,onCancel:r,preview:i}){let[a,o]=(0,Q.useState)(!1);return(0,$.jsxs)(`div`,{className:`mb-2 min-w-0 rounded-md border border-border border-l-2 border-l-primary bg-surface/60 px-2 py-1 text-xs text-text-secondary`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:t,disabled:!t,className:`min-h-[44px] md:min-h-0 text-left font-medium text-primary disabled:text-text-secondary`,children:[i?`Replying to `:`Reply to `,e.role===`user`?`you`:`AI`]}),r&&(0,$.jsx)(`button`,{type:`button`,onClick:r,"aria-label":`Cancel reply`,title:`Cancel reply`,className:`flex min-h-[44px] min-w-[44px] items-center justify-center rounded hover:bg-surface-hover`,children:(0,$.jsx)(F,{className:`size-4`})})]}),(0,$.jsx)(`p`,{className:`whitespace-pre-wrap break-words select-text ${a?`max-h-60 overflow-y-auto`:`line-clamp-2`}`,children:e.quote}),e.truncated&&(0,$.jsx)(`p`,{className:`mt-1 text-text-subtle`,children:`Quote shortened to 12,000 characters`}),n&&(0,$.jsx)(`p`,{className:`mt-1 text-text-subtle`,children:`Original message unavailable`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>o(!a),className:`min-h-[44px] md:min-h-0 text-primary hover:underline`,children:a?`Show less`:`Show quote`})]})}function Na({group:e,onNavigate:t,disabled:n}){if(!e||e.ids.length<2)return null;let{ids:r,currentIndex:i}=e,a=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:()=>a(i-1),disabled:n||i<=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)(h,{className:`size-3.5`})}),(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[i+1,`/`,r.length]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>a(i+1),disabled:n||i>=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)(v,{className:`size-3.5`})})]})}var Pa=new Set([`.png`,`.jpg`,`.jpeg`,`.gif`,`.webp`]);function Fa(e,t){let n=Ie(e);return`/api/project/${encodeURIComponent(t??`_`)}/chat/uploads/${encodeURIComponent(n)}`}function Ia(e){let t=e.lastIndexOf(`.`);return t===-1?!1:Pa.has(e.slice(t).toLowerCase())}var La=new Map;function Ra(e){let[t,n]=(0,Q.useState)(()=>La.get(e)?.url??null),[r,i]=(0,Q.useState)(!1);return(0,Q.useEffect)(()=>{let t=La.get(e);if(t){n(t.url);return}let r=!1,a=B();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);La.set(e,{url:i}),n(i)}).catch(()=>{r||i(!0)}),()=>{r=!0}},[e]),{blobUrl:t,error:r}}function za({filePath:e,projectName:t}){let{blobUrl:n,error:r}=Ra(Fa(e,t)),i=Gt(e=>e.open),a=Ie(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>n&&i(n,a,cn(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,[ln]:``,className:`size-4 rounded-sm object-cover shrink-0`}):r?(0,$.jsx)(M,{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 Ba=new Set([`task-notification`,`environment_details`,`local-command-caveat`]);function Va({content:e,messageId:t,timestamp:n,projectName:r,onFork:i,onEdit:a,onReply:o,onJumpToReply:s,replyAvailable:c,isEditing:l,sessionId:u,providerId:f,versionGroup:p,onNavigateVersion:m,versionNavDisabled:h}){let{files:g,text:_,tags:v,command:y,terminalBlocks:b,idePath:x,agent:S,replyTo:C}=(0,Q.useMemo)(()=>fn(e),[e]),T=v.some(e=>Ba.has(e.name)),[ee,te]=(0,Q.useState)(!1),[ne,E]=(0,Q.useState)(!1),re=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=re.current;if(!e)return;let t=()=>E(e.scrollHeight>e.clientHeight+2);t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[_]),(0,$.jsxs)(`div`,{className:q(`flex flex-col gap-1`,!T&&`items-end`),children:[(0,$.jsxs)(`div`,{"data-user-message":T?void 0:`true`,style:T?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`,T?`rounded-lg bg-surface/40 border-border/40 text-text-secondary`:`max-w-[80%] bg-accent-wash border-accent-wash-border text-text`,l&&`ring-2 ring-primary/60 border-primary/40`),children:[C&&(0,$.jsx)(Ma,{reply:C,onJump:c?.(C)?()=>s?.(C):void 0,unavailable:!c?.(C)}),v.length>0&&(0,$.jsx)(Ua,{tags:v}),S&&(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)(Te,{className:`size-3 shrink-0`}),S]})}),y&&(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)(ar,{className:`size-3 shrink-0`}),y.name]})}),x&&(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)(qa,{path:x,projectName:r})]}),g.length>0&&(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:g.map((e,t)=>Ia(e)?(0,$.jsx)(za,{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)(d,{className:`size-3 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-32`,children:Ie(e)})]},t))}),b.length>0&&(0,$.jsx)(`div`,{className:`space-y-1.5`,children:b.map((e,t)=>(0,$.jsx)(Ha,{content:e},t))}),_&&(0,$.jsx)(`div`,{ref:re,className:q(`whitespace-pre-wrap break-words transition-all duration-200 select-text`,!ee&&`line-clamp-2`,ee&&`max-h-[50vh] overflow-y-auto`),children:T?(0,$.jsx)(Ya,{text:_,projectName:r}):(0,$.jsx)(Ja,{text:_})}),(ne||ee)&&(0,$.jsx)(`button`,{onClick:()=>te(!ee),className:q(`flex items-center gap-1 text-xs mt-1 transition-colors`,T?`text-text-subtle hover:text-text-secondary`:`text-primary/70 hover:text-primary`),children:ee?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(z,{className:`size-3`}),`Show less`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(w,{className:`size-3`}),`Show more`]})}),!T&&m&&(0,$.jsx)(Na,{group:p,onNavigate:m,disabled:h})]}),!T&&(0,$.jsxs)(Ui,{timestamp:n,content:pn(e).content,children:[o&&(0,$.jsx)(Vi,{icon:(0,$.jsx)(fe,{className:`size-3.5`}),label:`Reply`,title:`Reply to this message`,onClick:o,touchTarget:!0}),a&&(0,$.jsx)(Vi,{icon:(0,$.jsx)(we,{className:`size-3.5`}),label:`Edit`,title:`Edit this message (continue in the same tab)`,onClick:a}),i&&(0,$.jsx)(Vi,{icon:(0,$.jsx)(fe,{className:`size-3.5`}),label:`Fork`,title:`Retry from this message (fork into a new tab)`,onClick:i})]})]})}function Ha({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)(te,{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 Ua({tags:e}){return(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.map((e,t)=>(0,$.jsx)(Wa,{tag:e},t))})}function Wa({tag:e}){let[t,n]=(0,Q.useState)(!1);return e.name===`task-notification`?(0,$.jsx)(Ka,{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)(o,{className:`size-2.5`}),(0,$.jsx)(`span`,{children:e.label}),(0,$.jsx)(v,{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 Ga(e,t){return e.match(RegExp(`<${t}>([\\s\\S]*?)</${t}>`))?.[1]?.trim()||void 0}function Ka({content:e}){let[t,n]=(0,Q.useState)(!1),r=Ga(e,`status`),i=Ga(e,`summary`),a=Ga(e,`output-file`),o=Ga(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)(y,{className:`size-2.5 text-success`}):(0,$.jsx)(F,{className:`size-2.5 text-warning`}),(0,$.jsx)(`span`,{className:`truncate max-w-80`,children:i??`Task notification`}),(0,$.jsx)(v,{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)(qa,{path:a}),o&&(0,$.jsx)(`div`,{className:`text-[11px] text-text-subtle/80 max-h-60 overflow-y-auto leading-relaxed`,children:(0,$.jsx)(ja,{content:o,rawHtml:!1})})]})]})}function qa({path:e,projectName:t}){return(0,$.jsxs)(`button`,{type:`button`,onClick:(0,Q.useCallback)(()=>{let n=Xe.getState().openTab,r=t??Be.getState().activeProject?.name,i=Ie(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)(d,{className:`size-2.5 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-60`,children:Ie(e)}),(0,$.jsx)(pe,{className:`size-2 shrink-0 opacity-50`})]})}function Ja({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 Ya({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)(qa,{path:e.value,projectName:t},n):(0,$.jsx)(`span`,{children:e.value},n))})}function Xa({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)(Za,{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)(Qa,{content:e.content,animate:r,projectName:n})},`text-${a}`)}return(0,$.jsx)(tn,{tool:e.tool,result:e.result,completed:e.completed,projectName:n,bashPartialOutput:r},`tool-${a}`)})})}function Za({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)(L,{className:`size-3 animate-spin`}):(0,$.jsx)(v,{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)(ja,{content:e,projectName:t,isStreaming:n})})})]})}function Qa({content:e,animate:t,projectName:n}){return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ja,{content:e,projectName:n,isStreaming:t}),t&&(0,$.jsx)(`span`,{className:`text-text-subtle text-sm animate-pulse`,children:`Thinking...`})]})}function $a({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)(L,{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 eo({compaction:e}){let{trigger:t,preTokens:n,postTokens:r,savedTokens:i,durationMs:a}=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`,`${Ar(n)} → ${Ar(r)} tokens`,...a==null?[]:[`took ${to(a)}`]].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)(k,{className:`size-3.5`}),(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[`Compacted session · saved `,Ar(i),` tokens`]})]}),(0,$.jsx)(`div`,{className:`h-px flex-1 bg-border`})]})}function to(e){let t=Math.round(e/1e3);return t<60?`${t}s`:`${Math.floor(t/60)}m ${t%60}s`}function no(){let[e,t]=(0,Q.useState)(()=>Date.now());return(0,Q.useEffect)(()=>{let e=setInterval(()=>t(Date.now()),6e4);return()=>clearInterval(e)},[]),e}function ro(e,t){let n=io(e,t);return n.kind===`cold`?{idleMs:n.idleMs,reason:n.reason,...n.contextTokens!=null&&{contextTokens:n.contextTokens}}:null}function io(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 ao=6e4,oo=60*ao,so=24*oo;function co(e){if(e>=so){let t=Math.floor(e/so),n=Math.floor(e%so/oo);return n>0?`${t}d ${n}h`:`${t}d`}if(e>=oo){let t=Math.floor(e/oo),n=Math.floor(e%oo/ao);return n>0?`${t}h ${n}m`:`${t}h`}return`${Math.max(1,Math.floor(e/ao))}m`}function lo(e){return`${Math.max(1,Math.ceil(e/ao))}m`}function uo(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 fo({promptCache:e}){let t=ro(e,no());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)(P,{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:co(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:co(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:uo(t.contextTokens)}),` `,`tokens`]}),` `,`at full price.`]})]})}):null}function po({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)(Te,{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)(Ut,{projectName:e,onSelectSession:t,className:`w-full px-4`})]})}var mo=3200,ho=1e3,go={hasAbove:!1,atBottom:!0,idx:0,total:0};function _o({scrollElement:e,userIndices:t,scrollToBottom:n}){let r=X(),[i,a]=(0,Q.useState)(go),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(0),u=(0,Q.useRef)(mo),d=(0,Q.useRef)(null),f=(0,Q.useRef)(null),p=(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=d.current;(e?.querySelector(`button:not(:disabled)`)??e)?.focus()},[o]),(0,Q.useEffect)(()=>{o||!p.current||(p.current=!1,f.current?.focus())},[o]);let v=(0,Q.useCallback)(()=>{u.current=mo,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=>()=>{Ki(t)&&(e(),u.current=ho,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 S=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:d,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:()=>{p.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:S,children:(0,$.jsx)(z,{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:S,children:(0,$.jsx)(w,{className:`size-[15px]`})}),(0,$.jsx)(`button`,{type:`button`,onClick:x,disabled:i.atBottom,"aria-label":`Jump to latest`,className:S,children:(0,$.jsx)(ne,{className:`size-[13px]`})})]}):(0,$.jsx)(`button`,{ref:f,type:`button`,onClick:()=>{u.current=mo,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)(m,{className:`size-[15px]`})})})})}function vo(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 yo(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 bo({questions:e,onSubmit:t,onSkip:n}){let r=(0,Q.useRef)(null),i=vo(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=yo({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 xo({requestId:e,input:t}){let[n,r]=(0,Q.useState)(``),[i,a]=(0,Q.useState)(!1),[o,s]=(0,Q.useState)(null),c=!i&&(!t.passwordRequired||n.length>0),l=un(t.dbType,t.sql),d=async r=>{a(!0),s(null);let i=r&&t.passwordRequired?{approved:r,password:n}:{approved:r};try{await K.post(`/api/db/ai-approvals/${encodeURIComponent(e)}`,i)}catch(e){s(e instanceof Error?e.message:String(e)),a(!1)}};return(0,$.jsxs)(`div`,{className:`rounded-lg border-2 border-warning/40 bg-warning/10 p-3 space-y-2 select-text`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-warning text-sm font-medium`,children:[(0,$.jsx)(u,{className:`size-4`}),(0,$.jsx)(`span`,{children:`Approve a database change`})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 text-xs`,children:[t.color&&(0,$.jsx)(`span`,{className:`size-2.5 rounded-full shrink-0`,style:{backgroundColor:t.color}}),(0,$.jsx)(`span`,{className:`font-medium text-text-primary`,children:t.connectionName}),t.database&&(0,$.jsxs)(`span`,{className:`font-mono text-text-secondary`,children:[`/ `,t.database]}),(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[yt[t.dbType]??t.dbType,t.group?` · ${t.group}`:``]}),t.readonly&&(0,$.jsx)(`span`,{className:`rounded px-1.5 py-0.5 text-[10px] bg-panel-2 text-text-3`,children:`readonly — lifted for this script only`})]}),t.reason&&(0,$.jsx)(`p`,{className:`text-xs text-text-primary whitespace-pre-wrap`,children:t.reason}),(0,$.jsx)(`pre`,{className:`text-xs font-mono text-text-secondary overflow-auto max-h-64 whitespace-pre-wrap break-all bg-background rounded p-2 border border-border`,children:t.sql}),(0,$.jsxs)(`p`,{className:`text-[11px] text-text-subtle`,children:[`Runs once, in one transaction.`,t.expectedRows!=null&&` Rolled back unless exactly ${t.expectedRows} row${t.expectedRows===1?``:`s`} change.`]}),l&&(0,$.jsx)(`p`,{className:`text-[11px] text-warning`,children:l}),(0,$.jsxs)(`form`,{className:`flex flex-col gap-2 md:flex-row md:items-center`,onSubmit:e=>{e.preventDefault(),c&&d(!0)},children:[t.passwordRequired&&(0,$.jsx)(Z,{type:`password`,autoComplete:`current-password`,placeholder:`PPM password`,"aria-label":`PPM password`,value:n,onChange:e=>r(e.target.value),"aria-invalid":!!o,disabled:i,className:`h-11 md:h-8 md:max-w-56`}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(`button`,{type:`submit`,disabled:!c,className:`flex-1 md:flex-none h-11 md:h-8 px-4 rounded bg-warning text-white text-xs font-medium hover:bg-warning/80 transition-colors disabled:opacity-50`,children:`Run once`}),(0,$.jsx)(`button`,{type:`button`,disabled:i,onClick:()=>void d(!1),className:`flex-1 md:flex-none h-11 md:h-8 px-4 rounded border border-border text-text-primary text-xs font-medium hover:bg-panel-2 transition-colors disabled:opacity-50`,children:`Decline`})]})]}),o&&(0,$.jsx)(`p`,{className:`text-xs text-error`,children:o})]})}var So=8e3;function Co(){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)(L,{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 wo({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,hasOlderHistory:C=!1,onLoadOlderHistory:w,userOrdinalOffset:T=0,historyPredecessorId:ee=null,onDismissMessage:te,onClearErrors:ne,onReply:E}){let{scrollRef:re,contentRef:ie,scrollToBottom:ae,stopScroll:oe,isAtBottom:D}=gi({initial:`instant`,resize:`instant`}),O=(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]),se=(0,Q.useMemo)(()=>ui(O),[O]),ce=!!r||a,le=r?dn(r.tool,r.input):null,[k,ue]=(0,Q.useState)(null),de=(0,Q.useCallback)(e=>{re(e),ue(e)},[re]),fe=(0,Q.useRef)(new Map),pe=(0,Q.useMemo)(()=>{let e=fe.current,t=new Map;for(let n=0;n<O.length;n++){let r=O[n];if(r.role!==`assistant`||O[n+1]?.role===`assistant`)continue;let i=`${r.id}:${r.events?.length??0}`,a=e.get(i);a||(a=en(Qt(O,n)),e.set(i,a)),a.length>0&&t.set(n,a)}return t},[O]),me=(0,Q.useRef)(null),he=(0,Q.useCallback)(e=>{k&&(me.current?.(),me.current=Oi(k,e))},[k]);(0,Q.useEffect)(()=>()=>me.current?.(),[]);let ge=(0,Q.useMemo)(()=>yn(e),[e]);(0,Q.useEffect)(()=>{g&&Sn.getState().publish(g,ge,!0)},[g,ge]);let _e=(0,Q.useRef)(new Map),ve=(0,Q.useMemo)(()=>{let e=new Map(ge.map(e=>[e.messageId,e])),t=new Map;for(let n of pe.keys()){let r;for(let t=n;t>=0&&!r;t--)O[t].role===`user`&&(r=e.get(O[t].id));if(!r)continue;let i=_e.current.get(r.messageId);i&&i.n===r.n&&i.at===r.at&&i.prompt===r.prompt&&i.calls.length===r.calls.length&&i.calls[i.calls.length-1]===r.calls[r.calls.length-1]?r=i:_e.current.set(r.messageId,r),t.set(n,r)}return t},[ge,pe,O]);(0,Q.useEffect)(()=>{if(g)return()=>Sn.getState().release(g)},[g]);let[A,M]=(0,Q.useState)(!1),[N,ye]=(0,Q.useState)(null),be=(0,Q.useRef)(null);(0,Q.useLayoutEffect)(()=>{let e=k;e&&be.current!=null&&(e.scrollTop=e.scrollHeight-be.current,A||(be.current=null))},[O.length,k,A]),(0,Q.useLayoutEffect)(()=>{k&&ae({animation:`instant`})},[g,k]);let xe=(0,Q.useRef)(!0);(0,Q.useEffect)(()=>{k&&k.clientHeight>0&&(xe.current=D)},[D,k]),(0,Q.useEffect)(()=>{let e=k;if(!e)return;let t=e.clientHeight,n=new ResizeObserver(()=>{let n=e.clientHeight,r=t===0&&n>0;t=n,r&&!xe.current&&oe()});return n.observe(e),()=>n.disconnect()},[k,oe]);let Se=(0,Q.useCallback)(e=>{if(!g||!_)return;let t=ci(e,g,_);t&&E?.(t)},[g,_,E]),Ce=(0,Q.useCallback)(e=>!!li(O,e,g,_),[O,g,_]),we=(0,Q.useRef)(null);(0,Q.useEffect)(()=>()=>we.current?.(),[]);let P=(0,Q.useCallback)(e=>{let t=k?.querySelector(`[data-msg-index="${e}"]`);if(!k||!t)return!1;oe(),we.current?.(),k.scrollTo({top:k.scrollTop+t.getBoundingClientRect().top-k.getBoundingClientRect().top-24,behavior:`smooth`}),t.classList.add(`bg-primary/10`,`ring-1`,`ring-primary/40`);let n=()=>t.classList.remove(`bg-primary/10`,`ring-1`,`ring-primary/40`),r=setTimeout(n,1400);return we.current=()=>{clearTimeout(r),n()},!0},[k,oe]),I=(0,Q.useCallback)(e=>{let t=li(O,e,g,_);t&&P(O.indexOf(t))},[O,g,_,P]),Ee=Cn(e=>g&&e.request?.sessionId===g?e.request:null);(0,Q.useEffect)(()=>{if(!Ee||!k)return;let e,t=()=>{let n=Ee.toolUseId&&`${Ee.toolUseId}-0`,r=Ee.messageId?O.findIndex(e=>e.id===Ee.messageId):-1;if(k.clientHeight>0){if(n&&Ei(k,n))return oe(),he(n),Cn.getState().done(Ee);if(r>=0&&P(r))return Cn.getState().done(Ee)}if(Date.now()-Ee.at>So)return Cn.getState().done(Ee);e=setTimeout(t,150)};return t(),()=>clearTimeout(e)},[Ee,k,O,oe,he,P]);let L=(0,Q.useCallback)((e,t)=>{p?.(e,t)},[p]),De=(0,Q.useCallback)((e,t,n)=>{m?.(e,t,n)},[m]),R=(0,Q.useCallback)(e=>{te?.(e)},[te]),Oe=(0,Q.useMemo)(()=>O.reduce((e,t)=>t.role===`system`?e+1:e,0),[O]),z=(0,Q.useMemo)(()=>O.reduce((e,t,n)=>(t.role===`user`&&e.push(n),e),[]),[O]),ke=(0,Q.useCallback)(()=>{if(!x||!S)return null;for(let e of O){if(S(e.id))continue;let t=Ta(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=Ta(t.content||``);if(n)return{id:e.id,jsonlPath:n}}}}return null},[O,x,S])(),Ae=C&&!!w,B=Ae||!!ke,V=ke?.id??null,H=ke?.jsonlPath??null,U=(0,Q.useCallback)(async()=>{if(A)return;let e=Ae?w:V&&H&&x?()=>x(V,H):null;if(!e)return;let t=k;be.current=t?t.scrollHeight-t.scrollTop:null,M(!0),ye(null);try{await e()}catch(e){ye(e instanceof Error?e.message:`Could not load previous conversation`)}finally{M(!1)}},[Ae,w,V,H,x,A,k]),W=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=k,t=W.current;if(!e||!t||!B||N)return;let n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&U()},{root:e,rootMargin:`400px 0px 0px 0px`});return n.observe(t),()=>n.disconnect()},[k,B,N,U]),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)(Te,{className:`size-10 text-text-subtle animate-pulse`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Loading messages...`})]}):e.length===0&&!a?(0,$.jsx)(po,{projectName:f||``,onSelectSession:s||(()=>{})}):(0,$.jsxs)(`div`,{className:`relative flex-1 overflow-hidden flex flex-col min-h-0`,children:[(0,$.jsx)(Sa,{projectName:f,sessionId:g,messages:e}),Oe>1&&ne&&(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:ne,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)(F,{className:`size-3.5`}),`Clear all errors (`,Oe,`)`]})}),!A&&N&&(0,$.jsx)(`div`,{className:`absolute top-2 left-0 right-0 z-10 flex justify-center`,children:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{ye(null),U()},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)(j,{className:`size-3.5 text-destructive`}),(0,$.jsxs)(`span`,{children:[`Could not load previous conversation: `,N]}),(0,$.jsx)(`span`,{className:`underline`,children:`Retry`})]})}),(0,$.jsx)(`div`,{ref:de,[sn]:``,className:`flex-1 overflow-y-auto overflow-x-hidden [overflow-anchor:none]`,style:{WebkitOverflowScrolling:`touch`,overscrollBehavior:`contain`},children:(0,$.jsxs)(`div`,{ref:ie,className:`w-full`,children:[B&&(0,$.jsx)(`div`,{ref:W,"aria-hidden":!0,className:`h-px`}),A&&(0,$.jsx)(Co,{}),O.map((e,t)=>{let n=t>0?O[t-1]:void 0,r=se[t]??0,i=r?r+T:0,o=i?y?.[i]:void 0,s=e.role===`user`&&h!=null&&e.id===h,c=O[t+1],l=e.role===`assistant`&&c?.role!==`assistant`,u,d;if(l){let e=[];for(let n=t;n>=0&&O[n].role===`assistant`;n--){let t=To(O[n]);t&&(e.unshift(t),d??=O[n])}u=e.join(`
+
+`)}return(0,$.jsxs)(`div`,{"data-msg-index":t,className:`px-4 pt-4 select-none`,children:[e.compaction&&(0,$.jsx)(eo,{compaction:e.compaction}),(0,$.jsx)(Ea,{fallbackContent:e.content,children:(0,$.jsx)(Eo,{message:e,onReply:E&&g&&_?e.role===`assistant`?d?()=>Se(d):void 0:Se:void 0,onJumpToReply:I,replyAvailable:Ce,isStreaming:a&&e.id.startsWith(`streaming-`),isLastAssistantInTurn:l,turnCopyText:u,turnChanges:l?pe.get(t):void 0,turn:l?ve.get(t):void 0,onJumpToEdit:he,projectName:f,onFork:e.role===`user`&&p?L:void 0,onEdit:e.role===`user`&&m?De:void 0,isEditing:s,onDismiss:e.role===`system`&&te?R:void 0,prevMsgId:n?n.sdkUuid??n.id:ee??void 0,sessionId:g,providerId:_,versionGroup:o,onNavigateVersion:v,versionNavDisabled:a,bashPartialOutput:b})})]},e.id)}),!a&&!r&&(0,$.jsx)(fo,{promptCache:d??null}),ce&&(0,$.jsxs)(`div`,{className:`px-4 pt-4 pb-4 space-y-4 select-none`,children:[r&&(r.tool===`AskUserQuestion`?(0,$.jsx)(Oo,{approval:r,onRespond:i}):le?(0,$.jsx)(xo,{requestId:r.requestId,input:le}):(0,$.jsx)(Do,{approval:r,onRespond:i})),a&&(0,$.jsx)($a,{lastMessage:e[e.length-1],phase:o,elapsed:c,statusMessage:u===`compacting`?`Compacting messages...`:l})]})]})}),(0,$.jsx)(_o,{scrollElement:k,userIndices:z,scrollToBottom:ae})]})}function To(e){return e.events?.length?e.events.filter(e=>e.type===`text`).map(e=>e.content).join(``):e.content}var Eo=(0,Q.memo)(function({message:e,isStreaming:t,isLastAssistantInTurn:n,turnCopyText:r,turnChanges:i,turn:a,onJumpToEdit:o,projectName:s,onFork:c,onEdit:l,isEditing:u,onDismiss:d,prevMsgId:f,sessionId:p,providerId:m,versionGroup:h,onNavigateVersion:g,versionNavDisabled:_,bashPartialOutput:v,onReply:y,onJumpToReply:b,replyAvailable:x}){if(e.role===`user`){let t=c?()=>c(e.content,f):void 0,n=l?()=>l(e.content,f,e.id):void 0;return(0,$.jsx)(Va,{content:e.content,messageId:e.id,timestamp:e.timestamp,projectName:s,onReply:y&&ci(e,p??``,m??``)?()=>y(e):void 0,onJumpToReply:b,replyAvailable:x,onFork:t,onEdit:n,isEditing:u,sessionId:p,providerId:m,versionGroup:h,onNavigateVersion:g,versionNavDisabled:_})}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)(j,{className:`size-4 shrink-0`}),(0,$.jsx)(`p`,{className:`flex-1`,children:e.content}),d&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>d(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)(F,{className:`size-4`})})]}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e.events&&e.events.length>0?(0,$.jsx)(Xa,{events:e.events,isStreaming:t,projectName:s,bashPartialOutput:v}):e.content&&(0,$.jsx)(`div`,{className:`text-sm text-text-primary select-text`,children:(0,$.jsx)(ja,{content:e.content,projectName:s})}),!t&&n&&e.usage&&(0,$.jsx)(ga,{usage:e.usage}),!t&&n&&(0,$.jsx)(ha,{onReply:y?()=>y(e):void 0,timestamp:e.timestamp,content:r??To(e),changes:i,turn:a,onJumpToEdit:o})]})});function Do({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)(u,{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 Oo({approval:e,onRespond:t}){return(0,$.jsx)(bo,{questions:e.input.questions??[],onSubmit:n=>t(e.requestId,!0,n),onSkip:()=>t(e.requestId,!1)})}function ko({shells:e,onKill:t}){let n=Kt(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)(L,{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)(te,{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)(D,{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)(x,{className:`size-3.5`})})]},e.shellId))})}function Ao(){return`aa-${Math.random().toString(36).slice(2,10)}`}function jo(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=Ao(),i=()=>{Dt(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=St(i);return i(),()=>{window.removeEventListener(`agent-activity`,o),s(),Dt(JSON.stringify({type:`agent-activity:unsubscribe`,subId:e}))}},[t,n,r]),i}function Mo(e,t){let n=new Map(t.map(e=>[e.name,e])),r=new Set,i=[];for(let t of e){let{cardId:e,memberName:a}=t;if(!e&&!a)continue;a&&r.add(a);let o=a?n.get(a):void 0;i.push({key:e?`card:${e}`:`member:${a}`,...e?{cardId:e}:{},...a?{memberName:a}:{},lastStep:t.lastStep??(o?No(o):void 0),agentType:o?.agentType,startedAt:o?.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:No(e),agentType:e.agentType,startedAt:e.startedAt});return i}function No(e){return e.lastTool?e.lastToolArg?`${e.lastTool}: ${e.lastToolArg}`:e.lastTool:e.lastNarrative??e.description}function Po(e){let t=e&&typeof e==`object`?e.name:void 0;return typeof t==`string`&&t.trim()?t.trim():null}function Fo(e){return e.type===`tool_use`&&(e.tool===`Agent`||e.tool===`Task`)&&!!e.toolUseId}function Io(e,t){let n=new Set(t.map(e=>e.cardId).filter(Boolean));if(n.size===0)return[];let r=[],i=new Set;for(let t of e){let e=(t.events??[]).filter(Fo);if(e.some(e=>n.has(e.toolUseId)))for(let a of e){let e=a.toolUseId;n.has(e)||i.has(e)||(i.add(e),r.push({key:`card:${e}`,cardId:e,...Po(a.input)?{memberName:Po(a.input)}:{},done:!0,failed:Lo(t.events,a)}))}}return r}function Lo(e,t){if(t.bgStatus)return t.bgStatus!==`completed`;let n=e.find(e=>e.type===`tool_result`&&e.toolUseId===t.toolUseId)??t.result;if(!n)return!1;let r=n;return!!r.isError&&!on(String(r.output??``))}function Ro(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=Ro(n.children,t);if(e)return e}}}function zo(e,t){for(let n=e.length-1;n>=0;n--){let r=Ro(e[n].events,t);if(r&&r.type===`tool_use`){let t=r.input&&typeof r.input==`object`?r.input:{};return{handle:Po(t),description:typeof t.description==`string`?t.description:typeof t.prompt==`string`?t.prompt:``,launchedAt:e[n].timestamp}}}return null}function Bo(e){if(!e)return;let t=e.split(`:`).pop();return t&&t!==`general-purpose`?t:e}function Vo(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 Ho(e){return e.lastTool?e.lastToolArg?`${e.lastTool}: ${e.lastToolArg}`:e.lastTool:e.lastNarrative??e.description}var Uo=3;function Wo({projectName:e,providerId:t,sessionId:n,messages:r,teamName:i,teamMembers:a}){let o=jo({projectName:e,providerId:t,sessionId:n}),s=an(),c=(0,Q.useMemo)(()=>Mo(o,a),[o,a]),l=(0,Q.useMemo)(()=>Io(r,c),[r,c]),u=(0,Q.useMemo)(()=>new Map([...c,...l].filter(e=>e.cardId).map(e=>[e.cardId,zo(r,e.cardId)])),[r,c,l]),d=zt(),[f,p]=(0,Q.useState)(!1),m=(0,Q.useId)();qo(c.length>0);let h=c.length+l.length,g=h===1;if((0,Q.useEffect)(()=>{h<=1&&p(!1)},[h]),!n||c.length===0)return null;let _=e=>{let t=e.cardId?u.get(e.cardId):null,n=e.memberName??t?.handle??(t?.description||`Agent`),r=e.startedAt??t?.launchedAt;return{row:e,name:n,prompt:t?.description||void 0,step:e.lastStep??Bo(e.agentType),elapsed:e.done||!r?void 0:Vo(r)}},y=[...c,...l].map(_),b=y[0],x=r=>s({projectName:e,providerId:t,sessionId:n,source:r.row.cardId?{kind:`card`,cardId:r.row.cardId}:{kind:`member`,teamName:i,memberName:r.row.memberName},title:`Session — ${r.name}`,prompt:r.prompt}),S=q(`flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-text-2 transition-colors md:px-3.5 can-hover:hover:bg-panel-2`,d?`min-h-11`:`min-h-10`);return(0,$.jsxs)(`div`,{className:`shrink-0 border-t border-border bg-panel`,children:[g?(0,$.jsxs)(`button`,{type:`button`,onClick:()=>x(b),className:S,title:`Open ${b.name}'s session`,children:[(0,$.jsx)(Go,{done:!1}),(0,$.jsx)(`span`,{className:`min-w-0 shrink truncate font-semibold text-text`,children:b.name}),!!b.step&&(0,$.jsx)(`span`,{className:`hidden min-w-0 flex-1 truncate font-mono text-text-3 sm:block`,children:b.step}),!!b.elapsed&&(0,$.jsx)(`span`,{className:`ml-auto shrink-0 font-mono text-[11px] text-text-3`,children:b.elapsed}),(0,$.jsx)(v,{className:`size-3.5 shrink-0 text-text-3`})]}):(0,$.jsxs)(`button`,{type:`button`,onClick:()=>p(!f),"aria-expanded":f,"aria-controls":f?m:void 0,className:S,children:[(0,$.jsx)(Go,{done:!1}),(0,$.jsx)(Ko,{count:h}),(0,$.jsxs)(`span`,{className:`flex-1 whitespace-nowrap font-semibold text-text sm:flex-none`,children:[c.length,` `,c.length===1?`agent`:`agents`,` running`]}),l.length>0&&(0,$.jsxs)(`span`,{className:`whitespace-nowrap text-text-3`,children:[`· `,l.length,` done`]}),(0,$.jsxs)(`span`,{className:`hidden min-w-0 flex-1 truncate text-text-3 sm:block`,children:[`— `,(0,$.jsx)(`b`,{className:`font-medium text-text-2`,children:b.name}),!!b.step&&(0,$.jsxs)($.Fragment,{children:[` · `,(0,$.jsx)(`span`,{className:`font-mono`,children:b.step})]})]}),(0,$.jsx)(z,{className:q(`size-3.5 shrink-0 text-text-3 transition-transform motion-reduce:transition-none`,f&&`rotate-180`)})]}),!g&&f&&(0,$.jsx)(`ul`,{id:m,className:`max-h-[140px] list-none overflow-y-auto overscroll-contain px-2 pb-2`,children:y.map(e=>(0,$.jsx)(`li`,{children:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>x(e),className:`flex w-full min-h-11 items-center gap-2.5 rounded-xl px-2 py-1 text-left text-text transition-colors can-hover:hover:bg-panel-2`,title:`Open ${e.name}'s session`,children:[(0,$.jsx)(Go,{done:!!e.row.done}),(0,$.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col gap-px`,children:[(0,$.jsx)(`span`,{className:q(`truncate text-[13px] font-medium`,e.row.done&&`text-text-2`),children:e.name}),(0,$.jsx)(`span`,{className:q(`truncate font-mono text-[11px]`,e.row.failed?`text-error`:`text-text-3`),children:e.row.failed?`Failed`:e.row.done?`Finished`:e.step??`Starting…`})]}),!!e.elapsed&&(0,$.jsx)(`span`,{className:`shrink-0 font-mono text-[11px] text-text-3`,children:e.elapsed})]})},e.row.key))})]})}function Go({done:e}){return(0,$.jsxs)(`span`,{className:`relative flex size-2 shrink-0`,children:[!e&&(0,$.jsx)(`span`,{className:`absolute inline-flex size-full animate-ping rounded-full bg-success opacity-55 motion-reduce:animate-none`}),(0,$.jsx)(`span`,{className:q(`relative inline-flex size-2 rounded-full`,e?`bg-text-3`:`bg-success`)})]})}function Ko({count:e}){let t=Math.min(e,Uo);return(0,$.jsxs)(`span`,{className:`flex shrink-0 items-center`,"aria-hidden":`true`,children:[Array.from({length:t},(e,t)=>(0,$.jsx)(`span`,{className:`-ml-1.5 grid size-5 place-items-center rounded-full border-2 border-panel bg-accent-2/15 text-accent-2 first:ml-0`,children:(0,$.jsx)(Te,{className:`size-3`})},t)),e>Uo&&(0,$.jsxs)(`span`,{className:`-ml-1.5 grid size-5 place-items-center rounded-full border-2 border-panel bg-panel-2 text-[10px] font-semibold text-text-2`,children:[`+`,e-Uo]})]})}function qo(e){let[,t]=(0,Q.useState)(0);(0,Q.useEffect)(()=>{if(!e)return;let n=setInterval(()=>t(e=>e+1),1e3);return()=>clearInterval(n)},[e])}function Jo(e){return e.startsWith(`plugin:`)&&e.slice(e.lastIndexOf(`:`)+1)||e}function Yo({needsAuth:e,projectName:t}){let[n,r]=(0,Q.useState)(null),i=Ne(e=>e.mcpSignInDismissed),a=Ne(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)(A,{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:Jo(e)},e))}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>{a(o),U.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)(ve,{className:`size-3.5`})})]}),(0,$.jsx)(Ct,{serverName:n,project:t,onClose:()=>r(null)})]})}function Xo(e){if(e.subtype===`error_max_turns`){let t=/maximum number of turns \((\d+)\)/i.exec(e.message)?.[1];return{title:t?`Stopped after ${t} steps (Max Turns)`:`Stopped at the Max Turns limit`,detail:`That is the step limit for one message, set in Settings → AI Provider.`}}let[t,...n]=e.message.split(`
+`).map(e=>e.trim()).filter(Boolean);return{title:t?`Stopped: ${t.replace(/\.$/,``)}`:`Stopped by an error`,detail:n.length>0?n.join(` `):null}}var Zo=`Continue from where you left off.`;function Qo({stop:e,onContinue:t}){if(!e)return null;let{title:n,detail:r}=Xo(e);return(0,$.jsxs)(`div`,{role:`status`,"data-testid":`turn-stop-bar`,className:`flex shrink-0 items-center gap-2 border-t border-error/20 bg-error/10 px-2 py-1.5 text-xs max-md:text-sm`,children:[(0,$.jsx)(j,{className:`size-3.5 shrink-0 text-error`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1 leading-snug`,children:[(0,$.jsx)(`p`,{className:`font-medium text-error`,children:n}),r&&(0,$.jsx)(`p`,{className:`line-clamp-2 break-words text-text-secondary max-md:line-clamp-3`,children:r})]}),(0,$.jsxs)(`button`,{type:`button`,onClick:t,className:`flex shrink-0 items-center gap-1.5 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-11 max-md:px-4`,children:[(0,$.jsx)(N,{className:`size-3.5`}),`Continue`]})]})}function $o({projectName:e,sessionId:t,messages:n,isStreaming:r}){let{paths:i}=(0,Q.useMemo)(()=>Zt(n),[n]),a=(0,Q.useRef)(i);a.current=i;let o=e&&t?`${e}\0${t}`:``,[s,c]=(0,Q.useState)({key:``,files:[]}),l=(0,Q.useRef)(s),u=(0,Q.useCallback)(e=>{l.current=e,c(e)},[]),[d,f]=(0,Q.useState)({key:``,n:0}),[p,m]=(0,Q.useState)(``),[h,g]=(0,Q.useState)({key:``,n:0}),_=(0,Q.useRef)(0),v=(0,Q.useRef)(0),y=(0,Q.useRef)(!1),b=(0,Q.useRef)(!1),x=s.key===o&&o!==``,S=(0,Q.useRef)(x);S.current=x;let C=(0,Q.useCallback)(()=>f(e=>({key:o,n:e.n+1})),[o]),w=(0,Q.useRef)(C);w.current=C,(0,Q.useEffect)(()=>{if(!o||!t||d.key!==o||d.n===0||_.current>0)return;let n=new AbortController,r=a.current,i=performance.now(),s=++v.current;return y.current=!0,b.current=!1,m(o),On(e,t,r,n.signal).then(n=>{u({key:o,files:n}),Mn({projectName:e,sessionId:t,files:n,paths:r,askedAt:i})}).catch(()=>{}).finally(()=>{v.current===s&&(y.current=!1,m(``),b.current&&w.current())}),()=>n.abort()},[d,o,e,t,u]),(0,Q.useEffect)(()=>{if(!o)return;let n=n=>{let r=n.detail;if(r.projectName!==e||r.sessionId!==t)return;if(y.current||_.current>0){b.current=!0;return}let i=l.current;if(i.key!==o)return;let s=Nn(i.files,r.files,r.gone);u({key:o,files:s}),Mn({projectName:e,sessionId:t,files:s,paths:a.current,askedAt:performance.now()})};return window.addEventListener(jt,n),()=>window.removeEventListener(jt,n)},[o,e,t,u]),(0,Q.useEffect)(()=>St(()=>{S.current&&C()}),[C]),(0,Q.useEffect)(()=>{if(!o||!t||r)return;let n=new AbortController;return kn(e,t,n.signal).then(e=>g({key:o,n:e})).catch(()=>{}),()=>n.abort()},[o,e,t,r]),(0,Q.useEffect)(()=>{let n=n=>{let r=n.detail;r.projectName===e&&r.sessionId===t&&S.current&&C()};return window.addEventListener(En,n),()=>window.removeEventListener(En,n)},[e,t,C]);let T=(0,Q.useCallback)((n,r)=>{if(!o||!t||n.length===0)return;let i=new Set(n.map(e=>e.path));_.current++;let a=l.current;a.key===o&&u({key:o,files:Tn(a.files,i,r)}),wn(e,t,n,r).catch(()=>{}).finally(()=>{_.current--,C()})},[o,e,t,C,u]),ee=Math.max(i.length,h.key===o?h.n:0);return{files:x?s.files:[],paths:i,unloadedCount:ee,loaded:x,loading:p===o&&o!==``,refresh:C,setReviewed:T}}var es=5e3;function ts(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),es);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 ns(){let e=window;return e.SpeechRecognition??e.webkitSpeechRecognition??null}function rs(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`&&ns()!==null;return{isListening:t,interimText:r,start:(0,Q.useCallback)(t=>{let r=ns();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 is=16e3;function as(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 os(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 ss(e){let t=await new OfflineAudioContext(1,1,is).decodeAudioData(await e.arrayBuffer()),n=[];for(let e=0;e<t.numberOfChannels;e++)n.push(t.getChannelData(e));return os(as(n),t.sampleRate)}function cs(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{U.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 ls(await ss(new Blob(c,{type:l.mimeType})),e);n?t(n,!0):U.info(`Nothing was picked up`,{description:`Speak closer to the mic, or check which input device is selected.`})}catch(e){U.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 ls(e,t){let n=B(),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 us=2e3;function ds(e,t,n=us){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 fs=4096;function ps(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 ms(e,t){return e===`image/gif`?!0:e===`image/webp`?ps(t,`ANIM`):e===`image/png`||e===`image/apng`?ps(t,`acTL`):!1}async function hs(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,fs).arrayBuffer());return ms(e.type,t)}catch{return!0}}var gs=1600,_s=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function vs(e){return e===`image/jpeg`||e===`image/webp`?e:`image/png`}async function ys(e,t=gs){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=ds(i.width,i.height,t+1);if(a&&await hs(e))return r.close?.(),Math.max(i.width,i.height)<2e3&&_s.has(e.type)?{kind:`inlineable`,file:e,from:i}:{kind:`asis`,file:e,from:i};if(!a)return r.close?.(),_s.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=vs(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 bs=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function xs(e){return bs.has(e.type)}function Ss(e){return e.textContent?`expand`:e.previewUrl?`preview`:`none`}function Cs({attachments:e,onRemove:t}){let[n,r]=(0,Q.useState)(null),i=zt(),a=(0,Q.useRef)(new Map),o=Gt(e=>e.open),s=Gt(e=>e.close),c=Gt(e=>e.src);if((0,Q.useEffect)(()=>{if(!c)return;let t=a.current.get(c);if(!t)return;let n=e.find(e=>e.id===t);if(!n?.previewUrl)return s();n.previewUrl!==c&&(a.current.set(n.previewUrl,n.id),o(n.previewUrl,n.name))},[e,c,o,s]),e.length===0)return null;let l=n?e.find(e=>e.id===n):null;function u(t,n){if(t.previewUrl){for(let t of e)t.previewUrl&&a.current.set(t.previewUrl,t.id);o(t.previewUrl,t.name,cn(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`),[sn]:``,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`,Ss(e)!==`none`&&`cursor-pointer hover:border-primary/50`,n===e.id&&`border-primary/50 bg-surface-elevated`),onClick:t=>{let i=Ss(e);i===`expand`?r(n===e.id?null:e.id):i===`preview`&&u(e,t.currentTarget)},children:[e.previewUrl?(0,$.jsx)(`button`,{type:`button`,title:`Preview ${e.name}`,"aria-label":`Preview ${e.name}`,onClick:t=>{t.stopPropagation(),u(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,[ln]:``,className:`size-5 rounded object-cover`})}):e.textContent?(0,$.jsx)(te,{className:`size-3.5 shrink-0 text-text-subtle`}):e.isImage?(0,$.jsx)(M,{className:`size-3.5 shrink-0 text-text-subtle`}):(0,$.jsx)(d,{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)(L,{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)(ve,{className:`size-3`})})]},e.id))}),l?.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:ws(l.textContent)})]})}function ws(e){let t=e.trim(),n=t.match(/^```\w*\n([\s\S]*?)\n```$/);return n?n[1]:t}function Ts(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 Es=[{id:`default`,label:`Ask before edits`,icon:ae,description:`Claude will ask for approval before making each edit`},{id:`acceptEdits`,label:`Edit automatically`,icon:se,description:`Claude will edit files without asking first`},{id:`plan`,label:`Plan mode`,icon:r,description:`Claude will present a plan before editing`},{id:`bypassPermissions`,label:`Bypass permissions`,icon:C,description:`Claude will not ask before running commands`}];function Ds(e){return Es.find(t=>t.id===e)?.label??`Unknown`}function Os(e){return Es.find(t=>t.id===e)?.icon??ae}function ks({value:e,onChange:t,open:n,onOpenChange:r}){let i=(0,Q.useRef)(null),o=(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&&(o.current=Es.findIndex(t=>t.id===e),o.current<0&&(o.current=0))},[n,e]);let s=(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;o.current=(o.current+t+Es.length)%Es.length,(i.current?.querySelector(`[data-idx="${o.current}"]`))?.focus()}if(e.key===`Enter`){e.preventDefault();let n=Es[o.current];n&&(t(n.id),r(!1))}},[t,r]);return n?(0,$.jsxs)(`div`,{ref:i,role:`listbox`,"aria-label":`Permission modes`,onKeyDown:s,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:Es.map((n,i)=>{let o=n.icon,s=n.id===e;return(0,$.jsxs)(`button`,{"data-idx":i,role:`option`,"aria-selected":s,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 ${s?`bg-surface-elevated`:``}`,children:[(0,$.jsx)(o,{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})]}),s&&(0,$.jsx)(a,{className:`size-4 mt-0.5 shrink-0 text-primary`})]},n.id)})})]}):null}function As(e){let t=/^claude-([a-z]+)((?:-\d{1,2})+)(?:-\d{8})?$/i.exec(e);if(!t)return e;let n=t[1],r=t[2].slice(1).split(`-`).join(`.`);return`${n[0].toUpperCase()}${n.slice(1)} ${r}`}var js=[{label:`Low`,value:`low`},{label:`Medium`,value:`medium`},{label:`High`,value:`high`,default:!0},{label:`Extra`,value:`xhigh`},{label:`Max`,value:`max`}];function Ms(e){return e?js.find(t=>t.value===e)?.label??e:``}function Ns(e,t){let n=Ms(t);return n?`${e} · ${n}`:e}var Ps=new Map,Fs=300*1e3;function Is(e){return e.replace(/^Claude\s+/i,``)}var Ls=js.find(e=>e.default).value;function Rs({model:e,effort:t,thinking:n,onModelChange:r,onEffortChange:i,onThinkingChange:o,projectName:s,providerId:c,disabled:u}){let d=JSON.stringify([s,c]),f=Ps.get(d),[p,m]=(0,Q.useState)(null),h=p?.projectName===s&&p.providerId===c?p:f?{...f,error:!1}:null,g=h?.models??[],_=s&&c&&!h?`Loading models...`:h?.error?`Unable to load models`:g.length===0?`No models available`:null,[v,y]=(0,Q.useState)(!1),b=(0,Q.useRef)(null),x=X();(0,Q.useEffect)(()=>{let e=!0;if(m(null),!v||!s||!c)return;let t=Ps.get(d);if(!(t&&Date.now()<t.expiry))return K.get(`${W(s)}/chat/providers/${c}/models`).then(n=>{let r=n.length>0?n:t?.models??n;e&&n.length>0&&Ps.set(d,{models:n,expiry:Date.now()+Fs}),e&&m({projectName:s,providerId:c,models:r})}).catch(()=>{e&&m({projectName:s,providerId:c,models:t?.models??[],error:!t})}),()=>{e=!1}},[s,c,d,v]),(0,Q.useEffect)(()=>{u&&y(!1)},[u]),(0,Q.useEffect)(()=>{if(!v||x)return;let e=e=>{b.current&&!b.current.contains(e.target)&&y(!1)},t=b.current?.ownerDocument??document;return t.addEventListener(`mousedown`,e),()=>t.removeEventListener(`mousedown`,e)},[v,x]);let S=g.find(t=>t.value===e),C=S?Is(S.label):e?As(e):`Model`,w=t??Ls,T=g.length>0||!!_,ee=Ns(C,w),te=e=>{e(),x||y(!1)},ne=(0,$.jsxs)(`div`,{className:`flex divide-x divide-border`,children:[T&&(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(zs,{children:`Model`}),_&&(0,$.jsx)(`div`,{role:`status`,className:`px-3 py-2 text-xs text-text-secondary`,children:_}),g.map(t=>(0,$.jsxs)(Vs,{active:t.value===e,onClick:()=>te(()=>r(t.value)),children:[(0,$.jsx)(`span`,{className:`flex-1 truncate`,children:Is(t.label)}),t.value===e&&(0,$.jsx)(a,{className:`size-4 shrink-0 text-primary`})]},t.value))]}),(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(zs,{children:`Effort`}),js.map(e=>(0,$.jsxs)(Vs,{active:e.value===w,onClick:()=>te(()=>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===w&&(0,$.jsx)(a,{className:`size-4 shrink-0 text-primary`})]},e.value)),(0,$.jsx)(Bs,{}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>o(!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)(l,{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 min-w-0`,children:[(0,$.jsxs)(`button`,{type:`button`,disabled:u,onClick:e=>{e.stopPropagation(),u||y(e=>!e)},className:`inline-flex max-w-full 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 ${C}, effort ${w}${n?`, thinking on`:``}`,title:u?`Can't change while running`:ee,children:[(0,$.jsx)(ge,{className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsx)(`span`,{className:`min-w-0 max-w-[140px] truncate`,children:ee}),n&&(0,$.jsx)(l,{className:`h-3 w-3 shrink-0`})]}),v&&!u&&(x?(0,$.jsx)(vt,{open:v,onClose:()=>y(!1),children:(0,$.jsx)(`div`,{className:`px-1 pb-2`,children:ne})}):(0,$.jsx)(`div`,{ref:b,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:ne}))]})}function zs({children:e}){return(0,$.jsx)(`div`,{className:`px-3 py-1.5 text-xs font-medium text-text-secondary`,children:e})}function Bs(){return(0,$.jsx)(`div`,{className:`my-1 border-t border-border`})}function Vs({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 Hs({promptCache:e}){let t=io(e,no());if(t.kind===`unknown`)return null;let n=t.kind===`cold`,r=t.kind===`cold`?co(t.idleMs):lo(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 ${uo(t.contextTokens)} tokens`} at full price.`:`Prompt cache warm, about ${r.replace(/m$/,` min`)} left.`,(0,$.jsxs)(It,{children:[(0,$.jsx)(Tt,{asChild:!0,children:(0,$.jsxs)(`span`,{className:`inline-flex shrink-0 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)(P,{className:`size-3`}),(0,$.jsx)(`span`,{className:`tabular-nums`,children:r})]})}),(0,$.jsx)(Rt,{side:`top`,className:`max-w-[240px] text-xs`,children:i})]})}async function Us(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 Ws=(0,Q.memo)(function({tabId:e,pendingContexts:t,onContextsConsumed:n,replyTo:r,onCancelReply:a,replyChangeSignal:o,draftReady:s=!0,onSend:c,isStreaming:l,onCancel:u,disabled:d,projectName:f,onSlashStateChange:p,onSlashItemsLoaded:m,slashSelected:h,onFileStateChange:g,onFileItemsLoaded:_,fileSelected:v,externalFiles:y,externalPaths:C,onExternalPathsConsumed:w,initialValue:T,initialAttachments:ee,clearSignal:te,restore:ne,onContentChange:E,getUserHistory:re,autoFocus:ie,permissionMode:ae,onModeChange:oe,providerId:D,sessionId:O,onProviderChange:se,model:ce,onModelChange:le,effort:k,onEffortChange:ue,thinking:fe,onThinkingChange:pe,promptCache:me,configurationPending:he=!1}){let ge=(0,Q.useRef)(T??``),[_e,A]=(0,Q.useState)(()=>(T??``).trim().length>0),[j,M]=(0,Q.useState)([]),[N,ye]=(0,Q.useState)(null),[be,xe]=(0,Q.useState)(!1),[Se,Ce]=(0,Q.useState)(!1),[we,P]=(0,Q.useState)(`next`),F=(0,Q.useRef)(null),I=(0,Q.useRef)(null),Ee=(0,Q.useRef)(null),De=(0,Q.useRef)([]),R=(0,Q.useRef)([]),Oe=(0,Q.useRef)(0),z=(0,Q.useRef)(!1),ke=(0,Q.useRef)(!1),Ae=(0,Q.useRef)(typeof CSS>`u`||!CSS.supports(`field-sizing`,`content`)),V=(0,Q.useCallback)(e=>{ge.current=e,F.current&&(F.current.value=e),I.current&&(I.current.value=e),A(e.trim().length>0)},[]),H=(0,Q.useCallback)(()=>window.matchMedia(`(min-width: 768px)`).matches?F.current:I.current,[]),U=(0,Q.useRef)(-1),G=(0,Q.useCallback)(e=>{let t=Ts(re?.()??[],U.current,e);if(!t)return!1;U.current=t.index;let{agent:n,text:i}=gn(t.text);ye(n),V(i),r&&a?.(),E?.(i,j.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath})));let o=H();return o?(o.focus(),requestAnimationFrame(()=>{o.selectionStart=o.selectionEnd=i.length}),Ae.current&&(o.style.height=`auto`,o.style.height=Math.min(o.scrollHeight,o===I.current?80:160)+`px`),!0):!0},[re,V,H,r,a,E,j]),K=Ne(e=>e.voiceEngine),je=rs(),Me=cs(),Pe=K===`whisper`&&Me.supported,q=Pe?Me:je,Ie=Pe&&Me.isTranscribing,Le=(0,Q.useRef)(``),Re=(0,Q.useCallback)(e=>{let t=Le.current;V(t?t+` `+e:e),Ae.current&&requestAnimationFrame(()=>{let e=H();e&&(e.style.height=`auto`,e.style.height=Math.min(e.scrollHeight,160)+`px`)})},[V,H]),Ve=(0,Q.useCallback)(()=>{Ie||(q.isListening?q.stop():(Le.current=ge.current.trim(),q.start(Re)))},[q.isListening,q.start,q.stop,Re,Ie]),He=Ie?`Transcribing`:q.isListening?`Stop voice input`:`Start voice input`;(0,Q.useEffect)(()=>{let e=()=>{q.supported&&Ki(H())&&Ve()};return window.addEventListener(`toggle-voice-input`,e),()=>window.removeEventListener(`toggle-voice-input`,e)},[q.supported,Ve,H]),(0,Q.useEffect)(()=>{let t=t=>{let{text:n,label:i,targetTabId:a,autoSend:o}=t.detail??{};if(!n||(a?a!==e:!Ki(H())))return;let s=!!o&&!!a&&!d&&!l&&!r&&!ge.current.trim()&&j.length===0;if(window.dispatchEvent(new CustomEvent(Bn,{detail:{sent:s}})),s){c(n,[]);return}let u={id:Fe(),name:i??`Terminal output`,file:new File([],`terminal-output.txt`),isImage:!1,textContent:n,status:`ready`};M(e=>[...e,u]),H()?.focus()};return window.addEventListener(zn,t),()=>window.removeEventListener(zn,t)},[H,e,d,l,j.length,c,r]);let Ue=(0,Q.useRef)(void 0);(0,Q.useEffect)(()=>{!t?.length||Ue.current===t||(Ue.current=t,M(e=>[...e,...t.map(({text:e,label:t})=>({id:Fe(),name:t??`Selected code`,file:new File([],`selected-code.txt`),isImage:!1,textContent:e,status:`ready`}))]),n?.(),H()?.focus())},[t,n,H]);let We=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{if(!s||We.current||ee===void 0||(We.current=!0,!ee?.length))return;let e=ee.map(e=>({id:Fe(),name:e.name,file:new File([],e.name),serverPath:e.path,isImage:xs(new File([],e.name)),status:`ready`}));M(t=>[...e,...t])},[s,ee]),(0,Q.useEffect)(()=>{if(T&&!ge.current){V(T);let e=setTimeout(()=>{let e=F.current;e&&(e.focus(),e.selectionStart=e.selectionEnd=e.value.length)},50);return()=>clearTimeout(e)}},[T]),(0,Q.useEffect)(()=>{let t=t=>{let n=t.detail;if(!s||d||l||ge.current||j.length||N||!e||n?.projectName!==f||n.tabId&&n.tabId!==e||typeof n.text!=`string`)return;let r=ze.getState();!(n.tabId?Object.values(r.panels).some(t=>t.activeTabId===e):r.panels[r.focusedPanelId]?.activeTabId===e)||document.hidden||(V(n.text),E?.(n.text),H()?.focus())};return window.addEventListener(`ppm:onboarding-prompt`,t),()=>window.removeEventListener(`ppm:onboarding-prompt`,t)},[s,d,l,j.length,N,e,f,E,V,H]),(0,Q.useEffect)(()=>{if(te){V(``),We.current=!1;for(let e of j)e.previewUrl&&URL.revokeObjectURL(e.previewUrl);M([]),ye(null)}},[te]),(0,Q.useEffect)(()=>{if(!ne?.nonce||!ne.text)return;let e=ge.current,t=!ne.replace&&e.trim()?`${e}\n\n${ne.text}`:ne.text;V(t),E?.(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)},[ne?.nonce]),(0,Q.useEffect)(()=>{o&&(E?.(ge.current,j.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath}))),H()?.focus())},[o]),(0,Q.useEffect)(()=>{if(!ie)return;let e=setTimeout(()=>{H()?.focus()},100);return()=>clearTimeout(e)},[]);let Ge=(0,Q.useRef)(0),J=(0,Q.useCallback)(()=>{let e=++Ge.current;if(he)return;if(!f){De.current=[],m?.([],[]);return}let t=Ft(f,D);De.current=t?.items??[],m?.(t?.items??[],t?.recentNames??[]),Et(f,D,O).then(t=>{e===Ge.current&&(De.current=t.items,m?.(t.items,t.recentNames))}).catch(()=>{})},[f,D,O,m,he]);(0,Q.useEffect)(()=>{J();let e=Ot(()=>{if(!f)return;let e=Ft(f,D);e&&!he&&(De.current=e.items,m?.(e.items,e.recentNames))}),t=setInterval(J,xt);return()=>{++Ge.current,e(),clearInterval(t)}},[J,f,D,m,he]),(0,Q.useEffect)(()=>{let e=()=>{J()};return window.addEventListener(`ppm:slash-items-refresh`,e),()=>window.removeEventListener(`ppm:slash-items-refresh`,e)},[J,f]),(0,Q.useEffect)(()=>{let e=()=>{if(!f){R.current=[],_?.([]);return}let e=rt.getState();if(ke.current&&e.indexStatus===`idle`&&Be.getState().activeProject?.name===f){e.loadIndex(f);return}let t=e.indexProject===f?e.fileIndex:[];R.current=t,_?.(t)};e();let t=rt.getState().fileIndex,n=rt.getState().indexStatus;return rt.subscribe(r=>{(r.fileIndex!==t||r.indexStatus!==n)&&(t=r.fileIndex,n=r.indexStatus,e())})},[f]),(0,Q.useEffect)(()=>{if(!h)return;let e=H();if(!e)return;let t=e.value,n=e.selectionStart,r=t.slice(0,n),i=t.slice(n);if(h.type===`agent`){let t=Vn(r);ye(h.name),V(t+i),p?.(!1,``),z.current=!1,e.focus(),setTimeout(()=>{e.selectionStart=e.selectionEnd=t.length},0);return}let a=Hn(r,`${h.invokeSigil??`/`}${h.name}`);V(a+i),p?.(!1,``),z.current=!1,g?.(!1,``),ke.current=!1,e.focus(),setTimeout(()=>{e.selectionStart=e.selectionEnd=a.length},0)},[h]),(0,Q.useEffect)(()=>{if(!v)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)+`@${v.path} `+i);let n=t+v.path.length+2;setTimeout(()=>{e.selectionStart=e.selectionEnd=n,e.focus()},0)}else{let n=t+`@${v.path} `;V(n),setTimeout(()=>{e.selectionStart=e.selectionEnd=n.length,e.focus()},0)}g?.(!1,``),ke.current=!1},[v]),(0,Q.useEffect)(()=>{!y||y.length===0||Je(y)},[y]),(0,Q.useEffect)(()=>{if(!C||C.length===0)return;let e=C.map(e=>`@${e}`).join(` `),t=ge.current;V(t+(t.length>0&&!t.endsWith(` `)?` `:``)+e+` `),H()?.focus(),w?.()},[C]);let Ke=(0,Q.useCallback)(async e=>{if(!f)return;let t=e.split(/[\\/]/).pop();if(t)try{let e={},n=B();n&&(e.Authorization=`Bearer ${n}`),await fetch(`${W(f)}/chat/uploads/${encodeURIComponent(t)}`,{method:`DELETE`,headers:e})}catch{}},[f]),qe=(0,Q.useCallback)(async e=>{if(!f)return null;try{let t=new FormData;t.append(`files`,e);let n={},r=B();r&&(n.Authorization=`Bearer ${r}`);let i=await(await fetch(`${W(f)}/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}},[f]),Je=(0,Q.useCallback)(async e=>{for(let t of e){let e=Fe(),n=xs(t),r={id:e,name:t.name,file:t,isImage:n,previewUrl:n?URL.createObjectURL(t):void 0,status:`uploading`};M(e=>[...e,r]);try{let i=n?await ys(t):null,a=i?.file??t,o=n&&a!==t?URL.createObjectURL(a):void 0,s=await qe(a),c=i&&i.kind!==`asis`?await Us(a):void 0,l=!!c&&c.data.length<=or.maxBase64PerImage;o&&r.previewUrl&&URL.revokeObjectURL(r.previewUrl),M(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{M(t=>t.map(t=>t.id===e?{...t,status:`error`}:t))}}(I.current??F.current)?.focus()},[qe]),Ye=(0,Q.useCallback)(e=>{M(t=>{let n=t.find(t=>t.id===e);return n?.previewUrl&&URL.revokeObjectURL(n.previewUrl),n?.serverPath&&Ke(n.serverPath),t.filter(t=>t.id!==e)})},[Ke]),Xe=(0,Q.useCallback)(()=>{let e=ge.current.trim(),t=j.filter(e=>e.status===`ready`);if(!e&&t.length===0&&!N){Ce(!1);return}let n=N?`Use the ${N} agent to ${e}`.trimEnd():e;if(p?.(!1,``),z.current=!1,g?.(!1,``),ke.current=!1,q.isListening&&(Pe?Me.cancel():q.stop()),c(n,t,l?we:void 0)!==!1){V(``);for(let e of j)e.previewUrl&&URL.revokeObjectURL(e.previewUrl);M([]),ye(null),Ce(!1),P(`next`),U.current=-1,Ae.current&&(F.current&&(F.current.style.height=`auto`),I.current&&(I.current.style.height=`auto`))}},[j,N,c,p,g,l,we,V,q.isListening,q.stop,Me.cancel,Pe]),Ze=(0,Q.useCallback)(()=>{if(!d){if(j.some(e=>e.status===`uploading`)){(ge.current.trim()||j.some(e=>e.status!==`error`))&&Ce(!0);return}Xe()}},[j,d,Xe]);(0,Q.useEffect)(()=>{Se&&(j.some(e=>e.status===`uploading`)||Xe())},[Se,j,Xe]);let Qe=(0,Q.useCallback)(e=>{if(e.key===`Enter`&&!e.shiftKey){e.preventDefault(),Ze();return}if((e.key===`ArrowUp`||e.key===`ArrowDown`)&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey){if(!(U.current>=0)&&(e.key===`ArrowDown`||ge.current!==``||N))return;G(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(ae??`bypassPermissions`)+1)%t.length];oe?.(n)}},[Ze,ae,oe,G,N]),$e=(0,Q.useCallback)((e,t)=>{let n=e.slice(0,t),r=n.includes(`/`),i=n.includes(`@`);if(!r&&!i){z.current&&=(p?.(!1,``),!1),ke.current&&=(g?.(!1,``),!1);return}if(r){let e=Un(n);if(e!==null){z.current||J(),p?.(!0,e),z.current=!0,ke.current&&=(g?.(!1,``),!1);return}}if(i){let e=n.match(/@(\S*)$/);if(e){!ke.current&&f&&rt.getState().ensureIndex(f),g?.(!0,e[1]??``),ke.current=!0,z.current&&=(p?.(!1,``),!1);return}}z.current&&=(p?.(!1,``),!1),ke.current&&=(g?.(!1,``),!1)},[p,g,J,f]),et=(0,Q.useCallback)(e=>{let t=e.target,n=t.value;ge.current=n,U.current=-1;let r=t===F.current?I.current:F.current;r&&(r.value=n),A(n.trim().length>0),$e(n,t.selectionStart),E?.(n,j.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath}))),Ae.current&&(Oe.current&&cancelAnimationFrame(Oe.current),Oe.current=requestAnimationFrame(()=>{Oe.current=0,t.style.height=`auto`,t.style.height=Math.min(t.scrollHeight,t===I.current?80:160)+`px`}))},[$e,E,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(),Je(n))},[Je]),tt=(0,Q.useCallback)(e=>{e.preventDefault();let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){let e=ge.current;V(e+(e.length>0&&!e.endsWith(` `)?` `:``)+`@${t} `),H()?.focus();return}let n=Array.from(e.dataTransfer.files);n.length>0&&Je(n)},[Je,V,H]),nt=(0,Q.useCallback)(e=>{e.preventDefault()},[]),X=(0,Q.useCallback)(()=>{Ee.current?.click()},[]),it=(0,Q.useCallback)(e=>{let t=Array.from(e.target.files??[]);t.length>0&&Je(t),e.target.value=``},[Je]),at=_e||j.some(e=>e.status!==`error`)||!!N,ot=l&&!at;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=>{d||e.target instanceof HTMLTextAreaElement||H()?.focus()},children:[r&&(0,$.jsx)(`div`,{className:`px-2 md:px-4 pt-2`,children:(0,$.jsx)(Ma,{reply:r,preview:!0,onCancel:a})}),N&&(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)(Te,{className:`size-3.5 shrink-0`}),N,(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),ye(null),H()?.focus()},className:`shrink-0 rounded-sm p-0.5 hover:bg-sky-500/20 transition-colors`,"aria-label":`Remove ${N} agent`,children:(0,$.jsx)(ve,{className:`size-3`})})]})}),(0,$.jsx)(Cs,{attachments:j,onRemove:Ye}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1 px-2 pt-2 md:hidden relative`,children:[!he&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Gs,{mode:ae??`bypassPermissions`,onClick:()=>xe(e=>!e)}),(0,$.jsx)(ks,{value:ae??`bypassPermissions`,onChange:e=>oe?.(e),open:be,onOpenChange:xe})]}),se&&f&&(0,$.jsx)(Ht,{value:D??`claude`,onChange:se,projectName:f}),le&&f&&(0,$.jsx)(Rs,{model:ce??null,effort:k??null,thinking:fe??!1,onModelChange:le,onEffortChange:ue??(()=>{}),onThinkingChange:pe??(()=>{}),projectName:f,providerId:D??`claude`,disabled:l}),l&&(0,$.jsx)(qs,{value:we,onChange:P}),(0,$.jsx)(Hs,{promptCache:me??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(),X()},disabled:d,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)(i,{className:`size-4`})}),(0,$.jsx)(`textarea`,{ref:I,defaultValue:T??``,onChange:et,onKeyDown:Qe,onPaste:Y,onDrop:tt,onDragOver:nt,placeholder:l?`Follow-up...`:`Ask anything...`,disabled:d,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]`}),q.supported&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Ve()},disabled:d||Ie,className:`flex items-center justify-center size-8 shrink-0 rounded-[10px] transition-colors disabled:opacity-50 ${q.isListening?`bg-error text-white animate-pulse`:`text-text-3 hover:text-text-primary`}`,"aria-label":He,children:Ie?(0,$.jsx)(L,{className:`size-4 animate-spin`}):q.isListening?(0,$.jsx)(S,{className:`size-4`}):(0,$.jsx)(b,{className:`size-4`})}),ot?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),u?.()},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)(x,{className:`size-3.5`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),Se?Ce(!1):Ze()},disabled:d||!at,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":Se?`Cancel queued send`:`Send`,children:Se?(0,$.jsx)(L,{className:`size-4 animate-spin`}):(0,$.jsx)(de,{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 @max-[420px]/chat:flex-nowrap`,children:[!he&&(0,$.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,$.jsx)(Gs,{mode:ae??`bypassPermissions`,onClick:()=>xe(e=>!e)}),(0,$.jsx)(ks,{value:ae??`bypassPermissions`,onChange:e=>oe?.(e),open:be,onOpenChange:xe})]}),se&&f&&(0,$.jsx)(Ht,{value:D??`claude`,onChange:se,projectName:f}),le&&f&&(0,$.jsx)(Rs,{model:ce??null,effort:k??null,thinking:fe??!1,onModelChange:le,onEffortChange:ue??(()=>{}),onThinkingChange:pe??(()=>{}),projectName:f,providerId:D??`claude`,disabled:l}),l&&(0,$.jsx)(qs,{value:we,onChange:P}),(0,$.jsx)(Hs,{promptCache:me??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(),X()},disabled:d,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)(i,{className:`size-[17px]`})}),(0,$.jsx)(`textarea`,{ref:F,defaultValue:T??``,onChange:et,onKeyDown:Qe,onPaste:Y,onDrop:tt,onDragOver:nt,placeholder:l?`Follow-up or Stop...`:`Ask anything...`,disabled:d,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]`}),q.supported&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Ve()},disabled:d||Ie,className:`flex items-center justify-center size-[34px] shrink-0 rounded-[10px] transition-colors disabled:opacity-50 ${q.isListening?`bg-error text-white animate-pulse`:`text-text-3 hover:text-text-primary hover:bg-surface-elevated`}`,"aria-label":He,children:Ie?(0,$.jsx)(L,{className:`size-[17px] animate-spin`}):q.isListening?(0,$.jsx)(S,{className:`size-[17px]`}):(0,$.jsx)(b,{className:`size-[17px]`})}),ot?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),u?.()},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)(x,{className:`size-4`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),Se?Ce(!1):Ze()},disabled:d||!at,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":Se?`Cancel queued send`:`Send message`,children:Se?(0,$.jsx)(L,{className:`size-4 animate-spin`}):(0,$.jsx)(de,{className:`size-[17px]`})})]})]})]}),(0,$.jsx)(`input`,{ref:Ee,type:`file`,multiple:!0,className:`hidden`,onChange:it})]})});function Gs({mode:e,onClick:t}){let n=Os(e),r=Ds(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 @max-[420px]/chat:px-[7px]`,"aria-label":`Permission mode: ${r}`,title:`Permission mode: ${r}`,children:[(0,$.jsx)(n,{className:`size-3`}),(0,$.jsx)(`span`,{className:`max-w-[100px] truncate @max-[420px]/chat:hidden`,children:r})]})}var Ks=[{value:`now`,label:`Interrupt`,Icon:ye},{value:`next`,label:`Queue`,Icon:R},{value:`later`,label:`Later`,Icon:P}];function qs({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=Ks.find(t=>t.value===e)??Ks[1],i=r.Icon;return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),n()},className:`inline-flex shrink-0 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 @max-[420px]/chat:px-[7px]`,"aria-label":`Message priority: ${r.label}`,title:`Priority: ${r.label} (click to cycle)`,children:[(0,$.jsx)(i,{className:`size-3`}),(0,$.jsx)(`span`,{className:`@max-[420px]/chat:hidden`,children:r.label})]})}function Js({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 l=(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=>{l(e)&&e.stopPropagation()},t=s.current?.ownerDocument??document;return t.addEventListener(`keydown`,e,!0),()=>t.removeEventListener(`keydown`,e,!0)},[i,l]),!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)(p,{className:`size-4 text-warning`}):(0,$.jsx)(Oe,{className:`size-4 text-primary`})}),(0,$.jsx)(`span`,{className:`text-sm truncate`,children:e.path})]},e.path))})})}var Ys=e=>`${(e/1048576).toFixed(2)} MB`;function Xs(e){return e>=1048576?`${(e/1048576).toFixed(1)} MB`:`${Math.max(1,Math.round(e/1024))} KB`}function Zs(){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 Qs({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(`${W(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(`${W(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`,` · `,Xs(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)(be,{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)(be,{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)(st,{size:`sm`,variant:`destructive`,disabled:o!==null,onClick:()=>u(`oversized`,!0),children:[o===`oversized`?(0,$.jsx)(L,{className:`size-3.5 animate-spin`}):(0,$.jsx)(xe,{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 `,Xs(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)(st,{size:`sm`,variant:`outline`,className:`flex-1`,disabled:o!==null||n.oversized===0,onClick:()=>u(`oversized`),children:[o===`oversized`?(0,$.jsx)(L,{className:`size-3.5 animate-spin`}):(0,$.jsx)(xe,{className:`size-3.5`}),`Remove oversized`,n.oversized>0?` (${n.oversized} · ${Xs(n.oversizedBytes)})`:``]}),(0,$.jsxs)(st,{size:`sm`,variant:`destructive`,className:`flex-1`,disabled:o!==null||n.total===0,onClick:()=>u(`all`),children:[o===`all`?(0,$.jsx)(L,{className:`size-3.5 animate-spin`}):(0,$.jsx)(xe,{className:`size-3.5`}),`Remove all`,n.total>0?` (${n.total} · ${Xs(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 $s({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(`${W(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+Sr(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 ·`,` `,Ar(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=Er(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:Ar(xr(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 ec({sessionId:e,projectName:t,open:n,onOpenChange:r}){let[i,a]=(0,Q.useState)(null),[o,c]=(0,Q.useState)(!1),l=X();(0,Q.useEffect)(()=>{n&&(c(!1),a(null),K.get(`${W(t)}/chat/sessions/${e}/debug?project=${encodeURIComponent(t)}`).then(e=>{let t=e.jsonlSizeBytes==null?``:` (${Ys(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,...Zs()].filter(Boolean).join(`
+`))}).catch(()=>a(`Failed to load debug info`)))},[n,e,t]);let u=(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)(s,{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)(st,{size:`sm`,onClick:()=>{i&&ot(i).then(e=>{e&&(c(!0),setTimeout(()=>c(!1),1500))})},disabled:!i,className:`w-full`,children:o?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(T,{className:`size-3.5`}),` Copied!`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(I,{className:`size-3.5`}),` Copy`]})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)($s,{sessionId:e,projectName:t})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)(Qs,{sessionId:e,projectName:t})})]});return l?(0,$.jsx)(vt,{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:u})}):(0,$.jsx)(ut,{open:n,onOpenChange:r,children:(0,$.jsxs)(ct,{className:`sm:max-w-lg`,children:[(0,$.jsx)(lt,{className:`sr-only`,children:`Session debug info`}),u]})})}function tc({hasUnread:e,onToggleUnread:t,onOpenDebug:n,onShowLogs:r}){return(0,$.jsxs)(_t,{children:[(0,$.jsx)(ht,{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)(E,{className:`size-3.5`})})}),(0,$.jsxs)(gt,{align:`end`,side:`top`,className:`min-w-[190px]`,children:[(0,$.jsx)(mt,{onClick:t,className:`max-md:py-3`,children:e?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ee,{className:`size-3.5 text-warning`}),` Mark as read`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(g,{className:`size-3.5 fill-current text-primary`}),` Mark as unread`]})}),(0,$.jsxs)(mt,{onClick:n,className:`max-md:py-3`,children:[(0,$.jsx)(s,{className:`size-3.5`}),` Session debug info`]}),(0,$.jsxs)(mt,{onClick:r,className:`max-md:py-3`,children:[(0,$.jsx)(le,{className:`size-3.5`}),` Show logs for this chat`]})]})]})}function nc({title:e,meta:t,onClose:n,onReload:r,reloading:i,error:a,onDismissError:o,cardCount:s,children:l,fallback:u,footer:d}){let[p,m]=(0,Q.useState)(!1),h=s||1,g=Math.ceil(Math.sqrt(h)),_=Math.ceil(h/g);return(0,$.jsxs)(`div`,{className:`relative border-b border-border bg-surface px-3 py-2.5 ${p?`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)(It,{children:[(0,$.jsx)(Tt,{asChild:!0,children:(0,$.jsxs)(`button`,{onClick:()=>it(`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)(pe,{className:`size-3`})]})}),(0,$.jsx)(Rt,{side:`top`,children:`Add, remove or rotate accounts`})]}),s>0&&(0,$.jsxs)(It,{children:[(0,$.jsx)(Tt,{asChild:!0,children:(0,$.jsx)(`button`,{onClick:()=>m(e=>!e),className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,"aria-label":p?`Exit fullscreen`:`Fullscreen view`,children:p?(0,$.jsx)(f,{className:`size-3`}):(0,$.jsx)(c,{className:`size-3`})})}),(0,$.jsx)(Rt,{side:`top`,children:p?`Exit fullscreen`:`Fullscreen view`})]}),r&&(0,$.jsxs)(It,{children:[(0,$.jsx)(Tt,{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)(me,{className:`size-3 ${i?`animate-spin`:``}`})})}),(0,$.jsx)(Rt,{side:`top`,children:`Refresh`})]}),(0,$.jsx)(`button`,{onClick:()=>{m(!1),n()},className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,"aria-label":`Close usage panel`,children:(0,$.jsx)(ve,{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)(ve,{className:`size-3`})})]}),s>0?(0,$.jsx)(`div`,{className:p?`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:p?{gridTemplateColumns:`repeat(${g}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${_}, minmax(0, 1fr))`}:void 0,children:l(p?`grid`:`strip`)}):u,d&&!p&&d]})}function rc(e){return Math.round((e??0)*100)>=100}function ic({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}=Xn(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(rc(n?.utilization))return`5-hour limit reached${n?.resetsAt?` — resets ${ir(n)}`:``}`;let r=t?.usage.weekly;return rc(r?.utilization)?`Weekly limit reached${r?.resetsAt?` — resets ${ir(r)}`:``}`:null}async function T(e,t){b(await _(e,t))}async function ee(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)(nc,{title:`Usage`,meta:a&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle`,children:Kn(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)(rr,{label:`5-Hour Session`,bucket:e.session}),(0,$.jsx)(rr,{label:`Weekly`,bucket:e.weekly}),(0,$.jsx)(rr,{label:`Weekly (Opus)`,bucket:e.weeklyOpus}),(0,$.jsx)(rr,{label:`Weekly (Sonnet)`,bucket:e.weeklySonnet}),(0,$.jsx)(Jn,{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)(nr,{entry:n,isActive:n.accountId===(s??e.activeAccountId??f),accountInfo:r,flash:h.has(n.accountId),layout:t,onSelect:o?ee:void 0,unselectableReason:w(r,n),selecting:c===n.accountId,onToggle:T,toggling:v===n.accountId,onReauth:()=>S({id:n.accountId,label:n.accountLabel??n.accountId.slice(0,8)})},n.accountId)})}),x&&(0,$.jsx)(qn,{open:!0,onOpenChange:e=>{e||S(null)},onSuccess:e=>{S(null),g(),e&&b(e)},signInAgainFor:x})]})}function ac(e){return Math.round((e??0)*100)>=100}function oc(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 sc({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`:ac(t.fiveHour)?`5-hour limit reached${t.session?.resetsAt?` — resets ${ir(t.session)}`:``}`:ac(t.sevenDay)?`Weekly limit reached${t.weekly?.resetsAt?` — resets ${ir(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]),T=(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)}},[]),ee=(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)(L,{className:`size-3 animate-spin`}),` Loading…`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(Zn,{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)(rr,{label:`5-Hour Session`,bucket:t.session}),(0,$.jsx)(rr,{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)(nc,{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?$n(a.weekly):null;return(0,$.jsx)(nr,{entry:oc(n,a),isActive:n.id===(i??t.activeAccountId),layout:e,planLabel:er(n.planType),onSelect:r?w:void 0,unselectableReason:C(n,a),selecting:d===n.id,onToggle:T,toggling:p===n.id,dailyGuard:o?{enabled:!!n.dailyGuardEnabled,state:o}:void 0,onDailyGuardToggle:o?()=>void ee(n.id,!!n.dailyGuardEnabled):void 0,dailyGuardToggling:p===n.id,reauthHint:n.signedOut?Yn:void 0,resetCredits:a.resetCredits,resetCreditAction:(0,$.jsx)(tr,{account:n,usage:a,onDone:e=>{g(e),S()}}),onReauth:n.type===`chatgpt`?()=>b(n):void 0},n.id)})}),y&&(0,$.jsx)(Qn,{account:y,onClose:()=>b(null),onDone:()=>void x()})]})}var cc={working:`working`,paused:`paused`,"no-transcript":`no session`};function lc({member:e,onOpen:t}){let n=e.workState===`working`,r=Ho(e),i=Vo(e.startedAt,n?void 0:e.lastEventAt),a=Bo(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)(L,{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:cc[e.workState]}),(0,$.jsx)(v,{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 uc({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)(L,{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)(lc,{member:e,onOpen:n},e.name))})}var dc=[`subject`,`summary`,`text`,`message`,`content`,`description`,`reason`,`feedback`],fc=[`description`,`message`,`content`,`reason`,`feedback`],pc=new Set([`type`,`taskId`,`task_id`,`assignedBy`,`assigned_by`,`timestamp`,`request_id`,`requestId`]),mc=e=>typeof e==`string`?e.trim():e==null?``:String(e);function hc(e,t,n){for(let r of t){if(r===n)continue;let t=mc(e[r]);if(t)return{key:r,value:t}}return null}function gc(e){return Object.entries(e).filter(([e,t])=>!pc.has(e)&&mc(t)).map(([e,t])=>`${e}: ${mc(t)}`).join(` · `)}function _c(e,t){let n=mc(t),r=mc(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||mc(e),...i?{detail:i}:{}}}if(!i||typeof i!=`object`||Array.isArray(i))return{title:n||r};let a=i,o=mc(a.taskId)||mc(a.task_id),s=hc(a,dc),c=hc(a,fc,s?.key);return{title:n||s?.value||gc(a)||mc(a.type)||r,...c?{detail:c.value}:{},...o?{taskId:o}:{}}}function vc({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}=_c(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:bc(e.color),children:e.from}),(0,$.jsx)(`span`,{children:`→`}),(0,$.jsx)(`span`,{children:e.to}),(0,$.jsx)(`span`,{className:`ml-auto text-[10px]`,children:yc(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 yc(e){try{return new Date(e).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}catch{return``}}function bc(e){if(e&&(/^#[0-9a-fA-F]{3,8}$/.test(e)||/^[a-zA-Z]{3,20}$/.test(e)))return{color:e}}function xc(e,t){return e===t?`Team (current session)`:e}function Sc({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=an(),u=zt();(0,Q.useEffect)(()=>{e.length>0&&!e.includes(a)&&o(e[0])},[e,a]);let{members:d,outbound:f,loading:p,refresh:m}=ts(a,!!a),h=(0,Q.useCallback)(e=>{n&&l({projectName:r??``,providerId:Jt(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:xc(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)(me,{className:q(`size-3`,p&&`animate-spin`)})})]}),s===`members`?(0,$.jsx)(uc,{members:d,loading:p,onOpenMember:h,className:`max-h-56`}):(0,$.jsx)(vc,{messages:g,className:`max-h-56`})]})}function Cc(e){return e>=90?`text-error`:e>=70?`text-warning`:`text-success`}function wc({tabId:e,projectName:t,usageInfo:n,usageLoading:r,refreshUsage:i,lastFetchedAt:o,sessionId:s,providerId:c,pickedAccountLabel:l,pickedAccountId:u,onSelectAccount:d,onSelectSession:f,historyFilter:p,isConnected:m,onReload:h,teamActivity:g,teamMessages:v,onTeamOpen:y}){let[b,x]=(0,Q.useState)(null),S=Ke(t),C=S?Me(S):null,w=J(e=>(C?e.byProject[C]?.sessions:void 0)??We),T=J(e=>(C?e.byProject[C]?.hasMore:void 0)??!1),ee=J(e=>(C?e.byProject[C]?.isSyncing:void 0)??!1),te=J(e=>(C?e.byProject[C]?.tags:void 0)??null);(0,Q.useEffect)(()=>{S&&J.getState().ensure(S)},[S]);let[ne,E]=(0,Q.useState)([]),[ie,ae]=(0,Q.useState)(null),[oe,D]=(0,Q.useState)(null),[se,ce]=(0,Q.useState)(!1),le=Nt(e=>e.notifications),k=Nt(e=>s?e.notifications.has(s):!1),de=Nt(e=>e.clearForSession),fe=Nt(e=>e.markUnread),[pe,ge]=(0,Q.useState)(``),A=qt(pe,300),[j,M]=(0,Q.useState)(null),[N,ye]=(0,Q.useState)(``),[be,xe]=(0,Q.useState)(!1),[P,F]=(0,Q.useState)(null),[I,R]=(0,Q.useState)(!1),[Oe,z]=(0,Q.useState)(!1),ke=(0,Q.useRef)(null),Ae=A?oe??[]:w,B=Ue([...Ae,...ne]),V=ie??(A?!1:T),H=se||!A&&ee,U=te?.tags??[],G=te?.counts??{},je=e=>{x(t=>t===e?null:e)},Ne=(0,Q.useCallback)(async e=>{if(t){if(E([]),ae(null),!e){D(null),S&&await J.getState().sync(S);return}ce(!0);try{let n=new URLSearchParams({limit:`50`,offset:`0`,q:e}),r=await K.get(`${W(t)}/chat/sessions?${n}`);D(r.sessions),ae(r.hasMore)}catch{}finally{ce(!1)}}},[t,S]),Pe=(0,Q.useCallback)(async()=>{if(!(!t||be||!V)){xe(!0);try{let e=B.filter(e=>!e.pinned).length,n=new URLSearchParams({limit:`50`,offset:String(e)});A&&n.set(`q`,A);let r=await K.get(`${W(t)}/chat/sessions?${n}`);E(e=>{let t=new Set([...Ae,...e].map(e=>e.id));return[...e,...r.sessions.filter(e=>!t.has(e.id))]}),ae(r.hasMore)}catch{}finally{xe(!1)}}},[t,be,V,B,A,Ae]);(0,Q.useEffect)(()=>{b===`history`&&Ne(A||void 0)},[A]);let Fe=(0,Q.useCallback)(async()=>{S&&await J.getState().refreshTags(S)},[S]);function Ie(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(ze.getState().panels).some(t=>t.activeTabId===e)}}));let r=p?n.designSlug===p:!n.designSlug;f&&r?(f(n),x(null)):(Wt(n,t),x(null))}let Le=(0,Q.useCallback)((e,t)=>{t.stopPropagation(),M(e.id),ye(e.title||``),setTimeout(()=>ke.current?.select(),0)},[]),Re=(0,Q.useCallback)(async()=>{if(!j||!N.trim()||!t){M(null);return}let e=N.trim(),n=j,r=S??Je(t);J.getState().renameSession(r,n,e),E(t=>He(t,n,e)),D(t=>t&&He(t,n,e)),M(null),await Ve(r,()=>K.patch(`${W(t)}/chat/sessions/${n}`,{title:e}))||Ne(A||void 0)},[j,N,t,S,Ne,A]),Be=(0,Q.useCallback)(()=>M(null),[]),Xe=(0,Q.useCallback)(async(e,n)=>{if(e.stopPropagation(),!t)return;let r=`${W(t)}/chat/sessions/${n.id}/pin`,i=!n.pinned,a=S??Je(t);J.getState().setPinned(a,n.id,i),E(e=>Ge(e,n.id,i)),D(e=>e&&Ge(e,n.id,i)),await Ve(a,()=>i?K.put(r):K.del(r))||Ne(A||void 0)},[t,S,Ne,A]),Qe=(0,Q.useCallback)(async(e,n)=>{if(e.stopPropagation(),!t||!window.confirm(`Delete this session? This cannot be undone.`))return;let r=S??Je(t);J.getState().removeSession(r,n.id),E(e=>qe(e,n.id)),D(e=>e&&qe(e,n.id)),await Ve(r,()=>K.del(`${W(t)}/chat/sessions/${n.id}?providerId=${n.providerId}`))||Ne(A||void 0)},[t,S,Ne,A]),$e=(0,Q.useCallback)((e,n)=>{let r=S??(t?Je(t):null);r&&J.getState().setSessionTag(r,e,n),E(t=>Ye(t,e,n)),D(t=>t&&Ye(t,e,n)),Fe()},[Fe,S,t]),et=(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;ce(!0);let r=S??Je(t);J.getState().removeOlderThan(r,n),await Ve(r,()=>K.del(`${W(t)}/chat/sessions?olderThanDays=${n}`)),await Ne(A||void 0),ce(!1)},[t,S,Ne,A]);(0,Q.useEffect)(()=>{if(b!==`history`)return;let e=e=>{if(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)return;let n=parseInt(e.key);if(n>=1&&n<=U.length&&s){let e=U[n-1];e&&($e(s,{id:e.id,name:e.name,color:e.color}),Ve(Je(t),()=>K.patch(`${W(t)}/chat/sessions/${s}/tag`,{tagId:e.id})))}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b,U,s,t,$e]);let Y=p?B.filter(e=>e.designSlug===p):B,tt=P===null?Y:Y.filter(e=>e.tag?.id===P),nt=!c||c===`claude`,rt=c===`codex`,X=!u||u===n.activeAccountId,it=X&&n.fiveHour!=null?Math.round(n.fiveHour*100):null,at=X&&n.sevenDay!=null?Math.round(n.sevenDay*100):null,ot=it!=null||at!=null?Cc(Math.max(it??0,at??0)):`text-text-subtle`,st=l??(X?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:()=>je(`history`),title:`History`,"aria-label":`History`,className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${b===`history`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,children:[(0,$.jsx)(ue,{className:`size-3`}),(0,$.jsx)(`span`,{className:`@max-[420px]/chat:hidden`,children:`History`})]}),s&&c&&c!==`mock`?(0,$.jsxs)(`button`,{onClick:()=>je(`config`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${b===`config`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`AI Settings`,children:[(0,$.jsx)(bt,{providerId:c}),(0,$.jsx)(`span`,{className:`capitalize @max-[420px]/chat:hidden`,children:c})]}):(0,$.jsx)(`button`,{onClick:()=>je(`config`),className:`shrink-0 p-1 rounded transition-colors ${b===`config`?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary hover:bg-surface-elevated`}`,title:`AI Settings`,children:(0,$.jsx)(Ee,{className:`size-3`})}),nt||rt?(0,$.jsxs)(`button`,{onClick:()=>je(`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 ${b===`usage`?`bg-primary/10`:``} ${ot}`,title:st?`Usage limits · ${st}`:`Usage limits`,children:[(0,$.jsx)(Se,{className:`size-3`}),st&&(0,$.jsxs)(`span`,{className:`text-text-secondary font-normal truncate max-w-[110px] @max-[420px]/chat:hidden`,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,g?.hasTeams&&(0,$.jsxs)(`button`,{onClick:()=>{je(`team`),y?.()},className:`shrink-0 relative flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${b===`team`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`Team activity`,children:[(0,$.jsx)(Ce,{className:`size-3`}),(0,$.jsx)(`span`,{className:`@max-[420px]/chat:hidden`,children:`Team`}),(g.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:[h&&(0,$.jsxs)(`button`,{onClick:e=>{let t=e.currentTarget.querySelector(`svg`);t&&(t.classList.add(`animate-spin`),setTimeout(()=>t.classList.remove(`animate-spin`),600)),h()},className:`relative size-4 flex items-center justify-center`,title:m?`Reload messages`:`Disconnected — click to reload`,children:[(0,$.jsx)(me,{className:`size-3 ${m?`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 ${m?`bg-success`:`bg-error animate-pulse`}`})]}),s&&(0,$.jsx)(tc,{hasUnread:k,onToggleUnread:()=>k?de(s):fe(s,t),onOpenDebug:()=>z(!0),onShowLogs:()=>Vt({chat:s})})]})]}),s&&(0,$.jsx)(ec,{sessionId:s,projectName:t,open:Oe,onOpenChange:z}),b===`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)(De,{className:`size-3 text-text-subtle shrink-0`}),(0,$.jsx)(`input`,{type:`text`,value:pe,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:et,className:`p-0.5 rounded text-text-subtle hover:text-error transition-colors`,title:`Delete old sessions...`,children:(0,$.jsx)(_e,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:()=>Ne(A||void 0),disabled:H,className:`p-0.5 rounded text-text-subtle hover:text-text-secondary transition-colors disabled:opacity-50`,title:`Refresh`,children:(0,$.jsx)(me,{className:`size-3 ${H?`animate-spin`:``}`})})]}),U.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:()=>F(null),className:`shrink-0 rounded-md border px-2 py-1 text-[10px] transition-colors ${P===null?`bg-primary/20 border-primary text-primary`:`border-border bg-surface text-text-secondary`}`,children:[`All (`,Y.length,`)`]}),U.map(e=>(0,$.jsxs)(`button`,{onClick:()=>F(P===e.id?null:e.id),className:`shrink-0 flex items-center gap-1 rounded-md border px-2 py-1 text-[10px] transition-colors ${P===e.id?`border-current`:`border-border bg-surface`}`,style:P===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,` (`,G[e.id]??0,`)`]},e.id)),(0,$.jsx)(`button`,{onClick:()=>R(!I),className:`shrink-0 p-1 rounded transition-colors ${I?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary`}`,title:`Manage tags`,children:(0,$.jsx)(re,{className:`size-3`})})]}),I&&(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)(Pt,{projectName:t,onTagsChanged:Fe})}),(0,$.jsx)(`div`,{className:`max-h-[200px] overflow-y-auto`,children:H&&Y.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3`,children:(0,$.jsx)(L,{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:pe?`No matching sessions`:`No sessions yet`}):(0,$.jsxs)($.Fragment,{children:[tt.map(e=>{let n=le.get(e.id),r=!!n;return(0,$.jsx)(kt,{session:e,projectName:t,projectTags:U,onTogglePin:Xe,onStartEditing:Le,onDeleteSession:Qe,onTagChanged:$e,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&&Mt(n.type),!r&&`text-text-secondary`),children:[(0,$.jsx)(bt,{providerId:e.providerId}),e.tag&&(0,$.jsx)(`span`,{className:`size-2 rounded-full shrink-0`,style:{backgroundColor:e.tag.color},title:e.tag.name}),j===e.id?(0,$.jsxs)(`form`,{className:`flex items-center gap-1 flex-1 min-w-0`,onSubmit:e=>{e.preventDefault(),Re()},children:[(0,$.jsx)(`input`,{ref:ke,value:N,onChange:e=>ye(e.target.value),onBlur:Re,onKeyDown:e=>{e.key===`Escape`&&Be()},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)(a,{className:`size-3`})}),(0,$.jsx)(`button`,{type:`button`,className:`p-0.5 text-text-subtle hover:text-text-secondary`,onClick:e=>{e.stopPropagation(),Be()},children:(0,$.jsx)(ve,{className:`size-3`})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{onClick:()=>Ie(e),className:`text-[11px] truncate flex-1 text-left flex items-center gap-1`,children:[e.title?.startsWith(`[PPM]`)&&(0,$.jsx)(Te,{className:`size-3 text-muted-foreground shrink-0`}),e.title?.startsWith(`[PPM]`)?e.title.slice(7):e.title||`Untitled`]}),(0,$.jsx)(`button`,{onClick:t=>Xe(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)(O,{className:`size-3`}):(0,$.jsx)(he,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:t=>Le(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)(we,{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)(_,{className:`size-3`})})]}),j!==e.id&&e.updatedAt&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle shrink-0 w-16 text-right`,children:Ze(e.updatedAt)})]})},e.id)}),V&&(0,$.jsxs)(`button`,{onClick:Pe,disabled:be,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:[be?(0,$.jsx)(L,{className:`size-3 animate-spin`}):null,be?`Loading...`:`Load more`]})]})})]}),b===`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)(Gn,{compact:!0})}),b===`team`&&g?.hasTeams&&(0,$.jsx)(`div`,{className:`border-t border-border/30 bg-surface px-3 py-2`,children:(0,$.jsx)(Sc,{teamNames:g.teamNames,messages:v??[],sessionId:s,projectName:t,providerId:c})}),b===`usage`&&nt&&(0,$.jsx)(ic,{usage:n,onSelectAccount:d,selectedAccountId:u??n.activeAccountId??null,visible:!0,onClose:()=>x(null),onReload:i,loading:r,lastFetchedAt:o}),b===`usage`&&rt&&(0,$.jsx)(sc,{usage:n,onClose:()=>x(null),onReload:i,onSelectAccount:d,selectedAccountId:u??n.activeAccountId??null})]})}var Tc=(0,Q.createContext)({pending:!1,prepare:()=>Promise.reject(Error(`Chat preparation is unavailable.`))});function Ec(){return(0,Q.useContext)(Tc)}function Dc({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)(()=>ze.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,ze.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=et(),a=t.focusedProviderOnOpen,s=()=>Promise.all([$e(n),n?Qe(n):Promise.resolve(null)]).then(([e,t])=>({settings:e,providers:t,providerId:Le(e,a)})),u=Kr(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!==et())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=je();if(!n)return;let r=V(Me(Je(t))),i=Le(n,e.focusedProviderOnOpen);r?.some(e=>e.id===i)&&f(i,n)},[]);let m=()=>{Y(),p().catch(()=>{})};return(0,$.jsx)(Tc.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 Oc=3e3;function kc(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=e=>{try{let t=JSON.parse(sessionStorage.getItem(e)??`null`);return typeof t?.content!=`string`||!Array.isArray(t.attachments)?null:{...pn(t.content),attachments:t.attachments.filter(e=>typeof e?.name==`string`&&typeof e?.path==`string`)}}catch{return null}},[o]=(0,Q.useState)(()=>a(i)),s=(0,Q.useRef)({projectName:e,sessionId:t,draft:o}),c=(0,Q.useRef)(i);c.current=i;let[l,u]=(0,Q.useState)(o),[d,f]=(0,Q.useState)(i),[p,m]=(0,Q.useState)(!0),h=(0,Q.useRef)(void 0),g=(0,Q.useRef)(t),_=(0,Q.useRef)(0);g.current=t;let v=t??`__new__`;(0,Q.useEffect)(()=>{if(!e){m(!1);return}let r=!1,o=_.current;(s.current.projectName!==e||s.current.sessionId!==t)&&(s.current={projectName:e,sessionId:t,draft:a(i)});let c=s.current.draft!==null;m(!0),d!==i&&(u(s.current.draft),f(i));let l=setTimeout(()=>{r||m(!1)},Oc),p=()=>K.get(`${W(e)}/chat/drafts/${encodeURIComponent(v)}`),h=t===null&&n?Kr(n):void 0;return(h?h.then(e=>e.draft,p):p()).then(e=>{if(!(r||c||_.current!==o))if(e){let t=[];try{t=JSON.parse(e.attachments)}catch{}u({...pn(e.content),attachments:t})}else u(null)}).catch(()=>{!r&&!c&&_.current===o&&u(null)}).finally(()=>{clearTimeout(l),r||m(!1)}),()=>{r=!0,clearTimeout(l)}},[e,v,n,t]);let y=(0,Q.useCallback)((t,n,r)=>{let i=mn(t,r);if(++_.current,s.current.draft=null,!e)return;try{sessionStorage.setItem(c.current,JSON.stringify({content:i,attachments:n??[]}))}catch{}h.current&&clearTimeout(h.current);let a=g.current??`__new__`;h.current=setTimeout(()=>{K.put(`${W(e)}/chat/drafts/${encodeURIComponent(a)}`,{content:i,attachments:JSON.stringify(n??[])}).catch(()=>{})},1e3)},[e]),b=(0,Q.useCallback)(()=>{h.current&&clearTimeout(h.current),h.current=void 0},[]),x=(0,Q.useCallback)(e=>{let t=c.current,n=r(e);if(t!==n)try{let e=sessionStorage.getItem(t);e!==null&&(sessionStorage.setItem(n,e),sessionStorage.removeItem(t))}catch{}},[r]),S=(0,Q.useCallback)(t=>{if(++_.current,!e)return;s.current.draft=null;try{sessionStorage.removeItem(c.current),t&&sessionStorage.removeItem(r(t===`__new__`?null:t))}catch{}h.current&&clearTimeout(h.current);let n=t??g.current??`__new__`;K.del(`${W(e)}/chat/drafts/${encodeURIComponent(n)}`).catch(()=>{}),u(null)},[e,r]);return(0,Q.useEffect)(()=>()=>{h.current&&clearTimeout(h.current)},[]),{draft:d===i?l:null,draftLoading:p||d!==i,saveDraft:y,clearDraft:S,cancelPendingSave:b,moveDraft:x}}var Ac=3e4,jc=45e3;function Mc(e){let{metadata:t,tabId:n}=e;return n&&t?(0,$.jsx)(Dc,{tabId:n,metadata:t,children:(0,$.jsx)(Nc,{...e})}):(0,$.jsx)(Nc,{...e})}function Nc({metadata:e,tabId:t,onNewSession:n,onFork:r,historyFilter:i}){let a=Ec(),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.useRef)(()=>{}),f=(0,Q.useCallback)(e=>{let t=o.current?.projectName;u.current&&t&&J.getState().replaceSessionId(Je(t),u.current,e),u.current&&d.current(u.current,e),l(e)},[]),[p,m]=(0,Q.useState)(e?.providerId??`claude`),h=!c&&a.providerId?a.providerId:p,[g,_]=(0,Q.useState)([]),[v,y]=(0,Q.useState)(!1),[b,x]=(0,Q.useState)(``),[S,C]=(0,Q.useState)(null),[w,T]=(0,Q.useState)([]),[ee,te]=(0,Q.useState)([]),[ne,E]=(0,Q.useState)(!1),[re,ie]=(0,Q.useState)(``),[ae,D]=(0,Q.useState)(null),[O,se]=(0,Q.useState)(e?.permissionMode??void 0),ce=(0,Q.useRef)(!1),le=(0,Q.useCallback)(()=>{if(ce.current)return!1;let e=(t?pt(t):void 0)??o.current;return!e?.permissionMode||e.permissionModeSource===`cache`},[t]),k=(0,Q.useCallback)(e=>{ce.current=!0,se(e),t&&ft(t,{permissionMode:e,permissionModeSource:`user`})},[t]);(0,Q.useEffect)(()=>{!a?.pending&&!c&&e?.providerId&&(m(e.providerId),se(e.permissionMode))},[a?.pending,e?.providerId,e?.permissionMode,c]);let ue=(0,Q.useRef)(null),de=(0,Q.useRef)(null),[fe,pe]=(0,Q.useState)(!1),[me,he]=(0,Q.useState)(null),[ge,_e]=(0,Q.useState)(null),[A,j]=(0,Q.useState)(null),M=(0,Q.useRef)(0),N=e?.projectName??``;(0,Q.useState)(()=>{if(!t||c||!N||qr(t))return null;let n=e?.providerPending===!0,r=n?void 0:e?.providerId,i=typeof e?.pickedAccountId==`string`?e.pickedAccountProvider:void 0;return Gr(t,Je(N),{...n?{focusedProvider:e?.focusedProviderOnOpen}:{providerId:r},skipPick:i!==void 0&&(n||i===r)}),null}),(0,Q.useEffect)(()=>{t&&c&&Yr(t)},[t,c]),(0,Q.useEffect)(()=>{if(!t||c)return;let e=Kr(t);if(!e)return;let n=!1;return e.then(e=>{if(n||!le())return;let r=e.settings.providers[e.providerId]?.permission_mode??`bypassPermissions`;r!==o.current?.permissionMode&&(se(r),ft(t,{permissionMode:r,permissionModeSource:`cache`}))}).catch(()=>{}),()=>{n=!0}},[t,c,le]),oi({tabId:t,sessionId:c,designSlug:s,projectName:N,providerId:h});let ye=Xe(e=>e.updateTab),{usageInfo:be,usageLoading:xe,lastFetchedAt:Se,refreshUsage:Ce,reloadUsage:we}=ai(N,h,c??void 0,e?.pickedAccountProvider===h?e?.pickedAccountId:void 0,!a?.pending,t),{draft:P,draftLoading:F,saveDraft:I,clearDraft:Te,cancelPendingSave:Ee,moveDraft:De}=kc(N,c,t),R=JSON.stringify([N,c,h]),[Oe,z]=(0,Q.useState)(()=>{let t=pn(e?.pendingMessage??``).replyTo;return t&&c?{owner:R,reply:{...t,sessionId:c}}:null}),ke=Oe?.owner===R?Oe.reply:P?.replyTo??null,Ae=ke?.sessionId===c&&ke.providerId===h?ke:null,B=(0,Q.useRef)(Ae);B.current=Ae;let[V,H]=(0,Q.useState)(0),G=(0,Q.useRef)({owner:R,text:``}),je=(0,Q.useRef)(()=>{}),Me=(0,Q.useMemo)(()=>({onMessageRejected:e=>je.current(e)}),[]),Ne=(0,Q.useCallback)(e=>{B.current=e,z({owner:R,reply:e}),H(e=>e+1)},[R]),q=(0,Q.useCallback)(e=>Ne(e),[Ne]),Fe=(0,Q.useCallback)(()=>Ne(null),[Ne]);d.current=(e,t)=>{if(e===t)return;let n=B.current,r=n?.sessionId===e?{...n,sessionId:t}:n,i=JSON.stringify([N,t,h]),a=G.current;a.owner===R&&(a.text||a.attachments?.length||r)&&(I(a.observed?a.text:P?.content??a.text,a.attachments??P?.attachments,r),Ee()),De(t),B.current=r,z({owner:i,reply:r}),G.current={...a,owner:i}},(0,Q.useEffect)(()=>{if(!t||!c)return;let e=pt(t)?.permissionModeSource===`user`?`user`:`inherited`;ft(t,{sessionId:c,providerId:h,permissionMode:O,permissionModeSource:O?e:void 0,pickedAccountId:void 0,pickedAccountLabel:void 0,pickedAccountProvider:void 0})},[c,h,O]);let Ie=(0,Q.useCallback)(e=>{m(e),t&&ft(t,{providerId:e})},[t]),Le=e?.pickedAccountId,Re=e?.pickedAccountLabel,Be=e?.pickedAccountProvider,Ve=!!Le&&Be===h,He=Br(t,h,!c&&!a?.pending&&!Ve),Ue=(0,Q.useCallback)(async(e,n)=>{if(c){try{await K.put(`${W(N)}/chat/sessions/${c}/account`,{accountId:e}),Ge({id:e,label:n}),we(),U.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&&ft(t,{pickedAccountId:e,pickedAccountLabel:n,pickedAccountProvider:h}),null},[c,N,t,e,h,ye,we]),[We,Ge]=(0,Q.useState)(null),Ke=ze(e=>Object.values(e.panels).some(e=>e.activeTabId===t)),{messages:qe,renderedMessages:Ye,expandCompact:Ze,isCompactExpanded:Qe,dismissMessage:$e,clearErrors:et,messagesLoading:Y,versionMap:tt,hasOlderHistory:nt,loadOlderHistory:X,userOrdinalOffset:it,historyPredecessorId:at,isStreaming:ot,phase:st,isReconnecting:ct,connectingElapsed:lt,pendingApproval:ut,contextWindowPct:dt,compactStatus:mt,promptCache:ht,mcpNeedsAuth:gt,turnStop:_t,statusMessage:vt,sessionTitle:Z,liveAccount:yt,model:bt,setModel:xt,effort:St,setEffort:Ct,thinking:wt,setThinking:Tt,turnSettings:Et,sendMessage:Dt,respondToApproval:Ot,cancelStreaming:kt,reconnect:jt,refetchMessages:Mt,isConnected:Pt,teamActivity:Ft,teamMessages:It,markTeamRead:Lt,bashPartialOutput:Rt,backgroundShells:zt,killBackgroundShell:Bt}=Fr(c,h,N,f,(0,Q.useCallback)(e=>{if(!t)return;let n=!document.hidden&&Object.values(ze.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:N,tabId:t,visible:n}}))},[N,t]),Me),Vt=$o({projectName:N,sessionId:c,messages:qe,isStreaming:ot}),Ht=(0,Q.useCallback)(e=>{c&&Fn({projectName:N,sessionId:c,title:Z||void 0,providerId:h,paths:Vt.paths,selectPath:e})},[N,c,Z,h,Vt.paths]),Ut=(0,Q.useMemo)(()=>N&&c?{projectName:N,sessionId:c,files:Vt.files,refresh:Vt.refresh,openReview:Ht}:null,[N,c,Vt.files,Vt.refresh,Ht]),Wt=(0,Q.useMemo)(()=>Et(),[Et,bt,St,wt]),Gt=Rr({enabled:!c&&!s&&Ke&&!!N&&!a.pending,projectName:N,providerId:h,permissionMode:O,accountId:Ve?Le:void 0,picks:Wt});(0,Q.useEffect)(()=>{if(!t||!Ke||F||ot)return;let e=()=>window.dispatchEvent(new CustomEvent(`ppm:onboarding-evidence`,{detail:{type:`chat-opened`,projectName:N,tabId:t,sessionId:c,visible:!document.hidden}}));return e(),window.addEventListener(`ppm:onboarding-refresh`,e),()=>window.removeEventListener(`ppm:onboarding-refresh`,e)},[t,N,c,Ke,F,ot]),(0,Q.useEffect)(()=>{yt&&Ge(yt)},[yt]);let Kt=yt?.id;(0,Q.useEffect)(()=>{Kt&&we()},[Kt,we]),(0,Q.useEffect)(()=>{Ge(null)},[c]);let qt=Ft?.teamNames?.[0]??``,{members:Yt}=ts(qt,!!qt),Xt=(0,Q.useMemo)(()=>({projectName:N,providerId:Jt(h),sessionId:c??``}),[N,h,c]);(0,Q.useEffect)(()=>{if(!c||!t)return;let e=()=>{if(document.hidden)return;let{panels:e}=ze.getState();Object.values(e).some(e=>e.activeTabId===t)&&(Nt.getState().notifications.get(c)?.manual||Nt.getState().clearForSession(c))};e(),document.addEventListener(`visibilitychange`,e);let n=ze.subscribe(e),r=Nt.subscribe(e);return()=>{document.removeEventListener(`visibilitychange`,e),n(),r()}},[c,t]),(0,Q.useEffect)(()=>{t&&Z&&!s&&ye(t,{title:Z}),c&&N&&Z&&J.getState().renameSession(Je(N),c,Z)},[Z]);let[Zt,Qt]=(0,Q.useState)(()=>{let t=e?.pendingMessage;return t===void 0?void 0:pn(t).content});(0,Q.useEffect)(()=>{let n=e?.pendingAttachmentDataUrl;if(!n||!t)return;ft(t,{pendingAttachmentDataUrl:void 0,pendingAttachmentName:void 0});let r=e?.pendingAttachmentName||`screenshot.jpg`;fetch(n).then(e=>e.blob()).then(e=>{he([new File([e],r,{type:e.type||`image/jpeg`})]),setTimeout(()=>he(null),100)}).catch(()=>{})},[]);let[en,tn]=(0,Q.useState)(!1),[nn,rn]=(0,Q.useState)(!1),[an,on]=(0,Q.useState)(null),sn=(0,Q.useRef)(0),cn=(0,Q.useRef)(!1),ln=(0,Q.useRef)(null),[un,dn]=(0,Q.useState)(null),fn=(0,Q.useCallback)((e,t)=>{cn.current=!1,ln.current=null,on(null),rn(!1);let n=pn(e);B.current=n.replyTo,z({owner:R,reply:n.replyTo}),I(n.content,void 0,n.replyTo),dn({text:n.content,nonce:Date.now()}),U.error(`Message not sent`,{description:`${t} Your text is back in the input.`})},[R,I]);je.current=e=>{let t=G.current,n=mn(e.content,e.replyTo);(t.owner!==R||!t.text.trim()&&!t.attachments?.length&&!P?.content.trim())&&!B.current?fn(n,e.message):U.error(`Message not sent`,{description:e.message,action:{label:`Restore`,onClick:()=>fn(n,e.message)}})};let hn=(0,Q.useCallback)(e=>{let t=ln.current;++sn.current,cn.current=!1,rn(!1),on(null),de.current&&=(clearTimeout(de.current),null),tn(!1);let n=ue.current;if(!n){t&&fn(t,e);return}ue.current=null,Te(n.draftId),fn(mn(n.content,n.replyTo),e)},[fn,Te]),gn=(0,Q.useCallback)(e=>{ue.current=e,de.current&&clearTimeout(de.current),de.current=setTimeout(()=>hn(`The chat did not connect in time.`),jc)},[hn]);(0,Q.useEffect)(()=>{if(Pt&&ue.current){let{content:e,draftId:t,permissionMode:n,images:r,imagePaths:i,replyTo:a}=ue.current;ue.current=null,de.current&&=(clearTimeout(de.current),null),Dt(e,{permissionMode:n,replyTo:a??void 0,...r?.length&&{images:r},...i?.length&&{imagePaths:i}}),cn.current=!1,ln.current=null,on(null),rn(!1),Te(t)}},[Pt,Dt,Te]),(0,Q.useEffect)(()=>()=>{++sn.current,de.current&&clearTimeout(de.current)},[]);let[_n,vn]=(0,Q.useState)(null),[yn,bn]=(0,Q.useState)(0),[xn,Sn]=(0,Q.useState)(!1),Cn=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{Cn.current&&!Y&&Sn(!1),Cn.current=!!Y},[Y]),(0,Q.useEffect)(()=>{Zt&&Pt&&c&&t&&ft(t,{pendingMessage:void 0})},[Pt,c]),(0,Q.useEffect)(()=>{en&&ot&&tn(!1)},[en,ot]),(0,Q.useEffect)(()=>{if(!en)return;let e=setTimeout(()=>tn(!1),6e4);return()=>clearTimeout(e)},[en]);let wn=(0,Q.useCallback)((e,t)=>{if(n){n(t);return}Xe.getState().openTab({type:`chat`,title:e||`AI Chat`,metadata:{projectName:N,providerId:h,...O&&{permissionMode:O,permissionModeSource:`cache`},...t&&{clearedFrom:t}},projectId:N||null,closable:!0})},[N,h,O,n]),Tn=(0,Q.useCallback)(e=>{hn(`You switched to another chat before it connected.`),dn(null),Qt(void 0),vn(null),bn(e=>e+1),l(e.id),m(e.providerId),t&&!s&&ye(t,{title:e.title||`Chat`}),Nt.getState().clearForSession(e.id)},[t,ye,hn,s]),En=(0,Q.useCallback)(async(e,t)=>{if(!(!c||!N))try{let{api:n,projectUrl:i}=await Pe(async()=>{let{api:e,projectUrl:t}=await import(`./api-client-xR05zj6r.js`);return{api:e,projectUrl:t}},__vite__mapDeps([62,5,1,2,15])),a=await n.post(`${i(N)}/chat/sessions/${c}/fork?providerId=${h}`,{messageId:t}),o=pn(e).content;if(J.getState().upsertSession(Je(N),{id:a.id,providerId:h,title:o.slice(0,50),createdAt:new Date().toISOString(),...s&&{designSlug:s}}),r){r({sessionId:a.id,providerId:h,pendingMessage:e});return}Xe.getState().openTab({type:`chat`,title:`Fork: ${o.slice(0,30)}`,metadata:{projectName:N,sessionId:a.id,providerId:h,pendingMessage:e},projectId:N||null,closable:!0})}catch(e){console.error(`Fork failed:`,e);let t=e?.message||`Unknown error`;U.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,N,h,r,s]),Dn=(0,Q.useCallback)((e,t,n)=>{let r=pn(e),i=r.replyTo&&c?{...r.replyTo,sessionId:c}:r.replyTo;Qt(r.content),dn({text:r.content,nonce:Date.now(),replace:!0}),B.current=i,z({owner:R,reply:i}),vn({anchorMsgId:t,ownMsgId:n})},[R,c]),On=(0,Q.useCallback)(()=>{vn(null),Qt(void 0),B.current=null,z({owner:R,reply:null}),tn(!1),Te(),bn(e=>e+1)},[Te,R]),kn=(0,Q.useCallback)(async(e,n,r)=>{if(!(!e.trim()||!c||!N)){tn(!0);try{let i=await K.post(`${W(N)}/chat/sessions/${c}/fork?providerId=${h}&mode=edit`,{messageId:n},{signal:AbortSignal.timeout(Ac)});J.getState().upsertSession(Je(N),{id:i.id,providerId:h,title:pn(e).content.slice(0,50),createdAt:new Date().toISOString(),...s&&{designSlug:s}}),gn({content:e,draftId:c,permissionMode:O,replyTo:r&&{...r,sessionId:i.id}}),De(i.id),Sn(!0),t&&ft(t,{sessionId:i.id}),l(i.id)}catch(t){tn(!1);let n=t?.name===`TimeoutError`?`The server did not answer in time.`:t?.message||`Unknown error`;U.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}),fn(mn(e,r),n)}}},[c,N,h,O,t,gn,De,s,fn]),An=(0,Q.useCallback)(e=>{!e||e===c||(hn(`You switched to another version before it connected.`),dn(null),Qt(void 0),vn(null),bn(e=>e+1),Sn(!0),t&&ft(t,{sessionId:e}),l(e))},[c,t,hn]),jn=(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}=cr(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},[]),Mn=(0,Q.useCallback)(async(n,r=[],i,u)=>{let d=sr(r),f=jn(n,r,d),p=r.filter(e=>e.isImage&&e.serverPath).map(e=>e.serverPath);if(!(!f.trim()&&d.length===0)){if(!c){if(cn.current)return;cn.current=!0,ln.current=mn(f,u);let r=++sn.current;rn(!0),on({content:f,timestamp:new Date().toISOString()});try{let i=a?.pending?await a.prepare():null;if(r!==sn.current)return;let c=i?.providerId??h,g=i?.permissionMode??O??a.permissionMode,_=t?await Kr(t)?.catch(()=>void 0):void 0;if(r!==sn.current)return;_&&le()&&(g=_.settings.providers[c]?.permission_mode??g),m(c),se(g),t&&ft(t,{permissionMode:g});let v=await He(c).catch(()=>null);if(r!==sn.current)return;let y=o.current,b=y?.pickedAccountProvider===c?y.pickedAccountId:v?.id,x=N,S=await K.post(`${W(x)}/chat/sessions`,{providerId:c,title:n.slice(0,50),clearedFrom:e?.clearedFrom,accountId:b,...s&&{designSlug:s}},{signal:AbortSignal.timeout(Ac)});if(r!==sn.current)return;J.getState().upsertSession(Je(x),{id:S.id,providerId:S.providerId,title:S.title,createdAt:S.createdAt,...s&&{designSlug:s}}),De(S.id),l(S.id),m(S.providerId),gn({content:f,draftId:`__new__`,permissionMode:g,images:d,imagePaths:p,replyTo:u});return}catch(e){if(r!==sn.current)return;console.error(`Failed to create session:`,e);let t=e?.name===`TimeoutError`?`The server did not answer in time.`:`Could not start the chat: ${e?.message||`unknown error`}.`;fn(mn(f,u),t);return}}Dt(f,{permissionMode:O,priority:i,replyTo:u??void 0,...d.length>0&&{images:d},...p.length>0&&{imagePaths:p}}),Te()}},[c,h,N,Dt,jn,O,e,gn,fn,Te,s,De,a,He,t,le]),Nn=(0,Q.useRef)(g);Nn.current=g;let In=(0,Q.useCallback)((e,t,n)=>{let r=B.current,i=e.trim().match(/^\/(\S+)(?:\s+([\s\S]+))?$/);if(i){let e=Nn.current.find(e=>e.handler===`client`&&(e.name===i[1]||e.aliases?.includes(i[1])));if(r&&(e||i[1]===`clear`||Nn.current.some(e=>e.handler===`ppm`&&e.name===i[1])))return U.error(`Cancel reply before running this command`),!1;if(i[1]===`clear`||e?.name===`clear`){Te(),wn(i[2]?.trim(),c??void 0);return}}if(Qt(void 0),I(e,t.filter(e=>e.serverPath).map(e=>({name:e.name,path:e.serverPath})),r),Ee(),B.current=null,z({owner:R,reply:null}),G.current={owner:R,text:``,observed:!0},_n&&c&&N){let n=_n.anchorMsgId;vn(null),kn(jn(e,t),n,r);return}Mn(e,t,n,r)},[Mn,Te,I,Ee,_n,c,N,kn,jn,wn,R]),Ln=(0,Q.useRef)(qe);Ln.current=qe;let Rn=(0,Q.useCallback)(()=>Ln.current.filter(e=>e.role===`user`&&e.content.trim()).map(e=>e.content),[]),zn=(0,Q.useCallback)((e,t)=>{G.current={owner:R,text:e,observed:!0,attachments:t},I(e,t,B.current),Gt()},[I,Gt,R]),Bn=(0,Q.useCallback)((e,t)=>{_(e),t&&T(t)},[]),Vn=(0,Q.useCallback)((e,t)=>{y(e),x(t)},[]),Hn=(0,Q.useCallback)(e=>{C(e),y(!1),x(``),setTimeout(()=>C(null),50),N&&(K.post(`${W(N)}/chat/slash-recents`,{name:e.name,type:e.type}).catch(()=>{}),T(t=>[e.name,...t.filter(t=>t!==e.name)].slice(0,5)))},[N]),Un=(0,Q.useCallback)(()=>{y(!1),x(``)},[]),Gn=(0,Q.useCallback)(()=>{t&&ft(t,{pendingContexts:void 0})},[t]),Kn=(0,Q.useCallback)(()=>_e(null),[]),qn=(0,Q.useCallback)(e=>{j(e)},[]),Jn=(0,Q.useCallback)(e=>{_e([e.path]),j(null)},[]);(0,Q.useEffect)(()=>{if(ne&&N)return rt.getState().openIndexReader(N)},[ne,N]);let Yn=rt(e=>e.indexRemote),Xn=At(N,re,{enabled:ne&&Yn,kind:`all`}),Zn=(0,Q.useCallback)((e,t)=>{E(e),ie(t)},[]),Qn=(0,Q.useCallback)(e=>{D(e),E(!1),ie(``),setTimeout(()=>D(null),50)},[]),$n=(0,Q.useCallback)(()=>{E(!1),ie(``)},[]),er=(0,Q.useCallback)(e=>{e.preventDefault(),M.current++,(e.dataTransfer.types.includes(`application/x-ppm-path`)||e.dataTransfer.types.includes(`Files`))&&pe(!0)},[]),tr=(0,Q.useCallback)(e=>{e.preventDefault(),M.current--,M.current===0&&pe(!1)},[]),nr=(0,Q.useCallback)(e=>{e.preventDefault()},[]),rr=(0,Q.useCallback)(e=>{e.preventDefault(),M.current=0,pe(!1);let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){_e([t]);return}let n=Array.from(e.dataTransfer.files);n.length>0&&(he(n),setTimeout(()=>he(null),100))},[]);return(0,$.jsx)($t,{value:Xt,children:(0,$.jsxs)(`div`,{"data-onboarding":`chat`,className:`@container/chat flex flex-col h-full relative`,onDragEnter:er,onDragLeave:tr,onDragOver:nr,onDrop:rr,children:[fe&&(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)(oe,{className:`size-8`}),(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:`Drop files to attach`})]})}),ct&&(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)(L,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Reconnecting...`})]})}),en&&(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)(L,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Creating edited version…`})]})}),(0,$.jsx)(ko,{shells:zt,onKill:Bt}),nn?(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[an&&(0,$.jsx)(Va,{content:an.content,timestamp:an.timestamp,projectName:N}),(0,$.jsxs)(`div`,{role:`status`,className:`flex items-center gap-2 pt-3 text-sm text-text-secondary`,children:[(0,$.jsx)(L,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Starting conversation...`})]})]}):(0,$.jsx)(Fi.Provider,{value:Ut,children:(0,$.jsx)(wo,{messages:Ye,onExpandCompact:Ze,isCompactExpanded:Qe,hasOlderHistory:nt,onLoadOlderHistory:X,userOrdinalOffset:it,historyPredecessorId:at,messagesLoading:Y,keepStaleWhileLoading:xn,pendingApproval:ut,onApprovalResponse:Ot,isStreaming:ot,phase:st,connectingElapsed:lt,statusMessage:vt,compactStatus:mt,promptCache:ht,projectName:N,onFork:ot?void 0:En,onEdit:ot?void 0:Dn,onReply:c&&!F&&!en?q:void 0,editingMsgId:_n?.ownMsgId,sessionId:c??void 0,providerId:h,onNavigateVersion:An,versionMap:tt,onSelectSession:Tn,onDismissMessage:$e,onClearErrors:et,bashPartialOutput:Rt})}),(0,$.jsx)(Wo,{projectName:N,providerId:Xt.providerId,sessionId:c,messages:qe,teamName:qt,teamMembers:Yt}),(0,$.jsx)(Qo,{stop:st===`idle`?_t:null,onContinue:()=>Dt(Zo,{permissionMode:O})}),(0,$.jsx)(Yo,{needsAuth:gt,projectName:N||void 0},c??`draft`),(0,$.jsx)(Pn,{files:Vt.files,loaded:Vt.loaded,loading:Vt.loading,unloadedCount:Vt.unloadedCount,projectName:N,providerId:h,onOpen:Vt.refresh,onRefresh:Vt.refresh,onSetReviewed:Vt.setReviewed,onReview:Ht}),(0,$.jsxs)(`div`,{className:`border-t border-border bg-panel shrink-0`,children:[(0,$.jsx)(wc,{tabId:t,projectName:N,usageInfo:be,usageLoading:xe,refreshUsage:Ce,lastFetchedAt:Se,sessionId:c,providerId:h,pickedAccountLabel:We?.label??(Ve?Re:null),pickedAccountId:We?.id??(Ve?Le??null:null),onSelectAccount:!a.pending&&!nn?Ue:void 0,onSelectSession:Tn,historyFilter:i,isConnected:Pt,onReload:()=>{Pt||jt(),Mt()},teamActivity:Ft,teamMessages:It,onTeamOpen:Lt}),(0,$.jsx)(Wn,{items:g,filter:b,onSelect:Hn,onClose:Un,visible:v,recentNames:w,projectName:N}),(0,$.jsx)(Js,{items:Yn?Xn:ee,filter:re,onSelect:Qn,onClose:$n,visible:ne}),A&&(0,$.jsx)(Js,{items:A,filter:``,onSelect:Jn,onClose:()=>j(null),visible:!0}),_n&&(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:On,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)(ve,{className:`h-3.5 w-3.5`}),`Cancel`]})]}),(0,$.jsx)(Ws,{draftReady:!F,configurationPending:a.pending,tabId:t,onSend:In,replyTo:Ae,onCancelReply:Fe,replyChangeSignal:V,disabled:nn,isStreaming:ot,onCancel:kt,autoFocus:!e?.sessionId||!!Zt,initialValue:Zt??(!nn&&!en?P?.content:void 0),initialAttachments:!nn&&!en?P?.attachments:void 0,clearSignal:yn,restore:un,projectName:N,onSlashStateChange:Vn,onSlashItemsLoaded:Bn,slashSelected:S,onFileStateChange:Zn,onFileItemsLoaded:te,fileSelected:ae,pendingContexts:e?.pendingContexts,onContextsConsumed:Gn,externalFiles:me,externalPaths:ge,onExternalPathsConsumed:Kn,onDisambiguate:qn,onContentChange:zn,getUserHistory:Rn,permissionMode:O,onModeChange:!a?.pending&&!nn?k:void 0,providerId:a?.providerId??h,sessionId:c??void 0,onProviderChange:!c&&!s&&!a?.pending&&!nn?Ie:void 0,model:bt,onModelChange:!a?.pending&&!nn?xt:void 0,effort:St,onEffortChange:Ct,thinking:wt,onThinkingChange:Tt,promptCache:ht})]})]})})}export{Mc as t};