@hienlh/ppm 0.23.5 → 0.23.6

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

@@ -1,15 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/edit-diff-preview-C7YF1xV7.js","assets/rolldown-runtime-C5c2KzVm.js","assets/vendor-markdown-QKPNiWEd.js","assets/libesm-DVoOUgb7.js","assets/markdown-renderer-DJ9EVU1B.js","assets/vendor-ui-BHh12_0v.js","assets/markdown-renderer-ok96IgnS.js","assets/index-jG9mLs-J.js","assets/preload-helper-BEFjQwLd.js","assets/button-Ci9EUgqd.js","assets/utils-btZ8C8-R.js","assets/createLucideIcon-DBXq3G0e.js","assets/api-client-c8YOpTlT.js","assets/react-CzUPVyyG.js","assets/settings-store-Br5c1efC.js","assets/file-store-D9KE0kQC.js","assets/window-store-B4cbZ5rr.js","assets/window-pip-registry-BQ6LSr6d.js","assets/panel-store-BUQ-CPsd.js","assets/onboarding-quick-orientation-DIhWv1CN.js","assets/dialog-B8clVkyi.js","assets/portal-container-context-NFSuymMu.js","assets/icons-CO_II6D-.js","assets/use-is-mobile-BClDZJP5.js","assets/format-file-meta-mQwA6SuY.js","assets/fs-api-DL36slbd.js","assets/context-menu-CjYTq8DI.js","assets/input-CG8PS8mS.js","assets/mobile-bottom-sheet-CuNi2FRv.js","assets/use-visual-viewport-BGpcMnIx.js","assets/scroll-area-XonvWYn_.js","assets/chat-preparation-cache-BSIQGiWx.js","assets/file-icons-gx_FBOXY.js","assets/project-framework-store-XxFXcUpb.js","assets/format-date-BMtvCeb9.js","assets/git-repo-store-DSypNj19.js","assets/project-store-C5gJXkvb.js","assets/ws-auth-kXgsX2Js.js","assets/tab-store-DqeaGhhE.js","assets/apply-theme-Cc_cmrD5.js","assets/resolve-theme-STMsK2vc.js","assets/index-DMA-So69.css","assets/image-gallery-DC3gRAqk.js","assets/run-in-terminal-HIdNgYim.js","assets/api-client-BgedDTvo.js"])))=>i.map(i=>d[i]);
-import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{C as t,S as n}from"./vendor-markdown-QKPNiWEd.js";import{A as r,An as i,Ar as a,C as o,Dr as s,Dt as c,E as l,F as u,G as d,Gt as f,Hn as p,J as m,Jn as h,Jr as g,K as _,Kt as v,Lr as y,Mr as b,N as x,Nr as S,O as C,Or as w,Qr as T,R as E,Sn as ee,Ut as te,Vr as D,Wn as ne,Yr as re,Z as ie,Zt as O,_r as ae,ar as oe,b as se,br as k,cn as ce,ct as le,d as ue,dt as A,g as j,gn as M,hr as de,ir as fe,j as N,kr as P,ln as pe,lt as me,n as he,nt as F,pr as I,qn as ge,t as _e,un as L,ur as ve,v as R,vt as ye,w as z,wn as be,x as xe,xn as Se,xr as Ce,z as B,zt as V}from"./icons-CO_II6D-.js";import{t as H}from"./createLucideIcon-DBXq3G0e.js";import{i as U,n as W,r as we,s as G}from"./api-client-c8YOpTlT.js";import{t as Te}from"./settings-store-Br5c1efC.js";import{t as Ee}from"./preload-helper-BEFjQwLd.js";import{n as K,r as De,t as q}from"./utils-btZ8C8-R.js";import{n as Oe,t as ke}from"./panel-store-BUQ-CPsd.js";import{i as Ae}from"./project-store-C5gJXkvb.js";import{t as je}from"./tab-store-DqeaGhhE.js";import{t as J}from"./format-date-BMtvCeb9.js";import{i as Me,n as Ne,r as Pe,t as Y}from"./chat-preparation-cache-BSIQGiWx.js";import{o as X}from"./file-store-D9KE0kQC.js";import{n as Fe}from"./use-is-mobile-BClDZJP5.js";import{u as Ie}from"./onboarding-quick-orientation-DIhWv1CN.js";import{t as Le}from"./button-Ci9EUgqd.js";import{n as Re,o as ze,t as Be}from"./dialog-B8clVkyi.js";import{t as Ve}from"./mobile-bottom-sheet-CuNi2FRv.js";import{$ as He,$n as Ue,Bn as We,Hn as Ge,In as Ke,Kn as qe,Ln as Je,Lt as Ye,On as Xe,Qn as Ze,Rn as Qe,Sn as Z,Zn as $e,_n as et,hn as tt,in as nt,on as rt,qn as it,r as at,sn as ot,t as st,tt as ct,vn as lt,yn as ut,z as dt,zn as ft}from"./index-jG9mLs-J.js";import{t as pt}from"./use-websocket-QwURkjpV.js";import{a as mt,g as ht}from"./api-settings-BmvNoCbn.js";import{n as gt,r as _t}from"./tool-cards-CgOBEUnb.js";import{n as vt,r as yt,t as bt}from"./image-gallery-DC3gRAqk.js";import{t as xt}from"./libesm-DVoOUgb7.js";import{t as St}from"./onboarding-entry-CmUqv1kl.js";import{t as Ct}from"./use-open-team-member-B0eUOKKj.js";import{n as wt,t as Tt}from"./send-to-chat-CyZ37y5J.js";import{t as Et}from"./ai-settings-section-D7zJ-hCO.js";import{_ as Dt,a as Ot,b as kt,c as At,d as jt,l as Mt,o as Nt,p as Pt,r as Ft,s as It,t as Lt,y as Rt}from"./codex-sign-in-again-dialog-C8JvblLG.js";import{t as zt}from"./new-chat-provider-Cp7JsC5q.js";var Bt=H(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),Vt={maxImages:4,maxBase64PerImage:5e6,maxBase64Total:1e7};function Ht(e){let t=[],n=0;for(let r of e)if(r.imageData){if(t.length>=Vt.maxImages)break;r.imageData.data.length>Vt.maxBase64PerImage||n+r.imageData.data.length>Vt.maxBase64Total||(n+=r.imageData.data.length,t.push(r.imageData))}return t}function Ut(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 Wt=class{attempt=null;constructor(e){this.emit=e}start(e,t,n){this.fail(),!(!t||!n)&&(this.attempt={sessionId:e,attemptId:crypto.randomUUID()},this.emit({type:`started`,...this.attempt}))}migrate(e){if(!this.attempt||this.attempt.sessionId===e)return;let t=this.attempt.sessionId;this.attempt.sessionId=e,this.emit({type:`session`,...this.attempt,previousSessionId:t})}select(e){this.attempt&&this.attempt.sessionId!==e&&this.fail()}fail(){if(!this.attempt)return;let e=this.attempt;this.attempt=null,this.emit({type:`failed`,...e})}finish(e){if(!this.attempt)return;let t=this.attempt;this.attempt=null,this.emit({type:e?`succeeded`:`failed`,...t,hasContent:e})}};function Gt(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 Kt(e,t){let n=`pc-${Gt(t)}-`;return e.map(e=>e.id?{...e,id:`${n}${e.id}`}:e)}function qt(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 Jt=null;function Yt(){return Jt||=new AudioContext,Jt}function Xt(e,t,n,r,i=`sine`){let a=Yt(),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 Zt(){let e=Yt().currentTime;Xt(523,.15,e,.15),Xt(659,.2,e+.12,.15)}function Qt(){let e=Yt().currentTime;Xt(880,.12,e,.18,`square`),Xt(698,.12,e+.15,.18,`square`),Xt(880,.15,e+.3,.15,`square`)}function $t(){let e=Yt().currentTime;Xt(440,.12,e,.12),Xt(523,.12,e+.1,.12),Xt(659,.18,e+.2,.12)}var en={done:Zt,approval_request:Qt,question:$t};function tn(e){try{en[e]?.()}catch{}}var Q=e(t(),1),nn={hasTeams:!1,teamNames:[],messageCount:0,unreadCount:0};function rn(e){if(document.hidden)return!1;let{panels:t}=ke.getState();for(let n of Object.values(t))if(Oe(n.tabs.find(e=>e.id===n.activeTabId))===e)return!0;return!1}function an(e,t=`claude`,n=``,r,i){let a=(0,Q.useRef)(i);a.current=i;let o=(0,Q.useRef)(null);o.current||=new Wt(e=>a.current?.(e));let[s,c]=(0,Q.useState)([]),[l,u]=(0,Q.useState)(new Map),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)({}),[h,g]=(0,Q.useState)(`idle`),[_,v]=(0,Q.useState)(!1),[y,b]=(0,Q.useState)(0),[x,S]=(0,Q.useState)(null),[C,w]=(0,Q.useState)(null),[T,E]=(0,Q.useState)(null),[ee,te]=(0,Q.useState)([]),[D,ne]=(0,Q.useState)([]),re=(0,Q.useRef)([]),[ie,O]=(0,Q.useState)(null),[ae,oe]=(0,Q.useState)(null),[se,k]=(0,Q.useState)(!1),[ce,le]=(0,Q.useState)(null),[ue,A]=(0,Q.useState)(null),j=(0,Q.useRef)(null),M=(0,Q.useRef)(null),[de,fe]=(0,Q.useState)(null),N=(0,Q.useRef)(null),[P,pe]=(0,Q.useState)(!0),me=(0,Q.useRef)(null),he=(0,Q.useRef)(null),F=(0,Q.useRef)(``),I=(0,Q.useRef)([]),ge=(0,Q.useRef)(new Map),_e=(0,Q.useRef)(null),[L,ve]=(0,Q.useState)(null),R=(0,Q.useRef)(`idle`),ye=(0,Q.useRef)(null),z=(0,Q.useRef)(()=>{}),be=(0,Q.useRef)(null),xe=(0,Q.useRef)(0),Se=(0,Q.useRef)(0),Ce=(0,Q.useRef)(!1),B=(0,Q.useRef)(null),V=(0,Q.useRef)([]),H=(0,Q.useRef)(0),we=(0,Q.useRef)(!1),Te=(0,Q.useRef)(!1),Ee=(0,Q.useRef)(null),K=(0,Q.useRef)(!1),De=(0,Q.useRef)(new Set),q=(0,Q.useRef)(0),Oe=(0,Q.useRef)(null),Ae=(0,Q.useRef)(0),je=(0,Q.useRef)(!1),J=(0,Q.useRef)(e);J.current=e;let Me=(0,Q.useRef)(r);Me.current=r;let Ne=(0,Q.useRef)([]);Ne.current=s;let Pe=(0,Q.useRef)(n);Pe.current=n;let Y=(0,Q.useRef)(null),X=(0,Q.useRef)(0),Fe=(0,Q.useRef)({teamNames:new Set,messages:[]}),Le=(0,Q.useRef)(0),[Re,ze]=(0,Q.useState)(nn),[Be,Ve]=(0,Q.useState)([]),He=(0,Q.useCallback)(()=>{let e=Fe.current;ze({hasTeams:e.teamNames.size>0,teamNames:Array.from(e.teamNames),messageCount:e.messages.length,unreadCount:Le.current}),Ve([...e.messages])},[]),Ue=(0,Q.useCallback)(()=>{Le.current=0,He()},[He]),We=(0,Q.useCallback)(async e=>{try{let t=await W.get(`/api/teams/${encodeURIComponent(e)}`);if(!t?.messages)return;let n=Fe.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),He()}catch{}},[He]),Ge=h!==`idle`;(0,Q.useEffect)(()=>{if(e)return Ie.getState().setStreaming(e,h!==`idle`,n),()=>{Ie.getState().setStreaming(e,!1)}},[e,h,n]);let Ke=(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=[...a.children??[]],n=e.toolUseId,o=n?t.findIndex(t=>t.type===e.type&&t.toolUseId===n):-1;return o===-1?t.push(e):t[o]=e,[[...r.slice(0,i),{...a,children: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(I.current);return i&&(I.current=r),i},[]),qe=(0,Q.useCallback)((e,t)=>{let n=e=>e.type===`tool_use`&&(e.tool===`Agent`||e.tool===`Task`)&&e.toolUseId===t,r=Ne.current,i=-1;for(let e=r.length-1;e>=0;e--)if(r[e].events?.some(n)){i=e;break}return i===-1?!1:(c(t=>{let r=-1;for(let e=t.length-1;e>=0;e--)if(t[e].events?.some(n)){r=e;break}if(r===-1)return t;let i=t[r],a=i.events.map(t=>{if(!n(t)||t.type!==`tool_use`)return t;let r=[...t.children??[]],i=e.toolUseId,a=i?r.findIndex(t=>t.type===e.type&&t.toolUseId===i):-1;return a===-1?r.push(e):r[a]=e,{...t,children:r}});return[...t.slice(0,r),{...i,events:a},...t.slice(r+1)]}),!0)},[]),Je=(0,Q.useCallback)(()=>{X.current=0;let e=F.current,t=[...I.current],n=_e.current;(0,Q.startTransition)(()=>{c(r=>{let i=r[r.length-1];return i?.role===`assistant`&&!i.id.startsWith(`final-`)?[...r.slice(0,-1),{...i,content:e,events:t,...n}]:[...r,{id:`streaming-${Date.now()}`,role:`assistant`,content:e,events:t,timestamp:new Date().toISOString(),...n}]})})},[]),Ye=(0,Q.useCallback)(()=>{X.current||=window.setTimeout(Je,100)},[Je]),Xe=(0,Q.useCallback)((e,t)=>{let n=t=>t.type===`tool_use`&&(t.tool===`Agent`||t.tool===`Task`)&&t.toolUseId===e,r=I.current.findIndex(n);if(r!==-1){I.current[r]={...I.current[r],bgStatus:t},Ye();return}c(e=>{let r=-1;for(let t=e.length-1;t>=0;t--)if(e[t].events?.some(n)){r=t;break}if(r===-1)return e;let i=e[r],a=i.events.map(e=>n(e)?{...e,bgStatus:t}:e);return[...e.slice(0,r),{...i,events:a},...e.slice(r+1)]})},[Ye]),Ze=(0,Q.useCallback)(e=>{let t=e,n=t?.type;if(!n)return;let r=e=>{let n=I.current,r=n.findIndex(e);r===-1?n.push(t):n[r]=t};switch(n){case`account_info`:_e.current={accountId:t.accountId,accountLabel:t.accountLabel},ve({id:t.accountId,label:t.accountLabel??null}),O(null);break;case`account_retry`:t.accountId&&t.accountLabel&&(_e.current={accountId:t.accountId,accountLabel:t.accountLabel},ve({id:t.accountId,label:t.accountLabel})),I.current.push(t),Ye();break;case`status_update`:{let e=t.accountLabel?` (${t.accountLabel})`:``;O(`${t.message}${e}`);break}case`text`:{let e=t.parentToolUseId;if(e&&Ke(t,e)){Ye();break}if(e){qe(t,e);break}F.current+=t.content,I.current.push(t),Ye();break}case`thinking`:{let e=t.parentToolUseId;if(e&&Ke(t,e)){Ye();break}if(e){qe(t,e);break}I.current.push(t),Ye();break}case`tool_use`:{if(t.tool===`AskUserQuestion`){t.toolUseId&&De.current.add(t.toolUseId);break}let e=t.parentToolUseId;if(e&&Ke(t,e)){Ye();break}if(e){qe(t,e);break}let n=t.toolUseId;r(e=>!!n&&e.type===`tool_use`&&e.toolUseId===n),Ye();break}case`tool_result`:{let e=t.toolUseId;if(e&&ge.current.delete(e),e&&De.current.has(e))break;let n=t.parentToolUseId;if(n&&Ke(t,n)){Ye();break}if(n){qe(t,n);break}if(R.current===`idle`&&e?.startsWith(`subagent-`)){c(n=>n.map(n=>n.events?.some(t=>t.type===`tool_use`&&t.toolUseId===e)?{...n,events:n.events.map(n=>n.type===`tool_use`&&n.toolUseId===e?{...n,result:{output:t.output,isError:t.isError,exitCode:t.exitCode}}:n)}:n));break}r(t=>!!e&&t.type===`tool_result`&&t.toolUseId===e),Ye();break}case`approval_resolved`:{let e=t.requestId;if(t.approved&&t.answers){let n=I.current.find(t=>t.type===`approval_request`&&t.requestId===e&&t.tool===`AskUserQuestion`),r=n&&n.input;r&&typeof r==`object`&&(r.answers=t.answers,c(e=>[...e]))}S(t=>t&&t.requestId===e?null:t),Y.current!=null&&(G.dismiss(Y.current),Y.current=null);break}case`approval_request`:if(r(e=>e.type===`approval_request`&&e.requestId===t.requestId),K.current)break;if(S({requestId:t.requestId,tool:t.tool,input:t.input}),J.current&&!rn(J.current)){tn(t.tool===`AskUserQuestion`?`question`:`approval_request`);let e=J.current,n=t.tool===`AskUserQuestion`;Y.current=G[n?`info`:`warning`](n?`AI has a question`:`${t.tool} needs permission`,{description:Pe.current||`Session ${e.slice(0,8)}`,duration:1/0,action:{label:`Go to session`,onClick:()=>{let{panels:t}=ke.getState();for(let[n,r]of Object.entries(t)){let t=r.tabs.find(t=>t.metadata?.sessionId===e);if(t){ke.getState().setActiveTab(t.id,n);break}}}}})}break;case`error`:if(t.parentToolUseId){Ke(t,t.parentToolUseId)?Ye():qe(t,t.parentToolUseId);break}K.current||o.current?.fail(),c(e=>{let n=e[e.length-1];if(n?.role===`assistant`){let r=I.current,i=r[r.length-1],a=i?.type===`error`&&i.message===t.message?r:[...r,t];return I.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&&(Fe.current.teamNames.add(e),He(),We(e));break}case`team_inbox`:{let e=t.messages;if(Array.isArray(e)){let t=Fe.current.messages;t.push(...e),t.length>500&&t.splice(0,t.length-500),Le.current+=e.length,He()}break}case`team_updated`:He();break;case`bash_output`:{let e=t.toolUseId;if(e){let n=ge.current.get(e);n?(n.content+=t.content,n.content.length>5e5&&(n.content=n.content.slice(-5e5)),n.lineCount=t.lineCount):ge.current.set(e,{content:t.content,lineCount:t.lineCount}),Ye()}break}case`subagent_status`:{let e=t.toolUseId,n=t.status;e&&n&&Xe(e,n);break}case`background_registry`:{let e=t.shells??[];re.current=e,ne(e);break}case`done`:{if(t.parentToolUseId||(K.current||o.current?.finish(!!F.current.trim()),R.current===`idle`))break;t.contextWindowPct!=null&&w(t.contextWindowPct),J.current&&!rn(J.current)&&tn(`done`),X.current&&=(clearTimeout(X.current),0);let e=F.current,n=[...I.current],r=_e.current;Ce.current=!!e||n.length>0;let i=t.lastMessageUuid,a=t.usage;c(t=>{let o=t[t.length-1];return o?.role===`assistant`?[...t.slice(0,-1),{...o,id:`final-${Date.now()}`,content:e||o.content,events:n.length>0?n:o.events,...i&&{sdkUuid:i},...a&&{usage:a}}]:e||n.length>0?[...t,{id:`final-${Date.now()}`,role:`assistant`,content:e,events:n,timestamp:new Date().toISOString(),...i&&{sdkUuid:i},...a&&{usage:a},...r}]:t}),F.current=``,I.current=[],_e.current=null,Oe.current=null,ge.current.clear(),O(null);break}}},[Ke,qe,Ye,Xe,He,We]),Qe=(0,Q.useCallback)(e=>{let t;try{t=JSON.parse(e.data)}catch{return}if(K.current){V.current.push(e);return}if(t.type===`ping`){let e=t.streamSeq;typeof e==`number`&&e>H.current&&!we.current&&!Te.current&&(we.current=!0,z.current(JSON.stringify({type:`resync`})));return}let n=t.streamSeq;if(typeof n==`number`&&(Te.current?H.current=Math.max(H.current,n):n===H.current+1?H.current=n:n>H.current&&!we.current&&(we.current=!0,z.current(JSON.stringify({type:`resync`})))),t.type===`user_message`){xe.current++;let e=t.content;c(n=>{let r=n[n.length-1];return r?.role===`user`&&r.content===e?n:[...n,{id:`user-remote-${Date.now()}`,role:`user`,content:e,timestamp:t.timestamp??new Date().toISOString()}]});return}if(t.type===`title_updated`){oe(t.title??null);return}if(t.type===`session_migrated`){let e=t.newSessionId;e&&e!==J.current&&(o.current?.migrate(e),Me.current?.(e));return}if(t.type===`mcp_status`){let e=t.needsAuth;te(Array.isArray(e)?e:[]);return}if(t.type===`compact_status`){let e=t.status;e===`compacting`?E(`compacting`):e===`done`&&E(null);return}if(t.type===`phase_changed`){let e=t.phase,n=R.current!==`idle`;if(!n&&e!==`idle`&&(Ce.current=!1),e!==`idle`&&xe.current++,g(e),R.current=e,b(e===`connecting`?t.elapsed??0:0),e===`idle`){let e=Te.current;we.current=!1,Te.current=!1,E(null),O(null),(e||n&&!Ce.current)&&be.current?.()}return}if(t.type===`session_state`){k(!0),v(!1),le(t.sessionId??J.current);let e=t,n=e.phase;n!==`idle`&&xe.current++;let r=R.current===`idle`;if(r&&n!==`idle`&&(Ce.current=!1),g(n),R.current=n,e.sessionTitle&&oe(e.sessionTitle),e.model&&(M.current&&e.model!==M.current||(e.model===M.current&&(M.current=null),A(e.model),j.current=e.model)),typeof e.effort==`string`&&(fe(e.effort),N.current=e.effort),typeof e.thinking==`boolean`&&pe(e.thinking),e.pendingApproval&&S({requestId:e.pendingApproval.requestId,tool:e.pendingApproval.tool,input:e.pendingApproval.input}),E(e.compactStatus===`compacting`?`compacting`:null),te(Array.isArray(e.mcpNeedsAuth)?e.mcpNeedsAuth:[]),n===`idle`){let e=Te.current;we.current=!1,Te.current=!1;let t=Date.now()-Ae.current<5e3;(e||!(r&&(t||je.current)))&&be.current?.(),v(!1)}return}if(t.type===`turn_events`){xe.current++;let e=t.events,n=t.userMessage;if(!e?.length&&!n){v(!1);return}q.current&&=(cancelAnimationFrame(q.current),0),Oe.current=n,c(e=>{let t=[...e],r=t.length;for(;r>0&&t[r-1].role===`assistant`;)r--;if(n!=null&&r>0&&t[r-1].role===`user`&&t[r-1].content===n)t=t.slice(0,r-1);else{let e=t[t.length-1];e?.role===`assistant`&&e.id.startsWith(`streaming-`)&&(t=t.slice(0,-1))}if(n){let e=t[t.length-1];(e?.role!==`user`||e.content!==n)&&(t=[...t,{id:`user-replay-${Date.now()}`,role:`user`,content:n,timestamp:new Date().toISOString()}])}return t}),F.current=``,I.current=[],_e.current=null,K.current=!0;let r=0,i=()=>{let n=Math.min(r+100,e.length);for(let t=r;t<n;t++)Ze(e[t]);if(r=n,r<e.length)q.current=requestAnimationFrame(i);else{q.current=0,K.current=!1;let e=t.streamSeq,n=t.truncated===!0;Te.current=n,!n&&typeof e==`number`&&(H.current=e),we.current=!1,v(!1);let r=V.current.splice(0);for(let e of r)Ee.current?.(e)}};q.current=requestAnimationFrame(i);return}Ze(t)},[Ze]);Ee.current=Qe;let{send:Z,connect:$e}=pt({url:e&&n?`/ws/project/${encodeURIComponent(n)}/chat/${e}`:``,onMessage:Qe,autoConnect:!!e&&!!n,idleTimeoutMs:45e3,onConnectionChange:e=>{e||(o.current?.fail(),k(!1),v(!0))}});z.current=Z,(0,Q.useEffect)(()=>{let r=!1;o.current?.select(e);let i=Se.current;Ce.current=!1,xe.current++,H.current=0,we.current=!1,Te.current=!1,he.current&&he.current!==e&&(M.current=null,me.current=null,ve(null)),he.current=e??null,g(`idle`),R.current=`idle`,S(null),Y.current!=null&&(G.dismiss(Y.current),Y.current=null),E(null),te([]),u(new Map),m({}),F.current=``,I.current=[],Oe.current=null,Ae.current=0,ge.current.clear(),X.current&&=(clearTimeout(X.current),0),k(!1),le(null),v(!1),Fe.current={teamNames:new Set,messages:[]},Le.current=0,ze(nn),Ve([]),e&&W.get(`/api/teams`).then(t=>{r||!Array.isArray(t)||t.filter(t=>(t?.name??t?.team_name)===e).length!==0&&(Fe.current.teamNames.add(e),He(),We(e))}).catch(()=>{});let a=new Set(Ne.current.map(e=>e.id));return e&&n?(je.current=!0,f(!0),W.get(`${U(n)}/chat/sessions/${e}/messages?providerId=${t}`).then(e=>{if(r||Se.current!==i)return;let t=Array.isArray(e)?{messages:e,versionMap:{}}:e,n=Array.isArray(t?.messages)?t.messages:[];t?.versionMap&&m(t.versionMap),t?.canonicalSessionId&&t.canonicalSessionId!==J.current&&Me.current?.(t.canonicalSessionId);let o=Oe.current;if(o!=null){for(let e=n.length-1;e>=0;e--)if(n[e].role===`user`&&n[e].content===o){n=n.slice(0,e);break}}c(e=>{let t=e.filter(e=>!a.has(e.id));return[...n,...t]}),Ae.current=Date.now()}).catch(()=>{!r&&Se.current===i&&c(e=>e.filter(e=>!a.has(e.id)))}).finally(()=>{r||(je.current=!1,f(!1))})):c([]),()=>{r=!0,je.current=!1,B.current?.abort(),B.current=null,X.current&&clearTimeout(X.current),X.current=0,q.current&&cancelAnimationFrame(q.current),q.current=0,K.current=!1,V.current=[]}},[e,t,n,He,We]);let et=(0,Q.useCallback)((e,t)=>{if(!e.trim()&&!t?.images?.length)return;xe.current++;let n=R.current!==`idle`;if(J.current&&o.current?.start(J.current,!n,se&&ce===J.current),Ce.current=!1,n){X.current&&=(clearTimeout(X.current),0);let e=F.current,t=[...I.current];c(n=>{let r=n[n.length-1];return r?.role===`assistant`?[...n.slice(0,-1),{...r,id:`final-${Date.now()}`,content:e||r.content,events:t.length>0?t:r.events}]:n})}c(t=>[...t,{id:`user-${Date.now()}`,role:`user`,content:e,timestamp:new Date().toISOString()}]),F.current=``,I.current=[],ye.current=null,n?(g(`thinking`),R.current=`thinking`):(g(`initializing`),R.current=`initializing`),S(null),Y.current!=null&&(G.dismiss(Y.current),Y.current=null),Z(JSON.stringify({type:`message`,content:e,permissionMode:t?.permissionMode,priority:t?.priority,images:t?.images,imagePaths:t?.imagePaths,...j.current&&{model:j.current},...N.current&&{effort:N.current},...me.current!==null&&{thinking:me.current}}))},[Z,se,ce]),tt=(0,Q.useCallback)(e=>{A(e),j.current=e,M.current=e,Z(JSON.stringify({type:`set_model`,model:e}))},[Z]),nt=(0,Q.useCallback)(e=>{fe(e),N.current=e,Z(JSON.stringify({type:`set_effort`,effort:e}))},[Z]),rt=(0,Q.useCallback)(e=>{pe(e),me.current=e,Z(JSON.stringify({type:`set_thinking`,enabled:e}))},[Z]),it=(0,Q.useCallback)((e,t,n)=>{if(Z(JSON.stringify({type:`approval_response`,requestId:e,approved:t,data:n})),t&&n){let t=I.current.find(t=>t.type===`approval_request`&&t.requestId===e&&t.tool===`AskUserQuestion`);if(t){let e=t.input;e&&typeof e==`object`&&(e.answers=n)}c(e=>[...e])}S(null),Y.current!=null&&(G.dismiss(Y.current),Y.current=null)},[Z]),at=(0,Q.useCallback)(()=>{if(o.current?.fail(),R.current===`idle`)return;Z(JSON.stringify({type:`cancel`}));let e=F.current,t=[...I.current];c(n=>{let r=n[n.length-1];return r?.role===`assistant`?[...n.slice(0,-1),{...r,id:`final-${Date.now()}`,content:e||r.content,events:t.length>0?t:r.events}]:n}),F.current=``,I.current=[],ge.current.clear(),ye.current=null,g(`idle`),R.current=`idle`,S(null),Y.current!=null&&(G.dismiss(Y.current),Y.current=null)},[Z]),ot=(0,Q.useCallback)(e=>{e&&Z(JSON.stringify({type:`kill_background_shell`,shellId:e}))},[Z]),ct=(0,Q.useCallback)(e=>{if(!e)return;let t=e.replace(/\.output$/,``);return re.current.find(n=>n.shellId===t||n.outputPath.endsWith(e)||n.outputPath.endsWith(`${t}.output`))},[]);(0,Q.useEffect)(()=>{e&&st.getState().setSessionShells(e,D)},[e,D]),(0,Q.useEffect)(()=>{if(e)return st.getState().retainSession(e),()=>{st.getState().releaseSession(e)}},[e]);let lt=(0,Q.useCallback)(()=>{k(!1),v(!0),$e()},[$e]),ut=(0,Q.useCallback)(()=>{if(!e||!n||R.current!==`idle`)return;B.current?.abort();let r=new AbortController;B.current=r;let i=xe.current;W.get(`${U(n)}/chat/sessions/${e}/messages?providerId=${t}`,{signal:r.signal}).then(t=>{if(r.signal.aborted||B.current!==r||xe.current!==i||R.current!==`idle`||J.current!==e||Pe.current!==n||K.current)return;let a=Array.isArray(t)?{messages:t,versionMap:void 0}:t;a?.versionMap&&m(a.versionMap),Array.isArray(a?.messages)&&a.messages.length>0&&(Se.current++,X.current&&=(clearTimeout(X.current),0),c(a.messages),F.current=``,I.current=[]),Ae.current=Date.now()}).catch(()=>{})},[e,t,n]);be.current=ut;let dt=(0,Q.useCallback)(async(e,t)=>{if(!n)throw Error(`No project context available`);let r=e.replace(/^pc-[^-]+-/,``),i=`${U(n)}/chat/pre-compact-messages?jsonlPath=${encodeURIComponent(t)}&before=${encodeURIComponent(r)}`,a=Kt(await W.get(i),t);return u(t=>{let n=new Map(t);return n.set(e,a),n}),a.length},[n]),ft=(0,Q.useCallback)(e=>l.has(e),[l]),mt=(0,Q.useCallback)(e=>{c(t=>t.filter(t=>t.id!==e))},[]),ht=(0,Q.useCallback)(()=>{c(e=>e.filter(e=>e.role!==`system`))},[]);return{messages:s,renderedMessages:(0,Q.useMemo)(()=>qt(s,l),[s,l]),expandCompact:dt,isCompactExpanded:ft,dismissMessage:mt,clearErrors:ht,messagesLoading:d,versionMap:p,isStreaming:Ge,phase:h,isReconnecting:_,connectingElapsed:y,pendingApproval:x,contextWindowPct:C,compactStatus:T,mcpNeedsAuth:ee,statusMessage:ie,sessionTitle:ae,liveAccount:L,model:ue,setModel:tt,effort:de,setEffort:nt,thinking:P,setThinking:rt,teamActivity:Re,teamMessages:Be,markTeamRead:Ue,bashPartialOutput:ge,backgroundShells:D,killBackgroundShell:ot,findBackgroundShellByOutput:ct,sendMessage:et,respondToApproval:it,cancelStreaming:at,reconnect:lt,refetchMessages:ut,isConnected:se&&ce===e}}var on=12e4,sn=new Map;function cn(e,t=`claude`,n,r,i=!0){let a=t===`codex`&&!n?r:void 0,o=JSON.stringify([e,t,n,r]),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(!1),d=(0,Q.useRef)(null),f=(0,Q.useRef)(0),p=(0,Q.useCallback)((s=!1)=>{if(!i||!e)return Promise.resolve();let l=++f.current;u(!0);let d=s?`&refresh=1`:``,p=n?`&session=${encodeURIComponent(n)}`:``,m=a?`&accountId=${encodeURIComponent(a)}`:``;return W.get(`${U(e)}/chat/usage?providerId=${t}${p}${m}${d}`).then(e=>{if(l!==f.current)return;let t=!r||e?.activeAccountId===r,n={scope:o,usage:t?e??{}:{},fetchedAt:t?e?.lastFetchedAt??null:null};sn.set(o,n),c(n)}).catch(()=>{}).finally(()=>{l===f.current&&u(!1)})},[e,t,n,a,r,o,i]);(0,Q.useEffect)(()=>{if(c(null),u(!1),!i)return;let e=setTimeout(()=>p(),500);return d.current=setInterval(()=>p(),on),()=>{++f.current,clearTimeout(e),d.current&&clearInterval(d.current)}},[p,i]);let m=(0,Q.useCallback)(()=>p(!0),[p]),h=(0,Q.useCallback)(()=>p(),[p]),g=i?s?.scope===o?s:sn.get(o):null;return{usageInfo:g?.usage??{},usageLoading:l,lastFetchedAt:g?.fetchedAt??null,refreshUsage:m,reloadUsage:h}}function ln(e){let{tabId:t,sessionId:n,designSlug:r,projectName:i,providerId:a}=e;(0,Q.useEffect)(()=>{if(!t||!n||r||!i||ke.getState().getPanelForTab(t)?.tabs.find(e=>e.id===t)?.type!==`chat`)return;let e=!1;return W.get(`${U(i)}/chat/sessions/${encodeURIComponent(n)}/design`).then(({designSlug:r})=>{if(e||!r)return;let o=ke.getState().getPanelForTab(t)?.id;et({projectName:i,slug:r,sessionId:n,providerId:a,panelId:o}),ke.getState().closeTab(t,o)}).catch(()=>{}),()=>{e=!0}},[t,n,r,i,a])}function un(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=ke.getState().getPanelForTab(e)?.tabs.find(t=>t.id===e)?.metadata;if(n?.pickedAccountProvider===t&&typeof n.pickedAccountId==`string`)return Promise.resolve({id:n.pickedAccountId,label:typeof n.pickedAccountLabel==`string`?n.pickedAccountLabel:null});let a=n=>{let r=ke.getState().getPanelForTab(e)?.tabs.find(t=>t.id===e)?.metadata;return n&&i.current&&r&&!r.sessionId&&(!r.pickedAccountId||r.pickedAccountProvider!==t)&&(r.providerPending||r.providerId===t)&&ut(e,{pickedAccountId:n.id,pickedAccountLabel:n.label,pickedAccountProvider:t}),n},o=r.current.get(t);if(o)return o.then(a);let s=ht(t,AbortSignal.timeout(3e4)).then(a).catch(e=>{throw r.current.get(t)===s&&r.current.delete(t),e});return r.current.set(t,s),s},[e]);return(0,Q.useEffect)(()=>{n&&a(t).catch(()=>{})},[n,t,a]),a}function dn(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 fn={damping:.7,stiffness:.05,mass:1.25},pn=70,mn=1e3/60,hn=350,gn=!1;globalThis.document?.addEventListener(`mousedown`,()=>{gn=!0}),globalThis.document?.addEventListener(`mouseup`,()=>{gn=!1}),globalThis.document?.addEventListener(`click`,()=>{gn=!1});var _n=(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(!gn)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<=pn}}},[]),f=(0,Q.useCallback)((e={})=>{typeof e==`string`&&(e={animation:e}),e.preserveScrollPosition||l(!0);let t=Date.now()+(Number(e.wait)||0),n=bn(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))/mn;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:bn(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=vn(e=>{g.current?.removeEventListener(`scroll`,m),g.current?.removeEventListener(`wheel`,h),e?.addEventListener(`scroll`,m,{passive:!0}),e?.addEventListener(`wheel`,h,{passive:!0})},[]),_=vn(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=bn(s.current,t?s.current.resize:s.current.initial);f({animation:e,wait:!0,preserveScrollPosition:!0,duration:e===`instant`?void 0:hn})}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 vn(e,t){let n=(0,Q.useCallback)(t=>(n.current=t,e(t)),t);return n}var yn=new Map;function bn(...e){let t={...fn},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 yn.has(r)||yn.set(r,Object.freeze(t)),n?`instant`:yn.get(r)}var xn=60,Sn=8,Cn=1400;function wn(e){if(e.scrollHeight<=e.clientHeight)return!1;let t=getComputedStyle(e).overflowY;return t===`auto`||t===`scroll`}function Tn(e,t){let n=[],r=e.parentElement;for(;r&&r!==t;)wn(r)&&n.push(r),r=r.parentElement;return n}function En(){return typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches}function Dn(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 On(e,t,n,r){let i=e.scrollTop+t.getBoundingClientRect().top-e.getBoundingClientRect().top-n;e.scrollTo({top:i,behavior:r?`smooth`:`auto`})}function kn(e,t){let n=Dn(e,t);if(!n)return()=>{};let{el:r,level:i}=n;for(let t of Tn(r,e))On(t,r,Sn,!1);On(e,r,xn,!En()),r.dataset.flash=i;let a=setTimeout(()=>{delete r.dataset.flash},Cn);return()=>{clearTimeout(a),delete r.dataset.flash}}var An=new Set([`Write`,`Edit`,`MultiEdit`,`NotebookEdit`]),jn={create:3,write:2,notebook:2,edit:1};function Mn(e){return typeof e==`string`?e:``}function Nn(e,t){let n=0,r=0;for(let i of xt(e,t))i.added?n+=i.count??0:i.removed&&(r+=i.count??0);return{added:n,removed:r}}function Pn(e){return e&&/created successfully/i.test(e)?`create`:`write`}function Fn(e,t,n){switch(e){case`Write`:{let e=Mn(t.file_path);return e?{filePath:e,op:Pn(n),fragments:[{oldStr:``,newStr:Mn(t.content)}]}:null}case`Edit`:{let e=Mn(t.file_path);return e?{filePath:e,op:`edit`,fragments:[{oldStr:Mn(t.old_string),newStr:Mn(t.new_string)}]}:null}case`MultiEdit`:{let e=Mn(t.file_path);if(!e||!Array.isArray(t.edits))return null;let n=t.edits.filter(e=>!!e&&typeof e==`object`).map(e=>({oldStr:Mn(e.old_string),newStr:Mn(e.new_string)}));return n.length===0?null:{filePath:e,op:`edit`,fragments:n}}case`NotebookEdit`:{let e=Mn(t.notebook_path)||Mn(t.file_path);return e?{filePath:e,op:`notebook`,fragments:[{oldStr:``,newStr:Mn(t.new_source)}]}:null}default:return null}}function In(e,t){if(e){for(let n of e)if(n.type===`tool_result`&&n.toolUseId&&t.set(n.toolUseId,n.output??``),n.type===`tool_use`){let e=n.result;n.toolUseId&&e?.output!=null&&!t.has(n.toolUseId)&&t.set(n.toolUseId,e.output),In(n.children,t)}}}function Ln(e,t,n,r){if(e)for(let i of e){if(i.type!==`tool_use`||(i.children?.length&&Ln(i.children,!0,n,r),!An.has(i.tool)))continue;let e=i.input&&typeof i.input==`object`?i.input:null;if(!e)continue;let a=Fn(i.tool,e,i.toolUseId?r.get(i.toolUseId):void 0);if(!a)continue;let o=n.get(a.filePath);o||(o={filePath:a.filePath,op:a.op,editCount:0,linesAdded:0,linesRemoved:0,edits:[],viaSubagent:!1},n.set(a.filePath,o)),jn[a.op]>jn[o.op]&&(o.op=a.op),t&&(o.viaSubagent=!0),a.fragments.forEach((e,n)=>{let{added:r,removed:a}=Nn(e.oldStr,e.newStr);o.linesAdded+=r,o.linesRemoved+=a,o.editCount+=1,o.edits.push({...e,toolUseId:i.toolUseId,editIndex:n,editRef:i.toolUseId?`${i.toolUseId}-${n}`:void 0,viaSubagent:t})})}}function Rn(e){let t=new Map;for(let n of e)In(n.events,t);let n=new Map;for(let r of e)Ln(r.events,!1,n,t);return[...n.values()]}function zn(e,t){let n=[];for(let r=t;r>=0&&e[r]?.role===`assistant`;r--)n.unshift(e[r]);return n}var $=n();function Bn(e){try{return new Date(e).toLocaleString()}catch{return``}}function Vn({icon:e,label:t,title:n,onClick:r}){return(0,$.jsxs)(`button`,{type:`button`,onClick:r,title:n,"aria-label":t,className:`inline-flex items-center justify-center gap-1 rounded-md px-1.5 py-1 text-text-subtle hover:text-text-primary hover:bg-surface transition-colors`,children:[e,(0,$.jsx)(`span`,{children:t})]})}function Hn({content:e}){let[t,n]=(0,Q.useState)(!1);return(0,$.jsx)(Vn,{icon:t?(0,$.jsx)(z,{className:`size-3.5`}):(0,$.jsx)(F,{className:`size-3.5`}),label:t?`Copied`:`Copy`,title:`Copy message to clipboard`,onClick:()=>{Z(e),n(!0),setTimeout(()=>n(!1),1500)}})}function Un({timestamp:e,content:t,className:n,children:r}){return(0,$.jsxs)(`div`,{className:K(`flex items-center gap-0.5 flex-wrap text-xs text-text-subtle select-none`,n),children:[(0,$.jsx)(`time`,{title:Bn(e),className:`pr-1 tabular-nums`,children:J(e)}),(0,$.jsx)(Hn,{content:t}),r]})}function Wn(e){let t=0,n=0;for(let r of e)t+=r.linesAdded,n+=r.linesRemoved;return{added:t,removed:n}}function Gn({count:e,totals:t,open:n,onToggle:r,ref:i}){let a=`${e} file${e===1?``:`s`}`;return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{"aria-hidden":!0,className:`mx-1.5 h-3.5 w-px bg-border-soft`}),(0,$.jsxs)(`button`,{ref:i,type:`button`,onClick:r,"aria-expanded":n,"aria-label":`${a} changed this turn, ${t.added} added, ${t.removed} removed`,className:K(`inline-flex items-center gap-[7px] rounded-full font-mono text-[11.5px]`,`px-3 min-h-11 md:min-h-0 md:px-[9px] md:py-[5px]`,`text-text-secondary transition-colors hover:bg-surface hover:text-text-primary`),children:[(0,$.jsx)(`span`,{"aria-hidden":!0,className:`size-[5px] shrink-0 rounded-full bg-primary`}),(0,$.jsx)(`span`,{children:a}),(0,$.jsxs)(`span`,{className:`flex items-center gap-[5px] tabular-nums`,children:[(0,$.jsxs)(`span`,{className:`text-success`,children:[`+`,t.added]}),(0,$.jsxs)(`span`,{className:`text-error`,children:[`−`,t.removed]})]})]})]})}function Kn(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}=ke.getState();return n[r]?.activeTabId===t}var qn={create:{glyph:`A`,cls:`text-success`,label:`created`},write:{glyph:`W`,cls:`text-warning`,label:`overwritten`},notebook:{glyph:`N`,cls:`text-accent-2`,label:`notebook edited`},edit:{glyph:`·`,cls:`text-text-subtle`,label:`edited`}};function Jn(e){let t=Math.max(e.lastIndexOf(`/`),e.lastIndexOf(`\\`));return t<0?{base:e,dir:``}:{base:e.slice(t+1),dir:e.slice(0,t)}}function Yn({added:e,removed:t,editCount:n,className:r}){return(0,$.jsxs)(`span`,{className:K(`flex items-center gap-[5px] tabular-nums`,r),children:[(0,$.jsxs)(`span`,{className:`text-success`,children:[`+`,e]}),(0,$.jsxs)(`span`,{className:`text-error`,children:[`−`,t]}),n!=null&&n>1&&(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[`×`,n]})]})}function Xn({change:e,dense:t,selected:n,onClick:r}){let i=qn[e.op],{base:a,dir:o}=Jn(e.filePath),s=e.viaSubagent?`${i.label} · changed by a sub-agent`:i.label;return(0,$.jsxs)(`button`,{type:`button`,onClick:r,title:e.filePath,className:K(`grid w-full grid-cols-[16px_1fr_auto_10px] items-center gap-[10px] text-left font-mono`,`border-b border-border-soft hover:bg-surface transition-colors`,t?`min-h-[38px] px-2.5 py-[5px] text-xs`:`min-h-[52px] px-3 py-[7px] text-[12.5px]`,n&&`bg-surface shadow-[inset_2px_0_0_var(--accent)]`),children:[(0,$.jsx)(`span`,{"aria-label":s,title:s,className:K(`inline-flex size-4 items-center justify-center rounded bg-white/5 text-[9px] font-semibold`,i.cls,e.viaSubagent&&`bg-accent-2/20 ring-1 ring-inset ring-accent-2/35`),children:i.glyph}),(0,$.jsxs)(`span`,{className:`min-w-0`,children:[(0,$.jsx)(`span`,{className:`block truncate text-text-primary`,children:a}),o&&(0,$.jsx)(`span`,{className:`block overflow-hidden text-ellipsis whitespace-nowrap text-[10px] text-text-subtle [direction:rtl] text-left`,children:o})]}),(0,$.jsx)(Yn,{added:e.linesAdded,removed:e.linesRemoved,editCount:e.editCount,className:`text-[11px]`}),(0,$.jsx)(N,{className:`size-[11px] text-text-subtle`})]})}var Zn=(0,Q.lazy)(()=>Ee(()=>import(`./edit-diff-preview-C7YF1xV7.js`),__vite__mapDeps([0,1,2,3])));function Qn({change:e,onJump:t}){return(0,$.jsx)(`div`,{children:e.edits.map((n,r)=>(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`button`,{type:`button`,disabled:!n.editRef,onClick:()=>n.editRef&&t(n.editRef),className:`group flex min-h-11 w-full items-center gap-2 px-3 font-mono text-[10px] text-text-subtle transition-colors hover:bg-surface disabled:hover:bg-transparent`,children:[(0,$.jsxs)(`span`,{children:[`edit `,r+1,` of `,e.editCount]}),(0,$.jsx)(`span`,{className:`h-px flex-1 bg-border-soft`}),n.editRef&&(0,$.jsxs)(`span`,{className:`flex items-center gap-1 group-hover:text-primary`,children:[(0,$.jsx)(ue,{className:`size-3`}),`jump`]})]}),(0,$.jsx)(`div`,{className:`mx-3 mb-1`,children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`h-4`}),children:(0,$.jsx)(Zn,{oldStr:n.oldStr,newStr:n.newStr,filePath:e.filePath})})})]},n.editRef??r))})}function $n(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 er=null;function tr(e){return e instanceof HTMLElement?e.tagName===`INPUT`||e.tagName===`TEXTAREA`||e.isContentEditable:!1}function nr({changes:e,onJump:t,onClose:n}){let[r,i]=(0,Q.useState)(0),a=(0,Q.useRef)(null),o=(0,Q.useRef)(null),s=(0,Q.useId)();(0,Q.useEffect)(()=>(er=s,o.current?.querySelector(`button`)?.focus(),()=>{er===s&&(er=null)}),[s]),(0,Q.useEffect)(()=>{let o=o=>{if(er===s&&Kn(a.current)&&!tr(document.activeElement)){if(o.key===`Escape`)o.preventDefault(),n();else if(o.key===`j`)o.preventDefault(),i(t=>Math.min(t+1,e.length-1));else if(o.key===`k`)o.preventDefault(),i(e=>Math.max(e-1,0));else if(o.key===`Enter`){let n=e[r]?.edits[0]?.editRef;n&&(o.preventDefault(),t(n))}}};return window.addEventListener(`keydown`,o),()=>window.removeEventListener(`keydown`,o)},[s,e,r,t,n]);let c=e[Math.min(r,e.length-1)];if(!c)return null;let{base:l,dir:u}=$n(c.filePath);return(0,$.jsx)(`div`,{ref:a,className:`mt-0.5 overflow-hidden rounded-[10px] border border-border-soft bg-bg`,children:(0,$.jsxs)(`div`,{className:`grid h-[356px] grid-cols-[294px_1fr] grid-rows-[minmax(0,1fr)] bg-surface-elevated`,children:[(0,$.jsxs)(`div`,{ref:o,className:`min-h-0 overflow-y-auto border-r border-border-soft`,children:[e.map((e,t)=>(0,$.jsx)(Xn,{change:e,dense:!0,selected:t===r,onClick:()=>i(t)},e.filePath)),(0,$.jsx)(`p`,{className:`px-2.5 pt-2 pb-2.5 font-mono text-[10px] text-text-subtle`,children:`j / k to move · enter to jump`})]}),(0,$.jsxs)(`div`,{className:`min-h-0 overflow-y-auto`,children:[(0,$.jsxs)(`div`,{className:`sticky top-0 z-10 flex items-center gap-2 border-b border-border-soft bg-surface-elevated py-[5px] pl-2.5 pr-2`,children:[(0,$.jsx)(`span`,{className:`shrink-0 font-mono text-xs font-medium text-text-primary`,children:l}),u&&(0,$.jsx)(`span`,{title:c.filePath,className:`min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap font-mono text-[10.5px] text-text-subtle [direction:rtl] text-left`,children:u}),(0,$.jsx)(Yn,{added:c.linesAdded,removed:c.linesRemoved,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void Z(c.filePath),className:`shrink-0 rounded-md px-1.5 py-1 font-mono text-[10px] text-text-subtle transition-colors hover:bg-surface hover:text-text-primary`,children:`copy path`}),(0,$.jsx)(`button`,{type:`button`,onClick:n,"aria-label":`Close change tray`,className:`inline-flex size-8 shrink-0 items-center justify-center rounded-lg text-text-subtle transition-colors hover:bg-surface hover:text-text-primary`,children:(0,$.jsx)(g,{className:`size-3.5`})})]}),(0,$.jsx)(Qn,{change:c,onJump:t})]})]})})}function rr(e){let t=Math.max(e.lastIndexOf(`/`),e.lastIndexOf(`\\`));return t<0?e:e.slice(t+1)}function ir({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 ar({changes:e,totals:t,open:n,onClose:i,onJump:a}){let[o,s]=(0,Q.useState)(null),c=o==null?null:e[o],l=(0,Q.useRef)(null),u=()=>{s(null),i()},d=e=>{u(),a(e)};return(0,Q.useEffect)(()=>{if(!n)return;let e=l.current,t=()=>Array.from(e?.querySelectorAll(`button:not([disabled])`)??[]);t()[0]?.focus();let r=e=>{if(e.key===`Escape`){e.preventDefault(),u();return}if(e.key!==`Tab`)return;let n=t();if(n.length===0)return;let r=n[0],i=n[n.length-1];e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus())};return window.addEventListener(`keydown`,r),()=>window.removeEventListener(`keydown`,r)},[n,o]),(0,$.jsx)(Ve,{open:n,onClose:u,className:`flex max-h-[85%] flex-col rounded-t-[14px] motion-reduce:animate-none`,children:(0,$.jsx)(`div`,{ref:l,className:`flex min-h-0 flex-1 flex-col`,children:c?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 border-b border-border-soft px-1 pb-1`,children:[(0,$.jsx)(ir,{label:`Back to file list`,onClick:()=>s(null),children:(0,$.jsx)(r,{className:`size-4`})}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-xs font-medium text-text-primary`,children:rr(c.filePath)}),(0,$.jsx)(Yn,{added:c.linesAdded,removed:c.linesRemoved,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(ir,{label:`Close`,onClick:u,children:(0,$.jsx)(g,{className:`size-4`})})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 border-b border-border-soft py-1.5 pl-3 pr-2`,children:[(0,$.jsx)(`span`,{title:c.filePath,className:`min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap font-mono text-[10.5px] text-text-subtle [direction:rtl] text-left`,children:c.filePath}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void Z(c.filePath),className:`inline-flex min-h-11 shrink-0 items-center rounded-md px-2.5 font-mono text-[10px] text-text-subtle transition-colors hover:bg-surface hover:text-text-primary`,children:`copy`}),c.edits[0]?.editRef&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>d(c.edits[0].editRef),className:`inline-flex min-h-11 shrink-0 items-center gap-1 rounded-md px-2.5 font-mono text-[10px] text-text-subtle transition-colors hover:bg-surface hover:text-primary`,children:[(0,$.jsx)(ue,{className:`size-3`}),`card`]})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:(0,$.jsx)(Qn,{change:c,onJump:d})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-border-soft px-3 pb-2`,children:[(0,$.jsxs)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-xs font-medium text-text-primary`,children:[`Changed this turn · `,e.length,` file`,e.length===1?``:`s`]}),(0,$.jsx)(Yn,{added:t.added,removed:t.removed,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(ir,{label:`Close`,onClick:u,children:(0,$.jsx)(g,{className:`size-4`})})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:e.map((e,t)=>(0,$.jsx)(Xn,{change:e,onClick:()=>s(t)},e.filePath))})]})})})}function or({timestamp:e,content:t,changes:n,onJumpToEdit:r}){let[i,a]=(0,Q.useState)(!1),o=Fe(),s=(0,Q.useRef)(null),c=()=>{a(!1),s.current?.focus()},l=(0,$.jsx)(Un,{timestamp:e,content:t,className:`-mt-1.5`,children:n&&n.length>0&&(0,$.jsx)(Gn,{ref:s,count:n.length,totals:Wn(n),open:i,onToggle:()=>i?c():a(!0)})});return!n||n.length===0?l:(0,$.jsxs)($.Fragment,{children:[l,o?(0,$.jsx)(ar,{changes:n,totals:Wn(n),open:i,onClose:c,onJump:r??(()=>{})}):i&&(0,$.jsx)(nr,{changes:n,onJump:e=>{a(!1),r?.(e)},onClose:c})]})}function sr(e){return e.inputTokens+e.cacheReadTokens+e.cacheWriteTokens}function cr(e){return e.inputTokens+e.cacheWriteTokens}var lr=.5,ur=.9,dr={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 fr(e){let t=cr(e),n=sr(e);if(!e.coldStart||n<2e4)return{level:`ok`,wastedTokens:t,reason:``};let r=e.cacheHitRate<lr?`bad`:e.cacheHitRate<ur?`warn`:`ok`;if(r===`ok`)return{level:r,wastedTokens:t,reason:``};let i=e.coldReason?dr[e.coldReason]??`the session restarted (${e.coldReason})`:null;return{level:r,wastedTokens:t,reason:i?`${gr(t)} of this session's transcript was re-sent uncached because ${i}.`:`${gr(t)} of this session's transcript was re-sent uncached.`}}var pr=.1,mr=1.25;function hr(e){let t=sr(e);if(t===0)return 1;let n=e.inputTokens+e.cacheWriteTokens*mr+e.cacheReadTokens*pr,r=t*pr;return r>0?Math.max(1,n/r):1}function gr(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(e>=1e4?0:1)}k`:String(e)}function _r({usage:e}){let[t,n]=(0,Q.useState)(!1),r=fr(e);if(r.level===`ok`)return null;let i=hr(e),a=sr(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)(S,{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 `,gr(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)(C,{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)(vr,{label:`From cache`,value:`${gr(e.cacheReadTokens)} (${o}%)`}),(0,$.jsx)(vr,{label:`Written to cache`,value:gr(e.cacheWriteTokens)}),(0,$.jsx)(vr,{label:`Fresh input`,value:gr(e.inputTokens)}),(0,$.jsx)(vr,{label:`Output`,value:gr(e.outputTokens)}),(0,$.jsx)(vr,{label:`Model`,value:e.model||`unknown`}),(0,$.jsx)(vr,{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 vr({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 yr(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(()=>{W.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 br=new Set([`TaskCreate`,`TaskUpdate`,`TaskStop`]);function xr(e){let t=0;for(let n of e)if(n.events)for(let e of n.events)e.type===`tool_use`&&br.has(e.tool)&&t++;return t}var Sr={completed:{icon:`✓`,cls:`text-success`},in_progress:{icon:`▶`,cls:`text-warning`},stopped:{icon:`■`,cls:`text-text-subtle`},pending:{icon:`○`,cls:`text-text-subtle`}};function Cr({projectName:e,sessionId:t,messages:n}){let r=(0,Q.useMemo)(()=>xr(n),[n]),i=yr(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)(N,{className:`size-3.5 shrink-0`}):(0,$.jsx)(C,{className:`size-3.5 shrink-0`}),(0,$.jsx)(pe,{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)(wr,{task:e},e.id))})]})}function wr({task:e}){let t=Sr[e.status]??Sr.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 Tr=/read the full transcript at:\s*(\S+\.jsonl)/i;function Er(e){return e.match(Tr)?.[1]?.trim()??null}var Dr=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}},Or=Ee(()=>import(`./markdown-renderer-DJ9EVU1B.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])),kr=(0,Q.lazy)(()=>Or.then(e=>({default:e.MarkdownRenderer}))),Ar=/<teammate-message[^>]*>[\s\S]*?<\/teammate-message>/g;function jr(e){return e.replace(Ar,``).replace(/\n{3,}/g,`
-
-`).trim()}function Mr({content:e,projectName:t,isStreaming:n}){let r=jr(e);return r?(0,$.jsx)(Dr,{fallbackContent:r,children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`animate-pulse h-4 bg-muted rounded`}),children:(0,$.jsx)(kr,{content:r,projectName:t,codeActions:!0,isStreaming:n})})}):null}function Nr({group:e,onNavigate:t,disabled:n}){if(!e||e.ids.length<2)return null;let{ids:i,currentIndex:a}=e,o=e=>{let r=i[e];r&&!n&&t(r)};return(0,$.jsxs)(`div`,{className:`mt-1 flex items-center gap-1 text-xs text-text-subtle select-none`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>o(a-1),disabled:n||a<=0,"aria-label":`Previous version`,className:`flex items-center justify-center rounded p-0.5 hover:text-text-primary disabled:opacity-30 disabled:cursor-default`,children:(0,$.jsx)(r,{className:`size-3.5`})}),(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[a+1,`/`,i.length]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>o(a+1),disabled:n||a>=i.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)(N,{className:`size-3.5`})})]})}var Pr={"system-reminder":`Context`,claudeMd:`CLAUDE.md`,gitStatus:`Git Status`,currentDate:`Date`,fast_mode_info:`Fast Mode`,"available-deferred-tools":`Tools`,"task-notification":`Task Result`,environment_details:`Environment`,"local-command-caveat":`System`};function Fr(e){let t=[],n=/<(system-reminder|available-deferred-tools|antml:[\w-]+|fast_mode_info|claudeMd|gitStatus|currentDate|task-notification|environment_details|local-command-caveat)[^>]*>([\s\S]*?)<\/\1>/g,r;for(;(r=n.exec(e))!==null;){let e=r[1];t.push({name:e,label:Pr[e]??e.replace(/^antml:/,``).replace(/-/g,` `),content:r[2].trim()})}return{cleanText:e.replace(n,``).trim(),tags:t}}function Ir(e){let t=e.match(/<command-name>([\s\S]*?)<\/command-name>/);if(!t)return{command:null,cleanText:e};let n=t[1].trim(),r=e.match(/<command-args>([\s\S]*?)<\/command-args>/)?.[1]?.trim()||void 0,i=e.replace(/<command-name>[\s\S]*?<\/command-name>/g,``).replace(/<command-message>[\s\S]*?<\/command-message>/g,``).replace(/<command-args>[\s\S]*?<\/command-args>/g,``).trim();return{command:{name:n,args:r},cleanText:i}}function Lr(e){let t=e.match(/^Use the (\S+) agent to\s?/);return t?{agent:t[1],cleanText:e.slice(t[0].length)}:{agent:null,cleanText:e}}function Rr(e){let t=/<ide_opened_file>([\s\S]*?)<\/ide_opened_file>/g.exec(e);return t?{idePath:t[1].match(/opened the file (.+?) in the IDE/)?.[1]?.trim()??null,cleanText:e.replace(/<ide_opened_file>[\s\S]*?<\/ide_opened_file>/g,``).trim()}:{idePath:null,cleanText:e}}function zr(e){let t=[],n=e;for(;;){let e=n.match(/^\[Attached image \(contents included in this message\): (.+?)\]\n*/);if(e){t.push(e[1]),n=n.slice(e[0].length);continue}break}if(t.length>0){let e=zr(n);return{files:[...t,...e.files],text:e.text}}let r=n.match(/^\[Attached file: (.+?)\]\n*/);if(r)return{files:[r[1]],text:n.slice(r[0].length)};let i=n.match(/^\[Attached files:\n([\s\S]+?)\]\n*/);return i?{files:i[1].split(`
-`).map(e=>e.trim()).filter(Boolean),text:n.slice(i[0].length)}:{files:[],text:n}}function Br(e){let t=[],n=e,r=/^```(?:bash|sh|shell|zsh)\n([\s\S]*?)\n```\s*(?:\n\n?)?/,i;for(;(i=n.match(r))!==null;)t.push(i[1]),n=n.slice(i[0].length);return{blocks:t,remainingText:n.trim()}}function Vr(e){let{idePath:t,cleanText:n}=Rr(e),{blocks:r,remainingText:i}=Br(n),a=zr(i),{cleanText:o,tags:s}=Fr(a.text.replace(/<local-command-(?:stdout|stderr)>([\s\S]*?)<\/local-command-(?:stdout|stderr)>/g,`$1`)),{command:c,cleanText:l}=Ir(o),{agent:u,cleanText:d}=Lr(l),f=c?.args?d?`${c.args}\n\n${d}`:c.args:d;return{files:a.files,text:f,body:d,tags:s,command:c,terminalBlocks:r,idePath:t,agent:u}}function Hr(e){let{agent:t,body:n,command:r}=Vr(e);if(!r)return{agent:t,text:n};let i=`/${r.name.replace(/^\/+/,``)}${r.args?` ${r.args}`:``}`;return{agent:t,text:n?`${i}\n\n${n}`:i}}var Ur=new Set([`.png`,`.jpg`,`.jpeg`,`.gif`,`.webp`]);function Wr(e,t){let n=q(e);return`/api/project/${encodeURIComponent(t??`_`)}/chat/uploads/${encodeURIComponent(n)}`}function Gr(e){let t=e.lastIndexOf(`.`);return t===-1?!1:Ur.has(e.slice(t).toLowerCase())}var Kr=new Map;function qr(e){let[t,n]=(0,Q.useState)(()=>Kr.get(e)?.url??null),[r,i]=(0,Q.useState)(!1);return(0,Q.useEffect)(()=>{let t=Kr.get(e);if(t){n(t.url);return}let r=!1,a=we();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);Kr.set(e,{url:i}),n(i)}).catch(()=>{r||i(!0)}),()=>{r=!0}},[e]),{blobUrl:t,error:r}}function Jr({filePath:e,projectName:t}){let{blobUrl:n,error:r}=qr(Wr(e,t)),i=at(e=>e.open),a=q(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>n&&i(n,a,yt(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,[bt]:``,className:`size-4 rounded-sm object-cover shrink-0`}):r?(0,$.jsx)(f,{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 Yr=new Set([`task-notification`,`environment_details`,`local-command-caveat`]);function Xr({content:e,messageId:t,timestamp:n,projectName:r,onFork:i,onEdit:a,isEditing:o,sessionId:s,providerId:c,versionGroup:l,onNavigateVersion:u,versionNavDisabled:d}){let{files:f,text:p,tags:m,command:h,terminalBlocks:g,idePath:_,agent:v}=(0,Q.useMemo)(()=>Vr(e),[e]),y=m.some(e=>Yr.has(e.name)),[b,S]=(0,Q.useState)(!1),[w,T]=(0,Q.useState)(!1),E=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=E.current;if(!e)return;let t=()=>T(e.scrollHeight>e.clientHeight+2);t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[p]),(0,$.jsxs)(`div`,{className:K(`flex flex-col gap-1`,!y&&`items-end`),children:[(0,$.jsxs)(`div`,{"data-user-message":y?void 0:`true`,style:y?void 0:{borderRadius:`var(--rad) var(--rad) 4px var(--rad)`},className:K(`group/user relative px-3 py-2 text-sm border shadow-sm transition-all`,y?`rounded-lg bg-surface/40 border-border/40 text-text-secondary`:`max-w-[80%] bg-accent-wash border-accent-wash-border text-text`,o&&`ring-2 ring-primary/60 border-primary/40`),children:[m.length>0&&(0,$.jsx)(Qr,{tags:m}),v&&(0,$.jsx)(`div`,{className:`flex items-center gap-1.5 mb-0.5`,children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-md bg-sky-500/15 border border-sky-500/25 px-2 py-0.5 text-xs font-medium text-sky-600 dark:text-sky-400`,children:[(0,$.jsx)(R,{className:`size-3 shrink-0`}),v]})}),h&&(0,$.jsx)(`div`,{className:`flex items-center gap-1.5 mb-0.5`,children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-md bg-primary/15 border border-primary/20 px-2 py-0.5 text-xs font-medium text-primary`,children:[(0,$.jsx)(Bt,{className:`size-3 shrink-0`}),h.name]})}),_&&(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-1 text-[11px] text-text-subtle`,children:[(0,$.jsx)(`span`,{className:`shrink-0`,children:`Opened in IDE:`}),(0,$.jsx)(ni,{path:_,projectName:r})]}),f.length>0&&(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:f.map((e,t)=>Gr(e)?(0,$.jsx)(Jr,{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)(ye,{className:`size-3 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-32`,children:q(e)})]},t))}),g.length>0&&(0,$.jsx)(`div`,{className:`space-y-1.5`,children:g.map((e,t)=>(0,$.jsx)(Zr,{content:e},t))}),p&&(0,$.jsx)(`div`,{ref:E,className:K(`whitespace-pre-wrap break-words transition-all duration-200 select-text`,!b&&`line-clamp-2`,b&&`max-h-[50vh] overflow-y-auto`),children:y?(0,$.jsx)(ii,{text:p,projectName:r}):(0,$.jsx)(ri,{text:p})}),(w||b)&&(0,$.jsx)(`button`,{onClick:()=>S(!b),className:K(`flex items-center gap-1 text-xs mt-1 transition-colors`,y?`text-text-subtle hover:text-text-secondary`:`text-primary/70 hover:text-primary`),children:b?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(x,{className:`size-3`}),`Show less`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(C,{className:`size-3`}),`Show more`]})}),!y&&u&&(0,$.jsx)(Nr,{group:l,onNavigate:u,disabled:d})]}),!y&&(0,$.jsxs)(Un,{timestamp:n,content:e,children:[a&&(0,$.jsx)(Vn,{icon:(0,$.jsx)(ne,{className:`size-3.5`}),label:`Edit`,title:`Edit this message (continue in the same tab)`,onClick:a}),i&&(0,$.jsx)(Vn,{icon:(0,$.jsx)(oe,{className:`size-3.5`}),label:`Fork`,title:`Retry from this message (fork into a new tab)`,onClick:i})]})]})}function Zr({content:e}){let[t,n]=(0,Q.useState)(!1);return(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>n(!t),className:K(`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)(a,{className:`size-3.5 shrink-0`}),(0,$.jsx)(`span`,{children:`Terminal output`}),(0,$.jsx)(C,{className:K(`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 Qr({tags:e}){return(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.map((e,t)=>(0,$.jsx)($r,{tag:e},t))})}function $r({tag:e}){let[t,n]=(0,Q.useState)(!1);return e.name===`task-notification`?(0,$.jsx)(ti,{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)(s,{className:`size-2.5`}),(0,$.jsx)(`span`,{children:e.label}),(0,$.jsx)(N,{className:K(`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 ei(e,t){return e.match(RegExp(`<${t}>([\\s\\S]*?)</${t}>`))?.[1]?.trim()||void 0}function ti({content:e}){let[t,n]=(0,Q.useState)(!1),r=ei(e,`status`),i=ei(e,`summary`),a=ei(e,`output-file`),o=ei(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)(l,{className:`size-2.5 text-success`}):(0,$.jsx)(re,{className:`size-2.5 text-warning`}),(0,$.jsx)(`span`,{className:`truncate max-w-80`,children:i??`Task notification`}),(0,$.jsx)(N,{className:K(`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)(ni,{path:a}),o&&(0,$.jsx)(`div`,{className:`text-[11px] text-text-subtle/80 max-h-60 overflow-y-auto leading-relaxed`,children:(0,$.jsx)(Mr,{content:o})})]})]})}function ni({path:e,projectName:t}){return(0,$.jsxs)(`button`,{type:`button`,onClick:(0,Q.useCallback)(()=>{let n=je.getState().openTab,r=t??Ae.getState().activeProject?.name,i=q(e),a={filePath:e};r&&(a.projectName=r),W.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)(ye,{className:`size-2.5 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-60`,children:q(e)}),(0,$.jsx)(le,{className:`size-2 shrink-0 opacity-50`})]})}function ri({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 ii({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)(ni,{path:e.value,projectName:t},n):(0,$.jsx)(`span`,{children:e.value},n))})}function ai({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)(oi,{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)(si,{content:e.content,animate:r,projectName:n})},`text-${a}`)}return(0,$.jsx)(gt,{tool:e.tool,result:e.result,completed:e.completed,projectName:n,bashPartialOutput:r},`tool-${a}`)})})}function oi({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)(N,{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)(Mr,{content:e,projectName:t,isStreaming:n})})})]})}function si({content:e,animate:t,projectName:n}){return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Mr,{content:e,projectName:n,isStreaming:t}),t&&(0,$.jsx)(`span`,{className:`text-text-subtle text-sm animate-pulse`,children:`Thinking...`})]})}function ci({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 li({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)(R,{className:`size-10 text-text-subtle`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Send a message to start a new conversation`}),(0,$.jsx)(St,{compact:!0})]}),(0,$.jsx)(Ke,{projectName:e,onSelectSession:t,className:`w-full px-4`})]})}var ui=3200,di=1e3,fi={hasAbove:!1,atBottom:!0,idx:0,total:0};function pi({scrollElement:e,userIndices:t,scrollToBottom:n}){let r=Fe(),[i,a]=(0,Q.useState)(fi),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(0),d=(0,Q.useRef)(ui),f=(0,Q.useRef)(null),p=(0,Q.useRef)(null),m=(0,Q.useRef)(!1),h=(0,Q.useRef)(!1),g=(e,t,n)=>t.getBoundingClientRect().top-n+e.scrollTop,_=(0,Q.useCallback)(e=>Array.from(e.querySelectorAll(`[data-msg-index]`)).filter(e=>t.includes(Number(e.dataset.msgIndex))),[t]);(0,Q.useEffect)(()=>{let t=e;if(!t)return;let n=0,r=()=>{let e=t.scrollTop,n=t.getBoundingClientRect().top,r=_(t).map(e=>g(t,e,n)),i=0;for(let t=0;t<r.length;t++)r[t]<=e+12&&(i=t+1);let o={hasAbove:r.some(t=>t<e-4),atBottom:t.scrollHeight-e-t.clientHeight<8,idx:i,total:r.length};a(e=>e.hasAbove===o.hasAbove&&e.atBottom===o.atBottom&&e.idx===o.idx&&e.total===o.total?e:o)},i=()=>{n&&cancelAnimationFrame(n),n=requestAnimationFrame(r)};r(),t.addEventListener(`scroll`,i,{passive:!0});let o=new ResizeObserver(i);return o.observe(t),()=>{n&&cancelAnimationFrame(n),t.removeEventListener(`scroll`,i),o.disconnect()}},[e,_]),(0,Q.useEffect)(()=>{if(!o)return;let e=setTimeout(()=>s(!1),d.current);return()=>clearTimeout(e)},[o,i.idx,c]),(0,Q.useEffect)(()=>{if(!o||!h.current)return;h.current=!1;let e=f.current;(e?.querySelector(`button:not(:disabled)`)??e)?.focus()},[o]),(0,Q.useEffect)(()=>{o||!m.current||(m.current=!1,p.current?.focus())},[o]);let v=(0,Q.useCallback)(()=>{d.current=ui,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]),S=(0,Q.useCallback)(()=>{n({animation:`instant`}),v()},[n,v]);(0,Q.useEffect)(()=>{let t=e;if(!t)return;let n=e=>()=>{Kn(t)&&(e(),d.current=di,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 w=K(`w-[34px] flex items-center justify-center rounded-[9px] text-text-secondary`,`motion-safe:transition-colors hover:bg-surface-elevated hover:text-foreground`,`disabled:opacity-30 disabled:cursor-default disabled:hover:bg-transparent disabled:hover:text-text-secondary`,r?`h-9`:`h-[30px]`);return(0,$.jsx)(`div`,{className:`absolute bottom-3 right-2.5 z-10 flex flex-col items-end gap-1.5`,children:o?(0,$.jsxs)(`div`,{ref:f,tabIndex:-1,className:`flex flex-col p-[3px] rounded-xl border border-border bg-surface-elevated/95 backdrop-blur-[8px] shadow-lg outline-none`,onFocus:()=>{m.current=!0},onKeyDown:e=>{e.key===`Escape`&&s(!1)},children:[(0,$.jsx)(`button`,{type:`button`,onClick:y,disabled:!i.hasAbove,"aria-label":`Jump to previous message`,className:w,children:(0,$.jsx)(x,{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:w,children:(0,$.jsx)(C,{className:`size-[15px]`})}),(0,$.jsx)(`button`,{type:`button`,onClick:S,disabled:i.atBottom,"aria-label":`Jump to latest`,className:w,children:(0,$.jsx)(u,{className:`size-[13px]`})})]}):(0,$.jsx)(`button`,{ref:p,type:`button`,onClick:()=>{d.current=ui,h.current=!0,s(!0)},"aria-label":`Navigate messages`,"aria-expanded":!1,title:`Navigate messages`,className:K(`group flex items-center justify-center`,r?`size-11`:`size-[30px]`),children:(0,$.jsx)(`span`,{className:K(`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)(E,{className:`size-[15px]`})})})})}function mi(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 hi(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 gi({questions:e,onSubmit:t,onSkip:n}){let r=(0,Q.useRef)(null),i=mi(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=hi({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 _i(){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 vi({messages:e,messagesLoading:t,keepStaleWhileLoading:n,pendingApproval:r,onApprovalResponse:i,isStreaming:a,phase:o,onSelectSession:s,connectingElapsed:c,statusMessage:l,compactStatus:u,projectName:d,onFork:f,onEdit:p,editingMsgId:m,sessionId:h,providerId:g,onNavigateVersion:_,versionMap:v,bashPartialOutput:y,onExpandCompact:b,isCompactExpanded:x,onDismissMessage:S,onClearErrors:C}){let{scrollRef:w,contentRef:T,scrollToBottom:E,stopScroll:ee,isAtBottom:te}=_n({initial:`instant`,resize:`instant`}),D=(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]),ne=(0,Q.useMemo)(()=>dn(D),[D]),ie=!!r||a,[O,ae]=(0,Q.useState)(null),oe=(0,Q.useCallback)(e=>{w(e),ae(e)},[w]),se=(0,Q.useRef)(new Map),k=(0,Q.useMemo)(()=>{let e=se.current,t=new Map;for(let n=0;n<D.length;n++){let r=D[n];if(r.role!==`assistant`||D[n+1]?.role===`assistant`)continue;let i=`${r.id}:${r.events?.length??0}`,a=e.get(i);a||(a=Rn(zn(D,n)),e.set(i,a)),a.length>0&&t.set(n,a)}return t},[D]),ce=(0,Q.useRef)(null),le=(0,Q.useCallback)(e=>{O&&(ce.current?.(),ce.current=kn(O,e))},[O]);(0,Q.useEffect)(()=>()=>ce.current?.(),[]);let[ue,A]=(0,Q.useState)(!1),[j,M]=(0,Q.useState)(null),de=(0,Q.useRef)(null);(0,Q.useLayoutEffect)(()=>{let e=O;e&&de.current!=null&&(e.scrollTop=e.scrollHeight-de.current,ue||(de.current=null))},[D.length,O,ue]),(0,Q.useLayoutEffect)(()=>{O&&E({animation:`instant`})},[h,O]);let fe=(0,Q.useRef)(!0);(0,Q.useEffect)(()=>{O&&O.clientHeight>0&&(fe.current=te)},[te,O]),(0,Q.useEffect)(()=>{let e=O;if(!e)return;let t=e.clientHeight,n=new ResizeObserver(()=>{let n=e.clientHeight,r=t===0&&n>0;t=n,r&&!fe.current&&ee()});return n.observe(e),()=>n.disconnect()},[O,ee]);let N=(0,Q.useCallback)((e,t)=>{f?.(e,t)},[f]),P=(0,Q.useCallback)((e,t,n)=>{p?.(e,t,n)},[p]),pe=(0,Q.useCallback)(e=>{S?.(e)},[S]),me=(0,Q.useMemo)(()=>D.reduce((e,t)=>t.role===`system`?e+1:e,0),[D]),F=(0,Q.useMemo)(()=>D.reduce((e,t,n)=>(t.role===`user`&&e.push(n),e),[]),[D]),I=(0,Q.useCallback)(()=>{if(!b||!x)return null;for(let e of D){if(x(e.id))continue;let t=Er(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=Er(t.content||``);if(n)return{id:e.id,jsonlPath:n}}}}return null},[D,b,x])(),ge=!!I,_e=I?.id??null,L=I?.jsonlPath??null,ve=(0,Q.useCallback)(async()=>{if(!_e||!L||!b||ue)return;let e=O;de.current=e?e.scrollHeight-e.scrollTop:null,A(!0),M(null);try{await b(_e,L)}catch(e){M(e instanceof Error?e.message:`Could not load previous conversation`)}finally{A(!1)}},[_e,L,b,ue,O]),ye=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=O,t=ye.current;if(!e||!t||!ge||j)return;let n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&ve()},{root:e,rootMargin:`400px 0px 0px 0px`});return n.observe(t),()=>n.disconnect()},[O,ge,j,ve]),t&&(!n||e.length===0)?(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-3 text-text-secondary`,children:[(0,$.jsx)(R,{className:`size-10 text-text-subtle animate-pulse`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Loading messages...`})]}):e.length===0&&!a?(0,$.jsx)(li,{projectName:d||``,onSelectSession:s||(()=>{})}):(0,$.jsxs)(`div`,{className:`relative flex-1 overflow-hidden flex flex-col min-h-0`,children:[(0,$.jsx)(Cr,{projectName:d,sessionId:h,messages:e}),me>1&&C&&(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:C,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)(re,{className:`size-3.5`}),`Clear all errors (`,me,`)`]})}),!ue&&j&&(0,$.jsx)(`div`,{className:`absolute top-2 left-0 right-0 z-10 flex justify-center`,children:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{M(null),ve()},className:`inline-flex items-center gap-1.5 rounded-md border border-border bg-surface px-3 py-2 text-xs text-text-primary hover:bg-surface-hover min-h-[44px] md:min-h-0`,children:[(0,$.jsx)(he,{className:`size-3.5 text-destructive`}),(0,$.jsxs)(`span`,{children:[`Could not load previous conversation: `,j]}),(0,$.jsx)(`span`,{className:`underline`,children:`Retry`})]})}),(0,$.jsx)(`div`,{ref:oe,[vt]:``,className:`flex-1 overflow-y-auto overflow-x-hidden [overflow-anchor:none]`,style:{WebkitOverflowScrolling:`touch`,overscrollBehavior:`contain`},children:(0,$.jsxs)(`div`,{ref:T,className:`w-full`,children:[ge&&(0,$.jsx)(`div`,{ref:ye,"aria-hidden":!0,className:`h-px`}),ue&&(0,$.jsx)(_i,{}),D.map((e,t)=>{let n=t>0?D[t-1]:void 0,r=ne[t]??0,i=r?v?.[r]:void 0,o=e.role===`user`&&m!=null&&e.id===m,s=D[t+1],c=e.role===`assistant`&&s?.role!==`assistant`,l;if(c){let e=[];for(let n=t;n>=0&&D[n].role===`assistant`;n--){let t=yi(D[n]);t&&e.unshift(t)}l=e.join(`
-
-`)}return(0,$.jsx)(`div`,{"data-msg-index":t,className:`px-4 pt-4 select-none`,children:(0,$.jsx)(Dr,{fallbackContent:e.content,children:(0,$.jsx)(bi,{message:e,isStreaming:a&&e.id.startsWith(`streaming-`),isLastAssistantInTurn:c,turnCopyText:l,turnChanges:c?k.get(t):void 0,onJumpToEdit:le,projectName:d,onFork:e.role===`user`&&f?N:void 0,onEdit:e.role===`user`&&p?P:void 0,isEditing:o,onDismiss:e.role===`system`&&S?pe:void 0,prevMsgId:n?.sdkUuid??n?.id,sessionId:h,providerId:g,versionGroup:i,onNavigateVersion:_,versionNavDisabled:a,bashPartialOutput:y})})},e.id)}),ie&&(0,$.jsxs)(`div`,{className:`px-4 pt-4 pb-4 space-y-4 select-none`,children:[r&&(r.tool===`AskUserQuestion`?(0,$.jsx)(Si,{approval:r,onRespond:i}):(0,$.jsx)(xi,{approval:r,onRespond:i})),a&&(0,$.jsx)(ci,{lastMessage:e[e.length-1],phase:o,elapsed:c,statusMessage:u===`compacting`?`Compacting messages...`:l})]})]})}),(0,$.jsx)(pi,{scrollElement:O,userIndices:F,scrollToBottom:E})]})}function yi(e){return e.events?.length?e.events.filter(e=>e.type===`text`).map(e=>e.content).join(``):e.content}var bi=(0,Q.memo)(function({message:e,isStreaming:t,isLastAssistantInTurn:n,turnCopyText:r,turnChanges:i,onJumpToEdit:a,projectName:o,onFork:s,onEdit:c,isEditing:l,onDismiss:u,prevMsgId:d,sessionId:f,providerId:p,versionGroup:m,onNavigateVersion:h,versionNavDisabled:g,bashPartialOutput:_}){if(e.role===`user`){let t=s?()=>s(e.content,d):void 0,n=c?()=>c(e.content,d,e.id):void 0;return(0,$.jsx)(Xr,{content:e.content,messageId:e.id,timestamp:e.timestamp,projectName:o,onFork:t,onEdit:n,isEditing:l,sessionId:f,providerId:p,versionGroup:m,onNavigateVersion:h,versionNavDisabled:g})}return e.role===`system`?(0,$.jsxs)(`div`,{className:`group flex items-center gap-2 rounded-lg bg-error/10 border border-error/20 px-3 py-2 text-sm text-error`,children:[(0,$.jsx)(he,{className:`size-4 shrink-0`}),(0,$.jsx)(`p`,{className:`flex-1`,children:e.content}),u&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>u(e.id),"aria-label":`Dismiss`,title:`Dismiss`,className:`shrink-0 rounded p-1 text-error/70 hover:text-error hover:bg-error/15 md:opacity-0 md:group-hover:opacity-100`,children:(0,$.jsx)(re,{className:`size-4`})})]}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e.events&&e.events.length>0?(0,$.jsx)(ai,{events:e.events,isStreaming:t,projectName:o,bashPartialOutput:_}):e.content&&(0,$.jsx)(`div`,{className:`text-sm text-text-primary select-text`,children:(0,$.jsx)(Mr,{content:e.content,projectName:o})}),!t&&n&&e.usage&&(0,$.jsx)(_r,{usage:e.usage}),!t&&n&&(0,$.jsx)(or,{timestamp:e.timestamp,content:r??yi(e),changes:i,onJumpToEdit:a})]})});function xi({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)(de,{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 Si({approval:e,onRespond:t}){return(0,$.jsx)(gi,{questions:e.input.questions??[],onSubmit:n=>t(e.requestId,!0,n),onSkip:()=>t(e.requestId,!1)})}function Ci({shells:e,onKill:t}){let n=st(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)(a,{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)(me,{className:`size-4`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(e.shellId),disabled:e.status===`stopping`,className:`flex items-center justify-center size-8 rounded hover:bg-surface text-text-secondary hover:text-error transition-colors disabled:opacity-40`,"aria-label":`Stop command`,title:`Stop command`,children:(0,$.jsx)(Ce,{className:`size-3.5`})})]},e.shellId))})}function wi(e){if(!e)return;let t=e.split(`:`).pop();return t&&t!==`general-purpose`?t:e}function Ti(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 Ei(e){return e.lastTool?e.lastToolArg?`${e.lastTool}: ${e.lastToolArg}`:e.lastTool:e.lastNarrative??e.description}function Di({teamName:e,members:t,projectName:n}){let r=Ct(),i=t.filter(e=>e.workState===`working`);return!e||i.length===0?null:(0,$.jsx)(`div`,{className:`shrink-0 border-t border-border bg-surface-elevated/60 px-2 py-1.5 space-y-1`,children:i.map(t=>{let i=Ei(t),a=Ti(t.startedAt),o=wi(t.agentType);return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r({teamName:e,memberName:t.name,projectName:n}),className:`flex w-full items-center gap-2 rounded px-1 py-1.5 min-h-[36px] text-left text-xs hover:bg-surface transition-colors`,title:`Open ${t.name}'s work session`,children:[(0,$.jsxs)(`span`,{className:`relative flex size-2 shrink-0`,children:[(0,$.jsx)(`span`,{className:`absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-60`}),(0,$.jsx)(`span`,{className:`relative inline-flex size-2 rounded-full bg-emerald-500`})]}),(0,$.jsx)(D,{className:`size-3.5 shrink-0 text-accent-2`}),(0,$.jsx)(`span`,{className:`font-medium text-text-primary shrink-0`,children:t.name}),!!o&&(0,$.jsx)(`span`,{className:`text-text-3 shrink-0 hidden sm:inline`,children:o}),!!i&&(0,$.jsx)(`span`,{className:`flex-1 truncate text-text-subtle`,title:i,children:i}),!!a&&(0,$.jsx)(`span`,{className:`ml-auto shrink-0 text-text-3 font-mono`,children:a})]},t.name)})})}function Oi(e){return e.startsWith(`plugin:`)&&e.slice(e.lastIndexOf(`:`)+1)||e}function ki({needsAuth:e,projectName:t}){let[n,r]=(0,Q.useState)(null),i=Te(e=>e.mcpSignInDismissed),a=Te(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)(O,{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:Oi(e)},e))}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>{a(o),G.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)(g,{className:`size-3.5`})})]}),(0,$.jsx)(ct,{serverName:n,project:t,onClose:()=>r(null)})]})}var Ai=5e3;function ji(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 W.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),Ai);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 Mi(){let e=window;return e.SpeechRecognition??e.webkitSpeechRecognition??null}function Ni(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`&&Mi()!==null;return{isListening:t,interimText:r,start:(0,Q.useCallback)(t=>{let r=Mi();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 Pi=2e3;function Fi(e,t,n=Pi){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 Ii=4096;function Li(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 Ri(e,t){return e===`image/gif`?!0:e===`image/webp`?Li(t,`ANIM`):e===`image/png`||e===`image/apng`?Li(t,`acTL`):!1}async function zi(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,Ii).arrayBuffer());return Ri(e.type,t)}catch{return!0}}var Bi=1600,Vi=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function Hi(e){return e===`image/jpeg`||e===`image/webp`?e:`image/png`}async function Ui(e,t=Bi){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=Fi(i.width,i.height,t+1);if(a&&await zi(e))return r.close?.(),Math.max(i.width,i.height)<2e3&&Vi.has(e.type)?{kind:`inlineable`,file:e,from:i}:{kind:`asis`,file:e,from:i};if(!a)return r.close?.(),Vi.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=Hi(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 Wi=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function Gi(e){return Wi.has(e.type)}function Ki(e){return e.textContent?`expand`:e.previewUrl?`preview`:`none`}function qi({attachments:e,onRemove:t}){let[n,r]=(0,Q.useState)(null),i=Ye(),o=(0,Q.useRef)(new Map),s=at(e=>e.open),c=at(e=>e.close),l=at(e=>e.src);if((0,Q.useEffect)(()=>{if(!l)return;let t=o.current.get(l);if(!t)return;let n=e.find(e=>e.id===t);if(!n?.previewUrl)return c();n.previewUrl!==l&&(o.current.set(n.previewUrl,n.id),s(n.previewUrl,n.name))},[e,l,s,c]),e.length===0)return null;let u=n?e.find(e=>e.id===n):null;function d(t,n){if(t.previewUrl){for(let t of e)t.previewUrl&&o.current.set(t.previewUrl,t.id);s(t.previewUrl,t.name,yt(n))}}return(0,$.jsxs)(`div`,{className:`px-2 md:px-4 pt-2`,children:[(0,$.jsx)(`div`,{className:K(`flex flex-wrap gap-1.5`,i&&`gap-y-5`),[vt]:``,children:e.map(e=>(0,$.jsxs)(`div`,{className:K(`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`,Ki(e)!==`none`&&`cursor-pointer hover:border-primary/50`,n===e.id&&`border-primary/50 bg-surface-elevated`),onClick:t=>{let i=Ki(e);i===`expand`?r(n===e.id?null:e.id):i===`preview`&&d(e,t.currentTarget)},children:[e.previewUrl?(0,$.jsx)(`button`,{type:`button`,title:`Preview ${e.name}`,"aria-label":`Preview ${e.name}`,onClick:t=>{t.stopPropagation(),d(e,t.currentTarget)},className:K(`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,[bt]:``,className:`size-5 rounded object-cover`})}):e.textContent?(0,$.jsx)(a,{className:`size-3.5 shrink-0 text-text-subtle`}):e.isImage?(0,$.jsx)(f,{className:`size-3.5 shrink-0 text-text-subtle`}):(0,$.jsx)(ye,{className:`size-3.5 shrink-0 text-text-subtle`}),(0,$.jsx)(`span`,{className:`truncate`,children:e.name}),e.textContent&&(0,$.jsx)(C,{className:K(`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:K(`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)(g,{className:`size-3`})})]},e.id))}),u?.textContent&&(0,$.jsx)(`pre`,{className:`mt-1.5 max-h-40 overflow-auto rounded-md border border-border bg-background p-2 text-xs text-text-primary font-mono whitespace-pre-wrap break-words`,children:Ji(u.textContent)})]})}function Ji(e){let t=e.trim(),n=t.match(/^```\w*\n([\s\S]*?)\n```$/);return n?n[1]:t}function Yi(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 Xi=[{id:`default`,label:`Ask before edits`,icon:V,description:`Claude will ask for approval before making each edit`},{id:`acceptEdits`,label:`Edit automatically`,icon:ie,description:`Claude will edit files without asking first`},{id:`plan`,label:`Plan mode`,icon:_,description:`Claude will present a plan before editing`},{id:`bypassPermissions`,label:`Bypass permissions`,icon:ae,description:`Claude will not ask before running commands`}];function Zi(e){return Xi.find(t=>t.id===e)?.label??`Unknown`}function Qi(e){return Xi.find(t=>t.id===e)?.icon??V}function $i({value:e,onChange:t,open:n,onOpenChange:r}){let i=(0,Q.useRef)(null),a=(0,Q.useRef)(0);(0,Q.useEffect)(()=>{if(!n)return;let e=e=>{i.current&&!i.current.contains(e.target)&&r(!1)},t=i.current?.ownerDocument??document;return t.addEventListener(`mousedown`,e),()=>t.removeEventListener(`mousedown`,e)},[n,r]),(0,Q.useEffect)(()=>{n&&(a.current=Xi.findIndex(t=>t.id===e),a.current<0&&(a.current=0))},[n,e]);let o=(0,Q.useCallback)(e=>{if(e.key===`Escape`){r(!1);return}if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;a.current=(a.current+t+Xi.length)%Xi.length,(i.current?.querySelector(`[data-idx="${a.current}"]`))?.focus()}if(e.key===`Enter`){e.preventDefault();let n=Xi[a.current];n&&(t(n.id),r(!1))}},[t,r]);return n?(0,$.jsxs)(`div`,{ref:i,role:`listbox`,"aria-label":`Permission modes`,onKeyDown:o,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:`absolute bottom-full left-0 mb-1 z-50 w-72 md:w-80 rounded-lg border border-border popover-solid shadow-[var(--shadow-panel)]`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-2 border-b border-border`,children:[(0,$.jsx)(`span`,{className:`text-xs font-medium text-text-secondary`,children:`Modes`}),(0,$.jsx)(`kbd`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-surface-elevated text-text-subtle border border-border`,children:`Shift + Tab`})]}),(0,$.jsx)(`div`,{className:`py-1`,children:Xi.map((n,i)=>{let a=n.icon,o=n.id===e;return(0,$.jsxs)(`button`,{"data-idx":i,role:`option`,"aria-selected":o,tabIndex:0,onClick:()=>{t(n.id),r(!1)},className:`w-full flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-elevated focus:bg-surface-elevated focus:outline-none ${o?`bg-surface-elevated`:``}`,children:[(0,$.jsx)(a,{className:`size-4 mt-0.5 shrink-0 text-text-secondary`}),(0,$.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium text-text-primary`,children:n.label}),(0,$.jsx)(`div`,{className:`text-xs text-text-subtle leading-snug`,children:n.description})]}),o&&(0,$.jsx)(z,{className:`size-4 mt-0.5 shrink-0 text-primary`})]},n.id)})})]}):null}var ea=[{label:`Low`,value:`low`},{label:`Medium`,value:`medium`},{label:`High`,value:`high`,default:!0},{label:`Extra`,value:`xhigh`},{label:`Max`,value:`max`}];function ta(e){return e?ea.find(t=>t.value===e)?.label??e:``}function na(e,t){let n=ta(t);return n?`${e} · ${n}`:e}var ra=new Map,ia=300*1e3;function aa(e){return e.replace(/^Claude\s+/i,``)}var oa=ea.find(e=>e.default).value;function sa({model:e,effort:t,thinking:n,onModelChange:r,onEffortChange:i,onThinkingChange:a,projectName:o,providerId:s,disabled:c}){let l=JSON.stringify([o,s]),u=ra.get(l),[d,f]=(0,Q.useState)(null),p=d?.projectName===o&&d.providerId===s?d:u?{...u,error:!1}:null,m=p?.models??[],h=o&&s&&!p?`Loading models...`:p?.error?`Unable to load models`:m.length===0?`No models available`:null,[g,_]=(0,Q.useState)(!1),v=(0,Q.useRef)(null),y=Fe();(0,Q.useEffect)(()=>{let e=!0;if(f(null),!g||!o||!s)return;let t=ra.get(l);if(!(t&&Date.now()<t.expiry))return W.get(`${U(o)}/chat/providers/${s}/models`).then(n=>{let r=n.length>0?n:t?.models??n;e&&n.length>0&&ra.set(l,{models:n,expiry:Date.now()+ia}),e&&f({projectName:o,providerId:s,models:r})}).catch(()=>{e&&f({projectName:o,providerId:s,models:t?.models??[],error:!t})}),()=>{e=!1}},[o,s,l,g]),(0,Q.useEffect)(()=>{c&&_(!1)},[c]),(0,Q.useEffect)(()=>{if(!g||y)return;let e=e=>{v.current&&!v.current.contains(e.target)&&_(!1)},t=v.current?.ownerDocument??document;return t.addEventListener(`mousedown`,e),()=>t.removeEventListener(`mousedown`,e)},[g,y]);let b=m.find(t=>t.value===e),x=b?aa(b.label):e?aa(e):`Model`,S=t??oa,C=m.length>0||!!h,w=na(x,S),T=e=>{e(),y||_(!1)},E=(0,$.jsxs)(`div`,{className:`flex divide-x divide-border`,children:[C&&(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(ca,{children:`Model`}),h&&(0,$.jsx)(`div`,{role:`status`,className:`px-3 py-2 text-xs text-text-secondary`,children:h}),m.map(t=>(0,$.jsxs)(ua,{active:t.value===e,onClick:()=>T(()=>r(t.value)),children:[(0,$.jsx)(`span`,{className:`flex-1 truncate`,children:aa(t.label)}),t.value===e&&(0,$.jsx)(z,{className:`size-4 shrink-0 text-primary`})]},t.value))]}),(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(ca,{children:`Effort`}),ea.map(e=>(0,$.jsxs)(ua,{active:e.value===S,onClick:()=>T(()=>i(e.value)),children:[(0,$.jsxs)(`span`,{className:`flex-1 truncate`,children:[e.label,e.default&&(0,$.jsx)(`span`,{className:`ml-2 text-xs text-text-subtle`,children:`Default`})]}),e.value===S&&(0,$.jsx)(z,{className:`size-4 shrink-0 text-primary`})]},e.value)),(0,$.jsx)(la,{}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>a(!n),className:`w-full flex items-center gap-3 px-3 min-h-[44px] text-left text-sm hover:bg-surface-elevated`,role:`switch`,"aria-checked":n,children:[(0,$.jsx)(se,{className:`size-4 shrink-0`}),(0,$.jsx)(`span`,{className:`flex-1`,children:`Thinking`}),(0,$.jsx)(`span`,{className:`inline-flex h-5 w-9 items-center rounded-full transition-colors ${n?`bg-primary`:`bg-border`}`,children:(0,$.jsx)(`span`,{className:`h-4 w-4 rounded-full bg-white transition-transform ${n?`translate-x-4`:`translate-x-0.5`}`})})]})]})]});return(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsxs)(`button`,{type:`button`,disabled:c,onClick:e=>{e.stopPropagation(),c||_(e=>!e)},className:`inline-flex items-center gap-1.5 px-[9px] py-1 rounded-full text-[11.5px] text-primary bg-accent-wash border border-accent-wash-border hover:brightness-110 transition-[filter] disabled:opacity-50 disabled:cursor-default`,"aria-label":`Model ${x}, effort ${S}${n?`, thinking on`:``}`,title:c?`Can't change while running`:w,children:[(0,$.jsx)(k,{className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsx)(`span`,{className:`max-w-[140px] truncate`,children:w}),n&&(0,$.jsx)(se,{className:`h-3 w-3 shrink-0`})]}),g&&!c&&(y?(0,$.jsx)(Ve,{open:g,onClose:()=>_(!1),children:(0,$.jsx)(`div`,{className:`px-1 pb-2`,children:E})}):(0,$.jsx)(`div`,{ref:v,role:`listbox`,"aria-label":`Model and thinking`,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:`absolute bottom-full left-0 mb-1 z-50 w-80 rounded-lg border border-border popover-solid shadow-[var(--shadow-panel)] max-h-[70vh] overflow-y-auto`,children:E}))]})}function ca({children:e}){return(0,$.jsx)(`div`,{className:`px-3 py-1.5 text-xs font-medium text-text-secondary`,children:e})}function la(){return(0,$.jsx)(`div`,{className:`my-1 border-t border-border`})}function ua({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})}var da=6e4,fa=new Map;function pa(e,t,n){let r=`${e}\0${t??``}\0${n??``}`,i=fa.get(r);if(i&&Date.now()<i.expiresAt)return i.promise;let a=new URLSearchParams;t&&a.set(`providerId`,t),n&&a.set(`sessionId`,n);let o=a.size>0?`?${a}`:``,s=W.get(`${U(e)}/chat/slash-items${o}`).then(e=>({items:e.items??[],recentNames:e.recentNames??[]})).catch(e=>{throw fa.get(r)?.promise===s&&fa.delete(r),e});return fa.set(r,{promise:s,expiresAt:Date.now()+da}),s}function ma(e){if(!e){fa.clear();return}let t=`${e}\0`;for(let e of fa.keys())e.startsWith(t)&&fa.delete(e)}async function ha(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 ga=(0,Q.memo)(function({tabId:e,draftReady:t=!0,onSend:n,isStreaming:r,onCancel:i,disabled:a,projectName:o,onSlashStateChange:s,onSlashItemsLoaded:c,slashSelected:l,onFileStateChange:u,onFileItemsLoaded:d,fileSelected:f,externalFiles:m,externalPaths:h,onExternalPathsConsumed:_,initialValue:v,clearSignal:y,restore:b,onContentChange:x,getUserHistory:S,autoFocus:C,permissionMode:w,onModeChange:T,providerId:E,sessionId:te,onProviderChange:D,model:ne,onModelChange:re,effort:ie,onEffortChange:O,thinking:ae,onThinkingChange:oe,configurationPending:se=!1}){let k=(0,Q.useRef)(v??``),[ce,le]=(0,Q.useState)(()=>(v??``).trim().length>0),[A,j]=(0,Q.useState)([]),[M,de]=(0,Q.useState)(null),[fe,N]=(0,Q.useState)(!1),[P,pe]=(0,Q.useState)(!1),[me,he]=(0,Q.useState)(`next`),F=(0,Q.useRef)(null),I=(0,Q.useRef)(null),ge=(0,Q.useRef)(null),_e=(0,Q.useRef)([]),ve=(0,Q.useRef)([]),ye=(0,Q.useRef)(0),z=(0,Q.useRef)(!1),be=(0,Q.useRef)(!1),xe=(0,Q.useRef)(typeof CSS>`u`||!CSS.supports(`field-sizing`,`content`)),B=(0,Q.useCallback)(e=>{k.current=e,F.current&&(F.current.value=e),I.current&&(I.current.value=e),le(e.trim().length>0)},[]),V=(0,Q.useCallback)(()=>window.matchMedia(`(min-width: 768px)`).matches?F.current:I.current,[]),H=(0,Q.useRef)(-1),W=(0,Q.useCallback)(e=>{let t=Yi(S?.()??[],H.current,e);if(!t)return!1;H.current=t.index;let{agent:n,text:r}=Hr(t.text);de(n),B(r);let i=V();return i?(i.focus(),requestAnimationFrame(()=>{i.selectionStart=i.selectionEnd=r.length}),xe.current&&(i.style.height=`auto`,i.style.height=Math.min(i.scrollHeight,i===I.current?80:160)+`px`),!0):!0},[S,B,V]),G=Ni(),Te=(0,Q.useRef)(``),Ee=(0,Q.useCallback)(e=>{let t=Te.current;B(t?t+` `+e:e),xe.current&&requestAnimationFrame(()=>{let e=V();e&&(e.style.height=`auto`,e.style.height=Math.min(e.scrollHeight,160)+`px`)})},[B,V]),K=(0,Q.useCallback)(()=>{G.isListening?G.stop():(Te.current=k.current.trim(),G.start(Ee))},[G.isListening,G.start,G.stop,Ee]);(0,Q.useEffect)(()=>{let e=()=>{G.supported&&Kn(V())&&K()};return window.addEventListener(`toggle-voice-input`,e),()=>window.removeEventListener(`toggle-voice-input`,e)},[G.supported,K,V]),(0,Q.useEffect)(()=>{let t=t=>{let{text:i,label:o,targetTabId:s,autoSend:c}=t.detail??{};if(!i||(s?s!==e:!Kn(V())))return;let l=!!c&&!!s&&!a&&!r&&!k.current.trim()&&A.length===0;if(window.dispatchEvent(new CustomEvent(Tt,{detail:{sent:l}})),l){n(i,[]);return}let u={id:De(),name:o??`Terminal output`,file:new File([],`terminal-output.txt`),isImage:!1,textContent:i,status:`ready`};j(e=>[...e,u]),V()?.focus()};return window.addEventListener(wt,t),()=>window.removeEventListener(wt,t)},[V,e,a,r,A.length,n]),(0,Q.useEffect)(()=>{if(v&&!k.current){B(v);let e=setTimeout(()=>{let e=F.current;e&&(e.focus(),e.selectionStart=e.selectionEnd=e.value.length)},50);return()=>clearTimeout(e)}},[v]),(0,Q.useEffect)(()=>{let n=n=>{let i=n.detail;if(!t||a||r||k.current||A.length||M||!e||i?.projectName!==o||i.tabId&&i.tabId!==e||typeof i.text!=`string`)return;let s=ke.getState();!(i.tabId?Object.values(s.panels).some(t=>t.activeTabId===e):s.panels[s.focusedPanelId]?.activeTabId===e)||document.hidden||(B(i.text),x?.(i.text),V()?.focus())};return window.addEventListener(`ppm:onboarding-prompt`,n),()=>window.removeEventListener(`ppm:onboarding-prompt`,n)},[t,a,r,A.length,M,e,o,x,B,V]),(0,Q.useEffect)(()=>{y&&B(``)},[y]),(0,Q.useEffect)(()=>{if(!b?.nonce||!b.text)return;let e=k.current,t=e.trim()?`${e}\n\n${b.text}`:b.text;B(t),x?.(t,A.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath})));let n=setTimeout(()=>{let e=V();e&&(e.focus(),e.selectionStart=e.selectionEnd=e.value.length)},50);return()=>clearTimeout(n)},[b?.nonce]),(0,Q.useEffect)(()=>{if(!C)return;let e=setTimeout(()=>{V()?.focus()},100);return()=>clearTimeout(e)},[]);let q=(0,Q.useCallback)(()=>{if(!se){if(!o){_e.current=[],c?.([],[]);return}pa(o,E,te).then(e=>{_e.current=e.items,c?.(e.items,e.recentNames)}).catch(()=>{_e.current=[],c?.([],[])})}},[o,E,te,c,se]);(0,Q.useEffect)(()=>{!se&&z.current&&q()},[se,q]),(0,Q.useEffect)(()=>{let e=()=>{ma(o),q()};return window.addEventListener(`ppm:slash-items-refresh`,e),()=>window.removeEventListener(`ppm:slash-items-refresh`,e)},[q,o]),(0,Q.useEffect)(()=>{let e=()=>{if(!o){ve.current=[],d?.([]);return}let e=X.getState();if(be.current&&e.indexStatus===`idle`&&Ae.getState().activeProject?.name===o){e.loadIndex(o);return}let t=e.indexProjectName===o?e.fileIndex:[];ve.current=t,d?.(t)};e();let t=X.getState().fileIndex,n=X.getState().indexStatus;return X.subscribe(r=>{(r.fileIndex!==t||r.indexStatus!==n)&&(t=r.fileIndex,n=r.indexStatus,e())})},[o]),(0,Q.useEffect)(()=>{if(!l)return;let e=V();if(!e)return;let t=e.value,n=e.selectionStart,r=t.slice(0,n),i=t.slice(n),a=e=>e.startsWith(`/`)?``:e[0];if(l.type===`agent`){let t=r.replace(/(?:^|\s)\/\S*$/,a);de(l.name),B(t+i),s?.(!1,``),z.current=!1,e.focus(),setTimeout(()=>{e.selectionStart=e.selectionEnd=t.length},0);return}let o=r.replace(/(?:^|\s)\/\S*$/,e=>`${a(e)}${l.invokeSigil??`/`}${l.name} `);B(o+i),s?.(!1,``),z.current=!1,u?.(!1,``),be.current=!1,e.focus(),setTimeout(()=>{e.selectionStart=e.selectionEnd=o.length},0)},[l]),(0,Q.useEffect)(()=>{if(!f)return;let e=V();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;B(r.slice(0,t)+`@${f.path} `+i);let n=t+f.path.length+2;setTimeout(()=>{e.selectionStart=e.selectionEnd=n,e.focus()},0)}else{let n=t+`@${f.path} `;B(n),setTimeout(()=>{e.selectionStart=e.selectionEnd=n.length,e.focus()},0)}u?.(!1,``),be.current=!1},[f]),(0,Q.useEffect)(()=>{!m||m.length===0||J(m)},[m]),(0,Q.useEffect)(()=>{if(!h||h.length===0)return;let e=h.map(e=>`@${e}`).join(` `),t=k.current;B(t+(t.length>0&&!t.endsWith(` `)?` `:``)+e+` `),V()?.focus(),_?.()},[h]);let Oe=(0,Q.useCallback)(async e=>{if(!o)return;let t=e.split(/[\\/]/).pop();if(t)try{let e={},n=we();n&&(e.Authorization=`Bearer ${n}`),await fetch(`${U(o)}/chat/uploads/${encodeURIComponent(t)}`,{method:`DELETE`,headers:e})}catch{}},[o]),je=(0,Q.useCallback)(async e=>{if(!o)return null;try{let t=new FormData;t.append(`files`,e);let n={},r=we();r&&(n.Authorization=`Bearer ${r}`);let i=await(await fetch(`${U(o)}/chat/upload`,{method:`POST`,headers:n,body:t})).json();return i.ok&&Array.isArray(i.data)&&i.data.length>0?i.data[0].path:null}catch{return null}},[o]),J=(0,Q.useCallback)(async e=>{for(let t of e){let e=De(),n=Gi(t),r={id:e,name:t.name,file:t,isImage:n,previewUrl:n?URL.createObjectURL(t):void 0,status:`uploading`};j(e=>[...e,r]);try{let i=n?await Ui(t):null,a=i?.file??t,o=n&&a!==t?URL.createObjectURL(a):void 0,s=await je(a),c=i&&i.kind!==`asis`?await ha(a):void 0,l=!!c&&c.data.length<=Vt.maxBase64PerImage;o&&r.previewUrl&&URL.revokeObjectURL(r.previewUrl),j(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{j(t=>t.map(t=>t.id===e?{...t,status:`error`}:t))}}(I.current??F.current)?.focus()},[je]),Me=(0,Q.useCallback)(e=>{j(t=>{let n=t.find(t=>t.id===e);return n?.previewUrl&&URL.revokeObjectURL(n.previewUrl),n?.serverPath&&Oe(n.serverPath),t.filter(t=>t.id!==e)})},[Oe]),Ne=(0,Q.useCallback)(()=>{let e=k.current.trim(),t=A.filter(e=>e.status===`ready`);if(!e&&t.length===0&&!M){pe(!1);return}let i=M?`Use the ${M} agent to ${e}`.trimEnd():e;s?.(!1,``),z.current=!1,u?.(!1,``),be.current=!1,G.isListening&&G.stop(),n(i,t,r?me:void 0),B(``);for(let e of A)e.previewUrl&&URL.revokeObjectURL(e.previewUrl);j([]),de(null),pe(!1),he(`next`),H.current=-1,xe.current&&(F.current&&(F.current.style.height=`auto`),I.current&&(I.current.style.height=`auto`))},[A,M,n,s,u,r,me,B]),Pe=(0,Q.useCallback)(()=>{if(!a){if(A.some(e=>e.status===`uploading`)){(k.current.trim()||A.some(e=>e.status!==`error`))&&pe(!0);return}Ne()}},[A,a,Ne]);(0,Q.useEffect)(()=>{P&&(A.some(e=>e.status===`uploading`)||Ne())},[P,A,Ne]);let Y=(0,Q.useCallback)(e=>{if(e.key===`Enter`&&!e.shiftKey){e.preventDefault(),Pe();return}if((e.key===`ArrowUp`||e.key===`ArrowDown`)&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey){if(!(H.current>=0)&&(e.key===`ArrowDown`||k.current!==``||M))return;W(e.key===`ArrowUp`?1:-1)&&e.preventDefault();return}if(e.shiftKey&&e.key===`Tab`){e.preventDefault();let t=[`default`,`acceptEdits`,`plan`,`bypassPermissions`],n=t[(t.indexOf(w??`bypassPermissions`)+1)%t.length];T?.(n)}},[Pe,w,T,W,M]),Fe=(0,Q.useCallback)((e,t)=>{let n=e.slice(0,t),r=n.includes(`/`),i=n.includes(`@`);if(!r&&!i){z.current&&=(s?.(!1,``),!1),be.current&&=(u?.(!1,``),!1);return}if(r){let e=n.match(/(?:^|\s)\/(\S*)$/);if(e){z.current||q();let t=e[1]??``;s?.(!0,t),z.current=!0,be.current&&=(u?.(!1,``),!1);return}}if(i){let e=n.match(/@(\S*)$/);if(e){let t=X.getState();o&&(t.indexProjectName!==o||t.indexStatus===`idle`||t.indexStatus===`error`)&&t.loadIndex(o),u?.(!0,e[1]??``),be.current=!0,z.current&&=(s?.(!1,``),!1);return}}z.current&&=(s?.(!1,``),!1),be.current&&=(u?.(!1,``),!1)},[s,u,q,o]),Ie=(0,Q.useCallback)(e=>{let t=e.target,n=t.value;k.current=n,H.current=-1;let r=t===F.current?I.current:F.current;r&&(r.value=n),le(n.trim().length>0),Fe(n,t.selectionStart),x?.(n,A.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath}))),xe.current&&(ye.current&&cancelAnimationFrame(ye.current),ye.current=requestAnimationFrame(()=>{ye.current=0,t.style.height=`auto`,t.style.height=Math.min(t.scrollHeight,t===I.current?80:160)+`px`}))},[Fe,x,A]),Le=(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(),J(n))},[J]),Re=(0,Q.useCallback)(e=>{e.preventDefault();let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){let e=k.current;B(e+(e.length>0&&!e.endsWith(` `)?` `:``)+`@${t} `),V()?.focus();return}let n=Array.from(e.dataTransfer.files);n.length>0&&J(n)},[J,B,V]),ze=(0,Q.useCallback)(e=>{e.preventDefault()},[]),Be=(0,Q.useCallback)(()=>{ge.current?.click()},[]),Ve=(0,Q.useCallback)(e=>{let t=Array.from(e.target.files??[]);t.length>0&&J(t),e.target.value=``},[J]),He=ce||A.some(e=>e.status!==`error`)||!!M,Ue=r&&!He;return(0,$.jsxs)(`div`,{"data-onboarding":`chat-input`,className:`p-2 md:p-3`,children:[(0,$.jsxs)(`div`,{className:`border border-border rounded-[var(--rad)] bg-panel shadow-[var(--shadow-float)] cursor-text`,onClick:e=>{a||e.target instanceof HTMLTextAreaElement||V()?.focus()},children:[M&&(0,$.jsx)(`div`,{className:`px-2 md:px-4 pt-2`,children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 rounded-md border border-sky-500/30 bg-sky-500/10 px-2 py-1 text-xs font-medium text-sky-600 dark:text-sky-400`,children:[(0,$.jsx)(R,{className:`size-3.5 shrink-0`}),M,(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),de(null),V()?.focus()},className:`shrink-0 rounded-sm p-0.5 hover:bg-sky-500/20 transition-colors`,"aria-label":`Remove ${M} agent`,children:(0,$.jsx)(g,{className:`size-3`})})]})}),(0,$.jsx)(qi,{attachments:A,onRemove:Me}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 px-2 pt-2 md:hidden relative`,children:[!se&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(_a,{mode:w??`bypassPermissions`,onClick:()=>N(e=>!e)}),(0,$.jsx)($i,{value:w??`bypassPermissions`,onChange:e=>T?.(e),open:fe,onOpenChange:N})]}),D&&o&&(0,$.jsx)(ft,{value:E??`claude`,onChange:D,projectName:o}),re&&o&&(0,$.jsx)(sa,{model:ne??null,effort:ie??null,thinking:ae??!1,onModelChange:re,onEffortChange:O??(()=>{}),onThinkingChange:oe??(()=>{}),projectName:o,providerId:E??`claude`,disabled:r}),r&&(0,$.jsx)(ya,{value:me,onChange:he})]}),(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(),Be()},disabled:a,className:`flex items-center justify-center size-8 shrink-0 rounded-[10px] text-text-3 hover:text-text-primary transition-colors disabled:opacity-50`,"aria-label":`Attach file`,children:(0,$.jsx)(p,{className:`size-4`})}),(0,$.jsx)(`textarea`,{ref:I,defaultValue:v??``,onChange:Ie,onKeyDown:Y,onPaste:Le,onDrop:Re,onDragOver:ze,placeholder:r?`Follow-up...`:`Ask anything...`,disabled:a,rows:1,className:`flex-1 resize-none bg-transparent py-1.5 text-sm text-foreground placeholder:text-text-subtle focus:outline-none disabled:opacity-50 max-h-20 [field-sizing:content]`}),G.supported&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),K()},disabled:a,className:`flex items-center justify-center size-8 shrink-0 rounded-[10px] transition-colors disabled:opacity-50 ${G.isListening?`bg-error text-white animate-pulse`:`text-text-3 hover:text-text-primary`}`,"aria-label":G.isListening?`Stop voice input`:`Start voice input`,children:G.isListening?(0,$.jsx)(ee,{className:`size-4`}):(0,$.jsx)(Se,{className:`size-4`})}),Ue?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),i?.()},className:`flex items-center justify-center size-9 shrink-0 rounded-[11px] bg-error text-white hover:bg-error/80 shadow-[var(--shadow-float)] transition-colors`,"aria-label":`Stop`,children:(0,$.jsx)(Ce,{className:`size-3.5`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),P?pe(!1):Pe()},disabled:a||!He,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":P?`Cancel queued send`:`Send`,children:P?(0,$.jsx)(L,{className:`size-4 animate-spin`}):(0,$.jsx)(ue,{className:`size-4`})})]}),(0,$.jsxs)(`div`,{className:`hidden md:block`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 px-2.5 pt-2.5`,children:[!se&&(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(_a,{mode:w??`bypassPermissions`,onClick:()=>N(e=>!e)}),(0,$.jsx)($i,{value:w??`bypassPermissions`,onChange:e=>T?.(e),open:fe,onOpenChange:N})]}),D&&o&&(0,$.jsx)(ft,{value:E??`claude`,onChange:D,projectName:o}),re&&o&&(0,$.jsx)(sa,{model:ne??null,effort:ie??null,thinking:ae??!1,onModelChange:re,onEffortChange:O??(()=>{}),onThinkingChange:oe??(()=>{}),projectName:o,providerId:E??`claude`,disabled:r}),r&&(0,$.jsx)(ya,{value:me,onChange:he})]}),(0,$.jsxs)(`div`,{className:`flex items-end gap-2 px-2.5 py-2`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Be()},disabled:a,className:`flex items-center justify-center size-[34px] shrink-0 rounded-[10px] text-text-3 hover:text-text-primary hover:bg-surface-elevated transition-colors disabled:opacity-50`,"aria-label":`Attach file`,children:(0,$.jsx)(p,{className:`size-[17px]`})}),(0,$.jsx)(`textarea`,{ref:F,defaultValue:v??``,onChange:Ie,onKeyDown:Y,onPaste:Le,onDrop:Re,onDragOver:ze,placeholder:r?`Follow-up or Stop...`:`Ask anything...`,disabled:a,rows:1,className:`flex-1 resize-none bg-transparent py-2 text-sm text-foreground placeholder:text-text-subtle focus:outline-none disabled:opacity-50 max-h-[90px] leading-relaxed [field-sizing:content]`}),G.supported&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),K()},disabled:a,className:`flex items-center justify-center size-[34px] shrink-0 rounded-[10px] transition-colors disabled:opacity-50 ${G.isListening?`bg-error text-white animate-pulse`:`text-text-3 hover:text-text-primary hover:bg-surface-elevated`}`,"aria-label":G.isListening?`Stop voice input`:`Start voice input`,children:G.isListening?(0,$.jsx)(ee,{className:`size-[17px]`}):(0,$.jsx)(Se,{className:`size-[17px]`})}),Ue?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),i?.()},className:`flex items-center justify-center size-9 shrink-0 rounded-[11px] bg-error text-white hover:bg-error/80 shadow-[var(--shadow-float)] transition-colors`,"aria-label":`Stop response`,children:(0,$.jsx)(Ce,{className:`size-4`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),P?pe(!1):Pe()},disabled:a||!He,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":P?`Cancel queued send`:`Send message`,children:P?(0,$.jsx)(L,{className:`size-4 animate-spin`}):(0,$.jsx)(ue,{className:`size-[17px]`})})]})]})]}),(0,$.jsx)(`input`,{ref:ge,type:`file`,multiple:!0,className:`hidden`,onChange:Ve})]})});function _a({mode:e,onClick:t}){let n=Qi(e),r=Zi(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),t()},className:`inline-flex items-center gap-1.5 px-[9px] py-1 rounded-full text-[11.5px] text-text-2 bg-panel-2 border border-border-soft hover:text-text-primary hover:border-border transition-colors`,"aria-label":`Permission mode: ${r}`,children:[(0,$.jsx)(n,{className:`size-3`}),(0,$.jsx)(`span`,{className:`max-w-[100px] truncate`,children:r})]})}var va=[{value:`now`,label:`Interrupt`,Icon:T},{value:`next`,label:`Queue`,Icon:ce},{value:`later`,label:`Later`,Icon:m}];function ya({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=va.find(t=>t.value===e)??va[1],i=r.Icon;return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),n()},className:`inline-flex items-center gap-1.5 px-[9px] py-1 rounded-full text-[11.5px] text-text-2 bg-panel-2 border border-border-soft hover:text-text-primary hover:border-border transition-colors`,"aria-label":`Message priority: ${r.label}`,title:`Priority: ${r.label} (click to cycle)`,children:[(0,$.jsx)(i,{className:`size-3`}),(0,$.jsx)(`span`,{children:r.label})]})}function ba(e,t){if(e===t)return 0;if(e.length===0)return t.length;if(t.length===0)return e.length;let n=Array.from({length:t.length+1},(e,t)=>t),r=Array(t.length+1);for(let i=1;i<=e.length;i++){r[0]=i;for(let a=1;a<=t.length;a++){let o=e[i-1]===t[a-1]?0:1;r[a]=Math.min(r[a-1]+1,n[a]+1,n[a-1]+o)}[n,r]=[r,n]}return n[t.length]}function xa(e,t){let n=e.toLowerCase(),r=t.toLowerCase();if(r.startsWith(n))return{rank:0,distance:0};if(r.includes(n))return{rank:1,distance:r.indexOf(n)};let i=Math.max(Math.floor(n.length*.4),2),a=ba(n,r.slice(0,n.length+i));return a<=i?{rank:2,distance:a}:null}var Sa=1;function Ca(e,t,n=20,r=[]){if(!t)return e;t=t.slice(0,50);let i=new Map(r.map((e,t)=>[e,t])),a=[];for(let n of e){let e=xa(t,n.name),o=[e,xa(t,n.description)].filter(e=>e!==null).sort((e,t)=>e.rank-t.rank||e.distance-t.distance)[0];if(o){let t=i.get(n.name),s=t!==void 0&&e?.rank===o.rank;a.push({item:n,rank:o.rank-(s?Sa:0),distance:o.distance,recency:t??r.length})}}return a.sort((e,t)=>e.rank-t.rank||e.recency-t.recency||e.distance-t.distance||e.item.name.localeCompare(t.item.name)),a.slice(0,n).map(e=>e.item)}function wa({items:e,filter:t,onSelect:n,onClose:r,visible:i,recentNames:a=[],projectName:o}){let[s,c]=(0,Q.useState)(0),[l,u]=(0,Q.useState)(!1),d=(0,Q.useRef)(null),f=(0,Q.useMemo)(()=>new Set(a),[a]),p=(0,Q.useMemo)(()=>{if(t)return{items:Ca(e,t,20,a),recentCount:0};if(a.length>0){let t=[],n=[];for(let r of e)f.has(r.name)?t.push(r):n.push(r);return t.sort((e,t)=>a.indexOf(e.name)-a.indexOf(t.name)),{items:[...t,...n],recentCount:t.length}}return{items:e,recentCount:0}},[e,t,a,f]),h=p.items,g=p.recentCount;(0,Q.useEffect)(()=>{c(0)},[t]),(0,Q.useEffect)(()=>{let e=d.current;e&&e.children[s]?.scrollIntoView({block:`nearest`})},[s]);let _=(0,Q.useCallback)(e=>{if(!i||h.length===0)return!1;switch(e.key){case`ArrowUp`:return e.preventDefault(),c(e=>e>0?e-1:h.length-1),!0;case`ArrowDown`:return e.preventDefault(),c(e=>e<h.length-1?e+1:0),!0;case`Enter`:case`Tab`:return e.preventDefault(),h[s]&&n(h[s]),!0;case`Escape`:return e.preventDefault(),r(),!0}return!1},[i,h,s,n,r]);(0,Q.useEffect)(()=>{if(!i)return;let e=e=>{_(e)&&e.stopPropagation()},t=d.current?.ownerDocument??document;return t.addEventListener(`keydown`,e,!0),()=>t.removeEventListener(`keydown`,e,!0)},[i,_]);let v=(0,Q.useCallback)(()=>{!o||l||(u(!0),W.del(`${U(o)}/chat/slash-items/cache`).then(()=>{window.dispatchEvent(new CustomEvent(`ppm:slash-items-refresh`))}).finally(()=>u(!1)))},[o,l]);return!i||h.length===0?null:(0,$.jsx)(`div`,{className:`max-h-52 overflow-y-auto overflow-x-hidden border-b border-border bg-surface`,children:(0,$.jsx)(`div`,{ref:d,className:`py-1`,children:h.map((e,t)=>{let r=g>0&&t===0,i=g>0&&t===g;return(0,$.jsxs)(`div`,{children:[r&&(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-3 pt-1 pb-0.5`,children:[(0,$.jsxs)(`span`,{className:`text-[10px] font-medium text-text-subtle uppercase tracking-wider flex items-center gap-1`,children:[(0,$.jsx)(m,{className:`size-3`}),`Recent`]}),o&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),v()},className:`text-text-subtle hover:text-text-primary transition-colors p-0.5 rounded`,title:`Refresh skill list`,"aria-label":`Refresh skill list`,children:(0,$.jsx)(fe,{className:`size-3 ${l?`animate-spin`:``}`})})]}),i&&(0,$.jsx)(`div`,{className:`px-3 pt-1.5 pb-0.5`,children:(0,$.jsx)(`span`,{className:`text-[10px] font-medium text-text-subtle uppercase tracking-wider`,children:`All`})}),(0,$.jsxs)(`button`,{className:`flex items-start gap-3 w-full px-3 py-2 text-left transition-colors ${t===s?`bg-primary/10 text-primary`:`hover:bg-surface-hover text-text-primary`}`,onMouseEnter:()=>c(t),onClick:()=>n(e),children:[(0,$.jsx)(`span`,{className:`shrink-0 mt-0.5`,children:e.iconDataUri?(0,$.jsx)(`img`,{src:e.iconDataUri,alt:``,className:`size-4 object-contain`}):e.type===`builtin`?(0,$.jsx)(T,{className:`size-4 text-emerald-500`}):e.type===`skill`?(0,$.jsx)(k,{className:`size-4 text-warning`}):e.type===`agent`?(0,$.jsx)(R,{className:`size-4 text-sky-500`}):(0,$.jsx)(P,{className:`size-4 text-primary`})}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-baseline gap-2 min-w-0`,children:[(0,$.jsxs)(`span`,{className:`font-medium text-sm truncate`,children:[e.invokeSigil??`/`,e.name]}),e.displayName&&e.displayName!==e.name&&(0,$.jsx)(`span`,{className:`text-xs text-text-2 truncate`,children:e.displayName}),e.argumentHint&&(0,$.jsx)(`span`,{className:`text-xs text-text-subtle truncate`,children:e.argumentHint}),(0,$.jsx)(`span`,{className:`text-xs text-text-subtle capitalize ml-auto shrink-0 whitespace-nowrap`,children:e.invokeSigil===`$`?`Codex`:e.scope===`bundled`?`PPM`:e.scope===`user`?`global`:e.type})]}),e.description&&(0,$.jsx)(`p`,{className:`text-xs text-text-subtle mt-0.5 line-clamp-2 break-words`,children:e.description})]})]})]},`${e.type}-${e.name}`)})})})}function Ta({items:e,filter:t,onSelect:n,onClose:r,visible:i}){let[a,o]=(0,Q.useState)(0),s=(0,Q.useRef)(null),l=(()=>{if(!t)return e.slice(0,50);let n=t.toLowerCase();return e.filter(e=>e.path.toLowerCase().includes(n)||e.name.toLowerCase().includes(n)).slice(0,50)})();(0,Q.useEffect)(()=>{o(0)},[t]),(0,Q.useEffect)(()=>{let e=s.current;e&&e.children[a]?.scrollIntoView({block:`nearest`})},[a]);let u=(0,Q.useCallback)(e=>{if(!i||l.length===0)return!1;switch(e.key){case`ArrowUp`:return e.preventDefault(),o(e=>e>0?e-1:l.length-1),!0;case`ArrowDown`:return e.preventDefault(),o(e=>e<l.length-1?e+1:0),!0;case`Enter`:case`Tab`:return e.preventDefault(),l[a]&&n(l[a]),!0;case`Escape`:return e.preventDefault(),r(),!0}return!1},[i,l,a,n,r]);return(0,Q.useEffect)(()=>{if(!i)return;let e=e=>{u(e)&&e.stopPropagation()},t=s.current?.ownerDocument??document;return t.addEventListener(`keydown`,e,!0),()=>t.removeEventListener(`keydown`,e,!0)},[i,u]),!i||l.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:l.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)(c,{className:`size-4 text-warning`}):(0,$.jsx)(A,{className:`size-4 text-primary`})}),(0,$.jsx)(`span`,{className:`text-sm truncate`,children:e.path})]},e.path))})})}var Ea=e=>`${(e/1048576).toFixed(2)} MB`;function Da(e){return e>=1048576?`${(e/1048576).toFixed(1)} MB`:`${Math.max(1,Math.round(e/1024))} KB`}function Oa(){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 ka({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 W.get(`${U(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),W.post(`${U(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`,` · `,Da(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)(S,{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)(S,{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)(Le,{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)(v,{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 `,Da(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)(Le,{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)(v,{className:`size-3.5`}),`Remove oversized`,n.oversized>0?` (${n.oversized} · ${Da(n.oversizedBytes)})`:``]}),(0,$.jsxs)(Le,{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)(v,{className:`size-3.5`}),`Remove all`,n.total>0?` (${n.total} · ${Da(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 Aa({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 W.get(`${U(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+cr(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 ·`,` `,gr(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=fr(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:gr(sr(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 ja({sessionId:e,projectName:t,open:n,onOpenChange:r}){let[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(!1),c=Fe();(0,Q.useEffect)(()=>{n&&(s(!1),a(null),W.get(`${U(t)}/chat/sessions/${e}/debug?project=${encodeURIComponent(t)}`).then(e=>{let t=e.jsonlSizeBytes==null?``:` (${Ea(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,...Oa()].filter(Boolean).join(`
-`))}).catch(()=>a(`Failed to load debug info`)))},[n,e,t]);let l=(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsxs)(`h2`,{className:`flex items-center gap-2 text-sm font-semibold text-foreground`,children:[(0,$.jsx)(xe,{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)(Le,{size:`sm`,onClick:()=>{i&&Z(i).then(e=>{e&&(s(!0),setTimeout(()=>s(!1),1500))})},disabled:!i,className:`w-full`,children:o?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(d,{className:`size-3.5`}),` Copied!`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(F,{className:`size-3.5`}),` Copy`]})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)(Aa,{sessionId:e,projectName:t})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)(ka,{sessionId:e,projectName:t})})]});return c?(0,$.jsx)(Ve,{open:n,onClose:()=>r(!1),className:`popover-solid`,children:(0,$.jsx)(`div`,{className:`max-h-[85vh] overflow-y-auto px-4 pb-4 pt-1`,children:l})}):(0,$.jsx)(Be,{open:n,onOpenChange:r,children:(0,$.jsxs)(Re,{className:`sm:max-w-lg`,children:[(0,$.jsx)(ze,{className:`sr-only`,children:`Session debug info`}),l]})})}function Ma({hasUnread:e,onToggleUnread:t,onOpenDebug:n}){return(0,$.jsxs)(nt,{children:[(0,$.jsx)(tt,{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)(i,{className:`size-3.5`})})}),(0,$.jsxs)(rt,{align:`end`,side:`top`,className:`min-w-[190px]`,children:[(0,$.jsx)(ot,{onClick:t,className:`max-md:py-3`,children:e?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(j,{className:`size-3.5 text-warning`}),` Mark as read`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(B,{className:`size-3.5 fill-current text-primary`}),` Mark as unread`]})}),(0,$.jsxs)(ot,{onClick:n,className:`max-md:py-3`,children:[(0,$.jsx)(xe,{className:`size-3.5`}),` Session debug info`]})]})]})}function Na({title:e,meta:t,onClose:n,onReload:r,reloading:i,error:a,onDismissError:o,cardCount:s,children:c,fallback:l,footer:u}){let[d,f]=(0,Q.useState)(!1),p=s||1,m=Math.ceil(Math.sqrt(p)),h=Math.ceil(p/m);return(0,$.jsxs)(`div`,{className:`relative border-b border-border bg-surface px-3 py-2.5 ${d?`fixed inset-0 z-50 flex flex-col gap-2.5 overflow-hidden`:`space-y-2.5 max-h-[350px] overflow-y-auto`}`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between shrink-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-xs font-semibold text-text-primary`,children:e}),t]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsxs)($e,{children:[(0,$.jsx)(Ue,{asChild:!0,children:(0,$.jsxs)(`button`,{onClick:()=>Xe(`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)(le,{className:`size-3`})]})}),(0,$.jsx)(Ze,{side:`top`,children:`Add, remove or rotate accounts`})]}),s>0&&(0,$.jsxs)($e,{children:[(0,$.jsx)(Ue,{asChild:!0,children:(0,$.jsx)(`button`,{onClick:()=>f(e=>!e),className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,"aria-label":d?`Exit fullscreen`:`Fullscreen view`,children:d?(0,$.jsx)(be,{className:`size-3`}):(0,$.jsx)(M,{className:`size-3`})})}),(0,$.jsx)(Ze,{side:`top`,children:d?`Exit fullscreen`:`Fullscreen view`})]}),r&&(0,$.jsxs)($e,{children:[(0,$.jsx)(Ue,{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)(fe,{className:`size-3 ${i?`animate-spin`:``}`})})}),(0,$.jsx)(Ze,{side:`top`,children:`Refresh`})]}),(0,$.jsx)(`button`,{onClick:()=>{f(!1),n()},className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,"aria-label":`Close usage panel`,children:(0,$.jsx)(g,{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)(g,{className:`size-3`})})]}),s>0?(0,$.jsx)(`div`,{className:d?`flex-1 min-h-0 grid gap-2 overflow-hidden`:`flex gap-2 overflow-x-auto pb-1 -mx-3 px-3 snap-x snap-mandatory scrollbar-thin`,style:d?{gridTemplateColumns:`repeat(${m}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${h}, minmax(0, 1fr))`}:void 0,children:c(d?`grid`:`strip`)}):l,u&&!d&&u]})}function Pa(e){return Math.round((e??0)*100)>=100}function Fa({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}=At(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(Pa(n?.utilization))return`5-hour limit reached${n?.resetsAt?` — resets ${kt(n)}`:``}`;let r=t?.usage.weekly;return Pa(r?.utilization)?`Weekly limit reached${r?.resetsAt?` — resets ${kt(r)}`:``}`:null}async function T(e,t){b(await _(e,t))}async function E(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 ee=e.queryCostUsd!=null||e.totalCostUsd!=null;return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Na,{title:`Usage`,meta:a&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle`,children:Rt(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)(Dt,{label:`5-Hour Session`,bucket:e.session}),(0,$.jsx)(Dt,{label:`Weekly`,bucket:e.weekly}),(0,$.jsx)(Dt,{label:`Weekly (Opus)`,bucket:e.weeklyOpus}),(0,$.jsx)(Dt,{label:`Weekly (Sonnet)`,bucket:e.weeklySonnet}),(0,$.jsx)(jt,{buckets:e.weeklyScoped})]}):(0,$.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`No usage data available`}),footer:ee?(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)(Mt,{entry:n,isActive:n.accountId===(s??e.activeAccountId??f),accountInfo:r,flash:h.has(n.accountId),layout:t,onSelect:o?E:void 0,unselectableReason:w(r,n),selecting:c===n.accountId,onToggle:T,toggling:v===n.accountId,onReauth:()=>S(n.accountLabel??n.accountId.slice(0,8))},n.accountId)})}),x&&(0,$.jsx)(It,{open:!0,onOpenChange:e=>{e||S(null)},onSuccess:e=>{S(null),g(),e&&b(e)},signInAgainFor:x})]})}function Ia(e){return Math.round((e??0)*100)>=100}function La(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 Ra({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),[_,v]=(0,Q.useState)(null),y=(0,Q.useCallback)(async()=>{u(!0);try{o((await W.get(`/api/codex-accounts`)).accounts),c(await W.get(`/api/codex-accounts/usage`))}catch{}finally{u(!1)}},[]);(0,Q.useEffect)(()=>{y()},[y]);let b=(0,Q.useCallback)(async()=>{u(!0);try{await n?.(),c(await W.get(`/api/codex-accounts/usage`))}catch{}finally{u(!1)}},[n]),x=(0,Q.useCallback)((e,t)=>e.status===`disabled`?`Disabled`:e.signedOut?`Signed out — sign in again first`:Ia(t.fiveHour)?`5-hour limit reached${t.session?.resetsAt?` — resets ${kt(t.session)}`:``}`:Ia(t.sevenDay)?`Weekly limit reached${t.weekly?.resetsAt?` — resets ${kt(t.weekly)}`:``}`:null,[]),S=(0,Q.useCallback)(async e=>{if(!r)return;let t=a.find(t=>t.id===e);if(!t)return;let n=x(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,x]),C=(0,Q.useCallback)(async(e,t)=>{m(e),g(null);try{await W.patch(`/api/codex-accounts/${e}`,{status:t===`disabled`?`active`:`disabled`}),o((await W.get(`/api/codex-accounts`)).accounts)}catch(e){g(e.message||`Could not change the account`)}finally{m(null)}},[]),w=(0,Q.useCallback)(async(e,t)=>{m(e),g(null);try{await W.patch(`/api/codex-accounts/${e}`,{dailyGuardEnabled:!t}),o((await W.get(`/api/codex-accounts`)).accounts)}catch(e){g(e.message||`Could not change Daily guard`)}finally{m(null)}},[]),T=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)(Pt,{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)(Dt,{label:`5-Hour Session`,bucket:t.session}),(0,$.jsx)(Dt,{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)(Na,{title:`Codex Usage`,onClose:e,onReload:n?()=>void b():void 0,reloading:l,error:h,onDismissError:()=>g(null),cardCount:a.length,fallback:T,children:e=>a.map(n=>{let a=s[n.id]??{},o=a.session==null?Ot(a.weekly):null;return(0,$.jsx)(Mt,{entry:La(n,a),isActive:n.id===(i??t.activeAccountId),layout:e,planLabel:Nt(n.planType),onSelect:r?S:void 0,unselectableReason:x(n,a),selecting:d===n.id,onToggle:C,toggling:p===n.id,dailyGuard:o?{enabled:!!n.dailyGuardEnabled,state:o}:void 0,onDailyGuardToggle:o?()=>void w(n.id,!!n.dailyGuardEnabled):void 0,dailyGuardToggling:p===n.id,reauthHint:n.signedOut?Ft:void 0,resetCredits:a.resetCredits,onReauth:n.type===`chatgpt`?()=>v(n):void 0},n.id)})}),_&&(0,$.jsx)(Lt,{account:_,onClose:()=>v(null),onDone:()=>void y()})]})}var za={working:`working`,paused:`paused`,"no-transcript":`no session`};function Ba({member:e,onOpen:t}){let n=e.workState===`working`,r=Ei(e),i=Ti(e.startedAt,n?void 0:e.lastEventAt),a=wi(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:K(`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:K(n&&`text-success`),children:za[e.workState]}),(0,$.jsx)(N,{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 Va({members:e,loading:t,onOpenMember:n,className:r}){return e.length===0?(0,$.jsx)(`div`,{className:K(`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:K(`overflow-y-auto space-y-0.5`,r),children:e.map(e=>(0,$.jsx)(Ba,{member:e,onOpen:n},e.name))})}var Ha=[`subject`,`summary`,`text`,`message`,`content`,`description`,`reason`,`feedback`],Ua=[`description`,`message`,`content`,`reason`,`feedback`],Wa=new Set([`type`,`taskId`,`task_id`,`assignedBy`,`assigned_by`,`timestamp`,`request_id`,`requestId`]),Ga=e=>typeof e==`string`?e.trim():e==null?``:String(e);function Ka(e,t,n){for(let r of t){if(r===n)continue;let t=Ga(e[r]);if(t)return{key:r,value:t}}return null}function qa(e){return Object.entries(e).filter(([e,t])=>!Wa.has(e)&&Ga(t)).map(([e,t])=>`${e}: ${Ga(t)}`).join(` · `)}function Ja(e,t){let n=Ga(t),r=Ga(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||Ga(e),...i?{detail:i}:{}}}if(!i||typeof i!=`object`||Array.isArray(i))return{title:n||r};let a=i,o=Ga(a.taskId)||Ga(a.task_id),s=Ka(a,Ha),c=Ka(a,Ua,s?.key);return{title:n||s?.value||qa(a)||Ga(a.type)||r,...c?{detail:c.value}:{},...o?{taskId:o}:{}}}function Ya({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:K(`text-xs text-text-subtle text-center py-4`,t),children:`No messages yet`}):(0,$.jsx)(`div`,{className:K(`overflow-y-auto`,t),children:(0,$.jsxs)(`div`,{className:`space-y-2`,children:[e.map((e,t)=>{let n=e.parsedType?_t[e.parsedType]:null,{title:r,detail:i,taskId:a}=Ja(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:Za(e.color),children:e.from}),(0,$.jsx)(`span`,{children:`→`}),(0,$.jsx)(`span`,{children:e.to}),(0,$.jsx)(`span`,{className:`ml-auto text-[10px]`,children:Xa(e.timestamp)})]}),(0,$.jsxs)(`div`,{className:`mt-0.5 text-foreground/90 break-words`,children:[n&&(0,$.jsx)(`span`,{className:K(`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 Xa(e){try{return new Date(e).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}catch{return``}}function Za(e){if(e&&(/^#[0-9a-fA-F]{3,8}$/.test(e)||/^[a-zA-Z]{3,20}$/.test(e)))return{color:e}}function Qa(e,t){return e===t?`Team (current session)`:e}function $a({teamNames:e,messages:t,sessionId:n,projectName:r}){let[i,a]=(0,Q.useState)(e[0]??``),[o,s]=(0,Q.useState)(`members`),c=Ct(),l=Ye();(0,Q.useEffect)(()=>{e.length>0&&!e.includes(i)&&a(e[0])},[e,i]);let{members:u,outbound:d,loading:f,refresh:p}=ji(i,!!i),m=(0,Q.useCallback)(e=>{c({teamName:i,memberName:e,projectName:r})},[c,i,r]),h=(0,Q.useMemo)(()=>{let e=d.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,d]),g=u.filter(e=>e.workState===`working`).length,_=e=>K(`flex items-center gap-1.5 px-2.5 rounded-md text-[11px] whitespace-nowrap transition-colors`,l?`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:()=>a(e),className:K(`px-2 py-0.5 text-[11px] rounded-md whitespace-nowrap transition-colors`,i===e?`bg-primary/10 text-primary font-medium`:`text-text-subtle hover:text-text-primary`),children:Qa(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":o===`members`,onClick:()=>s(`members`),className:_(o===`members`),children:[(0,$.jsx)(`span`,{children:`Members`}),(0,$.jsx)(`span`,{className:`text-text-subtle`,children:u.length}),g>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`}),g]})]}),(0,$.jsxs)(`button`,{role:`tab`,"aria-selected":o===`messages`,onClick:()=>s(`messages`),className:_(o===`messages`),children:[(0,$.jsx)(`span`,{children:`Messages`}),(0,$.jsx)(`span`,{className:`text-text-subtle`,children:h.length})]}),(0,$.jsx)(`button`,{onClick:p,className:K(`ml-auto text-text-subtle hover:text-foreground shrink-0`,l?`p-3`:`p-1`),"aria-label":`Refresh`,children:(0,$.jsx)(fe,{className:K(`size-3`,f&&`animate-spin`)})})]}),o===`members`?(0,$.jsx)(Va,{members:u,loading:f,onOpenMember:m,className:`max-h-56`}):(0,$.jsx)(Ya,{messages:h,className:`max-h-56`})]})}function eo(e){return e>=90?`text-error`:e>=70?`text-warning`:`text-success`}function to({tabId:e,projectName:t,usageInfo:n,usageLoading:r,refreshUsage:i,lastFetchedAt:a,sessionId:s,providerId:c,pickedAccountLabel:l,pickedAccountId:u,onSelectAccount:d,onSelectSession:f,historyFilter:p,onBugReport:m,isConnected:_,onReload:v,teamActivity:y,teamMessages:x,onTeamOpen:S}){let[C,T]=(0,Q.useState)(null),[E,ee]=(0,Q.useState)([]),[re,ie]=(0,Q.useState)(!1),O=qe(e=>e.notifications),ae=qe(e=>s?e.notifications.has(s):!1),oe=qe(e=>e.clearForSession),se=qe(e=>e.markUnread),[k,ce]=(0,Q.useState)(``),le=it(k,300),[ue,A]=(0,Q.useState)(null),[j,M]=(0,Q.useState)(``),[de,N]=(0,Q.useState)(!1),[P,pe]=(0,Q.useState)(!1),[me,he]=(0,Q.useState)([]),[F,ye]=(0,Q.useState)(null),[be,xe]=(0,Q.useState)({}),[Se,Ce]=(0,Q.useState)(!1),[B,V]=(0,Q.useState)(!1),H=(0,Q.useRef)(null),we=e=>{T(t=>t===e?null:e)},G=(0,Q.useCallback)(async e=>{if(t){ie(!0);try{let n=new URLSearchParams({limit:`50`,offset:`0`});e&&n.set(`q`,e);let r=await W.get(`${U(t)}/chat/sessions?${n}`);ee(r.sessions),N(r.hasMore)}catch{}finally{ie(!1)}}},[t]),Te=(0,Q.useCallback)(async()=>{if(!(!t||P||!de)){pe(!0);try{let e=E.filter(e=>!e.pinned).length,n=new URLSearchParams({limit:`50`,offset:String(e)});le&&n.set(`q`,le);let r=await W.get(`${U(t)}/chat/sessions?${n}`);ee(e=>{let t=new Set(e.map(e=>e.id)),n=r.sessions.filter(e=>!t.has(e.id));return[...e,...n]}),N(r.hasMore)}catch{}finally{pe(!1)}}},[t,P,de,E,le]);(0,Q.useEffect)(()=>{C===`history`&&E.length===0&&G()},[C]),(0,Q.useEffect)(()=>{C===`history`&&G(le||void 0)},[le]);let Ee=(0,Q.useCallback)(async()=>{if(t)try{let e=await W.get(`${U(t)}/tags`);he(e.tags),xe(e.counts)}catch{}},[t]);(0,Q.useEffect)(()=>{C===`history`&&t&&Ee()},[C,t,Ee]);function De(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(ke.getState().panels).some(t=>t.activeTabId===e)}}));let r=p?n.designSlug===p:!n.designSlug;f&&r?(f(n),T(null)):(lt(n,t),T(null))}let q=(0,Q.useCallback)((e,t)=>{t.stopPropagation(),A(e.id),M(e.title||``),setTimeout(()=>H.current?.select(),0)},[]),Oe=(0,Q.useCallback)(async()=>{if(!ue||!j.trim()||!t){A(null);return}try{await W.patch(`${U(t)}/chat/sessions/${ue}`,{title:j.trim()}),ee(e=>e.map(e=>e.id===ue?{...e,title:j.trim()}:e))}catch{}A(null)},[ue,j,t]),Ae=(0,Q.useCallback)(()=>A(null),[]),je=(0,Q.useCallback)(async(e,n)=>{if(e.stopPropagation(),!t)return;let r=`${U(t)}/chat/sessions/${n.id}/pin`;try{n.pinned?await W.del(r):await W.put(r),ee(e=>e.map(e=>e.id===n.id?{...e,pinned:!e.pinned}:e).sort(Je))}catch{}},[t]),Me=(0,Q.useCallback)(async(e,n)=>{if(e.stopPropagation(),t&&window.confirm(`Delete this session? This cannot be undone.`))try{await W.del(`${U(t)}/chat/sessions/${n.id}?providerId=${n.providerId}`),ee(e=>e.filter(e=>e.id!==n.id))}catch{}},[t]),Ne=(0,Q.useCallback)((e,t)=>{ee(n=>n.map(n=>n.id===e?{...n,tag:t}:n)),Ee()},[Ee]),Pe=(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.`)){ie(!0);try{await W.del(`${U(t)}/chat/sessions?olderThanDays=${n}`),G(le||void 0)}catch{}}},[t,G,le]);(0,Q.useEffect)(()=>{if(C!==`history`)return;let e=e=>{if(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)return;let n=parseInt(e.key);if(n>=1&&n<=me.length&&s){let e=me[n-1];e&&(W.patch(`${U(t)}/chat/sessions/${s}/tag`,{tagId:e.id}).catch(()=>{}),Ne(s,{id:e.id,name:e.name,color:e.color}))}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[C,me,s,t,Ne]);let Y=p?E.filter(e=>e.designSlug===p):E,X=F===null?Y:Y.filter(e=>e.tag?.id===F),Fe=!c||c===`claude`,Ie=c===`codex`,Le=!u||u===n.activeAccountId,Re=Le&&n.fiveHour!=null?Math.round(n.fiveHour*100):null,ze=Le&&n.sevenDay!=null?Math.round(n.sevenDay*100):null,Be=Re!=null||ze!=null?eo(Math.max(Re??0,ze??0)):`text-text-subtle`,Ve=l??(Le?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:()=>we(`history`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${C===`history`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,children:[(0,$.jsx)(te,{className:`size-3`}),(0,$.jsx)(`span`,{children:`History`})]}),s&&c&&c!==`mock`?(0,$.jsxs)(`button`,{onClick:()=>we(`config`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${C===`config`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`AI Settings`,children:[(0,$.jsx)(Qe,{providerId:c}),(0,$.jsx)(`span`,{className:`capitalize`,children:c})]}):(0,$.jsx)(`button`,{onClick:()=>we(`config`),className:`shrink-0 p-1 rounded transition-colors ${C===`config`?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary hover:bg-surface-elevated`}`,title:`AI Settings`,children:(0,$.jsx)(I,{className:`size-3`})}),Fe||Ie?(0,$.jsxs)(`button`,{onClick:()=>we(`usage`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] font-medium tabular-nums transition-colors hover:bg-surface-elevated ${C===`usage`?`bg-primary/10`:``} ${Be}`,title:`Usage limits`,children:[(0,$.jsx)(_e,{className:`size-3`}),Ve&&(0,$.jsxs)(`span`,{className:`text-text-secondary font-normal truncate max-w-[110px]`,title:Ve,children:[`[`,Ve,`]`]}),(0,$.jsxs)(`span`,{children:[`5h:`,Re==null?`--%`:`${Re}%`]}),(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`·`}),(0,$.jsxs)(`span`,{children:[`Wk:`,ze==null?`--%`:`${ze}%`]})]}):null,y?.hasTeams&&(0,$.jsxs)(`button`,{onClick:()=>{we(`team`),S?.()},className:`shrink-0 relative flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${C===`team`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`Team activity`,children:[(0,$.jsx)(D,{className:`size-3`}),(0,$.jsx)(`span`,{children:`Team`}),(y.unreadCount??0)>0&&(0,$.jsx)(`span`,{className:`absolute -top-0.5 -right-0.5 size-2 bg-primary rounded-full animate-pulse`})]})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1 pl-1`,children:[v&&(0,$.jsxs)(`button`,{onClick:e=>{let t=e.currentTarget.querySelector(`svg`);t&&(t.classList.add(`animate-spin`),setTimeout(()=>t.classList.remove(`animate-spin`),600)),v()},className:`relative size-4 flex items-center justify-center`,title:_?`Reload messages`:`Disconnected — click to reload`,children:[(0,$.jsx)(fe,{className:`size-3 ${_?`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 ${_?`bg-success`:`bg-error animate-pulse`}`})]}),s&&(0,$.jsx)(Ma,{hasUnread:ae,onToggleUnread:()=>ae?oe(s):se(s,t),onOpenDebug:()=>V(!0)})]})]}),s&&(0,$.jsx)(ja,{sessionId:s,projectName:t,open:B,onOpenChange:V}),C===`history`&&(0,$.jsxs)(`div`,{className:`border-t border-border/30 bg-surface`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 px-2 py-1 border-b border-border/30`,children:[(0,$.jsx)(ve,{className:`size-3 text-text-subtle shrink-0`}),(0,$.jsx)(`input`,{type:`text`,value:k,onChange:e=>ce(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:Pe,className:`p-0.5 rounded text-text-subtle hover:text-error transition-colors`,title:`Delete old sessions...`,children:(0,$.jsx)(o,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:()=>G(le||void 0),disabled:re,className:`p-0.5 rounded text-text-subtle hover:text-text-secondary transition-colors disabled:opacity-50`,title:`Refresh`,children:(0,$.jsx)(fe,{className:`size-3 ${re?`animate-spin`:``}`})})]}),me.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:()=>ye(null),className:`shrink-0 rounded-md border px-2 py-1 text-[10px] transition-colors ${F===null?`bg-primary/20 border-primary text-primary`:`border-border bg-surface text-text-secondary`}`,children:[`All (`,Y.length,`)`]}),me.map(e=>(0,$.jsxs)(`button`,{onClick:()=>ye(F===e.id?null:e.id),className:`shrink-0 flex items-center gap-1 rounded-md border px-2 py-1 text-[10px] transition-colors ${F===e.id?`border-current`:`border-border bg-surface`}`,style:F===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,` (`,be[e.id]??0,`)`]},e.id)),(0,$.jsx)(`button`,{onClick:()=>Ce(!Se),className:`shrink-0 p-1 rounded transition-colors ${Se?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary`}`,title:`Manage tags`,children:(0,$.jsx)(w,{className:`size-3`})})]}),Se&&(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)(He,{projectName:t,onTagsChanged:Ee})}),(0,$.jsx)(`div`,{className:`max-h-[200px] overflow-y-auto`,children:re&&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`})}):X.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3 text-[11px] text-text-subtle`,children:k?`No matching sessions`:`No sessions yet`}):(0,$.jsxs)($.Fragment,{children:[X.map(e=>{let n=O.get(e.id),r=!!n;return(0,$.jsx)(We,{session:e,projectName:t,projectTags:me,onTogglePin:je,onStartEditing:q,onDeleteSession:Me,onTagChanged:Ne,children:(0,$.jsxs)(`div`,{"data-onboarding":`chat-history-session`,className:K(`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&&Ge(n.type),!r&&`text-text-secondary`),children:[(0,$.jsx)(Qe,{providerId:e.providerId}),e.tag&&(0,$.jsx)(`span`,{className:`size-2 rounded-full shrink-0`,style:{backgroundColor:e.tag.color},title:e.tag.name}),ue===e.id?(0,$.jsxs)(`form`,{className:`flex items-center gap-1 flex-1 min-w-0`,onSubmit:e=>{e.preventDefault(),Oe()},children:[(0,$.jsx)(`input`,{ref:H,value:j,onChange:e=>M(e.target.value),onBlur:Oe,onKeyDown:e=>{e.key===`Escape`&&Ae()},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)(z,{className:`size-3`})}),(0,$.jsx)(`button`,{type:`button`,className:`p-0.5 text-text-subtle hover:text-text-secondary`,onClick:e=>{e.stopPropagation(),Ae()},children:(0,$.jsx)(g,{className:`size-3`})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{onClick:()=>De(e),className:`text-[11px] truncate flex-1 text-left flex items-center gap-1`,children:[e.title?.startsWith(`[PPM]`)&&(0,$.jsx)(R,{className:`size-3 text-muted-foreground shrink-0`}),e.title?.startsWith(`[PPM]`)?e.title.slice(7):e.title||`Untitled`]}),(0,$.jsx)(`button`,{onClick:t=>je(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)(h,{className:`size-3`}):(0,$.jsx)(ge,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:t=>q(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)(ne,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:t=>Me(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)(b,{className:`size-3`})})]}),ue!==e.id&&e.updatedAt&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle shrink-0 w-16 text-right`,children:J(e.updatedAt)})]})},e.id)}),de&&(0,$.jsxs)(`button`,{onClick:Te,disabled:P,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:[P?(0,$.jsx)(L,{className:`size-3 animate-spin`}):null,P?`Loading...`:`Load more`]})]})})]}),C===`config`&&(0,$.jsx)(`div`,{className:`border-t border-border/30 bg-surface px-3 py-2 max-h-[280px] overflow-y-auto`,children:(0,$.jsx)(Et,{compact:!0})}),C===`team`&&y?.hasTeams&&(0,$.jsx)(`div`,{className:`border-t border-border/30 bg-surface px-3 py-2`,children:(0,$.jsx)($a,{teamNames:y.teamNames,messages:x??[],sessionId:s,projectName:t})}),C===`usage`&&Fe&&(0,$.jsx)(Fa,{usage:n,onSelectAccount:d,selectedAccountId:u??n.activeAccountId??null,visible:!0,onClose:()=>T(null),onReload:i,loading:r,lastFetchedAt:a}),C===`usage`&&Ie&&(0,$.jsx)(Ra,{usage:n,onClose:()=>T(null),onReload:i,onSelectAccount:d,selectedAccountId:u??n.activeAccountId??null})]})}var no=(0,Q.createContext)({pending:!1,prepare:()=>Promise.reject(Error(`Chat preparation is unavailable.`))});function ro(){return(0,Q.useContext)(no)}function io({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)(()=>ke.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={providerId:t,permissionMode:r.permissionMode??n.providers[t]?.permission_mode??`bypassPermissions`},a={...r,...i,providerPending:void 0,focusedProviderOnOpen:void 0};return s.current=a,ke.getState().updateTab(e,{metadata:a}),i},[d,e]),p=(0,Q.useCallback)(()=>{let e=d();if(!e.providerPending)return typeof e.providerId==`string`&&e.providerId?Promise.resolve({providerId:e.providerId,permissionMode:e.permissionMode}):Promise.reject(Error(`Choose a provider for this chat.`));if(l.current)return l.current;i(void 0),o(null);let t=e.projectName,n=Y(),r=Promise.all([Pe(t),t?Me(t):Promise.resolve(null)]).then(([t,r])=>{if(!c.current)throw Error(`Chat was closed.`);if(n!==Y())throw Error(`Chat settings changed. Please retry.`);let i=d();if(!i.providerPending&&typeof i.providerId==`string`)return{providerId:i.providerId,permissionMode:i.permissionMode};let a=zt(t,e.focusedProviderOnOpen);if(r&&!r.some(e=>e.id===a))throw o({provider:a,settings:t,alternatives:r}),Error(`${a} is not available. Choose a provider for this chat.`);return f(a,t)}).catch(e=>{throw c.current&&i(e instanceof Error?e.message:`Could not load chat settings.`),e}).finally(()=>{l.current===r&&(l.current=null)});return l.current=r,r},[d,f]);(0,Q.useEffect)(()=>(c.current=!0,()=>{c.current=!1}),[]),(0,Q.useEffect)(()=>{u&&p().catch(()=>{})},[u,p]);let m=()=>{Ne(),p().catch(()=>{})};return(0,$.jsx)(no.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 ao=3e3;function oo(e,t,n){let r=(0,Q.useCallback)(t=>`ppm-chat-draft:${JSON.stringify([e,n??null,t??`__new__`])}`,[e,n]),i=r(t),[a]=(0,Q.useState)(()=>{try{let e=JSON.parse(sessionStorage.getItem(i)??`null`);return typeof e?.content!=`string`||!Array.isArray(e.attachments)?null:{content:e.content,attachments:e.attachments.filter(e=>typeof e?.name==`string`&&typeof e?.path==`string`)}}catch{return null}}),o=(0,Q.useRef)({projectName:e,sessionId:t,draft:a}),s=(0,Q.useRef)(i);s.current=i;let[c,l]=(0,Q.useState)(a),[u,d]=(0,Q.useState)(!0),f=(0,Q.useRef)(void 0),p=(0,Q.useRef)(t),m=(0,Q.useRef)(0);p.current=t;let h=t??`__new__`;(0,Q.useEffect)(()=>{if(!e){d(!1);return}let n=!1,r=m.current;(o.current.projectName!==e||o.current.sessionId!==t)&&(o.current.draft=null);let i=o.current.draft!==null;d(!0);let a=setTimeout(()=>{n||d(!1)},ao);return W.get(`${U(e)}/chat/drafts/${encodeURIComponent(h)}`).then(e=>{if(!(n||i||m.current!==r))if(e){let t=[];try{t=JSON.parse(e.attachments)}catch{}l({content:e.content,attachments:t})}else l(null)}).catch(()=>{!n&&!i&&m.current===r&&l(null)}).finally(()=>{clearTimeout(a),n||d(!1)}),()=>{n=!0,clearTimeout(a)}},[e,h]);let g=(0,Q.useCallback)((t,n)=>{if(++m.current,e){try{sessionStorage.setItem(s.current,JSON.stringify({content:t,attachments:n??[]}))}catch{}f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{let r=p.current??`__new__`;W.put(`${U(e)}/chat/drafts/${encodeURIComponent(r)}`,{content:t,attachments:JSON.stringify(n??[])}).catch(()=>{})},1e3)}},[e]),_=(0,Q.useCallback)(()=>{f.current&&clearTimeout(f.current),f.current=void 0},[]),v=(0,Q.useCallback)(e=>{let t=s.current,n=r(e);if(t!==n)try{let e=sessionStorage.getItem(t);e!==null&&(sessionStorage.setItem(n,e),sessionStorage.removeItem(t))}catch{}},[r]),y=(0,Q.useCallback)(t=>{if(++m.current,!e)return;o.current.draft=null;try{sessionStorage.removeItem(s.current),t&&sessionStorage.removeItem(r(t===`__new__`?null:t))}catch{}f.current&&clearTimeout(f.current);let n=t??p.current??`__new__`;W.del(`${U(e)}/chat/drafts/${encodeURIComponent(n)}`).catch(()=>{}),l(null)},[e,r]);return(0,Q.useEffect)(()=>()=>{f.current&&clearTimeout(f.current)},[]),{draft:c,draftLoading:u,saveDraft:g,clearDraft:y,cancelPendingSave:_,moveDraft:v}}var so=3e4,co=45e3;function lo(e){let{metadata:t,tabId:n}=e;return n&&t?(0,$.jsx)(io,{tabId:n,metadata:t,children:(0,$.jsx)(uo,{...e})}):(0,$.jsx)(uo,{...e})}function uo({metadata:e,tabId:t,onNewSession:n,onFork:r,historyFilter:i}){let a=ro(),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.useCallback)(e=>{l(e)},[]),[d,f]=(0,Q.useState)(e?.providerId??`claude`),p=!c&&a.providerId?a.providerId:d,[m,h]=(0,Q.useState)([]),[_,v]=(0,Q.useState)(!1),[b,x]=(0,Q.useState)(``),[S,C]=(0,Q.useState)(null),[w,T]=(0,Q.useState)([]),[E,ee]=(0,Q.useState)([]),[te,D]=(0,Q.useState)(!1),[ne,re]=(0,Q.useState)(``),[ie,O]=(0,Q.useState)(null),[ae,oe]=(0,Q.useState)(e?.permissionMode??void 0);(0,Q.useEffect)(()=>{!a?.pending&&!c&&e?.providerId&&(f(e.providerId),oe(e.permissionMode))},[a?.pending,e?.providerId,e?.permissionMode,c]);let se=(0,Q.useRef)(null),k=(0,Q.useRef)(null),[ce,le]=(0,Q.useState)(!1),[ue,A]=(0,Q.useState)(null),[j,M]=(0,Q.useState)(null),[de,fe]=(0,Q.useState)(null),N=(0,Q.useRef)(0),P=e?.projectName??``;ln({tabId:t,sessionId:c,designSlug:s,projectName:P,providerId:p});let pe=je(e=>e.updateTab),me=Te(e=>e.version),{usageInfo:he,usageLoading:F,lastFetchedAt:I,refreshUsage:ge,reloadUsage:_e}=cn(P,p,c??void 0,e?.pickedAccountProvider===p?e?.pickedAccountId:void 0,!a?.pending),{draft:ve,draftLoading:R,saveDraft:ye,clearDraft:z,cancelPendingSave:be,moveDraft:xe}=oo(P,c,t);(0,Q.useEffect)(()=>{ae||a?.pending||mt().then(e=>{let t=e.providers[p];oe(t?.permission_mode??`bypassPermissions`)}).catch(()=>{})},[]),(0,Q.useEffect)(()=>{!t||!c||ut(t,{sessionId:c,providerId:p,permissionMode:ae,pickedAccountId:void 0,pickedAccountLabel:void 0,pickedAccountProvider:void 0})},[c,p,ae]);let Se=(0,Q.useCallback)(e=>{f(e),t&&ut(t,{providerId:e})},[t]),Ce=e?.pickedAccountId,B=e?.pickedAccountLabel,V=e?.pickedAccountProvider,H=!!Ce&&V===p,we=un(t,p,!c&&!a?.pending&&!H),K=(0,Q.useCallback)(async(e,n)=>{if(c){try{await W.put(`${U(P)}/chat/sessions/${c}/account`,{accountId:e}),q({id:e,label:n}),_e(),G.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&&ut(t,{pickedAccountId:e,pickedAccountLabel:n,pickedAccountProvider:p}),null},[c,P,t,e,p,pe,_e]),[De,q]=(0,Q.useState)(null),Oe=ke(e=>Object.values(e.panels).some(e=>e.activeTabId===t)),{messages:Ae,renderedMessages:J,expandCompact:Me,isCompactExpanded:Ne,dismissMessage:Pe,clearErrors:Y,messagesLoading:X,versionMap:Fe,isStreaming:Ie,phase:Le,isReconnecting:Re,connectingElapsed:ze,pendingApproval:Be,contextWindowPct:Ve,compactStatus:He,mcpNeedsAuth:Ue,statusMessage:We,sessionTitle:Ge,liveAccount:Ke,model:Je,setModel:Ye,effort:Xe,setEffort:Ze,thinking:Qe,setThinking:Z,sendMessage:$e,respondToApproval:et,cancelStreaming:tt,reconnect:nt,refetchMessages:rt,isConnected:it,teamActivity:at,teamMessages:ot,markTeamRead:st,bashPartialOutput:ct,backgroundShells:lt,killBackgroundShell:ft}=an(c,p,P,u,(0,Q.useCallback)(e=>{if(!t)return;let n=!document.hidden&&Object.values(ke.getState().panels).some(e=>e.activeTabId===t),r={started:`chat-started`,succeeded:`chat-succeeded`,failed:`chat-failed`,session:`chat-session`};window.dispatchEvent(new CustomEvent(`ppm:onboarding-evidence`,{detail:{...e,type:r[e.type],projectName:P,tabId:t,visible:n}}))},[P,t]));(0,Q.useEffect)(()=>{if(!t||!Oe||R||Ie)return;let e=()=>window.dispatchEvent(new CustomEvent(`ppm:onboarding-evidence`,{detail:{type:`chat-opened`,projectName:P,tabId:t,sessionId:c,visible:!document.hidden}}));return e(),window.addEventListener(`ppm:onboarding-refresh`,e),()=>window.removeEventListener(`ppm:onboarding-refresh`,e)},[t,P,c,Oe,R,Ie]),(0,Q.useEffect)(()=>{Ke&&q(Ke)},[Ke]);let pt=Ke?.id;(0,Q.useEffect)(()=>{pt&&_e()},[pt,_e]),(0,Q.useEffect)(()=>{q(null)},[c]);let ht=at?.teamNames?.[0]??``,{members:gt}=ji(ht,!!ht);(0,Q.useEffect)(()=>{if(!c||!t)return;let e=()=>{if(document.hidden)return;let{panels:e}=ke.getState();Object.values(e).some(e=>e.activeTabId===t)&&(qe.getState().notifications.get(c)?.manual||qe.getState().clearForSession(c))};e(),document.addEventListener(`visibilitychange`,e);let n=ke.subscribe(e),r=qe.subscribe(e);return()=>{document.removeEventListener(`visibilitychange`,e),n(),r()}},[c,t]),(0,Q.useEffect)(()=>{t&&Ge&&!s&&pe(t,{title:Ge})},[Ge]);let[_t,vt]=(0,Q.useState)(e?.pendingMessage),[yt,bt]=(0,Q.useState)(!1),[xt,St]=(0,Q.useState)(!1),[Ct,wt]=(0,Q.useState)(null),Tt=(0,Q.useRef)(0),Et=(0,Q.useRef)(!1),Dt=(0,Q.useRef)(null),[Ot,kt]=(0,Q.useState)(null),At=(0,Q.useCallback)((e,t)=>{Et.current=!1,Dt.current=null,wt(null),St(!1),kt({text:e,nonce:Date.now()}),G.error(`Message not sent`,{description:`${t} Your text is back in the input.`})},[]),jt=(0,Q.useCallback)(e=>{let t=Dt.current;++Tt.current,Et.current=!1,St(!1),wt(null),k.current&&=(clearTimeout(k.current),null),bt(!1);let n=se.current;if(!n){t&&At(t,e);return}se.current=null,z(n.draftId),At(n.content,e)},[At,z]),Mt=(0,Q.useCallback)(e=>{se.current=e,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>jt(`The chat did not connect in time.`),co)},[jt]);(0,Q.useEffect)(()=>{if(it&&se.current){let{content:e,draftId:t,permissionMode:n,images:r,imagePaths:i}=se.current;se.current=null,k.current&&=(clearTimeout(k.current),null),$e(e,{permissionMode:n,...r?.length&&{images:r},...i?.length&&{imagePaths:i}}),Et.current=!1,Dt.current=null,wt(null),St(!1),z(t)}},[it,$e,z]),(0,Q.useEffect)(()=>()=>{++Tt.current,k.current&&clearTimeout(k.current)},[]);let[Nt,Pt]=(0,Q.useState)(null),[Ft,It]=(0,Q.useState)(0),[Lt,Rt]=(0,Q.useState)(!1),zt=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{zt.current&&!X&&Rt(!1),zt.current=!!X},[X]),(0,Q.useEffect)(()=>{_t&&it&&c&&t&&ut(t,{pendingMessage:void 0})},[it,c]),(0,Q.useEffect)(()=>{yt&&Ie&&bt(!1)},[yt,Ie]),(0,Q.useEffect)(()=>{if(!yt)return;let e=setTimeout(()=>bt(!1),6e4);return()=>clearTimeout(e)},[yt]);let Bt=(0,Q.useCallback)((e,t)=>{if(n){n(t);return}je.getState().openTab({type:`chat`,title:e||`AI Chat`,metadata:{projectName:P,providerId:p,...t&&{clearedFrom:t}},projectId:P||null,closable:!0})},[P,p,n]),Vt=(0,Q.useCallback)(e=>{jt(`You switched to another chat before it connected.`),l(e.id),f(e.providerId),t&&!s&&pe(t,{title:e.title||`Chat`}),qe.getState().clearForSession(e.id)},[t,pe,jt,s]),Wt=(0,Q.useCallback)(async(e,t)=>{if(!(!c||!P))try{let{api:n,projectUrl:i}=await Ee(async()=>{let{api:e,projectUrl:t}=await import(`./api-client-BgedDTvo.js`);return{api:e,projectUrl:t}},__vite__mapDeps([44,5,1,2,12])),a=await n.post(`${i(P)}/chat/sessions/${c}/fork?providerId=${p}`,{messageId:t});if(r){r({sessionId:a.id,providerId:p,pendingMessage:e});return}je.getState().openTab({type:`chat`,title:`Fork: ${e.slice(0,30)}`,metadata:{projectName:P,sessionId:a.id,providerId:p,pendingMessage:e},projectId:P||null,closable:!0})}catch(e){console.error(`Fork failed:`,e);let t=e?.message||`Unknown error`;G.error(`Cannot fork from this message`,{description:t.includes(`not found`)||t.includes(`Invalid upToMessageId`)?`The original message is no longer available in the session transcript. Try forking from a different message.`:t})}},[c,P,p,r]),Gt=(0,Q.useCallback)((e,t,n)=>{vt(e),Pt({anchorMsgId:t,ownMsgId:n})},[]),Kt=(0,Q.useCallback)(()=>{Pt(null),vt(void 0),bt(!1),z(),It(e=>e+1)},[z]),qt=(0,Q.useCallback)(async(e,n)=>{if(!(!e.trim()||!c||!P)){bt(!0);try{let r=await W.post(`${U(P)}/chat/sessions/${c}/fork?providerId=${p}&mode=edit`,{messageId:n},{signal:AbortSignal.timeout(so)});Mt({content:e,draftId:c,permissionMode:ae}),xe(r.id),Rt(!0),t&&ut(t,{sessionId:r.id}),l(r.id)}catch(t){bt(!1);let n=t?.name===`TimeoutError`?`The server did not answer in time.`:t?.message||`Unknown error`;G.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}),kt({text:e,nonce:Date.now()})}}},[c,P,p,ae,t,Mt,xe]),Jt=(0,Q.useCallback)(e=>{!e||e===c||(jt(`You switched to another version before it connected.`),Rt(!0),t&&ut(t,{sessionId:e}),l(e))},[c,t,jt]),Yt=(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}=Ut(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},[]),Xt=(0,Q.useCallback)(async(t,n=[],r)=>{let i=Ht(n),u=Yt(t,n,i),d=n.filter(e=>e.isImage&&e.serverPath).map(e=>e.serverPath);if(!(!u.trim()&&i.length===0)){if(!c){if(Et.current)return;Et.current=!0,Dt.current=u;let n=++Tt.current;St(!0),wt({content:u,timestamp:new Date().toISOString()});try{let r=a?.pending?await a.prepare():null;if(n!==Tt.current)return;let c=r?.providerId??p,m=r?.permissionMode??ae??a.permissionMode;f(c),oe(m);let h=await we(c);if(n!==Tt.current)return;let g=o.current,_=g?.pickedAccountProvider===c?g.pickedAccountId:h?.id,v=P,y=await W.post(`${U(v)}/chat/sessions`,{providerId:c,title:t.slice(0,50),clearedFrom:e?.clearedFrom,accountId:_,...s&&{designSlug:s}},{signal:AbortSignal.timeout(so)});if(n!==Tt.current)return;xe(y.id),l(y.id),f(y.providerId),Mt({content:u,draftId:`__new__`,permissionMode:m,images:i,imagePaths:d});return}catch(e){if(n!==Tt.current)return;console.error(`Failed to create session:`,e),At(u,e?.name===`TimeoutError`?`The server did not answer in time.`:`Could not start the chat: ${e?.message||`unknown error`}.`);return}}$e(u,{permissionMode:ae,priority:r,...i.length>0&&{images:i},...d.length>0&&{imagePaths:d}}),z()}},[c,p,P,$e,Yt,ae,e,Mt,At,z,s,xe,a,we]),Zt=(0,Q.useRef)(m);Zt.current=m;let Qt=(0,Q.useCallback)((e,t,n)=>{let r=e.trim().match(/^\/(\S+)(?:\s+([\s\S]+))?$/);if(r){let e=Zt.current.find(e=>e.handler===`client`&&(e.name===r[1]||e.aliases?.includes(r[1])));if(r[1]===`clear`||e?.name===`clear`){z(),Bt(r[2]?.trim(),c??void 0);return}}if(vt(void 0),ye(e,t.filter(e=>e.serverPath).map(e=>({name:e.name,path:e.serverPath}))),be(),Nt&&c&&P){let n=Nt.anchorMsgId;Pt(null),qt(Yt(e,t),n);return}Xt(e,t,n)},[Xt,z,ye,be,Nt,c,P,qt,Yt,Bt]),$t=(0,Q.useRef)(Ae);$t.current=Ae;let en=(0,Q.useCallback)(()=>$t.current.filter(e=>e.role===`user`&&e.content.trim()).map(e=>e.content),[]),tn=(0,Q.useCallback)((e,t)=>{ye(e,t)},[ye]),nn=(0,Q.useCallback)((e,t)=>{h(e),t&&T(t)},[]),rn=(0,Q.useCallback)((e,t)=>{v(e),x(t)},[]),on=(0,Q.useCallback)(e=>{C(e),v(!1),x(``),setTimeout(()=>C(null),50),P&&(W.post(`${U(P)}/chat/slash-recents`,{name:e.name,type:e.type}).catch(()=>{}),T(t=>[e.name,...t.filter(t=>t!==e.name)].slice(0,5)))},[P]),sn=(0,Q.useCallback)(()=>{v(!1),x(``)},[]),dn=(0,Q.useCallback)(()=>M(null),[]),fn=(0,Q.useCallback)(e=>{fe(e)},[]),pn=(0,Q.useCallback)(e=>{M([e.path]),fe(null)},[]),mn=(0,Q.useCallback)((e,t)=>{D(e),re(t)},[]),hn=(0,Q.useCallback)(e=>{O(e),D(!1),re(``),setTimeout(()=>O(null),50)},[]),gn=(0,Q.useCallback)(()=>{D(!1),re(``)},[]),_n=(0,Q.useCallback)(e=>{e.preventDefault(),N.current++,(e.dataTransfer.types.includes(`application/x-ppm-path`)||e.dataTransfer.types.includes(`Files`))&&le(!0)},[]),vn=(0,Q.useCallback)(e=>{e.preventDefault(),N.current--,N.current===0&&le(!1)},[]),yn=(0,Q.useCallback)(e=>{e.preventDefault()},[]),bn=(0,Q.useCallback)(e=>{e.preventDefault(),N.current=0,le(!1);let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){M([t]);return}let n=Array.from(e.dataTransfer.files);n.length>0&&(A(n),setTimeout(()=>A(null),100))},[]);return(0,$.jsxs)(`div`,{"data-onboarding":`chat`,className:`flex flex-col h-full relative`,onDragEnter:_n,onDragLeave:vn,onDragOver:yn,onDrop:bn,children:[ce&&(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)(y,{className:`size-8`}),(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:`Drop files to attach`})]})}),Re&&(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...`})]})}),yt&&(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)(Ci,{shells:lt,onKill:ft}),xt?(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[Ct&&(0,$.jsx)(Xr,{content:Ct.content,timestamp:Ct.timestamp,projectName:P}),(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)(vi,{messages:J,onExpandCompact:Me,isCompactExpanded:Ne,messagesLoading:X,keepStaleWhileLoading:Lt,pendingApproval:Be,onApprovalResponse:et,isStreaming:Ie,phase:Le,connectingElapsed:ze,statusMessage:We,compactStatus:He,projectName:P,onFork:Ie?void 0:Wt,onEdit:Ie?void 0:Gt,editingMsgId:Nt?.ownMsgId,sessionId:c??void 0,providerId:p,onNavigateVersion:Jt,versionMap:Fe,onSelectSession:Vt,onDismissMessage:Pe,onClearErrors:Y,bashPartialOutput:ct}),(0,$.jsx)(Di,{teamName:ht,members:gt,projectName:P}),(0,$.jsx)(ki,{needsAuth:Ue,projectName:P||void 0},c??`draft`),(0,$.jsxs)(`div`,{className:`border-t border-border bg-panel shrink-0`,children:[(0,$.jsx)(to,{tabId:t,projectName:P,usageInfo:he,usageLoading:F,refreshUsage:ge,lastFetchedAt:I,sessionId:c,providerId:p,pickedAccountLabel:De?.label??(H?B:null),pickedAccountId:De?.id??(H?Ce??null:null),onSelectAccount:!a.pending&&!xt?K:void 0,onSelectSession:Vt,historyFilter:i,onBugReport:c?()=>dt(me,{sessionId:c,projectName:P}):void 0,isConnected:it,onReload:()=>{it||nt(),rt()},teamActivity:at,teamMessages:ot,onTeamOpen:st}),(0,$.jsx)(wa,{items:m,filter:b,onSelect:on,onClose:sn,visible:_,recentNames:w,projectName:P}),(0,$.jsx)(Ta,{items:E,filter:ne,onSelect:hn,onClose:gn,visible:te}),de&&(0,$.jsx)(Ta,{items:de,filter:``,onSelect:pn,onClose:()=>fe(null),visible:!0}),Nt&&(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:Kt,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)(g,{className:`h-3.5 w-3.5`}),`Cancel`]})]}),(0,$.jsx)(ga,{draftReady:!R,configurationPending:a.pending,tabId:t,onSend:Qt,disabled:xt,isStreaming:Ie,onCancel:tt,autoFocus:!e?.sessionId||!!_t,initialValue:_t??ve?.content,clearSignal:Ft,restore:Ot,projectName:P,onSlashStateChange:rn,onSlashItemsLoaded:nn,slashSelected:S,onFileStateChange:mn,onFileItemsLoaded:ee,fileSelected:ie,externalFiles:ue,externalPaths:j,onExternalPathsConsumed:dn,onDisambiguate:fn,onContentChange:tn,getUserHistory:en,permissionMode:ae,onModeChange:!a?.pending&&!xt?oe:void 0,providerId:a?.providerId??p,sessionId:c??void 0,onProviderChange:!c&&!s&&!a?.pending&&!xt?Se:void 0,model:Je,onModelChange:!a?.pending&&!xt?Ye:void 0,effort:Xe,onEffortChange:Ze,thinking:Qe,onThinkingChange:Z})]})]})}export{lo as t};

package/dist/web/assets/codex-sign-in-again-dialog-C8JvblLG.js

@@ -1 +0,0 @@
-import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{C as t,S as n}from"./vendor-markdown-QKPNiWEd.js";import{Dn as r,Jr as i,Mr as a,V as o,Zt as s,ar as c,ct as l,ir as u,lt as d,st as f,un as p}from"./icons-CO_II6D-.js";import{n as m,r as h}from"./api-client-c8YOpTlT.js";import{t as g}from"./button-Ci9EUgqd.js";import{a as _,i as v,n as y,o as b,r as x,t as S}from"./dialog-B8clVkyi.js";import{t as C}from"./input-CG8PS8mS.js";import{$n as w,Qn as T,Zn as E,bt as D,ft as O}from"./index-jG9mLs-J.js";import{c as k,h as A,i as j,l as M,s as N,t as P,u as F}from"./api-settings-BmvNoCbn.js";function I(e){return e>=90?`text-error`:e>=70?`text-warning`:`text-success`}function L(e){return e>=90?`bg-error`:e>=70?`bg-warning`:`bg-success`}function R(e){if(!e)return null;let t=null;if(e.resetsInMinutes!=null)t=e.resetsInMinutes;else if(e.resetsInHours!=null)t=Math.round(e.resetsInHours*60);else if(e.resetsAt){let n=new Date(e.resetsAt).getTime()-Date.now();t=n>0?Math.ceil(n/6e4):0}if(t==null)return null;if(t<=0)return`now`;let n=Math.floor(t/1440),r=Math.floor(t%1440/60),i=t%60;return n>0?i>0?`${n}d ${r}h ${i}m`:r>0?`${n}d ${r}h`:`${n}d`:r>0?i>0?`${r}h ${i}m`:`${r}h`:`${i}m`}function z(e){if(!e)return null;let t=new Date(e).getTime();return Number.isFinite(t)?new Date(t).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`}):null}function B(e){let t=e-Date.now();if(t<=0)return`expired`;let n=Math.ceil(t/6e4),r=Math.floor(n/60),i=Math.floor(r/24);return i>0?`${i}d ${r%24}h`:r>0?`${r}h ${n%60}m`:`${n}m`}function V(e){if(!e)return{label:`unknown`,tip:`No account info available`,color:`text-text-subtle`};if(!e.expiresAt)return{label:`key`,tip:`API key (no expiry)`,color:`text-text-subtle`};if(e.reauthRequired)return{label:`sign in again`,tip:`Anthropic rejected this account's refresh token. Sign in again to restore it.`,color:`text-error`};let t=e.expiresAt*1e3<Date.now();return t&&e.hasRefreshToken?{label:`expired`,tip:`Token expired but has refresh token — will auto-renew`,color:`text-warning`}:t?{label:`expired`,tip:`Token expired, no refresh token`,color:`text-error`}:e.hasRefreshToken?{label:`long-lived`,tip:`OAuth token with refresh — long-lived`,color:`text-success`}:{label:`temp`,tip:`Temporary token without refresh — will expire`,color:`text-warning`}}function H(e){if(!e)return null;let t=Math.round((Date.now()-e)/1e3);if(t<5)return`just now`;if(t<60)return`${t}s ago`;let n=Math.floor(t/60);if(n<60)return`${n}m ago`;let r=Math.floor(n/60),i=n%60;return r<24?i>0?`${r}h ${i}m ago`:`${r}h ago`:`${Math.floor(r/24)}d ago`}var U=n();function W({label:e,pct:t,reset:n,resetsAt:r}){let i=z(r);return(0,U.jsxs)(`div`,{className:`space-y-1`,"data-testid":`account-usage-bar`,children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,U.jsx)(`span`,{className:`text-xs font-medium text-text-primary`,children:e}),n&&(0,U.jsxs)(E,{children:[(0,U.jsx)(w,{asChild:!0,children:(0,U.jsxs)(`span`,{className:`text-[10px] text-text-subtle cursor-default`,children:[`↻ `,n]})}),(0,U.jsx)(T,{side:`top`,children:i?`Resets ${i}`:`Resets in`})]})]}),(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(`div`,{className:`flex-1 h-2 rounded-full bg-border overflow-hidden`,children:t!=null&&(0,U.jsx)(`div`,{className:`h-full rounded-full transition-all ${L(t)}`,style:{width:`${Math.min(t,100)}%`}})}),(0,U.jsx)(`span`,{className:`text-xs font-medium tabular-nums w-10 text-right ${t==null?`text-text-subtle`:I(t)}`,children:t==null?`—`:`${t}%`})]})]})}function G({label:e,bucket:t}){return t?(0,U.jsx)(W,{label:e,pct:Math.round(t.utilization*100),reset:R(t),resetsAt:t.resetsAt}):null}function K({hint:e,className:t,children:n,onClick:r}){return(0,U.jsxs)(E,{children:[(0,U.jsx)(w,{asChild:!0,children:(0,U.jsx)(`button`,{type:`button`,onClick:r,className:[r?`relative cursor-pointer rounded px-1 -mx-1 underline decoration-dotted underline-offset-2 hover:bg-error/10 after:absolute after:-inset-x-2 after:-inset-y-3 after:content-['']`:`cursor-help`,`text-left`,t].filter(Boolean).join(` `),children:n})}),(0,U.jsx)(T,{side:`top`,className:`max-w-[260px] text-xs leading-relaxed`,children:e})]})}function q({description:e,onRefresh:t,refreshing:n,disabled:r,actions:i}){return(0,U.jsxs)(`section`,{className:`space-y-2`,children:[(0,U.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,U.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e}),(0,U.jsx)(g,{variant:`ghost`,size:`icon`,className:`size-8 shrink-0 cursor-pointer`,onClick:t,disabled:r||n,title:`Refresh`,"aria-label":`Refresh accounts`,children:(0,U.jsx)(u,{className:`size-4 ${n?`animate-spin`:``}`})})]}),(0,U.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:i})]})}function J({message:e,onDismiss:t}){return e?(0,U.jsxs)(`div`,{className:`flex items-start gap-2 text-xs p-2 rounded bg-muted`,role:`status`,children:[(0,U.jsx)(`span`,{className:`flex-1`,children:e}),(0,U.jsx)(`button`,{onClick:t,className:`shrink-0 text-muted-foreground hover:text-foreground cursor-pointer`,"aria-label":`Dismiss message`,children:(0,U.jsx)(i,{className:`size-3.5`})})]}):null}function ee({children:e}){return(0,U.jsx)(`div`,{className:`flex gap-2 overflow-x-auto pb-1 -mx-1 px-1 snap-x snap-mandatory scrollbar-thin`,children:e})}function Y({active:e,flash:t,dense:n,children:r,...i}){return(0,U.jsx)(`div`,{...i,className:[`rounded-md border transition-colors duration-500`,n?`p-2.5 space-y-1.5`:`p-3 space-y-2`,t?`bg-primary/10 border-primary/40`:``,e?`border-primary/30 bg-primary/5`:`border-border/50`,i.className??``].filter(Boolean).join(` `),children:r})}function X({buckets:e}){return e?.length?(0,U.jsx)(U.Fragment,{children:e.map(e=>(0,U.jsx)(G,{label:`Weekly (${e.label})`,bucket:e},e.label))}):null}function te(e){return new Date(e).toLocaleDateString(void 0,{day:`numeric`,month:`short`})}function Z({credits:e}){if(!e)return null;let t=e.available,n=t===0?`No free resets`:`${t} free reset${t===1?``:`s`}`,r=t===0?`Codex has no free rate-limit resets left for this account.`:`Codex has granted this account ${t} free rate-limit reset${t===1?``:`s`}${e.title?` (${e.title})`:``}.${e.nextExpiresAt?` The next one expires on ${new Date(e.nextExpiresAt).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`})}.`:``} Use one from the Codex app when a limit is reached — PPM only shows the count.`;return(0,U.jsxs)(K,{className:`inline-flex items-center gap-1 ${t>0?`text-primary`:``}`,hint:r,children:[(0,U.jsx)(c,{className:`size-3 shrink-0`,"aria-hidden":!0}),n,t>0&&e.nextExpiresAt&&(0,U.jsxs)(`span`,{className:`text-text-subtle`,children:[`· until `,te(e.nextExpiresAt)]})]})}var ne={readOnly:`min-w-[220px]`,withActions:`min-w-[300px]`};function re({entry:e,isActive:t,accountInfo:n,onToggle:r,toggling:i,onDelete:c,onExport:l,onViewProfile:p,flash:m,onSelect:h,unselectableReason:g,selecting:_,planLabel:v,dailyGuard:y,onDailyGuardToggle:b,dailyGuardToggling:x,reauthHint:S,onReauth:C,resetCredits:D,layout:k=`list`}){let{usage:A}=e,j=A.session||A.weekly||A.weeklyOpus||A.weeklySonnet||A.weeklyScoped?.length,M=n?.status??e.accountStatus,N=!!(n&&!n.hasRefreshToken&&n.expiresAt&&n.expiresAt<Math.floor(Date.now()/1e3)),P=V(n),F=!!n?.reauthRequired||!!S,I=n?.grantExpiresAt?n.grantExpiresAt*1e3:null,L=!!I&&I-Date.now()<5*864e5,R=!!n&&(P.label===`temp`||P.label===`unknown`||P.label===`expired`&&!N&&!F),z=I?new Date(I).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`}):null,W=!!(r||c||l||p),q=N?`Token expired — sign in again`:F?`Sign in again to use this account`:g??null,J=k===`list`?``:k===`grid`?`flex flex-col justify-evenly overflow-hidden min-h-0`:`shrink-0 snap-start ${W?ne.withActions:ne.readOnly}`;return(0,U.jsxs)(Y,{active:t,flash:m,dense:k!==`list`,className:[J,N||F?`opacity-50`:``].filter(Boolean).join(` `)||void 0,"data-testid":`account-card`,"data-account-id":e.accountId,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(`span`,{className:`text-sm font-medium truncate flex-1 min-w-0`,children:e.accountLabel??e.accountId.slice(0,8)}),t&&(0,U.jsx)(K,{className:`text-[10px] text-primary shrink-0 font-medium`,hint:`The next turn will run on this account.`,children:`Active`}),h&&!t&&(0,U.jsxs)(E,{children:[(0,U.jsx)(w,{asChild:!0,children:(0,U.jsx)(`button`,{type:`button`,onClick:()=>h(e.accountId),disabled:_,className:[`shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium transition-colors cursor-pointer disabled:cursor-wait`,q?`text-text-subtle hover:text-error hover:bg-error/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`].join(` `),children:_?`Switching…`:`Use`})}),(0,U.jsx)(T,{side:`top`,children:q??`Use this account for this chat`})]}),N&&(0,U.jsx)(K,{className:`text-[10px] text-error shrink-0 font-medium`,hint:`This token has expired and carries no refresh token, so nothing can renew it. Sign in again to replace it.`,onClick:C?()=>C(e.accountId):void 0,children:`Expired`}),F&&!N&&(0,U.jsx)(K,{className:`text-[10px] text-error shrink-0 font-medium`,hint:S??`Anthropic rejected this account's refresh token, so no turn can run on it. Signing in again is the only thing that restores it.`,onClick:C?()=>C(e.accountId):void 0,children:`Sign in again`}),!e.isOAuth&&!N&&(0,U.jsx)(K,{className:`text-[10px] text-text-subtle shrink-0`,hint:`A static API key rather than a sign-in: nothing to expire and nothing to renew.`,children:`API key`}),v&&(0,U.jsx)(K,{className:`text-[10px] uppercase tracking-wide text-text-subtle shrink-0`,hint:`The subscription this account is on. It decides which quota windows the account has — some plans have a weekly limit and no shorter one.`,children:v}),(0,U.jsxs)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:[!N&&p&&n?.profileData&&(0,U.jsxs)(E,{children:[(0,U.jsx)(w,{asChild:!0,children:(0,U.jsx)(`button`,{className:`p-2 rounded cursor-pointer text-text-subtle hover:text-foreground hover:bg-surface-elevated transition-colors`,onClick:()=>p(n.profileData,e.accountId),"aria-label":`View profile`,children:(0,U.jsx)(d,{className:`size-4`})})}),(0,U.jsx)(T,{side:`top`,children:`View profile`})]}),!N&&l&&e.isOAuth&&(0,U.jsxs)(E,{children:[(0,U.jsx)(w,{asChild:!0,children:(0,U.jsx)(`button`,{className:`p-2 rounded cursor-pointer text-text-subtle hover:text-primary hover:bg-surface-elevated transition-colors`,onClick:()=>l(e.accountId),"aria-label":`Export this account`,children:(0,U.jsx)(f,{className:`size-4`})})}),(0,U.jsx)(T,{side:`top`,children:`Export this account`})]}),!N&&r&&(0,U.jsx)(O,{checked:M!==`disabled`,onCheckedChange:()=>r(e.accountId,M),disabled:i||M===`cooldown`,"aria-label":M===`disabled`?`Enable account`:`Disable account`,className:`cursor-pointer`}),c&&(0,U.jsxs)(E,{children:[(0,U.jsx)(w,{asChild:!0,children:(0,U.jsx)(`button`,{className:`p-2 rounded cursor-pointer text-text-subtle hover:text-error hover:bg-surface-elevated transition-colors`,onClick:()=>c(e.accountId,e.accountLabel??e.accountId.slice(0,8)),"aria-label":`Remove account`,children:(0,U.jsx)(a,{className:`size-4`})})}),(0,U.jsx)(T,{side:`top`,children:`Remove account`})]})]})]}),j?(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsx)(G,{label:`5-Hour Session`,bucket:A.session}),(0,U.jsx)(G,{label:`Weekly`,bucket:A.weekly}),(0,U.jsx)(G,{label:`Weekly (Opus)`,bucket:A.weeklyOpus}),(0,U.jsx)(G,{label:`Weekly (Sonnet)`,bucket:A.weeklySonnet}),(0,U.jsx)(X,{buckets:A.weeklyScoped})]}):(0,U.jsx)(`p`,{className:`text-xs text-text-subtle`,children:e.isOAuth?`No usage data yet`:`Usage tracking not available for API keys`}),y&&(0,U.jsxs)(`div`,{className:`flex min-h-12 items-center justify-between gap-3 rounded-md border px-2.5 py-1.5 ${y.enabled&&y.state.blocked?`border-error/40 bg-error/5`:`border-border/50 bg-surface/40`}`,children:[(0,U.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-1.5 text-xs font-medium ${y.enabled&&y.state.blocked?`text-error`:`text-text-secondary`}`,children:[(0,U.jsx)(`span`,{children:`Daily guard`}),(0,U.jsxs)(E,{children:[(0,U.jsx)(w,{asChild:!0,children:(0,U.jsx)(`button`,{type:`button`,"aria-label":`About Daily guard`,className:`text-text-subtle hover:text-text-primary cursor-help`,children:(0,U.jsx)(o,{className:`size-3.5`})})}),(0,U.jsx)(T,{side:`top`,className:`max-w-64 text-xs leading-relaxed`,children:`Spreads the weekly quota across five weekdays, adding 20% per weekday. Weekend slots keep the previous cap; unused allowance carries forward. Daily slots start at the reset time and use UTC weekdays.`})]})]}),(0,U.jsx)(`p`,{className:`text-[10px] tabular-nums ${y.enabled&&y.state.blocked?`text-error`:`text-text-subtle`}`,children:y.enabled&&y.state.blocked?`${Math.round(y.state.used*100)}% used / ${Math.round(y.state.cap*100)}% daily cap. New turns paused.`:`Weekday ${y.state.day}/5, ${Math.round(y.state.cap*100)}% daily cap`})]}),b&&(0,U.jsx)(O,{checked:y.enabled,onCheckedChange:b,disabled:x,"aria-label":y.enabled?`Disable Daily guard`:`Enable Daily guard`,className:`cursor-pointer shrink-0`})]}),(0,U.jsxs)(`div`,{className:`flex items-center gap-2 text-[10px] text-text-subtle flex-wrap`,children:[(0,U.jsx)(Z,{credits:D}),A.lastFetchedAt&&(0,U.jsxs)(K,{className:`inline-flex items-center gap-1`,hint:`Usage last read from Anthropic on ${new Date(A.lastFetchedAt).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`})}. The bars above are only as current as this.`,children:[(0,U.jsx)(u,{className:`size-3 shrink-0`,"aria-hidden":!0}),H(new Date(A.lastFetchedAt).getTime())]}),I&&!F&&(0,U.jsxs)(K,{className:[`inline-flex items-center gap-1`,L?`text-warning`:``].filter(Boolean).join(` `),hint:`Sign-in stops working on ${z}. Anthropic ends every sign-in on a fixed schedule from the day it was made, whether or not the account gets used — refreshing does not extend it. After that the account fails until you sign in again.`,children:[(0,U.jsx)(s,{className:`size-3 shrink-0`,"aria-hidden":!0}),`sign-in `,B(I)]}),R&&(0,U.jsxs)(K,{className:P.color,hint:P.tip,children:[`© `,P.label]})]})]})}var Q=e(t(),1);function ie(e){let t=e.usage;return[t.session?.utilization,t.weekly?.utilization,t.weeklyOpus?.utilization,t.weeklySonnet?.utilization,...(t.weeklyScoped??[]).map(e=>`${e.label}:${e.utilization}`)].join(`|`)}function ae(e=!0){let[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(null),[s,c]=(0,Q.useState)(!0),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(new Set),[p,m]=(0,Q.useState)(null),h=(0,Q.useRef)([]),g=(0,Q.useRef)(void 0),_=(0,Q.useCallback)(async()=>{let e=h.current.length>0;e?u(!0):c(!0);let[t,r,a]=await Promise.allSettled([M(),N(),k()]);if(t.status===`fulfilled`){let r=t.value;if(e){let e=new Map(h.current.map(e=>[e.accountId,ie(e)])),t=new Set(r.filter(t=>e.get(t.accountId)!==ie(t)).map(e=>e.accountId));t.size>0&&(f(t),clearTimeout(g.current),g.current=setTimeout(()=>f(new Set),1500))}h.current=r,n(r)}r.status===`fulfilled`&&i(r.value),a.status===`fulfilled`&&o(a.value?.id??null),c(!1),u(!1)},[]),v=(0,Q.useCallback)(async(e,t)=>{m(e);let n=null;try{await A(e,{status:t===`disabled`?`active`:`disabled`})}catch(e){n=e.message}return m(null),await _(),n},[_]);return(0,Q.useEffect)(()=>(e&&_(),()=>clearTimeout(g.current)),[e,_]),{usages:t,accounts:r,activeAccountId:a,initialLoading:s,refreshing:l,flashIds:d,reload:_,toggle:v,togglingId:p}}function oe({open:e,onOpenChange:t,onSuccess:n,signInAgainFor:r}){let[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(``),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(null),[f,m]=(0,Q.useState)(null),[h,w]=(0,Q.useState)(``),[T,E]=(0,Q.useState)(!1),[O,k]=(0,Q.useState)(`idle`);function A(){m(null),w(``),k(`idle`),d(null)}function M(){t(!1),A(),a(``),s(``),d(null)}async function N(){E(!0),d(null);try{let{url:e,state:t}=await F();m(t),k(`waiting`),window.open(e,`_blank`)}catch(e){d(e.message)}E(!1)}async function I(){if(!(!h.trim()||!f)){E(!0),d(null);try{let e=h.trim();e.includes(`#`)&&(e=e.split(`#`)[0]??e);let t=await j(e,f);M(),n(t?.status===`disabled`?`Signed in. This account is still disabled — enable it to use it.`:`Account connected via OAuth!`)}catch(e){d(e.message)}E(!1)}}async function L(){if(i.trim()){l(!0),d(null);try{let e=await P({apiKey:i.trim(),label:o.trim()||void 0});M(),n(e?.status===`disabled`?`Token updated. This account is still disabled — enable it to use it.`:`Account added!`)}catch(e){d(e.message)}l(!1)}}let R=i.trim()?i.trim().startsWith(`sk-ant-oat`)?`OAuth token (Claude Max/Pro)`:i.trim().startsWith(`sk-ant-api`)?`API key`:`Unknown format`:``;return(0,U.jsx)(S,{open:e,onOpenChange:e=>{e||M()},children:(0,U.jsxs)(y,{className:`sm:max-w-md`,children:[(0,U.jsxs)(_,{children:[(0,U.jsx)(b,{className:`text-sm`,children:r?`Sign in again — ${r}`:`Add Claude Account`}),(0,U.jsx)(x,{className:`text-xs leading-relaxed`,children:r?`Log in with the same Claude account. PPM matches it by email and renews the existing card instead of adding a new one.`:`Connect via OAuth (recommended) or paste a token manually.`})]}),(0,U.jsxs)(`div`,{className:`space-y-3`,children:[(0,U.jsxs)(`div`,{className:`rounded-md border p-3 space-y-2`,children:[(0,U.jsx)(`p`,{className:`text-[11px] font-medium`,children:`Recommended: Login with Claude`}),O===`idle`?(0,U.jsx)(g,{size:`sm`,className:`w-full h-8 text-xs`,onClick:N,disabled:T,children:T?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(p,{className:`size-3 animate-spin mr-1`}),` Opening...`]}):`Login with Claude`}):(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`Authorize in the opened tab, then paste the code:`}),(0,U.jsx)(C,{placeholder:`Paste code here...`,value:h,onChange:e=>w(e.target.value),className:`text-xs h-8 font-mono`,autoFocus:!0}),(0,U.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,U.jsx)(g,{size:`sm`,className:`flex-1 h-7 text-xs`,onClick:I,disabled:!h.trim()||T,children:T?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(p,{className:`size-3 animate-spin mr-1`}),` Connecting...`]}):`Connect`}),(0,U.jsx)(g,{size:`sm`,variant:`ghost`,className:`h-7 text-xs`,onClick:A,children:`Cancel`})]})]})]}),(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(`div`,{className:`flex-1 border-t`}),(0,U.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`or paste token`}),(0,U.jsx)(`div`,{className:`flex-1 border-t`})]}),(0,U.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,U.jsx)(D,{htmlFor:`add-token`,className:`text-xs`,children:`Token`}),(0,U.jsx)(C,{id:`add-token`,type:`password`,placeholder:`sk-ant-...`,value:i,onChange:e=>a(e.target.value),className:`text-xs h-8 font-mono`}),R&&(0,U.jsxs)(`p`,{className:`text-[10px] text-muted-foreground`,children:[`Detected: `,R]})]}),(0,U.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,U.jsx)(D,{htmlFor:`add-label`,className:`text-xs`,children:`Label (optional)`}),(0,U.jsx)(C,{id:`add-label`,placeholder:`e.g. Personal, Work`,value:o,onChange:e=>s(e.target.value),className:`text-xs h-8`})]})]}),u&&(0,U.jsx)(`div`,{className:`text-[11px] p-2 rounded bg-error/10 text-error`,children:u}),(0,U.jsxs)(v,{children:[(0,U.jsx)(g,{size:`sm`,variant:`outline`,className:`text-xs h-7`,onClick:M,children:`Cancel`}),(0,U.jsx)(g,{size:`sm`,className:`text-xs h-7`,onClick:L,disabled:!i.trim()||c,children:c?`Adding...`:`Add Token`})]})]})})}function se(e){return e?.trim()?{free:`ChatGPT Free`,go:`ChatGPT Go`,plus:`ChatGPT Plus`,pro:`ChatGPT Pro`,team:`ChatGPT Team`,business:`ChatGPT Business`,self_serve_business_prolite:`ChatGPT Business`,enterprise:`ChatGPT Enterprise`,edu:`ChatGPT Edu`}[e.trim().toLowerCase()]??e:null}var $=1440*60*1e3,ce=7,le=5;function ue(e,t=Date.now()){if(!e||e.windowHours!==168)return null;let n=new Date(e.resetsAt).getTime();if(!Number.isFinite(t)||!Number.isFinite(n)||n<=t)return null;let r=n-ce*$;if(t<r)return null;let i=Math.min(ce-1,Math.floor((t-r)/$)),a=0;for(let e=0;e<=i;e++){let t=new Date(r+e*$).getUTCDay();t!==0&&t!==6&&a++}let o=a/le;return{day:a,cap:o,used:e.utilization,blocked:e.utilization>=o}}var de=`Codex rejected this account's login (revoked or expired), so no turn can run on it and it is skipped. The usage shown is the last reading. Click to sign in again — the account keeps its settings and chats.`,fe=2e3,pe=21e4;function me(e){let[t,n]=(0,Q.useState)([]),[r,i]=(0,Q.useState)(`round-robin`),[a,o]=(0,Q.useState)({}),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(new Set),[d,f]=(0,Q.useState)(``),[p,g]=(0,Q.useState)(``),[_,v]=(0,Q.useState)(!1),[y,b]=(0,Q.useState)(null),[x,S]=(0,Q.useState)(null),[C,w]=(0,Q.useState)(!1),[T,E]=(0,Q.useState)(null),[D,O]=(0,Q.useState)(!1),[k,A]=(0,Q.useState)(``),[j,M]=(0,Q.useState)(!1),[N,P]=(0,Q.useState)(``),[F,I]=(0,Q.useState)(!1),[L,R]=(0,Q.useState)(!1),[z,B]=(0,Q.useState)(null),V=(0,Q.useRef)(null),H=(0,Q.useRef)(null),U=(0,Q.useRef)(0),W=(0,Q.useRef)(!1),G=(0,Q.useRef)(!1),K=(0,Q.useRef)(!1),q=(0,Q.useRef)(e);q.current=e;let J=(0,Q.useCallback)(async()=>{c(!0);try{let e=await m.get(`/api/codex-accounts`);n(e.accounts),i(e.strategy),m.get(`/api/codex-accounts/usage`).then(o).catch(()=>{})}finally{c(!1)}},[]);(0,Q.useEffect)(()=>{J()},[J]);let ee=async()=>{if(!(!d.trim()||G.current||W.current||H.current)){G.current=!0,v(!0),b(null);try{await m.post(`/api/codex-accounts/api-key`,{apiKey:d.trim(),label:p.trim()||void 0}),f(``),g(``),e(),await J()}catch(e){b(e.message)}finally{G.current=!1,v(!1)}}},Y=(0,Q.useCallback)(()=>{U.current+=1,W.current=!1,K.current=!1,V.current?.(),V.current=null;let e=H.current;H.current=null,e&&m.del(`/api/codex-accounts/${e.method}-login/${e.id}`).catch(()=>{})},[]),X=(0,Q.useCallback)(()=>{Y(),S(null),w(!1),E(null),O(!1),A(``),M(!1)},[Y]),te=(0,Q.useCallback)((e,t)=>{let n=Date.now()+(t===`browser`?61e4:pe),r=!1,i;V.current=()=>{r=!0,clearTimeout(i)};let a=async()=>{if(r)return;let o=null;try{o=await m.get(`/api/codex-accounts/${t}-login/${e}/status`)}catch{}if(!r){if(o?.state===`done`){X(),g(``),q.current(),await J();return}if(o?.state===`error`||Date.now()>n){X(),b(o?.state===`error`?o.error:`${t===`browser`?`Browser`:`Device`} login timed out.`);return}i=setTimeout(a,fe)}};a()},[X,J]);(0,Q.useEffect)(()=>Y,[Y]);let Z=async(e,t)=>{if(W.current||H.current||G.current)return;W.current=!0;let n=++U.current;O(!0),b(null);try{let r=await m.post(`/api/codex-accounts/${e}-login`,{label:p.trim()||void 0,...t?{accountId:t}:{}});if(n!==U.current){m.del(`/api/codex-accounts/${e}-login/${r.id}`).catch(()=>{});return}H.current={id:r.id,method:e},e===`device`?(S(r),w(!0)):E(r),te(r.id,e)}catch(e){n===U.current&&b(e.message)}finally{n===U.current&&(W.current=!1,O(!1))}};return{accounts:t,strategy:r,usages:a,loading:s,apiKey:d,setApiKey:f,label:p,setLabel:g,adding:_,err:y,setErr:b,device:x,deviceWaiting:C,backupPassword:N,setBackupPassword:P,exporting:F,importing:L,msg:z,setMsg:B,toggling:l,load:J,addApiKey:ee,startDevice:e=>Z(`device`,e),startBrowser:e=>Z(`browser`,e),browser:T,loginStarting:D,callbackUrl:k,setCallbackUrl:A,submittingCallback:j,submitCallback:async()=>{let e=H.current;if(e?.method!==`browser`||!k.trim()||K.current)return;let t=U.current;K.current=!0,M(!0),b(null);let n=k.trim();A(``);try{await m.post(`/api/codex-accounts/browser-login/${e.id}/callback`,{callbackUrl:n})}catch(e){t===U.current&&b(e.message)}finally{t===U.current&&(K.current=!1,M(!1))}},cancelLogin:X,remove:async e=>{await m.del(`/api/codex-accounts/${e}`),await J()},toggle:async(e,t)=>{let n=t===`disabled`?`active`:`disabled`;u(t=>new Set(t).add(e)),b(null);try{await m.patch(`/api/codex-accounts/${e}`,{status:n}),await J()}catch(e){b(e.message||`Could not change the account`)}finally{u(t=>{let n=new Set(t);return n.delete(e),n})}},toggleDailyGuard:async(e,t)=>{u(t=>new Set(t).add(e)),b(null);try{await m.patch(`/api/codex-accounts/${e}`,{dailyGuardEnabled:!t}),await J()}catch(e){b(e.message||`Could not change Daily guard`)}finally{u(t=>{let n=new Set(t);return n.delete(e),n})}},changeStrategy:async e=>{i(e);try{await m.put(`/api/codex-accounts/strategy`,{strategy:e})}catch{}},doExport:async()=>{if(!N.trim()){b(`Set a backup password first.`);return}I(!0),b(null),B(null);try{let t={"Content-Type":`application/json`},n=h();n&&(t.Authorization=`Bearer ${n}`);let r=await fetch(`/api/codex-accounts/export`,{method:`POST`,headers:t,body:JSON.stringify({password:N})});if(!r.ok){let e=await r.json().catch(()=>({}));throw Error(e.error??`Export failed: ${r.status}`)}let i=await r.text(),a=new Blob([i],{type:`application/json`}),o=document.createElement(`a`);o.href=URL.createObjectURL(a),o.download=`ppm-codex-accounts-backup.json`,o.click(),URL.revokeObjectURL(o.href),B(`Backup downloaded.`),e()}catch(e){b(e.message)}finally{I(!1)}},doImport:async t=>{if(!N.trim()){b(`Enter the backup password first.`);return}R(!0),b(null),B(null);try{let n=await t.text(),r=await m.post(`/api/codex-accounts/import`,{data:n,password:N});B(`Imported ${r.imported}${r.skipped?`, skipped ${r.skipped}`:``}.`),e(),await J()}catch(e){b(e.message)}finally{R(!1)}}}}function he({open:e,onOpenChange:t,label:n,onLabelChange:i,apiKey:a,onApiKeyChange:o,adding:c,onAddApiKey:u,deviceWaiting:d,onStartDevice:f,device:m,error:h,browser:w,onStartBrowser:T,loginStarting:E,callbackUrl:O,onCallbackUrlChange:k,submittingCallback:A,onSubmitCallback:j,reloginLabel:M}){let N=E||d||!!w||c;return(0,U.jsx)(S,{open:e,onOpenChange:t,children:(0,U.jsxs)(y,{className:`sm:max-w-md max-h-[90dvh] overflow-y-auto`,children:[(0,U.jsxs)(_,{children:[(0,U.jsx)(b,{className:`text-sm`,children:M?`Sign in again — ${M}`:`Add Codex Account`}),(0,U.jsx)(x,{className:`text-xs leading-relaxed`,children:M?`Sign in with ChatGPT to renew this account. It keeps its name, its settings and the chats bound to it.`:`Choose browser login, a device code, or an OpenAI API key.`})]}),(0,U.jsxs)(`div`,{className:`space-y-3`,children:[!M&&(0,U.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,U.jsx)(D,{htmlFor:`codex-label`,className:`text-xs`,children:`Label (optional)`}),(0,U.jsx)(C,{id:`codex-label`,placeholder:`e.g. Personal, Work`,value:n,onChange:e=>i(e.target.value),disabled:N,className:`text-xs`})]}),(0,U.jsxs)(`div`,{className:`rounded-md border p-3 space-y-2`,children:[(0,U.jsx)(`p`,{className:`text-[11px] font-medium`,children:`Browser login`}),(0,U.jsxs)(g,{size:`sm`,className:`w-full cursor-pointer gap-1.5`,onClick:T,disabled:N,children:[(0,U.jsx)(l,{className:`size-4`}),` Sign in with browser`]}),w&&(0,U.jsxs)(`div`,{className:`space-y-2 text-xs`,children:[(0,U.jsxs)(`a`,{href:w.authUrl,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-primary hover:underline`,children:[(0,U.jsx)(l,{className:`size-3`}),` Open ChatGPT sign-in`]}),(0,U.jsx)(`p`,{children:`Sign in, then copy the full localhost callback URL from the address bar and paste it below. On a phone, copy it even if the page fails to load.`}),(0,U.jsx)(D,{htmlFor:`codex-callback-url`,children:`Callback URL`}),(0,U.jsx)(C,{id:`codex-callback-url`,type:`password`,autoComplete:`off`,spellCheck:!1,placeholder:`http://localhost:.../auth/callback?...`,value:O,onChange:e=>k(e.target.value),disabled:A}),(0,U.jsxs)(g,{size:`sm`,onClick:j,disabled:!O.trim()||A,children:[A&&(0,U.jsx)(p,{className:`size-3 animate-spin`}),` Submit callback URL`]}),(0,U.jsxs)(`p`,{role:`status`,className:`flex items-center gap-1.5 text-muted-foreground`,children:[(0,U.jsx)(p,{className:`size-3 animate-spin`}),` Waiting for authorization. This may complete automatically on this computer.`]})]})]}),(0,U.jsxs)(`div`,{className:`rounded-md border p-3 space-y-2`,children:[(0,U.jsx)(`p`,{className:`text-[11px] font-medium`,children:`Device code`}),(0,U.jsx)(g,{size:`sm`,className:`w-full cursor-pointer gap-1.5`,onClick:f,disabled:N,children:d?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(p,{className:`size-4 animate-spin`}),` Waiting for authorization...`]}):(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(r,{className:`size-4`}),` Sign in with device code`]})}),m&&(0,U.jsxs)(`div`,{className:`rounded-md border border-primary/40 bg-primary/10 p-2.5 space-y-1.5`,children:[(0,U.jsx)(`p`,{className:`text-[11px]`,children:`Enter this code to authorize:`}),(0,U.jsx)(`div`,{className:`font-mono text-lg tracking-widest`,children:m.userCode}),(0,U.jsxs)(`a`,{href:m.verificationUrl,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-primary hover:underline text-[11px]`,children:[(0,U.jsx)(l,{className:`size-3`}),` `,m.verificationUrl]})]})]}),!M&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(`div`,{className:`flex-1 border-t`}),(0,U.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`or paste an API key`}),(0,U.jsx)(`div`,{className:`flex-1 border-t`})]}),(0,U.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,U.jsx)(D,{htmlFor:`codex-api-key`,className:`text-xs`,children:`OpenAI API key`}),(0,U.jsx)(C,{id:`codex-api-key`,type:`password`,placeholder:`sk-...`,value:a,onChange:e=>o(e.target.value),className:`text-xs font-mono`})]})]})]}),E&&(0,U.jsx)(`p`,{role:`status`,className:`text-xs`,children:`Starting login...`}),h&&(0,U.jsx)(`div`,{role:`alert`,className:`text-[11px] p-2 rounded bg-error/10 text-error`,children:h}),(0,U.jsxs)(v,{children:[(0,U.jsx)(g,{size:`sm`,variant:`outline`,className:`text-xs cursor-pointer`,onClick:()=>t(!1),children:`Cancel`}),!M&&(0,U.jsxs)(g,{size:`sm`,className:`text-xs cursor-pointer gap-1.5`,onClick:u,disabled:!a.trim()||N,children:[c?(0,U.jsx)(p,{className:`size-3.5 animate-spin`}):(0,U.jsx)(s,{className:`size-3.5`}),`Add key`]})]})]})})}function ge({account:e,onClose:t,onDone:n}){let r=me(()=>{n(),t()});return(0,U.jsx)(he,{open:!0,onOpenChange:e=>{e||(r.cancelLogin(),t())},reloginLabel:e.label,label:r.label,onLabelChange:r.setLabel,apiKey:``,onApiKeyChange:()=>{},adding:!1,onAddApiKey:()=>{},deviceWaiting:r.deviceWaiting,onStartDevice:()=>void r.startDevice(e.id),device:r.device,browser:r.browser,onStartBrowser:()=>void r.startBrowser(e.id),loginStarting:r.loginStarting,callbackUrl:r.callbackUrl,onCallbackUrlChange:r.setCallbackUrl,submittingCallback:r.submittingCallback,onSubmitCallback:()=>void r.submitCallback(),error:r.err})}export{G as _,ue as a,R as b,ae as c,X as d,ee as f,K as g,J as h,me as i,re as l,q as m,he as n,se as o,Y as p,de as r,oe as s,ge as t,Z as u,W as v,H as y};