@hienlh/ppm 0.19.10 → 0.19.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/assets/skills/ppm/SKILL.md +1 -1
- package/assets/skills/ppm/references/http-api.md +1 -1
- package/dist/web/assets/{accounts-settings-section-B54qbh-_.js → accounts-settings-section-Cd1Nh04o.js} +1 -1
- package/dist/web/assets/{ai-resource-editor-BXuRvCii.js → ai-resource-editor-CqL-X2zu.js} +1 -1
- package/dist/web/assets/{ai-settings-section-ByXxu5Jp.js → ai-settings-section-CcqokdzF.js} +1 -1
- package/dist/web/assets/{ai-settings-section-D8-z9POX.js → ai-settings-section-OaYGT5OF.js} +1 -1
- package/dist/web/assets/{appearance-settings-section-OZIxYrXu.js → appearance-settings-section-2hZBnpPS.js} +1 -1
- package/dist/web/assets/{chat-tab-CYhKZEQb.js → chat-tab-Cc1W2pTu.js} +8 -8
- package/dist/web/assets/{code-editor-CtMXFx5E.js → code-editor-gLRyCPWE.js} +2 -2
- package/dist/web/assets/{conflict-editor-DCTjpFtC.js → conflict-editor-NqFAJP47.js} +1 -1
- package/dist/web/assets/{csv-preview-oAb_uhuk.js → csv-preview-Dvriy18_.js} +1 -1
- package/dist/web/assets/{database-viewer-C-qFE_XB.js → database-viewer-Bs2RMm5a.js} +1 -1
- package/dist/web/assets/{diff-viewer-DPc5AiW_.js → diff-viewer-ix1Ko0xk.js} +1 -1
- package/dist/web/assets/{explorer-body-CFvpR1ZN.js → explorer-body-DfWunSf9.js} +1 -1
- package/dist/web/assets/{explorer-window-content-DplJ_PMM.js → explorer-window-content-B7HmteDI.js} +1 -1
- package/dist/web/assets/{extension-manager-section-Da827Nnv.js → extension-manager-section-Zc9yag2c.js} +1 -1
- package/dist/web/assets/{extension-webview-BxGlHycs.js → extension-webview-B5FayDPz.js} +1 -1
- package/dist/web/assets/{files-settings-section-B0ED_J-Q.js → files-settings-section-CxAtO3GL.js} +1 -1
- package/dist/web/assets/{general-settings-section-nuoOnutx.js → general-settings-section-9DfKrBns.js} +1 -1
- package/dist/web/assets/{git-log-panel-DK1MWTgZ.js → git-log-panel-BsmDZurR.js} +1 -1
- package/dist/web/assets/{glide-data-grid-DbE9VFqa.js → glide-data-grid-BuYwXIoS.js} +1 -1
- package/dist/web/assets/{group-chat-tab-c6DU8xYR.js → group-chat-tab-DmZ1vLk-.js} +1 -1
- package/dist/web/assets/{index-DgJJy_D0.js → index-yV5RgBDh.js} +4 -4
- package/dist/web/assets/{jira-watcher-section-CAjH1D-v.js → jira-watcher-section-rJVz40wR.js} +1 -1
- package/dist/web/assets/{keybindings-store-Hupd6B3g.js → keybindings-store-88_Zkn5F.js} +1 -1
- package/dist/web/assets/{keyboard-shortcuts-section-BZNwSm4a.js → keyboard-shortcuts-section-Dv4e3M8h.js} +1 -1
- package/dist/web/assets/{markdown-renderer-DOTEwBPU.js → markdown-renderer-CEloCR06.js} +1 -1
- package/dist/web/assets/{markdown-renderer-CXuSaI_B.js → markdown-renderer-UhszMWSn.js} +1 -1
- package/dist/web/assets/{mobile-explorer-sheet-CKuKGmoo.js → mobile-explorer-sheet-D9cqcU3X.js} +1 -1
- package/dist/web/assets/{notification-store-CaP8GdjN.js → notification-store-B6X6RYqQ.js} +1 -1
- package/dist/web/assets/{notifications-settings-section-BXOwi-as.js → notifications-settings-section-B2GkfB0l.js} +1 -1
- package/dist/web/assets/{pdf-preview-DUCPeqdU.js → pdf-preview-Dmz8jkZZ.js} +1 -1
- package/dist/web/assets/{postgres-viewer-Dw5GcVrG.js → postgres-viewer-BtZbfC3f.js} +1 -1
- package/dist/web/assets/{ppmbot-settings-section-BDhcXJn2.js → ppmbot-settings-section-OYfVG5-l.js} +1 -1
- package/dist/web/assets/{process-table-Dr-usEYu.js → process-table-DRu3NyO_.js} +1 -1
- package/dist/web/assets/{proxy-settings-section-DYuVzg21.js → proxy-settings-section-xMbrcyr8.js} +1 -1
- package/dist/web/assets/{query-audit-section-fYtxmDrt.js → query-audit-section-CC5Mf6qp.js} +1 -1
- package/dist/web/assets/{remote-desktop-mobile-sheet-BcJZbFnp.js → remote-desktop-mobile-sheet-DefltAPl.js} +2 -2
- package/dist/web/assets/{remote-desktop-mobile-view-BV0WkCO0.js → remote-desktop-mobile-view-B4BSHIxU.js} +1 -1
- package/dist/web/assets/{remote-desktop-readiness-gate-BejKUMGH.js → remote-desktop-readiness-gate-C0d0PSX4.js} +1 -1
- package/dist/web/assets/{remote-desktop-window-content-6F1Oaygj.js → remote-desktop-window-content-DjeCZzqq.js} +1 -1
- package/dist/web/assets/{schedules-settings-section-DVv3TujZ.js → schedules-settings-section-D76Ob6tI.js} +1 -1
- package/dist/web/assets/{settings-body-BGsYkBkl.js → settings-body-CXTQwhbM.js} +2 -2
- package/dist/web/assets/{settings-tab-BUoekCNf.js → settings-tab-DToHQXfC.js} +1 -1
- package/dist/web/assets/{settings-window-content-CgBwhXex.js → settings-window-content-B2rlq-Dv.js} +1 -1
- package/dist/web/assets/{sql-query-editor-DNp7d1Fp.js → sql-query-editor-B-VwfyTf.js} +1 -1
- package/dist/web/assets/{sqlite-viewer-CxAYuvMa.js → sqlite-viewer-CpUhDEhN.js} +1 -1
- package/dist/web/assets/{system-monitor-body-CeQHDXUr.js → system-monitor-body-DzWXd1wM.js} +2 -2
- package/dist/web/assets/{system-monitor-tab-Ba3dB3lY.js → system-monitor-tab-CuDpwAZU.js} +1 -1
- package/dist/web/assets/{system-monitor-window-content-D1u2-cq_.js → system-monitor-window-content-DIIP3dff.js} +1 -1
- package/dist/web/assets/{tab-host-window-content-gCdL-dfg.js → tab-host-window-content-CLdcz84K.js} +1 -1
- package/dist/web/assets/{team-member-sheet-D6HBfQBL.js → team-member-sheet-DLrT_Kxo.js} +2 -2
- package/dist/web/assets/{team-member-window-content-CSB85Rx7.js → team-member-window-content-S8cdLcg3.js} +1 -1
- package/dist/web/assets/{terminal-tab-BoYE74U4.js → terminal-tab-BeKLpaPM.js} +1 -1
- package/dist/web/assets/{tool-cards-D5Bfnd4O.js → tool-cards-CLxrQlUs.js} +2 -2
- package/dist/web/assets/{use-accounts-data-DF_fHEHm.js → use-accounts-data-snYPJED_.js} +1 -1
- package/dist/web/assets/{use-monaco-theme-qPgB4FLP.js → use-monaco-theme-Kj2OGDlm.js} +1 -1
- package/dist/web/assets/{use-remote-desktop-display-choice-CdLY-Uvx.js → use-remote-desktop-display-choice-8AkPpM_0.js} +1 -1
- package/dist/web/assets/{use-websocket-C0qf6WqW.js → use-websocket-kR1omKO1.js} +1 -1
- package/dist/web/assets/{video-preview-Ccps7Y-_.js → video-preview-BdV7LjbZ.js} +1 -1
- package/dist/web/index.html +1 -1
- package/dist/web/sw.js +1 -1
- package/package.json +1 -1
- package/src/web/components/chat/chat-history-bar.tsx +2 -2
- package/src/web/components/chat/codex-usage-panel.tsx +31 -35
- package/src/web/hooks/use-usage.ts +3 -3
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/edit-diff-preview-DUgmjNre.js","assets/rolldown-runtime-FhOqtrmT.js","assets/vendor-markdown-Ls5AcU91.js","assets/libesm-CYLrAeW3.js","assets/markdown-renderer-
|
|
2
|
-
import{o as e}from"./rolldown-runtime-FhOqtrmT.js";import{S as t,x as n}from"./vendor-markdown-Ls5AcU91.js";import"./vendor-ui-CaeeFO0B.js";import{t as r}from"./createLucideIcon-D8pyde1A.js";import{t as i}from"./bot-D6sx11y0.js";import{t as a}from"./brain-KDa9jFRq.js";import{t as o}from"./check-DN75Ucvz.js";import{t as s}from"./chevron-down-Dp0rpHb8.js";import{t as c}from"./chevron-right-De-Wz5Lz.js";import{t as l}from"./chevron-up-8PbsNiJp.js";import{a as u,i as d,n as f,o as p,r as m}from"./tool-cards-D5Bfnd4O.js";import{t as h}from"./circle-BCy0AUCo.js";import{t as g}from"./clock-C1CQUQPZ.js";import{t as _}from"./code-DJgYrFzm.js";import{t as v}from"./sparkles-Dh-_J2Rd.js";import{t as y}from"./copy-BewHj66E.js";import{n as b,r as x}from"./use-coarse-long-press-BmI_GVW5.js";import{t as S}from"./eye-gWwaF4Lg.js";import{t as C}from"./hand-x0ejq3fS.js";import{t as w}from"./loader-circle-DPMrnLQ2.js";import{t as ee}from"./shield-off-7jKWpJBD.js";import{t as te}from"./x-YDu4m2Iq.js";import{i as T,n as E,r as D,s as ne}from"./api-client-oY1tC3tM.js";import{q as re}from"./vendor-mermaid-CKKtYuTV.js";import{t as O}from"./settings-store-DWUx3865.js";import{n as k,r as A,t as ie}from"./utils-C9OjCrou.js";import"./portal-container-context-a399Hd9F.js";import{t as ae}from"./panel-store-BRrnDO_i.js";import"./window-store-DGKf9rPG.js";import{i as j}from"./project-store-BuY7rxn_.js";import{t as oe}from"./tab-store-PZsP5ZwG.js";import"./context-menu-C13b1uT3.js";import{n as se}from"./use-is-mobile-CYW3FJFE.js";import{n as M}from"./streaming-store-9_9j70zt.js";import{t as N}from"./button-2WCAS8dI.js";import{t as P}from"./mobile-bottom-sheet-B3uDlD79.js";import"./use-visual-viewport-D9O48HQt.js";import"./ws-auth-ZSZkAT6p.js";import{$n as ce,An as le,Ar as F,Bn as I,Dr as L,En as ue,Fn as de,In as R,Ir as z,Kn as B,Ln as V,Lr as fe,Lt as pe,M as H,Mr as me,N as he,Nn as ge,Nr as _e,On as U,P as W,Pn as ve,Qn as ye,Rt as G,Tn as be,Un as xe,Vn as Se,Wn as K,Xt as q,Yt as Ce,Zn as we,_n as Te,ar as Ee,bn as De,br as Oe,cn as J,en as ke,fr as Ae,gn as je,gr as Me,jn as Ne,jr as Pe,kr as Y,nn as Fe,nr as X,qn as Ie,qt as Z,r as Le,rr as Re,t as ze,ur as Be,v as Ve,vn as He,vr as Ue,wn as We,wr as Ge,zn as Ke,zt as qe}from"./index-DgJJy_D0.js";import{t as Je}from"./use-websocket-C0qf6WqW.js";import{getAISettings as Ye}from"./api-settings-BVfemzZW.js";import"./use-blob-url-De-ZtcpX.js";import{n as Xe,r as Ze,t as Qe}from"./image-gallery-BycaVWOu.js";import{t as $e}from"./libesm-CYLrAeW3.js";import{t as et}from"./use-open-team-member-DWhhWdmJ.js";import{n as tt,t as nt}from"./send-to-chat-BOyUWNKw.js";import{t as rt}from"./ai-settings-section-ByXxu5Jp.js";import{l as it,n as at,s as ot,t as st}from"./use-accounts-data-DF_fHEHm.js";var ct=r(`activity`,[[`path`,{d:`M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2`,key:`169zse`}]]),lt=r(`chevrons-down`,[[`path`,{d:`m7 6 5 5 5-5`,key:`1lc07p`}],[`path`,{d:`m7 13 5 5 5-5`,key:`1d48rs`}]]),ut=r(`clipboard-check`,[[`rect`,{width:`8`,height:`4`,x:`8`,y:`2`,rx:`1`,ry:`1`,key:`tgr4d6`}],[`path`,{d:`M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2`,key:`116196`}],[`path`,{d:`m9 14 2 2 4-4`,key:`df797q`}]]),dt=r(`image-off`,[[`line`,{x1:`2`,x2:`22`,y1:`2`,y2:`22`,key:`a6p6uj`}],[`path`,{d:`M10.41 10.41a2 2 0 1 1-2.83-2.83`,key:`1bzlo9`}],[`line`,{x1:`13.5`,x2:`6`,y1:`13.5`,y2:`21`,key:`1q0aeu`}],[`line`,{x1:`18`,x2:`21`,y1:`12`,y2:`15`,key:`5mozeu`}],[`path`,{d:`M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59`,key:`mmje98`}],[`path`,{d:`M21 15V5a2 2 0 0 0-2-2H9`,key:`43el77`}]]),ft=r(`list-ordered`,[[`path`,{d:`M11 5h10`,key:`1cz7ny`}],[`path`,{d:`M11 12h10`,key:`1438ji`}],[`path`,{d:`M11 19h10`,key:`11t30w`}],[`path`,{d:`M4 4h1v5`,key:`10yrso`}],[`path`,{d:`M4 9h2`,key:`r1h2o0`}],[`path`,{d:`M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02`,key:`xtkcd5`}]]),pt=r(`mic-off`,[[`path`,{d:`M12 19v3`,key:`npa21l`}],[`path`,{d:`M15 9.34V5a3 3 0 0 0-5.68-1.33`,key:`1gzdoj`}],[`path`,{d:`M16.95 16.95A7 7 0 0 1 5 12v-2`,key:`cqa7eg`}],[`path`,{d:`M18.89 13.23A7 7 0 0 0 19 12v-2`,key:`16hl24`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M9 9v3a3 3 0 0 0 5.12 2.12`,key:`r2i35w`}]]),mt=r(`paperclip`,[[`path`,{d:`m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551`,key:`1miecu`}]]),ht=r(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),Q=e(t(),1),gt={maxImages:4,maxBase64PerImage:5e6,maxBase64Total:1e7};function _t(e){let t=[],n=0;for(let r of e)if(r.imageData){if(t.length>=gt.maxImages)break;r.imageData.data.length>gt.maxBase64PerImage||n+r.imageData.data.length>gt.maxBase64Total||(n+=r.imageData.data.length,t.push(r.imageData))}return t}function vt(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}}function yt(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 bt(e,t){let n=`pc-${yt(t)}-`;return e.map(e=>e.id?{...e,id:`${n}${e.id}`}:e)}function xt(e,t){if(t.size===0)return e;let n=[];for(let r of e){let e=r.id?t.get(r.id):void 0;e&&e.length>0&&n.push(...e),n.push(r)}return n}var St=null;function Ct(){return St||=new AudioContext,St}function wt(e,t,n,r,i=`sine`){let a=Ct(),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 Tt(){let e=Ct().currentTime;wt(523,.15,e,.15),wt(659,.2,e+.12,.15)}function Et(){let e=Ct().currentTime;wt(880,.12,e,.18,`square`),wt(698,.12,e+.15,.18,`square`),wt(880,.15,e+.3,.15,`square`)}function Dt(){let e=Ct().currentTime;wt(440,.12,e,.12),wt(523,.12,e+.1,.12),wt(659,.18,e+.2,.12)}var Ot={done:Tt,approval_request:Et,question:Dt};function kt(e){try{Ot[e]?.()}catch{}}var At={hasTeams:!1,teamNames:[],messageCount:0,unreadCount:0};function jt(e){if(document.hidden)return!1;let{panels:t}=ae.getState();for(let n of Object.values(t)){let t=n.tabs.find(e=>e.id===n.activeTabId);if(t?.type===`chat`&&t.metadata?.sessionId===e)return!0}return!1}function Mt(e,t=`claude`,n=``,r){let[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(new Map),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)({}),[f,p]=(0,Q.useState)(`idle`),[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(0),[v,y]=(0,Q.useState)(null),[b,x]=(0,Q.useState)(null),[S,C]=(0,Q.useState)(null),[w,ee]=(0,Q.useState)([]),te=(0,Q.useRef)([]),[re,O]=(0,Q.useState)(null),[k,A]=(0,Q.useState)(null),[ie,j]=(0,Q.useState)(!1),[oe,se]=(0,Q.useState)(null),[N,P]=(0,Q.useState)(null),ce=(0,Q.useRef)(null),le=(0,Q.useRef)(null),[F,I]=(0,Q.useState)(null),L=(0,Q.useRef)(null),[ue,de]=(0,Q.useState)(!0),R=(0,Q.useRef)(null),z=(0,Q.useRef)(null),B=(0,Q.useRef)(``),V=(0,Q.useRef)([]),fe=(0,Q.useRef)(new Map),pe=(0,Q.useRef)(null),H=(0,Q.useRef)(`idle`),me=(0,Q.useRef)(null),he=(0,Q.useRef)(()=>{}),ge=(0,Q.useRef)(null),_e=(0,Q.useRef)(!1),U=(0,Q.useRef)(new Set),W=(0,Q.useRef)(0),ve=(0,Q.useRef)(null),ye=(0,Q.useRef)(0),G=(0,Q.useRef)(e);G.current=e;let be=(0,Q.useRef)(r);be.current=r;let xe=(0,Q.useRef)([]);xe.current=i;let Se=(0,Q.useRef)(n);Se.current=n;let K=(0,Q.useRef)(null),q=(0,Q.useRef)(0),Ce=(0,Q.useRef)({teamNames:new Set,messages:[]}),we=(0,Q.useRef)(0),[Te,Ee]=(0,Q.useState)(At),[De,Oe]=(0,Q.useState)([]),J=(0,Q.useCallback)(()=>{let e=Ce.current;Ee({hasTeams:e.teamNames.size>0,teamNames:Array.from(e.teamNames),messageCount:e.messages.length,unreadCount:we.current}),Oe([...e.messages])},[]),ke=(0,Q.useCallback)(()=>{we.current=0,J()},[J]),Ae=(0,Q.useCallback)(async e=>{try{let t=await E.get(`/api/teams/${encodeURIComponent(e)}`);if(!t?.messages)return;let n=Ce.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),J()}catch{}},[J]),je=f!==`idle`;(0,Q.useEffect)(()=>{if(e)return M.getState().setStreaming(e,f!==`idle`,n),()=>{M.getState().setStreaming(e,!1)}},[e,f,n]);let Me=(0,Q.useCallback)((e,t)=>{let n=V.current.findIndex(e=>e.type===`tool_use`&&(e.tool===`Agent`||e.tool===`Task`)&&e.toolUseId===t);if(n===-1)return!1;let r=V.current[n];if(r.type!==`tool_use`)return!1;let i=[...r.children??[],e];return V.current[n]={...r,children:i},!0},[]),Ne=(0,Q.useCallback)((e,t)=>{let n=e=>e.type===`tool_use`&&(e.tool===`Agent`||e.tool===`Task`)&&e.toolUseId===t,r=xe.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:(a(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)},[]),Pe=(0,Q.useCallback)(()=>{q.current=0;let e=B.current,t=[...V.current],n=pe.current;(0,Q.startTransition)(()=>{a(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}]})})},[]),Y=(0,Q.useCallback)(()=>{q.current||=window.setTimeout(Pe,100)},[Pe]),Fe=(0,Q.useCallback)((e,t)=>{let n=t=>t.type===`tool_use`&&(t.tool===`Agent`||t.tool===`Task`)&&t.toolUseId===e,r=V.current.findIndex(n);if(r!==-1){V.current[r]={...V.current[r],bgStatus:t},Y();return}a(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)]})},[Y]),X=(0,Q.useCallback)(e=>{let t=e,n=t?.type;if(!n)return;let r=e=>{let n=V.current,r=n.findIndex(e);r===-1?n.push(t):n[r]=t};switch(n){case`account_info`:pe.current={accountId:t.accountId,accountLabel:t.accountLabel},O(null);break;case`account_retry`:t.accountId&&t.accountLabel&&(pe.current={accountId:t.accountId,accountLabel:t.accountLabel}),V.current=[t],Y();break;case`status_update`:{let e=t.accountLabel?` (${t.accountLabel})`:``;O(`${t.message}${e}`);break}case`text`:{let e=t.parentToolUseId;if(e&&Me(t,e)){Y();break}if(e){Ne(t,e);break}B.current+=t.content,V.current.push(t),Y();break}case`thinking`:{let e=t.parentToolUseId;if(e&&Me(t,e)){Y();break}if(e){Ne(t,e);break}V.current.push(t),Y();break}case`tool_use`:{if(t.tool===`AskUserQuestion`){t.toolUseId&&U.current.add(t.toolUseId);break}let e=t.parentToolUseId;if(e&&Me(t,e)){Y();break}if(e){Ne(t,e);break}let n=t.toolUseId;r(e=>!!n&&e.type===`tool_use`&&e.toolUseId===n),Y();break}case`tool_result`:{let e=t.toolUseId;if(e&&fe.current.delete(e),e&&U.current.has(e))break;let n=t.parentToolUseId;if(n&&Me(t,n)){Y();break}if(n){Ne(t,n);break}r(t=>!!e&&t.type===`tool_result`&&t.toolUseId===e),Y();break}case`approval_resolved`:{let e=t.requestId;if(t.approved&&t.answers){let n=V.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,a(e=>[...e]))}y(t=>t&&t.requestId===e?null:t),K.current!=null&&(ne.dismiss(K.current),K.current=null);break}case`approval_request`:if(r(e=>e.type===`approval_request`&&e.requestId===t.requestId),_e.current)break;if(y({requestId:t.requestId,tool:t.tool,input:t.input}),G.current&&!jt(G.current)){kt(t.tool===`AskUserQuestion`?`question`:`approval_request`);let e=G.current,n=t.tool===`AskUserQuestion`;K.current=ne[n?`info`:`warning`](n?`AI has a question`:`${t.tool} needs permission`,{description:Se.current||`Session ${e.slice(0,8)}`,duration:1/0,action:{label:`Go to session`,onClick:()=>{let{panels:t}=ae.getState();for(let[n,r]of Object.entries(t)){let t=r.tabs.find(t=>t.metadata?.sessionId===e);if(t){ae.getState().setActiveTab(t.id,n);break}}}}})}break;case`error`:a(e=>{let n=e[e.length-1];if(n?.role===`assistant`){let r=V.current,i=r[r.length-1],a=i?.type===`error`&&i.message===t.message?r:[...r,t];return V.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&&(Ce.current.teamNames.add(e),J(),Ae(e));break}case`team_inbox`:{let e=t.messages;if(Array.isArray(e)){let t=Ce.current.messages;t.push(...e),t.length>500&&t.splice(0,t.length-500),we.current+=e.length,J()}break}case`team_updated`:J();break;case`bash_output`:{let e=t.toolUseId;if(e){let n=fe.current.get(e);n?(n.content+=t.content,n.content.length>5e5&&(n.content=n.content.slice(-5e5)),n.lineCount=t.lineCount):fe.current.set(e,{content:t.content,lineCount:t.lineCount}),Y()}break}case`subagent_status`:{let e=t.toolUseId,n=t.status;e&&n&&Fe(e,n);break}case`background_registry`:{let e=t.shells??[];te.current=e,ee(e);break}case`done`:{if(H.current===`idle`)break;t.contextWindowPct!=null&&x(t.contextWindowPct),G.current&&!jt(G.current)&&kt(`done`),q.current&&=(clearTimeout(q.current),0);let e=B.current,n=[...V.current],r=pe.current,i=t.lastMessageUuid,o=t.usage;a(t=>{let a=t[t.length-1];return a?.role===`assistant`?[...t.slice(0,-1),{...a,id:`final-${Date.now()}`,content:e||a.content,events:n.length>0?n:a.events,...i&&{sdkUuid:i},...o&&{usage:o}}]:e||n.length>0?[...t,{id:`final-${Date.now()}`,role:`assistant`,content:e,events:n,timestamp:new Date().toISOString(),...i&&{sdkUuid:i},...o&&{usage:o},...r}]:t}),B.current=``,V.current=[],pe.current=null,ve.current=null,fe.current.clear(),O(null);break}}},[Me,Ne,Y,Fe,J,Ae]),Ie=(0,Q.useCallback)(e=>{let t;try{t=JSON.parse(e.data)}catch{return}if(t.type!==`ping`){if(t.type===`user_message`){let e=t.content;a(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`){A(t.title??null);return}if(t.type===`session_migrated`){let e=t.newSessionId;e&&e!==G.current&&be.current?.(e);return}if(t.type===`compact_status`){let e=t.status;e===`compacting`?C(`compacting`):e===`done`&&C(null);return}if(t.type===`phase_changed`){let e=t.phase;p(e),H.current=e,_(e===`connecting`?t.elapsed??0:0),e===`idle`&&C(null);return}if(t.type===`session_state`){j(!0),se(t.sessionId??G.current);let e=t,n=e.phase,r=H.current===`idle`;if(p(n),H.current=n,e.sessionTitle&&A(e.sessionTitle),e.model&&(le.current&&e.model!==le.current||(e.model===le.current&&(le.current=null),P(e.model),ce.current=e.model)),typeof e.effort==`string`&&(I(e.effort),L.current=e.effort),typeof e.thinking==`boolean`&&de(e.thinking),e.pendingApproval&&y({requestId:e.pendingApproval.requestId,tool:e.pendingApproval.tool,input:e.pendingApproval.input}),C(e.compactStatus===`compacting`?`compacting`:null),n===`idle`){let e=Date.now()-ye.current<5e3;r&&e||ge.current?.(),h(!1)}return}if(t.type===`turn_events`){let e=t.events,n=t.userMessage;if(!e?.length&&!n){h(!1);return}W.current&&=(cancelAnimationFrame(W.current),0),ve.current=n,a(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}),B.current=``,V.current=[],pe.current=null,_e.current=!0;let r=0,i=()=>{let t=Math.min(r+100,e.length);for(let n=r;n<t;n++)X(e[n]);r=t,r<e.length?W.current=requestAnimationFrame(i):(W.current=0,_e.current=!1,h(!1))};W.current=requestAnimationFrame(i);return}X(t)}},[X]),{send:Z,connect:Le}=Je({url:e&&n?`/ws/project/${encodeURIComponent(n)}/chat/${e}`:``,onMessage:Ie,autoConnect:!!e&&!!n});he.current=Z,(0,Q.useEffect)(()=>{let r=!1;z.current&&z.current!==e&&(le.current=null,R.current=null),z.current=e??null,p(`idle`),H.current=`idle`,y(null),K.current!=null&&(ne.dismiss(K.current),K.current=null),C(null),s(new Map),d({}),B.current=``,V.current=[],ve.current=null,ye.current=0,fe.current.clear(),q.current&&=(clearTimeout(q.current),0),j(!1),se(null),Ce.current={teamNames:new Set,messages:[]},we.current=0,Ee(At),Oe([]),e&&E.get(`/api/teams`).then(t=>{r||!Array.isArray(t)||t.filter(t=>(t?.name??t?.team_name)===e).length!==0&&(Ce.current.teamNames.add(e),J(),Ae(e))}).catch(()=>{});let i=new Set(xe.current.map(e=>e.id));return e&&n?(l(!0),E.get(`${T(n)}/chat/sessions/${e}/messages?providerId=${t}`).then(e=>{if(r)return;let t=Array.isArray(e)?{messages:e,versionMap:{}}:e,n=Array.isArray(t?.messages)?t.messages:[];t?.versionMap&&d(t.versionMap),t?.canonicalSessionId&&t.canonicalSessionId!==G.current&&be.current?.(t.canonicalSessionId);let o=ve.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}}a(e=>{let t=e.filter(e=>!i.has(e.id));return[...n,...t]}),ye.current=Date.now()}).catch(()=>{r||a(e=>e.filter(e=>!i.has(e.id)))}).finally(()=>{r||l(!1)})):a([]),()=>{r=!0}},[e,t,n,J,Ae]);let Re=(0,Q.useCallback)((e,t)=>{if(!e.trim()&&!t?.images?.length)return;let n=H.current!==`idle`;if(n){q.current&&=(clearTimeout(q.current),0);let e=B.current,t=[...V.current];a(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})}a(t=>[...t,{id:`user-${Date.now()}`,role:`user`,content:e,timestamp:new Date().toISOString()}]),B.current=``,V.current=[],me.current=null,n?(p(`thinking`),H.current=`thinking`):(p(`initializing`),H.current=`initializing`),y(null),K.current!=null&&(ne.dismiss(K.current),K.current=null),Z(JSON.stringify({type:`message`,content:e,permissionMode:t?.permissionMode,priority:t?.priority,images:t?.images,imagePaths:t?.imagePaths,...ce.current&&{model:ce.current},...L.current&&{effort:L.current},...R.current!==null&&{thinking:R.current}}))},[Z]),Be=(0,Q.useCallback)(e=>{P(e),ce.current=e,le.current=e,Z(JSON.stringify({type:`set_model`,model:e}))},[Z]),Ve=(0,Q.useCallback)(e=>{I(e),L.current=e,Z(JSON.stringify({type:`set_effort`,effort:e}))},[Z]),He=(0,Q.useCallback)(e=>{de(e),R.current=e,Z(JSON.stringify({type:`set_thinking`,enabled:e}))},[Z]),Ue=(0,Q.useCallback)((e,t,n)=>{if(Z(JSON.stringify({type:`approval_response`,requestId:e,approved:t,data:n})),t&&n){let t=V.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)}a(e=>[...e])}y(null),K.current!=null&&(ne.dismiss(K.current),K.current=null)},[Z]),We=(0,Q.useCallback)(()=>{if(H.current===`idle`)return;Z(JSON.stringify({type:`cancel`}));let e=B.current,t=[...V.current];a(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}),B.current=``,V.current=[],fe.current.clear(),me.current=null,p(`idle`),H.current=`idle`,y(null),K.current!=null&&(ne.dismiss(K.current),K.current=null)},[Z]),Ge=(0,Q.useCallback)(e=>{e&&Z(JSON.stringify({type:`kill_background_shell`,shellId:e}))},[Z]),Ke=(0,Q.useCallback)(e=>{if(!e)return;let t=e.replace(/\.output$/,``);return te.current.find(n=>n.shellId===t||n.outputPath.endsWith(e)||n.outputPath.endsWith(`${t}.output`))},[]);(0,Q.useEffect)(()=>{e&&ze.getState().setSessionShells(e,w)},[e,w]),(0,Q.useEffect)(()=>{if(e)return ze.getState().retainSession(e),()=>{ze.getState().releaseSession(e)}},[e]);let qe=(0,Q.useCallback)(()=>{j(!1),h(!0),Le()},[Le]),Ye=(0,Q.useCallback)(()=>{!e||!n||fetch(`${T(n)}/chat/sessions/${e}/messages?providerId=${t}`,{headers:{Authorization:`Bearer ${D()}`}}).then(e=>e.json()).then(e=>{if(H.current!==`idle`)return;let t=e.ok?Array.isArray(e.data)?{messages:e.data,versionMap:void 0}:e.data:null;t?.versionMap&&d(t.versionMap),Array.isArray(t?.messages)&&t.messages.length>0&&(a(t.messages),B.current=``,V.current=[]),ye.current=Date.now()}).catch(()=>{})},[e,t,n]);ge.current=Ye;let Xe=(0,Q.useCallback)(async(e,t)=>{if(!n)throw Error(`No project context available`);let r=e.replace(/^pc-[^-]+-/,``),i=`${T(n)}/chat/pre-compact-messages?jsonlPath=${encodeURIComponent(t)}&before=${encodeURIComponent(r)}`,a=bt(await E.get(i),t);return s(t=>{let n=new Map(t);return n.set(e,a),n}),a.length},[n]),Ze=(0,Q.useCallback)(e=>o.has(e),[o]),Qe=(0,Q.useCallback)(e=>{a(t=>t.filter(t=>t.id!==e))},[]),$e=(0,Q.useCallback)(()=>{a(e=>e.filter(e=>e.role!==`system`))},[]);return{messages:i,renderedMessages:(0,Q.useMemo)(()=>xt(i,o),[i,o]),expandCompact:Xe,isCompactExpanded:Ze,dismissMessage:Qe,clearErrors:$e,messagesLoading:c,versionMap:u,isStreaming:je,phase:f,isReconnecting:m,connectingElapsed:g,pendingApproval:v,contextWindowPct:b,compactStatus:S,statusMessage:re,sessionTitle:k,model:N,setModel:Be,effort:F,setEffort:Ve,thinking:ue,setThinking:He,teamActivity:Te,teamMessages:De,markTeamRead:ke,bashPartialOutput:fe,backgroundShells:w,killBackgroundShell:Ge,findBackgroundShellByOutput:Ke,sendMessage:Re,respondToApproval:Ue,cancelStreaming:We,reconnect:qe,refetchMessages:Ye,isConnected:ie&&oe===e}}var Nt=12e4;function Pt(e,t=`claude`,n){let r=JSON.stringify([e,t,n]),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(!1),c=(0,Q.useRef)(null),l=(0,Q.useRef)(0),u=(0,Q.useCallback)((i=!1)=>{if(!e)return;let o=++l.current;s(!0);let c=i?`&refresh=1`:``,u=n?`&session=${encodeURIComponent(n)}`:``;E.get(`${T(e)}/chat/usage?providerId=${t}${u}${c}`).then(e=>{o===l.current&&a({scope:r,usage:e??{},fetchedAt:e?.lastFetchedAt??null})}).catch(()=>{}).finally(()=>{o===l.current&&s(!1)})},[e,t,n,r]);(0,Q.useEffect)(()=>(a(null),s(!1),u(),c.current=setInterval(()=>u(),Nt),()=>{++l.current,c.current&&clearInterval(c.current)}),[u]);let d=(0,Q.useCallback)(()=>u(!0),[u]),f=i?.scope===r?i:null;return{usageInfo:f?.usage??{},usageLoading:o,lastFetchedAt:f?.fetchedAt??null,refreshUsage:d}}var Ft={damping:.7,stiffness:.05,mass:1.25},It=70,Lt=1e3/60,Rt=350,zt=!1;globalThis.document?.addEventListener(`mousedown`,()=>{zt=!0}),globalThis.document?.addEventListener(`mouseup`,()=>{zt=!1}),globalThis.document?.addEventListener(`click`,()=>{zt=!1});var Bt=(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(!zt)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<=It}}},[]),f=(0,Q.useCallback)((e={})=>{typeof e==`string`&&(e={animation:e}),e.preserveScrollPosition||l(!0);let t=Date.now()+(Number(e.wait)||0),n=Ut(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))/Lt;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:Ut(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=Vt(e=>{g.current?.removeEventListener(`scroll`,m),g.current?.removeEventListener(`wheel`,h),e?.addEventListener(`scroll`,m,{passive:!0}),e?.addEventListener(`wheel`,h,{passive:!0})},[]),_=Vt(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=Ut(s.current,t?s.current.resize:s.current.initial);f({animation:e,wait:!0,preserveScrollPosition:!0,duration:e===`instant`?void 0:Rt})}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 Vt(e,t){let n=(0,Q.useCallback)(t=>(n.current=t,e(t)),t);return n}var Ht=new Map;function Ut(...e){let t={...Ft},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 Ht.has(r)||Ht.set(r,Object.freeze(t)),n?`instant`:Ht.get(r)}var Wt=60,Gt=8,Kt=1400;function qt(e){if(e.scrollHeight<=e.clientHeight)return!1;let t=getComputedStyle(e).overflowY;return t===`auto`||t===`scroll`}function Jt(e,t){let n=[],r=e.parentElement;for(;r&&r!==t;)qt(r)&&n.push(r),r=r.parentElement;return n}function Yt(){return typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches}function Xt(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 Zt(e,t,n,r){let i=e.scrollTop+t.getBoundingClientRect().top-e.getBoundingClientRect().top-n;e.scrollTo({top:i,behavior:r?`smooth`:`auto`})}function Qt(e,t){let n=Xt(e,t);if(!n)return()=>{};let{el:r,level:i}=n;for(let t of Jt(r,e))Zt(t,r,Gt,!1);Zt(e,r,Wt,!Yt()),r.dataset.flash=i;let a=setTimeout(()=>{delete r.dataset.flash},Kt);return()=>{clearTimeout(a),delete r.dataset.flash}}var $t=new Set([`Write`,`Edit`,`MultiEdit`,`NotebookEdit`]),en={create:3,write:2,notebook:2,edit:1};function tn(e){return typeof e==`string`?e:``}function nn(e,t){let n=0,r=0;for(let i of $e(e,t))i.added?n+=i.count??0:i.removed&&(r+=i.count??0);return{added:n,removed:r}}function rn(e){return e&&/created successfully/i.test(e)?`create`:`write`}function an(e,t,n){switch(e){case`Write`:{let e=tn(t.file_path);return e?{filePath:e,op:rn(n),fragments:[{oldStr:``,newStr:tn(t.content)}]}:null}case`Edit`:{let e=tn(t.file_path);return e?{filePath:e,op:`edit`,fragments:[{oldStr:tn(t.old_string),newStr:tn(t.new_string)}]}:null}case`MultiEdit`:{let e=tn(t.file_path);if(!e||!Array.isArray(t.edits))return null;let n=t.edits.filter(e=>!!e&&typeof e==`object`).map(e=>({oldStr:tn(e.old_string),newStr:tn(e.new_string)}));return n.length===0?null:{filePath:e,op:`edit`,fragments:n}}case`NotebookEdit`:{let e=tn(t.notebook_path)||tn(t.file_path);return e?{filePath:e,op:`notebook`,fragments:[{oldStr:``,newStr:tn(t.new_source)}]}:null}default:return null}}function on(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),on(n.children,t)}}}function sn(e,t,n,r){if(e)for(let i of e){if(i.type!==`tool_use`||(i.children?.length&&sn(i.children,!0,n,r),!$t.has(i.tool)))continue;let e=i.input&&typeof i.input==`object`?i.input:null;if(!e)continue;let a=an(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)),en[a.op]>en[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 cn(e){let t=new Map;for(let n of e)on(n.events,t);let n=new Map;for(let r of e)sn(r.events,!1,n,t);return[...n.values()]}function ln(e,t){let n=[];for(let r=t;r>=0&&e[r]?.role===`assistant`;r--)n.unshift(e[r]);return n}var $=n();function un(e){try{return new Date(e).toLocaleString()}catch{return``}}function dn({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 fn({content:e}){let[t,n]=(0,Q.useState)(!1);return(0,$.jsx)(dn,{icon:t?(0,$.jsx)(o,{className:`size-3.5`}):(0,$.jsx)(y,{className:`size-3.5`}),label:t?`Copied`:`Copy`,title:`Copy message to clipboard`,onClick:()=>{Fe(e),n(!0),setTimeout(()=>n(!1),1500)}})}function pn({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:un(e),className:`pr-1 tabular-nums`,children:ue(e)}),(0,$.jsx)(fn,{content:t}),r]})}function mn(e){let t=0,n=0;for(let r of e)t+=r.linesAdded,n+=r.linesRemoved;return{added:t,removed:n}}function hn({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 gn(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}=ae.getState();return n[r]?.activeTabId===t}var _n={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 vn(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 bn({change:e,dense:t,selected:n,onClick:r}){let i=_n[e.op],{base:a,dir:o}=vn(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)(c,{className:`size-[11px] text-text-subtle`})]})}var xn=(0,Q.lazy)(()=>re(()=>import(`./edit-diff-preview-DUgmjNre.js`),__vite__mapDeps([0,1,2,3])));function Sn({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)(fe,{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)(xn,{oldStr:n.oldStr,newStr:n.newStr,filePath:e.filePath})})})]},n.editRef??r))})}function Cn(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 wn=null;function Tn(e){return e instanceof HTMLElement?e.tagName===`INPUT`||e.tagName===`TEXTAREA`||e.isContentEditable:!1}function En({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)(()=>(wn=s,o.current?.querySelector(`button`)?.focus(),()=>{wn===s&&(wn=null)}),[s]),(0,Q.useEffect)(()=>{let o=o=>{if(wn===s&&gn(a.current)&&!Tn(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}=Cn(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)(bn,{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 Fe(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)(te,{className:`size-3.5`})})]}),(0,$.jsx)(Sn,{change:c,onJump:t})]})]})})}function Dn(e){let t=Math.max(e.lastIndexOf(`/`),e.lastIndexOf(`\\`));return t<0?e:e.slice(t+1)}function On({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 kn({changes:e,totals:t,open:n,onClose:r,onJump:i}){let[a,o]=(0,Q.useState)(null),s=a==null?null:e[a],c=(0,Q.useRef)(null),l=()=>{o(null),r()},u=e=>{l(),i(e)};return(0,Q.useEffect)(()=>{if(!n)return;let e=c.current,t=()=>Array.from(e?.querySelectorAll(`button:not([disabled])`)??[]);t()[0]?.focus();let r=e=>{if(e.key===`Escape`){e.preventDefault(),l();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,a]),(0,$.jsx)(P,{open:n,onClose:l,className:`flex max-h-[85%] flex-col rounded-t-[14px] motion-reduce:animate-none`,children:(0,$.jsx)(`div`,{ref:c,className:`flex min-h-0 flex-1 flex-col`,children:s?(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)(On,{label:`Back to file list`,onClick:()=>o(null),children:(0,$.jsx)(Pe,{className:`size-4`})}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-xs font-medium text-text-primary`,children:Dn(s.filePath)}),(0,$.jsx)(yn,{added:s.linesAdded,removed:s.linesRemoved,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(On,{label:`Close`,onClick:l,children:(0,$.jsx)(te,{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:s.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:s.filePath}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void Fe(s.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`}),s.edits[0]?.editRef&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>u(s.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)(fe,{className:`size-3`}),`card`]})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:(0,$.jsx)(Sn,{change:s,onJump:u})})]}):(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)(On,{label:`Close`,onClick:l,children:(0,$.jsx)(te,{className:`size-4`})})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:e.map((e,t)=>(0,$.jsx)(bn,{change:e,onClick:()=>o(t)},e.filePath))})]})})})}function An({timestamp:e,content:t,changes:n,onJumpToEdit:r}){let[i,a]=(0,Q.useState)(!1),o=se(),s=(0,Q.useRef)(null),c=()=>{a(!1),s.current?.focus()},l=(0,$.jsx)(pn,{timestamp:e,content:t,className:`-mt-1.5`,children:n&&n.length>0&&(0,$.jsx)(hn,{ref:s,count:n.length,totals:mn(n),open:i,onToggle:()=>i?c():a(!0)})});return!n||n.length===0?l:(0,$.jsxs)($.Fragment,{children:[l,o?(0,$.jsx)(kn,{changes:n,totals:mn(n),open:i,onClose:c,onJump:r??(()=>{})}):i&&(0,$.jsx)(En,{changes:n,onJump:e=>{a(!1),r?.(e)},onClose:c})]})}function jn(e){return e.inputTokens+e.cacheReadTokens+e.cacheWriteTokens}function Mn(e){return e.inputTokens+e.cacheWriteTokens}var Nn=.5,Pn=.9,Fn={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 In(e){let t=Mn(e),n=jn(e);if(!e.coldStart||n<2e4)return{level:`ok`,wastedTokens:t,reason:``};let r=e.cacheHitRate<Nn?`bad`:e.cacheHitRate<Pn?`warn`:`ok`;if(r===`ok`)return{level:r,wastedTokens:t,reason:``};let i=e.coldReason?Fn[e.coldReason]??`the session restarted (${e.coldReason})`:null;return{level:r,wastedTokens:t,reason:i?`${Bn(t)} of this session's transcript was re-sent uncached because ${i}.`:`${Bn(t)} of this session's transcript was re-sent uncached.`}}var Ln=.1,Rn=1.25;function zn(e){let t=jn(e);if(t===0)return 1;let n=e.inputTokens+e.cacheWriteTokens*Rn+e.cacheReadTokens*Ln,r=t*Ln;return r>0?Math.max(1,n/r):1}function Bn(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(e>=1e4?0:1)}k`:String(e)}function Vn({usage:e}){let[t,n]=(0,Q.useState)(!1),r=In(e);if(r.level===`ok`)return null;let i=zn(e),a=jn(e),o=Math.round(e.cacheHitRate*100),c=r.level===`bad`;return(0,$.jsxs)(`div`,{className:`rounded-md border px-2.5 py-2 text-[11px] ${c?`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)(ge,{className:`mt-px size-3.5 shrink-0 ${c?`text-warning`:`text-text-subtle`}`}),(0,$.jsxs)(`span`,{className:`flex-1`,children:[`Costly turn — `,o,`% of a `,Bn(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)(s,{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)(Hn,{label:`From cache`,value:`${Bn(e.cacheReadTokens)} (${o}%)`}),(0,$.jsx)(Hn,{label:`Written to cache`,value:Bn(e.cacheWriteTokens)}),(0,$.jsx)(Hn,{label:`Fresh input`,value:Bn(e.inputTokens)}),(0,$.jsx)(Hn,{label:`Output`,value:Bn(e.outputTokens)}),(0,$.jsx)(Hn,{label:`Model`,value:e.model||`unknown`}),(0,$.jsx)(Hn,{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 Hn({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 Un(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(()=>{E.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 Wn=new Set([`TaskCreate`,`TaskUpdate`,`TaskStop`]);function Gn(e){let t=0;for(let n of e)if(n.events)for(let e of n.events)e.type===`tool_use`&&Wn.has(e.tool)&&t++;return t}var Kn={completed:{icon:`✓`,cls:`text-success`},in_progress:{icon:`▶`,cls:`text-warning`},stopped:{icon:`■`,cls:`text-text-subtle`},pending:{icon:`○`,cls:`text-text-subtle`}};function qn({projectName:e,sessionId:t,messages:n}){let r=(0,Q.useMemo)(()=>Gn(n),[n]),i=Un(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 l=i.filter(e=>e.status===`completed`).length,u=i.length,f=u?Math.round(l/u*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)(c,{className:`size-3.5 shrink-0`}):(0,$.jsx)(s,{className:`size-3.5 shrink-0`}),(0,$.jsx)(d,{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:[l,`/`,u,` 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:`${f}%`}})})]}),!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)(Jn,{task:e},e.id))})]})}function Jn({task:e}){let t=Kn[e.status]??Kn.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 Yn=/read the full transcript at:\s*(\S+\.jsonl)/i;function Xn(e){return e.match(Yn)?.[1]?.trim()??null}var Zn=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}};function Qn({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`,children:[(0,$.jsx)(i,{className:`size-10 text-text-subtle`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Send a message to start a new conversation`})]}),(0,$.jsx)(Te,{projectName:e,onSelectSession:t,className:`w-full px-4`})]})}var $n=3200,er=1e3,tr={hasAbove:!1,atBottom:!0,idx:0,total:0};function nr({scrollElement:e,userIndices:t,scrollToBottom:n}){let r=se(),[i,a]=(0,Q.useState)(tr),[o,c]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(0),f=(0,Q.useRef)($n),p=(0,Q.useRef)(null),m=(0,Q.useRef)(null),h=(0,Q.useRef)(!1),g=(0,Q.useRef)(!1),_=(e,t,n)=>t.getBoundingClientRect().top-n+e.scrollTop,v=(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=v(t).map(e=>_(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,v]),(0,Q.useEffect)(()=>{if(!o)return;let e=setTimeout(()=>c(!1),f.current);return()=>clearTimeout(e)},[o,i.idx,u]),(0,Q.useEffect)(()=>{if(!o||!g.current)return;g.current=!1;let e=p.current;(e?.querySelector(`button:not(:disabled)`)??e)?.focus()},[o]),(0,Q.useEffect)(()=>{o||!h.current||(h.current=!1,m.current?.focus())},[o]);let y=(0,Q.useCallback)(()=>{f.current=$n,d(e=>e+1)},[]),b=(0,Q.useCallback)(()=>{let t=e;if(!t)return;let n=t.scrollTop,r=t.getBoundingClientRect().top,i;for(let e of v(t)){let a=_(t,e,r);if(a<n-4)i=a;else break}i!=null&&t.scrollTo({top:i,behavior:`auto`}),y()},[e,v,y]),x=(0,Q.useCallback)(()=>{let t=e;if(!t)return;let r=t.scrollTop,i=t.getBoundingClientRect().top,a=v(t).map(e=>_(t,e,i)).find(e=>e>r+4);a==null?n({animation:`instant`}):t.scrollTo({top:a,behavior:`auto`}),y()},[e,v,n,y]),S=(0,Q.useCallback)(()=>{n({animation:`instant`}),y()},[n,y]);(0,Q.useEffect)(()=>{let t=e;if(!t)return;let n=e=>()=>{gn(t)&&(e(),f.current=er,c(!0))},r=n(b),i=n(x);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,b,x]);let C=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:p,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:()=>{h.current=!0},onKeyDown:e=>{e.key===`Escape`&&c(!1)},children:[(0,$.jsx)(`button`,{type:`button`,onClick:b,disabled:!i.hasAbove,"aria-label":`Jump to previous message`,className:C,children:(0,$.jsx)(l,{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:x,disabled:i.atBottom,"aria-label":`Jump to next message`,className:C,children:(0,$.jsx)(s,{className:`size-[15px]`})}),(0,$.jsx)(`button`,{type:`button`,onClick:S,disabled:i.atBottom,"aria-label":`Jump to latest`,className:C,children:(0,$.jsx)(lt,{className:`size-[13px]`})})]}):(0,$.jsx)(`button`,{ref:m,type:`button`,onClick:()=>{f.current=$n,g.current=!0,c(!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)(F,{className:`size-[15px]`})})})})}function rr({group:e,onNavigate:t,disabled:n}){if(!e||e.ids.length<2)return null;let{ids:r,currentIndex:i}=e,a=e=>{let i=r[e];i&&!n&&t(i)};return(0,$.jsxs)(`div`,{className:`mt-1 flex items-center gap-1 text-xs text-text-subtle select-none`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>a(i-1),disabled:n||i<=0,"aria-label":`Previous version`,className:`flex items-center justify-center rounded p-0.5 hover:text-text-primary disabled:opacity-30 disabled:cursor-default`,children:(0,$.jsx)(Pe,{className:`size-3.5`})}),(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[i+1,`/`,r.length]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>a(i+1),disabled:n||i>=r.length-1,"aria-label":`Next version`,className:`flex items-center justify-center rounded p-0.5 hover:text-text-primary disabled:opacity-30 disabled:cursor-default`,children:(0,$.jsx)(c,{className:`size-3.5`})})]})}function ir(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 ar(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 or({questions:e,onSubmit:t,onSkip:n}){let r=(0,Q.useRef)(null),i=ir(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=ar({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})`]})]})]})}var sr={"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 cr(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:sr[e]??e.replace(/^antml:/,``).replace(/-/g,` `),content:r[2].trim()})}return{cleanText:e.replace(n,``).trim(),tags:t}}function lr(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 ur(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 dr(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 fr(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=fr(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(`
|
|
3
|
-
`).map(e=>e.trim()).filter(Boolean),text:n.slice(i[0].length)}:{files:[],text:n}}function
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/edit-diff-preview-DUgmjNre.js","assets/rolldown-runtime-FhOqtrmT.js","assets/vendor-markdown-Ls5AcU91.js","assets/libesm-CYLrAeW3.js","assets/markdown-renderer-UhszMWSn.js","assets/vendor-mermaid-CKKtYuTV.js","assets/vendor-ui-CaeeFO0B.js","assets/markdown-renderer-CEloCR06.js","assets/index-yV5RgBDh.js","assets/button-2WCAS8dI.js","assets/utils-C9OjCrou.js","assets/createLucideIcon-D8pyde1A.js","assets/arrow-left-CyFcsyzD.js","assets/bot-D6sx11y0.js","assets/check-DN75Ucvz.js","assets/chevron-down-Dp0rpHb8.js","assets/chevron-right-De-Wz5Lz.js","assets/chevron-up-8PbsNiJp.js","assets/circle-BCy0AUCo.js","assets/clock-C1CQUQPZ.js","assets/sparkles-Dh-_J2Rd.js","assets/copy-BewHj66E.js","assets/database-Y3ESDK4-.js","assets/download-DG3_9xXy.js","assets/use-coarse-long-press-BmI_GVW5.js","assets/eye-off-GjXVuAOn.js","assets/eye-gWwaF4Lg.js","assets/loader-circle-DPMrnLQ2.js","assets/monitor-C835ucWH.js","assets/x-YDu4m2Iq.js","assets/api-client-oY1tC3tM.js","assets/react-X4jUntEf.js","assets/window-store-DGKf9rPG.js","assets/window-pip-registry-CSLhJfpL.js","assets/panel-store-BRrnDO_i.js","assets/context-menu-C13b1uT3.js","assets/portal-container-context-a399Hd9F.js","assets/mobile-bottom-sheet-B3uDlD79.js","assets/use-visual-viewport-D9O48HQt.js","assets/use-is-mobile-CYW3FJFE.js","assets/project-store-BuY7rxn_.js","assets/ws-auth-ZSZkAT6p.js","assets/settings-store-DWUx3865.js","assets/streaming-store-9_9j70zt.js","assets/tab-store-PZsP5ZwG.js","assets/apply-theme-r8tKDrCR.js","assets/resolve-theme-b_yGlUFQ.js","assets/index-N-pnuwFP.css","assets/image-gallery-BycaVWOu.js","assets/run-in-terminal-DHAvC1AG.js","assets/api-client-BogqsFna.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{o as e}from"./rolldown-runtime-FhOqtrmT.js";import{S as t,x as n}from"./vendor-markdown-Ls5AcU91.js";import"./vendor-ui-CaeeFO0B.js";import{t as r}from"./createLucideIcon-D8pyde1A.js";import{t as i}from"./bot-D6sx11y0.js";import{t as a}from"./brain-KDa9jFRq.js";import{t as o}from"./check-DN75Ucvz.js";import{t as s}from"./chevron-down-Dp0rpHb8.js";import{t as c}from"./chevron-right-De-Wz5Lz.js";import{t as l}from"./chevron-up-8PbsNiJp.js";import{a as u,i as d,n as f,o as p,r as m}from"./tool-cards-CLxrQlUs.js";import{t as h}from"./circle-BCy0AUCo.js";import{t as g}from"./clock-C1CQUQPZ.js";import{t as _}from"./code-DJgYrFzm.js";import{t as v}from"./sparkles-Dh-_J2Rd.js";import{t as y}from"./copy-BewHj66E.js";import{n as b,r as x}from"./use-coarse-long-press-BmI_GVW5.js";import{t as S}from"./eye-gWwaF4Lg.js";import{t as C}from"./hand-x0ejq3fS.js";import{t as w}from"./loader-circle-DPMrnLQ2.js";import{t as ee}from"./shield-off-7jKWpJBD.js";import{t as te}from"./x-YDu4m2Iq.js";import{i as T,n as E,r as D,s as ne}from"./api-client-oY1tC3tM.js";import{q as re}from"./vendor-mermaid-CKKtYuTV.js";import{t as O}from"./settings-store-DWUx3865.js";import{n as k,r as A,t as ie}from"./utils-C9OjCrou.js";import"./portal-container-context-a399Hd9F.js";import{t as ae}from"./panel-store-BRrnDO_i.js";import"./window-store-DGKf9rPG.js";import{i as j}from"./project-store-BuY7rxn_.js";import{t as oe}from"./tab-store-PZsP5ZwG.js";import"./context-menu-C13b1uT3.js";import{n as se}from"./use-is-mobile-CYW3FJFE.js";import{n as M}from"./streaming-store-9_9j70zt.js";import{t as N}from"./button-2WCAS8dI.js";import{t as P}from"./mobile-bottom-sheet-B3uDlD79.js";import"./use-visual-viewport-D9O48HQt.js";import"./ws-auth-ZSZkAT6p.js";import{$n as ce,An as le,Ar as F,Bn as I,Dr as L,En as ue,Fn as de,In as R,Ir as z,Kn as B,Ln as V,Lr as fe,Lt as pe,M as H,Mr as me,N as he,Nn as ge,Nr as _e,On as U,P as W,Pn as ve,Qn as ye,Rt as G,Tn as be,Un as xe,Vn as Se,Wn as K,Xt as q,Yt as Ce,Zn as we,_n as Te,ar as Ee,bn as De,br as Oe,cn as J,en as ke,fr as Ae,gn as je,gr as Me,jn as Ne,jr as Pe,kr as Y,nn as Fe,nr as X,qn as Ie,qt as Z,r as Le,rr as Re,t as ze,ur as Be,v as Ve,vn as He,vr as Ue,wn as We,wr as Ge,zn as Ke,zt as qe}from"./index-yV5RgBDh.js";import{t as Je}from"./use-websocket-kR1omKO1.js";import{getAISettings as Ye}from"./api-settings-BVfemzZW.js";import"./use-blob-url-De-ZtcpX.js";import{n as Xe,r as Ze,t as Qe}from"./image-gallery-BycaVWOu.js";import{t as $e}from"./libesm-CYLrAeW3.js";import{t as et}from"./use-open-team-member-DWhhWdmJ.js";import{n as tt,t as nt}from"./send-to-chat-BOyUWNKw.js";import{t as rt}from"./ai-settings-section-CcqokdzF.js";import{c as it,l as at,n as ot,s as st,t as ct,u as lt}from"./use-accounts-data-snYPJED_.js";var ut=r(`activity`,[[`path`,{d:`M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2`,key:`169zse`}]]),dt=r(`chevrons-down`,[[`path`,{d:`m7 6 5 5 5-5`,key:`1lc07p`}],[`path`,{d:`m7 13 5 5 5-5`,key:`1d48rs`}]]),ft=r(`clipboard-check`,[[`rect`,{width:`8`,height:`4`,x:`8`,y:`2`,rx:`1`,ry:`1`,key:`tgr4d6`}],[`path`,{d:`M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2`,key:`116196`}],[`path`,{d:`m9 14 2 2 4-4`,key:`df797q`}]]),pt=r(`image-off`,[[`line`,{x1:`2`,x2:`22`,y1:`2`,y2:`22`,key:`a6p6uj`}],[`path`,{d:`M10.41 10.41a2 2 0 1 1-2.83-2.83`,key:`1bzlo9`}],[`line`,{x1:`13.5`,x2:`6`,y1:`13.5`,y2:`21`,key:`1q0aeu`}],[`line`,{x1:`18`,x2:`21`,y1:`12`,y2:`15`,key:`5mozeu`}],[`path`,{d:`M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59`,key:`mmje98`}],[`path`,{d:`M21 15V5a2 2 0 0 0-2-2H9`,key:`43el77`}]]),mt=r(`list-ordered`,[[`path`,{d:`M11 5h10`,key:`1cz7ny`}],[`path`,{d:`M11 12h10`,key:`1438ji`}],[`path`,{d:`M11 19h10`,key:`11t30w`}],[`path`,{d:`M4 4h1v5`,key:`10yrso`}],[`path`,{d:`M4 9h2`,key:`r1h2o0`}],[`path`,{d:`M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02`,key:`xtkcd5`}]]),ht=r(`mic-off`,[[`path`,{d:`M12 19v3`,key:`npa21l`}],[`path`,{d:`M15 9.34V5a3 3 0 0 0-5.68-1.33`,key:`1gzdoj`}],[`path`,{d:`M16.95 16.95A7 7 0 0 1 5 12v-2`,key:`cqa7eg`}],[`path`,{d:`M18.89 13.23A7 7 0 0 0 19 12v-2`,key:`16hl24`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M9 9v3a3 3 0 0 0 5.12 2.12`,key:`r2i35w`}]]),gt=r(`paperclip`,[[`path`,{d:`m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551`,key:`1miecu`}]]),_t=r(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),Q=e(t(),1),vt={maxImages:4,maxBase64PerImage:5e6,maxBase64Total:1e7};function yt(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 bt(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}}function xt(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 St(e,t){let n=`pc-${xt(t)}-`;return e.map(e=>e.id?{...e,id:`${n}${e.id}`}:e)}function Ct(e,t){if(t.size===0)return e;let n=[];for(let r of e){let e=r.id?t.get(r.id):void 0;e&&e.length>0&&n.push(...e),n.push(r)}return n}var wt=null;function Tt(){return wt||=new AudioContext,wt}function Et(e,t,n,r,i=`sine`){let a=Tt(),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 Dt(){let e=Tt().currentTime;Et(523,.15,e,.15),Et(659,.2,e+.12,.15)}function Ot(){let e=Tt().currentTime;Et(880,.12,e,.18,`square`),Et(698,.12,e+.15,.18,`square`),Et(880,.15,e+.3,.15,`square`)}function kt(){let e=Tt().currentTime;Et(440,.12,e,.12),Et(523,.12,e+.1,.12),Et(659,.18,e+.2,.12)}var At={done:Dt,approval_request:Ot,question:kt};function jt(e){try{At[e]?.()}catch{}}var Mt={hasTeams:!1,teamNames:[],messageCount:0,unreadCount:0};function Nt(e){if(document.hidden)return!1;let{panels:t}=ae.getState();for(let n of Object.values(t)){let t=n.tabs.find(e=>e.id===n.activeTabId);if(t?.type===`chat`&&t.metadata?.sessionId===e)return!0}return!1}function Pt(e,t=`claude`,n=``,r){let[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(new Map),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)({}),[f,p]=(0,Q.useState)(`idle`),[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(0),[v,y]=(0,Q.useState)(null),[b,x]=(0,Q.useState)(null),[S,C]=(0,Q.useState)(null),[w,ee]=(0,Q.useState)([]),te=(0,Q.useRef)([]),[re,O]=(0,Q.useState)(null),[k,A]=(0,Q.useState)(null),[ie,j]=(0,Q.useState)(!1),[oe,se]=(0,Q.useState)(null),[N,P]=(0,Q.useState)(null),ce=(0,Q.useRef)(null),le=(0,Q.useRef)(null),[F,I]=(0,Q.useState)(null),L=(0,Q.useRef)(null),[ue,de]=(0,Q.useState)(!0),R=(0,Q.useRef)(null),z=(0,Q.useRef)(null),B=(0,Q.useRef)(``),V=(0,Q.useRef)([]),fe=(0,Q.useRef)(new Map),pe=(0,Q.useRef)(null),H=(0,Q.useRef)(`idle`),me=(0,Q.useRef)(null),he=(0,Q.useRef)(()=>{}),ge=(0,Q.useRef)(null),_e=(0,Q.useRef)(!1),U=(0,Q.useRef)(new Set),W=(0,Q.useRef)(0),ve=(0,Q.useRef)(null),ye=(0,Q.useRef)(0),G=(0,Q.useRef)(e);G.current=e;let be=(0,Q.useRef)(r);be.current=r;let xe=(0,Q.useRef)([]);xe.current=i;let Se=(0,Q.useRef)(n);Se.current=n;let K=(0,Q.useRef)(null),q=(0,Q.useRef)(0),Ce=(0,Q.useRef)({teamNames:new Set,messages:[]}),we=(0,Q.useRef)(0),[Te,Ee]=(0,Q.useState)(Mt),[De,Oe]=(0,Q.useState)([]),J=(0,Q.useCallback)(()=>{let e=Ce.current;Ee({hasTeams:e.teamNames.size>0,teamNames:Array.from(e.teamNames),messageCount:e.messages.length,unreadCount:we.current}),Oe([...e.messages])},[]),ke=(0,Q.useCallback)(()=>{we.current=0,J()},[J]),Ae=(0,Q.useCallback)(async e=>{try{let t=await E.get(`/api/teams/${encodeURIComponent(e)}`);if(!t?.messages)return;let n=Ce.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),J()}catch{}},[J]),je=f!==`idle`;(0,Q.useEffect)(()=>{if(e)return M.getState().setStreaming(e,f!==`idle`,n),()=>{M.getState().setStreaming(e,!1)}},[e,f,n]);let Me=(0,Q.useCallback)((e,t)=>{let n=V.current.findIndex(e=>e.type===`tool_use`&&(e.tool===`Agent`||e.tool===`Task`)&&e.toolUseId===t);if(n===-1)return!1;let r=V.current[n];if(r.type!==`tool_use`)return!1;let i=[...r.children??[],e];return V.current[n]={...r,children:i},!0},[]),Ne=(0,Q.useCallback)((e,t)=>{let n=e=>e.type===`tool_use`&&(e.tool===`Agent`||e.tool===`Task`)&&e.toolUseId===t,r=xe.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:(a(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)},[]),Pe=(0,Q.useCallback)(()=>{q.current=0;let e=B.current,t=[...V.current],n=pe.current;(0,Q.startTransition)(()=>{a(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}]})})},[]),Y=(0,Q.useCallback)(()=>{q.current||=window.setTimeout(Pe,100)},[Pe]),Fe=(0,Q.useCallback)((e,t)=>{let n=t=>t.type===`tool_use`&&(t.tool===`Agent`||t.tool===`Task`)&&t.toolUseId===e,r=V.current.findIndex(n);if(r!==-1){V.current[r]={...V.current[r],bgStatus:t},Y();return}a(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)]})},[Y]),X=(0,Q.useCallback)(e=>{let t=e,n=t?.type;if(!n)return;let r=e=>{let n=V.current,r=n.findIndex(e);r===-1?n.push(t):n[r]=t};switch(n){case`account_info`:pe.current={accountId:t.accountId,accountLabel:t.accountLabel},O(null);break;case`account_retry`:t.accountId&&t.accountLabel&&(pe.current={accountId:t.accountId,accountLabel:t.accountLabel}),V.current=[t],Y();break;case`status_update`:{let e=t.accountLabel?` (${t.accountLabel})`:``;O(`${t.message}${e}`);break}case`text`:{let e=t.parentToolUseId;if(e&&Me(t,e)){Y();break}if(e){Ne(t,e);break}B.current+=t.content,V.current.push(t),Y();break}case`thinking`:{let e=t.parentToolUseId;if(e&&Me(t,e)){Y();break}if(e){Ne(t,e);break}V.current.push(t),Y();break}case`tool_use`:{if(t.tool===`AskUserQuestion`){t.toolUseId&&U.current.add(t.toolUseId);break}let e=t.parentToolUseId;if(e&&Me(t,e)){Y();break}if(e){Ne(t,e);break}let n=t.toolUseId;r(e=>!!n&&e.type===`tool_use`&&e.toolUseId===n),Y();break}case`tool_result`:{let e=t.toolUseId;if(e&&fe.current.delete(e),e&&U.current.has(e))break;let n=t.parentToolUseId;if(n&&Me(t,n)){Y();break}if(n){Ne(t,n);break}r(t=>!!e&&t.type===`tool_result`&&t.toolUseId===e),Y();break}case`approval_resolved`:{let e=t.requestId;if(t.approved&&t.answers){let n=V.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,a(e=>[...e]))}y(t=>t&&t.requestId===e?null:t),K.current!=null&&(ne.dismiss(K.current),K.current=null);break}case`approval_request`:if(r(e=>e.type===`approval_request`&&e.requestId===t.requestId),_e.current)break;if(y({requestId:t.requestId,tool:t.tool,input:t.input}),G.current&&!Nt(G.current)){jt(t.tool===`AskUserQuestion`?`question`:`approval_request`);let e=G.current,n=t.tool===`AskUserQuestion`;K.current=ne[n?`info`:`warning`](n?`AI has a question`:`${t.tool} needs permission`,{description:Se.current||`Session ${e.slice(0,8)}`,duration:1/0,action:{label:`Go to session`,onClick:()=>{let{panels:t}=ae.getState();for(let[n,r]of Object.entries(t)){let t=r.tabs.find(t=>t.metadata?.sessionId===e);if(t){ae.getState().setActiveTab(t.id,n);break}}}}})}break;case`error`:a(e=>{let n=e[e.length-1];if(n?.role===`assistant`){let r=V.current,i=r[r.length-1],a=i?.type===`error`&&i.message===t.message?r:[...r,t];return V.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&&(Ce.current.teamNames.add(e),J(),Ae(e));break}case`team_inbox`:{let e=t.messages;if(Array.isArray(e)){let t=Ce.current.messages;t.push(...e),t.length>500&&t.splice(0,t.length-500),we.current+=e.length,J()}break}case`team_updated`:J();break;case`bash_output`:{let e=t.toolUseId;if(e){let n=fe.current.get(e);n?(n.content+=t.content,n.content.length>5e5&&(n.content=n.content.slice(-5e5)),n.lineCount=t.lineCount):fe.current.set(e,{content:t.content,lineCount:t.lineCount}),Y()}break}case`subagent_status`:{let e=t.toolUseId,n=t.status;e&&n&&Fe(e,n);break}case`background_registry`:{let e=t.shells??[];te.current=e,ee(e);break}case`done`:{if(H.current===`idle`)break;t.contextWindowPct!=null&&x(t.contextWindowPct),G.current&&!Nt(G.current)&&jt(`done`),q.current&&=(clearTimeout(q.current),0);let e=B.current,n=[...V.current],r=pe.current,i=t.lastMessageUuid,o=t.usage;a(t=>{let a=t[t.length-1];return a?.role===`assistant`?[...t.slice(0,-1),{...a,id:`final-${Date.now()}`,content:e||a.content,events:n.length>0?n:a.events,...i&&{sdkUuid:i},...o&&{usage:o}}]:e||n.length>0?[...t,{id:`final-${Date.now()}`,role:`assistant`,content:e,events:n,timestamp:new Date().toISOString(),...i&&{sdkUuid:i},...o&&{usage:o},...r}]:t}),B.current=``,V.current=[],pe.current=null,ve.current=null,fe.current.clear(),O(null);break}}},[Me,Ne,Y,Fe,J,Ae]),Ie=(0,Q.useCallback)(e=>{let t;try{t=JSON.parse(e.data)}catch{return}if(t.type!==`ping`){if(t.type===`user_message`){let e=t.content;a(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`){A(t.title??null);return}if(t.type===`session_migrated`){let e=t.newSessionId;e&&e!==G.current&&be.current?.(e);return}if(t.type===`compact_status`){let e=t.status;e===`compacting`?C(`compacting`):e===`done`&&C(null);return}if(t.type===`phase_changed`){let e=t.phase;p(e),H.current=e,_(e===`connecting`?t.elapsed??0:0),e===`idle`&&C(null);return}if(t.type===`session_state`){j(!0),se(t.sessionId??G.current);let e=t,n=e.phase,r=H.current===`idle`;if(p(n),H.current=n,e.sessionTitle&&A(e.sessionTitle),e.model&&(le.current&&e.model!==le.current||(e.model===le.current&&(le.current=null),P(e.model),ce.current=e.model)),typeof e.effort==`string`&&(I(e.effort),L.current=e.effort),typeof e.thinking==`boolean`&&de(e.thinking),e.pendingApproval&&y({requestId:e.pendingApproval.requestId,tool:e.pendingApproval.tool,input:e.pendingApproval.input}),C(e.compactStatus===`compacting`?`compacting`:null),n===`idle`){let e=Date.now()-ye.current<5e3;r&&e||ge.current?.(),h(!1)}return}if(t.type===`turn_events`){let e=t.events,n=t.userMessage;if(!e?.length&&!n){h(!1);return}W.current&&=(cancelAnimationFrame(W.current),0),ve.current=n,a(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}),B.current=``,V.current=[],pe.current=null,_e.current=!0;let r=0,i=()=>{let t=Math.min(r+100,e.length);for(let n=r;n<t;n++)X(e[n]);r=t,r<e.length?W.current=requestAnimationFrame(i):(W.current=0,_e.current=!1,h(!1))};W.current=requestAnimationFrame(i);return}X(t)}},[X]),{send:Z,connect:Le}=Je({url:e&&n?`/ws/project/${encodeURIComponent(n)}/chat/${e}`:``,onMessage:Ie,autoConnect:!!e&&!!n});he.current=Z,(0,Q.useEffect)(()=>{let r=!1;z.current&&z.current!==e&&(le.current=null,R.current=null),z.current=e??null,p(`idle`),H.current=`idle`,y(null),K.current!=null&&(ne.dismiss(K.current),K.current=null),C(null),s(new Map),d({}),B.current=``,V.current=[],ve.current=null,ye.current=0,fe.current.clear(),q.current&&=(clearTimeout(q.current),0),j(!1),se(null),Ce.current={teamNames:new Set,messages:[]},we.current=0,Ee(Mt),Oe([]),e&&E.get(`/api/teams`).then(t=>{r||!Array.isArray(t)||t.filter(t=>(t?.name??t?.team_name)===e).length!==0&&(Ce.current.teamNames.add(e),J(),Ae(e))}).catch(()=>{});let i=new Set(xe.current.map(e=>e.id));return e&&n?(l(!0),E.get(`${T(n)}/chat/sessions/${e}/messages?providerId=${t}`).then(e=>{if(r)return;let t=Array.isArray(e)?{messages:e,versionMap:{}}:e,n=Array.isArray(t?.messages)?t.messages:[];t?.versionMap&&d(t.versionMap),t?.canonicalSessionId&&t.canonicalSessionId!==G.current&&be.current?.(t.canonicalSessionId);let o=ve.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}}a(e=>{let t=e.filter(e=>!i.has(e.id));return[...n,...t]}),ye.current=Date.now()}).catch(()=>{r||a(e=>e.filter(e=>!i.has(e.id)))}).finally(()=>{r||l(!1)})):a([]),()=>{r=!0}},[e,t,n,J,Ae]);let Re=(0,Q.useCallback)((e,t)=>{if(!e.trim()&&!t?.images?.length)return;let n=H.current!==`idle`;if(n){q.current&&=(clearTimeout(q.current),0);let e=B.current,t=[...V.current];a(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})}a(t=>[...t,{id:`user-${Date.now()}`,role:`user`,content:e,timestamp:new Date().toISOString()}]),B.current=``,V.current=[],me.current=null,n?(p(`thinking`),H.current=`thinking`):(p(`initializing`),H.current=`initializing`),y(null),K.current!=null&&(ne.dismiss(K.current),K.current=null),Z(JSON.stringify({type:`message`,content:e,permissionMode:t?.permissionMode,priority:t?.priority,images:t?.images,imagePaths:t?.imagePaths,...ce.current&&{model:ce.current},...L.current&&{effort:L.current},...R.current!==null&&{thinking:R.current}}))},[Z]),Be=(0,Q.useCallback)(e=>{P(e),ce.current=e,le.current=e,Z(JSON.stringify({type:`set_model`,model:e}))},[Z]),Ve=(0,Q.useCallback)(e=>{I(e),L.current=e,Z(JSON.stringify({type:`set_effort`,effort:e}))},[Z]),He=(0,Q.useCallback)(e=>{de(e),R.current=e,Z(JSON.stringify({type:`set_thinking`,enabled:e}))},[Z]),Ue=(0,Q.useCallback)((e,t,n)=>{if(Z(JSON.stringify({type:`approval_response`,requestId:e,approved:t,data:n})),t&&n){let t=V.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)}a(e=>[...e])}y(null),K.current!=null&&(ne.dismiss(K.current),K.current=null)},[Z]),We=(0,Q.useCallback)(()=>{if(H.current===`idle`)return;Z(JSON.stringify({type:`cancel`}));let e=B.current,t=[...V.current];a(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}),B.current=``,V.current=[],fe.current.clear(),me.current=null,p(`idle`),H.current=`idle`,y(null),K.current!=null&&(ne.dismiss(K.current),K.current=null)},[Z]),Ge=(0,Q.useCallback)(e=>{e&&Z(JSON.stringify({type:`kill_background_shell`,shellId:e}))},[Z]),Ke=(0,Q.useCallback)(e=>{if(!e)return;let t=e.replace(/\.output$/,``);return te.current.find(n=>n.shellId===t||n.outputPath.endsWith(e)||n.outputPath.endsWith(`${t}.output`))},[]);(0,Q.useEffect)(()=>{e&&ze.getState().setSessionShells(e,w)},[e,w]),(0,Q.useEffect)(()=>{if(e)return ze.getState().retainSession(e),()=>{ze.getState().releaseSession(e)}},[e]);let qe=(0,Q.useCallback)(()=>{j(!1),h(!0),Le()},[Le]),Ye=(0,Q.useCallback)(()=>{!e||!n||fetch(`${T(n)}/chat/sessions/${e}/messages?providerId=${t}`,{headers:{Authorization:`Bearer ${D()}`}}).then(e=>e.json()).then(e=>{if(H.current!==`idle`)return;let t=e.ok?Array.isArray(e.data)?{messages:e.data,versionMap:void 0}:e.data:null;t?.versionMap&&d(t.versionMap),Array.isArray(t?.messages)&&t.messages.length>0&&(a(t.messages),B.current=``,V.current=[]),ye.current=Date.now()}).catch(()=>{})},[e,t,n]);ge.current=Ye;let Xe=(0,Q.useCallback)(async(e,t)=>{if(!n)throw Error(`No project context available`);let r=e.replace(/^pc-[^-]+-/,``),i=`${T(n)}/chat/pre-compact-messages?jsonlPath=${encodeURIComponent(t)}&before=${encodeURIComponent(r)}`,a=St(await E.get(i),t);return s(t=>{let n=new Map(t);return n.set(e,a),n}),a.length},[n]),Ze=(0,Q.useCallback)(e=>o.has(e),[o]),Qe=(0,Q.useCallback)(e=>{a(t=>t.filter(t=>t.id!==e))},[]),$e=(0,Q.useCallback)(()=>{a(e=>e.filter(e=>e.role!==`system`))},[]);return{messages:i,renderedMessages:(0,Q.useMemo)(()=>Ct(i,o),[i,o]),expandCompact:Xe,isCompactExpanded:Ze,dismissMessage:Qe,clearErrors:$e,messagesLoading:c,versionMap:u,isStreaming:je,phase:f,isReconnecting:m,connectingElapsed:g,pendingApproval:v,contextWindowPct:b,compactStatus:S,statusMessage:re,sessionTitle:k,model:N,setModel:Be,effort:F,setEffort:Ve,thinking:ue,setThinking:He,teamActivity:Te,teamMessages:De,markTeamRead:ke,bashPartialOutput:fe,backgroundShells:w,killBackgroundShell:Ge,findBackgroundShellByOutput:Ke,sendMessage:Re,respondToApproval:Ue,cancelStreaming:We,reconnect:qe,refetchMessages:Ye,isConnected:ie&&oe===e}}var Ft=12e4;function It(e,t=`claude`,n){let r=JSON.stringify([e,t,n]),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(!1),c=(0,Q.useRef)(null),l=(0,Q.useRef)(0),u=(0,Q.useCallback)((i=!1)=>{if(!e)return Promise.resolve();let o=++l.current;s(!0);let c=i?`&refresh=1`:``,u=n?`&session=${encodeURIComponent(n)}`:``;return E.get(`${T(e)}/chat/usage?providerId=${t}${u}${c}`).then(e=>{o===l.current&&a({scope:r,usage:e??{},fetchedAt:e?.lastFetchedAt??null})}).catch(()=>{}).finally(()=>{o===l.current&&s(!1)})},[e,t,n,r]);(0,Q.useEffect)(()=>(a(null),s(!1),u(),c.current=setInterval(()=>u(),Ft),()=>{++l.current,c.current&&clearInterval(c.current)}),[u]);let d=(0,Q.useCallback)(()=>u(!0),[u]),f=i?.scope===r?i:null;return{usageInfo:f?.usage??{},usageLoading:o,lastFetchedAt:f?.fetchedAt??null,refreshUsage:d}}var Lt={damping:.7,stiffness:.05,mass:1.25},Rt=70,zt=1e3/60,Bt=350,Vt=!1;globalThis.document?.addEventListener(`mousedown`,()=>{Vt=!0}),globalThis.document?.addEventListener(`mouseup`,()=>{Vt=!1}),globalThis.document?.addEventListener(`click`,()=>{Vt=!1});var Ht=(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(!Vt)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<=Rt}}},[]),f=(0,Q.useCallback)((e={})=>{typeof e==`string`&&(e={animation:e}),e.preserveScrollPosition||l(!0);let t=Date.now()+(Number(e.wait)||0),n=Gt(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))/zt;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:Gt(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=Ut(e=>{g.current?.removeEventListener(`scroll`,m),g.current?.removeEventListener(`wheel`,h),e?.addEventListener(`scroll`,m,{passive:!0}),e?.addEventListener(`wheel`,h,{passive:!0})},[]),_=Ut(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=Gt(s.current,t?s.current.resize:s.current.initial);f({animation:e,wait:!0,preserveScrollPosition:!0,duration:e===`instant`?void 0:Bt})}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 Ut(e,t){let n=(0,Q.useCallback)(t=>(n.current=t,e(t)),t);return n}var Wt=new Map;function Gt(...e){let t={...Lt},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 Wt.has(r)||Wt.set(r,Object.freeze(t)),n?`instant`:Wt.get(r)}var Kt=60,qt=8,Jt=1400;function Yt(e){if(e.scrollHeight<=e.clientHeight)return!1;let t=getComputedStyle(e).overflowY;return t===`auto`||t===`scroll`}function Xt(e,t){let n=[],r=e.parentElement;for(;r&&r!==t;)Yt(r)&&n.push(r),r=r.parentElement;return n}function Zt(){return typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches}function Qt(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 $t(e,t,n,r){let i=e.scrollTop+t.getBoundingClientRect().top-e.getBoundingClientRect().top-n;e.scrollTo({top:i,behavior:r?`smooth`:`auto`})}function en(e,t){let n=Qt(e,t);if(!n)return()=>{};let{el:r,level:i}=n;for(let t of Xt(r,e))$t(t,r,qt,!1);$t(e,r,Kt,!Zt()),r.dataset.flash=i;let a=setTimeout(()=>{delete r.dataset.flash},Jt);return()=>{clearTimeout(a),delete r.dataset.flash}}var tn=new Set([`Write`,`Edit`,`MultiEdit`,`NotebookEdit`]),nn={create:3,write:2,notebook:2,edit:1};function rn(e){return typeof e==`string`?e:``}function an(e,t){let n=0,r=0;for(let i of $e(e,t))i.added?n+=i.count??0:i.removed&&(r+=i.count??0);return{added:n,removed:r}}function on(e){return e&&/created successfully/i.test(e)?`create`:`write`}function sn(e,t,n){switch(e){case`Write`:{let e=rn(t.file_path);return e?{filePath:e,op:on(n),fragments:[{oldStr:``,newStr:rn(t.content)}]}:null}case`Edit`:{let e=rn(t.file_path);return e?{filePath:e,op:`edit`,fragments:[{oldStr:rn(t.old_string),newStr:rn(t.new_string)}]}:null}case`MultiEdit`:{let e=rn(t.file_path);if(!e||!Array.isArray(t.edits))return null;let n=t.edits.filter(e=>!!e&&typeof e==`object`).map(e=>({oldStr:rn(e.old_string),newStr:rn(e.new_string)}));return n.length===0?null:{filePath:e,op:`edit`,fragments:n}}case`NotebookEdit`:{let e=rn(t.notebook_path)||rn(t.file_path);return e?{filePath:e,op:`notebook`,fragments:[{oldStr:``,newStr:rn(t.new_source)}]}:null}default:return null}}function cn(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),cn(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),!tn.has(i.tool)))continue;let e=i.input&&typeof i.input==`object`?i.input:null;if(!e)continue;let a=sn(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)),nn[a.op]>nn[o.op]&&(o.op=a.op),t&&(o.viaSubagent=!0),a.fragments.forEach((e,n)=>{let{added:r,removed:a}=an(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 un(e){let t=new Map;for(let n of e)cn(n.events,t);let n=new Map;for(let r of e)ln(r.events,!1,n,t);return[...n.values()]}function dn(e,t){let n=[];for(let r=t;r>=0&&e[r]?.role===`assistant`;r--)n.unshift(e[r]);return n}var $=n();function fn(e){try{return new Date(e).toLocaleString()}catch{return``}}function pn({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 mn({content:e}){let[t,n]=(0,Q.useState)(!1);return(0,$.jsx)(pn,{icon:t?(0,$.jsx)(o,{className:`size-3.5`}):(0,$.jsx)(y,{className:`size-3.5`}),label:t?`Copied`:`Copy`,title:`Copy message to clipboard`,onClick:()=>{Fe(e),n(!0),setTimeout(()=>n(!1),1500)}})}function hn({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:fn(e),className:`pr-1 tabular-nums`,children:ue(e)}),(0,$.jsx)(mn,{content:t}),r]})}function gn(e){let t=0,n=0;for(let r of e)t+=r.linesAdded,n+=r.linesRemoved;return{added:t,removed:n}}function _n({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 vn(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}=ae.getState();return n[r]?.activeTabId===t}var yn={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 bn(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 xn({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 Sn({change:e,dense:t,selected:n,onClick:r}){let i=yn[e.op],{base:a,dir:o}=bn(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)(xn,{added:e.linesAdded,removed:e.linesRemoved,editCount:e.editCount,className:`text-[11px]`}),(0,$.jsx)(c,{className:`size-[11px] text-text-subtle`})]})}var Cn=(0,Q.lazy)(()=>re(()=>import(`./edit-diff-preview-DUgmjNre.js`),__vite__mapDeps([0,1,2,3])));function wn({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)(fe,{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)(Cn,{oldStr:n.oldStr,newStr:n.newStr,filePath:e.filePath})})})]},n.editRef??r))})}function Tn(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 En=null;function Dn(e){return e instanceof HTMLElement?e.tagName===`INPUT`||e.tagName===`TEXTAREA`||e.isContentEditable:!1}function On({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)(()=>(En=s,o.current?.querySelector(`button`)?.focus(),()=>{En===s&&(En=null)}),[s]),(0,Q.useEffect)(()=>{let o=o=>{if(En===s&&vn(a.current)&&!Dn(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}=Tn(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)(Sn,{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)(xn,{added:c.linesAdded,removed:c.linesRemoved,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void Fe(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)(te,{className:`size-3.5`})})]}),(0,$.jsx)(wn,{change:c,onJump:t})]})]})})}function kn(e){let t=Math.max(e.lastIndexOf(`/`),e.lastIndexOf(`\\`));return t<0?e:e.slice(t+1)}function An({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 jn({changes:e,totals:t,open:n,onClose:r,onJump:i}){let[a,o]=(0,Q.useState)(null),s=a==null?null:e[a],c=(0,Q.useRef)(null),l=()=>{o(null),r()},u=e=>{l(),i(e)};return(0,Q.useEffect)(()=>{if(!n)return;let e=c.current,t=()=>Array.from(e?.querySelectorAll(`button:not([disabled])`)??[]);t()[0]?.focus();let r=e=>{if(e.key===`Escape`){e.preventDefault(),l();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,a]),(0,$.jsx)(P,{open:n,onClose:l,className:`flex max-h-[85%] flex-col rounded-t-[14px] motion-reduce:animate-none`,children:(0,$.jsx)(`div`,{ref:c,className:`flex min-h-0 flex-1 flex-col`,children:s?(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)(An,{label:`Back to file list`,onClick:()=>o(null),children:(0,$.jsx)(Pe,{className:`size-4`})}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-xs font-medium text-text-primary`,children:kn(s.filePath)}),(0,$.jsx)(xn,{added:s.linesAdded,removed:s.linesRemoved,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(An,{label:`Close`,onClick:l,children:(0,$.jsx)(te,{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:s.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:s.filePath}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>void Fe(s.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`}),s.edits[0]?.editRef&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>u(s.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)(fe,{className:`size-3`}),`card`]})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:(0,$.jsx)(wn,{change:s,onJump:u})})]}):(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)(xn,{added:t.added,removed:t.removed,className:`shrink-0 font-mono text-[11px]`}),(0,$.jsx)(An,{label:`Close`,onClick:l,children:(0,$.jsx)(te,{className:`size-4`})})]}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:e.map((e,t)=>(0,$.jsx)(Sn,{change:e,onClick:()=>o(t)},e.filePath))})]})})})}function Mn({timestamp:e,content:t,changes:n,onJumpToEdit:r}){let[i,a]=(0,Q.useState)(!1),o=se(),s=(0,Q.useRef)(null),c=()=>{a(!1),s.current?.focus()},l=(0,$.jsx)(hn,{timestamp:e,content:t,className:`-mt-1.5`,children:n&&n.length>0&&(0,$.jsx)(_n,{ref:s,count:n.length,totals:gn(n),open:i,onToggle:()=>i?c():a(!0)})});return!n||n.length===0?l:(0,$.jsxs)($.Fragment,{children:[l,o?(0,$.jsx)(jn,{changes:n,totals:gn(n),open:i,onClose:c,onJump:r??(()=>{})}):i&&(0,$.jsx)(On,{changes:n,onJump:e=>{a(!1),r?.(e)},onClose:c})]})}function Nn(e){return e.inputTokens+e.cacheReadTokens+e.cacheWriteTokens}function Pn(e){return e.inputTokens+e.cacheWriteTokens}var Fn=.5,In=.9,Ln={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 Rn(e){let t=Pn(e),n=Nn(e);if(!e.coldStart||n<2e4)return{level:`ok`,wastedTokens:t,reason:``};let r=e.cacheHitRate<Fn?`bad`:e.cacheHitRate<In?`warn`:`ok`;if(r===`ok`)return{level:r,wastedTokens:t,reason:``};let i=e.coldReason?Ln[e.coldReason]??`the session restarted (${e.coldReason})`:null;return{level:r,wastedTokens:t,reason:i?`${Hn(t)} of this session's transcript was re-sent uncached because ${i}.`:`${Hn(t)} of this session's transcript was re-sent uncached.`}}var zn=.1,Bn=1.25;function Vn(e){let t=Nn(e);if(t===0)return 1;let n=e.inputTokens+e.cacheWriteTokens*Bn+e.cacheReadTokens*zn,r=t*zn;return r>0?Math.max(1,n/r):1}function Hn(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(e>=1e4?0:1)}k`:String(e)}function Un({usage:e}){let[t,n]=(0,Q.useState)(!1),r=Rn(e);if(r.level===`ok`)return null;let i=Vn(e),a=Nn(e),o=Math.round(e.cacheHitRate*100),c=r.level===`bad`;return(0,$.jsxs)(`div`,{className:`rounded-md border px-2.5 py-2 text-[11px] ${c?`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)(ge,{className:`mt-px size-3.5 shrink-0 ${c?`text-warning`:`text-text-subtle`}`}),(0,$.jsxs)(`span`,{className:`flex-1`,children:[`Costly turn — `,o,`% of a `,Hn(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)(s,{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)(Wn,{label:`From cache`,value:`${Hn(e.cacheReadTokens)} (${o}%)`}),(0,$.jsx)(Wn,{label:`Written to cache`,value:Hn(e.cacheWriteTokens)}),(0,$.jsx)(Wn,{label:`Fresh input`,value:Hn(e.inputTokens)}),(0,$.jsx)(Wn,{label:`Output`,value:Hn(e.outputTokens)}),(0,$.jsx)(Wn,{label:`Model`,value:e.model||`unknown`}),(0,$.jsx)(Wn,{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 Wn({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 Gn(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(()=>{E.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 Kn=new Set([`TaskCreate`,`TaskUpdate`,`TaskStop`]);function qn(e){let t=0;for(let n of e)if(n.events)for(let e of n.events)e.type===`tool_use`&&Kn.has(e.tool)&&t++;return t}var Jn={completed:{icon:`✓`,cls:`text-success`},in_progress:{icon:`▶`,cls:`text-warning`},stopped:{icon:`■`,cls:`text-text-subtle`},pending:{icon:`○`,cls:`text-text-subtle`}};function Yn({projectName:e,sessionId:t,messages:n}){let r=(0,Q.useMemo)(()=>qn(n),[n]),i=Gn(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 l=i.filter(e=>e.status===`completed`).length,u=i.length,f=u?Math.round(l/u*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)(c,{className:`size-3.5 shrink-0`}):(0,$.jsx)(s,{className:`size-3.5 shrink-0`}),(0,$.jsx)(d,{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:[l,`/`,u,` 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:`${f}%`}})})]}),!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)(Xn,{task:e},e.id))})]})}function Xn({task:e}){let t=Jn[e.status]??Jn.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 Zn=/read the full transcript at:\s*(\S+\.jsonl)/i;function Qn(e){return e.match(Zn)?.[1]?.trim()??null}var $n=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}};function er({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`,children:[(0,$.jsx)(i,{className:`size-10 text-text-subtle`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Send a message to start a new conversation`})]}),(0,$.jsx)(Te,{projectName:e,onSelectSession:t,className:`w-full px-4`})]})}var tr=3200,nr=1e3,rr={hasAbove:!1,atBottom:!0,idx:0,total:0};function ir({scrollElement:e,userIndices:t,scrollToBottom:n}){let r=se(),[i,a]=(0,Q.useState)(rr),[o,c]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(0),f=(0,Q.useRef)(tr),p=(0,Q.useRef)(null),m=(0,Q.useRef)(null),h=(0,Q.useRef)(!1),g=(0,Q.useRef)(!1),_=(e,t,n)=>t.getBoundingClientRect().top-n+e.scrollTop,v=(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=v(t).map(e=>_(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,v]),(0,Q.useEffect)(()=>{if(!o)return;let e=setTimeout(()=>c(!1),f.current);return()=>clearTimeout(e)},[o,i.idx,u]),(0,Q.useEffect)(()=>{if(!o||!g.current)return;g.current=!1;let e=p.current;(e?.querySelector(`button:not(:disabled)`)??e)?.focus()},[o]),(0,Q.useEffect)(()=>{o||!h.current||(h.current=!1,m.current?.focus())},[o]);let y=(0,Q.useCallback)(()=>{f.current=tr,d(e=>e+1)},[]),b=(0,Q.useCallback)(()=>{let t=e;if(!t)return;let n=t.scrollTop,r=t.getBoundingClientRect().top,i;for(let e of v(t)){let a=_(t,e,r);if(a<n-4)i=a;else break}i!=null&&t.scrollTo({top:i,behavior:`auto`}),y()},[e,v,y]),x=(0,Q.useCallback)(()=>{let t=e;if(!t)return;let r=t.scrollTop,i=t.getBoundingClientRect().top,a=v(t).map(e=>_(t,e,i)).find(e=>e>r+4);a==null?n({animation:`instant`}):t.scrollTo({top:a,behavior:`auto`}),y()},[e,v,n,y]),S=(0,Q.useCallback)(()=>{n({animation:`instant`}),y()},[n,y]);(0,Q.useEffect)(()=>{let t=e;if(!t)return;let n=e=>()=>{vn(t)&&(e(),f.current=nr,c(!0))},r=n(b),i=n(x);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,b,x]);let C=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:p,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:()=>{h.current=!0},onKeyDown:e=>{e.key===`Escape`&&c(!1)},children:[(0,$.jsx)(`button`,{type:`button`,onClick:b,disabled:!i.hasAbove,"aria-label":`Jump to previous message`,className:C,children:(0,$.jsx)(l,{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:x,disabled:i.atBottom,"aria-label":`Jump to next message`,className:C,children:(0,$.jsx)(s,{className:`size-[15px]`})}),(0,$.jsx)(`button`,{type:`button`,onClick:S,disabled:i.atBottom,"aria-label":`Jump to latest`,className:C,children:(0,$.jsx)(dt,{className:`size-[13px]`})})]}):(0,$.jsx)(`button`,{ref:m,type:`button`,onClick:()=>{f.current=tr,g.current=!0,c(!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)(F,{className:`size-[15px]`})})})})}function ar({group:e,onNavigate:t,disabled:n}){if(!e||e.ids.length<2)return null;let{ids:r,currentIndex:i}=e,a=e=>{let i=r[e];i&&!n&&t(i)};return(0,$.jsxs)(`div`,{className:`mt-1 flex items-center gap-1 text-xs text-text-subtle select-none`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>a(i-1),disabled:n||i<=0,"aria-label":`Previous version`,className:`flex items-center justify-center rounded p-0.5 hover:text-text-primary disabled:opacity-30 disabled:cursor-default`,children:(0,$.jsx)(Pe,{className:`size-3.5`})}),(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[i+1,`/`,r.length]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>a(i+1),disabled:n||i>=r.length-1,"aria-label":`Next version`,className:`flex items-center justify-center rounded p-0.5 hover:text-text-primary disabled:opacity-30 disabled:cursor-default`,children:(0,$.jsx)(c,{className:`size-3.5`})})]})}function or(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 sr(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 cr({questions:e,onSubmit:t,onSkip:n}){let r=(0,Q.useRef)(null),i=or(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=sr({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})`]})]})]})}var lr={"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 ur(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:lr[e]??e.replace(/^antml:/,``).replace(/-/g,` `),content:r[2].trim()})}return{cleanText:e.replace(n,``).trim(),tags:t}}function dr(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 fr(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 pr(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 mr(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=mr(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(`
|
|
3
|
+
`).map(e=>e.trim()).filter(Boolean),text:n.slice(i[0].length)}:{files:[],text:n}}function hr(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 gr(e){let{idePath:t,cleanText:n}=pr(e),{blocks:r,remainingText:i}=hr(n),a=mr(i),{cleanText:o,tags:s}=ur(a.text.replace(/<local-command-(?:stdout|stderr)>([\s\S]*?)<\/local-command-(?:stdout|stderr)>/g,`$1`)),{command:c,cleanText:l}=dr(o),{agent:u,cleanText:d}=fr(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 _r(e){let{agent:t,body:n,command:r}=gr(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 vr=re(()=>import(`./markdown-renderer-UhszMWSn.js`),__vite__mapDeps([4,5,1,6,2,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49])),yr=(0,Q.lazy)(()=>vr.then(e=>({default:e.MarkdownRenderer})));function br({messages:e,messagesLoading:t,keepStaleWhileLoading:n,pendingApproval:r,onApprovalResponse:a,isStreaming:o,phase:s,onSelectSession:c,connectingElapsed:l,statusMessage:u,compactStatus:d,projectName:f,onFork:m,onEdit:h,editingMsgId:g,sessionId:_,providerId:v,onNavigateVersion:y,versionMap:b,bashPartialOutput:x,onExpandCompact:S,isCompactExpanded:C,onDismissMessage:ee,onClearErrors:te}){let{scrollRef:T,contentRef:E,scrollToBottom:D,stopScroll:ne,isAtBottom:re}=Ht({initial:`instant`,resize:`instant`}),O=(0,Q.useMemo)(()=>e.filter(e=>{let t=e.content&&e.content.trim().length>0,n=e.events&&e.events.length>0;return e.role===`user`?t:t||n}),[e]),k=!!r||o,[A,ie]=(0,Q.useState)(null),ae=(0,Q.useCallback)(e=>{T(e),ie(e)},[T]),j=(0,Q.useRef)(new Map),oe=(0,Q.useMemo)(()=>{let e=j.current,t=new Map;for(let n=0;n<O.length;n++){let r=O[n];if(r.role!==`assistant`||O[n+1]?.role===`assistant`)continue;let i=`${r.id}:${r.events?.length??0}`,a=e.get(i);a||(a=un(dn(O,n)),e.set(i,a)),a.length>0&&t.set(n,a)}return t},[O]),se=(0,Q.useRef)(null),M=(0,Q.useCallback)(e=>{A&&(se.current?.(),se.current=en(A,e))},[A]);(0,Q.useEffect)(()=>()=>se.current?.(),[]);let N=(0,Q.useRef)(null);(0,Q.useLayoutEffect)(()=>{let e=A;e&&N.current!=null&&(e.scrollTop=e.scrollHeight-N.current,N.current=null)},[O.length,A]),(0,Q.useLayoutEffect)(()=>{A&&D({animation:`instant`})},[_,A]);let P=(0,Q.useRef)(!0);(0,Q.useEffect)(()=>{A&&A.clientHeight>0&&(P.current=re)},[re,A]),(0,Q.useEffect)(()=>{let e=A;if(!e)return;let t=e.clientHeight,n=new ResizeObserver(()=>{let n=e.clientHeight,r=t===0&&n>0;t=n,r&&!P.current&&ne()});return n.observe(e),()=>n.disconnect()},[A,ne]);let ce=(0,Q.useCallback)((e,t)=>{m?.(e,t)},[m]),le=(0,Q.useCallback)((e,t,n)=>{h?.(e,t,n)},[h]),F=(0,Q.useCallback)(e=>{ee?.(e)},[ee]),I=(0,Q.useMemo)(()=>O.reduce((e,t)=>t.role===`system`?e+1:e,0),[O]),L=(0,Q.useMemo)(()=>O.reduce((e,t,n)=>(t.role===`user`&&e.push(n),e),[]),[O]),ue=(0,Q.useCallback)(()=>{if(!S||!C)return null;for(let e of O){if(C(e.id))continue;let t=Qn(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=Qn(t.content||``);if(n)return{id:e.id,jsonlPath:n}}}}return null},[O,S,C])(),de=!!ue,[R,z]=(0,Q.useState)(!1),B=(0,Q.useCallback)(async()=>{if(!ue||!S||R)return;let e=A;N.current=e?e.scrollHeight-e.scrollTop:null,z(!0);try{await S(ue.id,ue.jsonlPath)}finally{z(!1)}},[ue,S,R,A]);return(0,Q.useEffect)(()=>{let e=A;if(!e||!de)return;let t=()=>{e.scrollTop<200&&!R&&B()};return e.addEventListener(`scroll`,t,{passive:!0}),()=>e.removeEventListener(`scroll`,t)},[A,de,R,B]),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)(i,{className:`size-10 text-text-subtle animate-pulse`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Loading messages...`})]}):e.length===0&&!o?(0,$.jsx)(er,{projectName:f||``,onSelectSession:c||(()=>{})}):(0,$.jsxs)(`div`,{className:`relative flex-1 overflow-hidden flex flex-col min-h-0`,children:[(0,$.jsx)(Yn,{projectName:f,sessionId:_,messages:e}),I>1&&te&&(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:te,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)(p,{className:`size-3.5`}),`Clear all errors (`,I,`)`]})}),R&&(0,$.jsxs)(`div`,{className:`absolute top-2 left-0 right-0 z-10 flex items-center justify-center gap-1.5 text-xs text-text-secondary pointer-events-none`,children:[(0,$.jsx)(w,{className:`size-3 animate-spin`}),`Loading previous conversation...`]}),(0,$.jsx)(`div`,{ref:ae,[Xe]:``,className:`flex-1 overflow-y-auto overflow-x-hidden [overflow-anchor:none]`,style:{WebkitOverflowScrolling:`touch`,overscrollBehavior:`contain`},children:(0,$.jsxs)(`div`,{ref:E,className:`w-full`,children:[O.map((e,t)=>{let n=t>0?O[t-1]:void 0,r=e.role===`user`?O.slice(0,t+1).reduce((e,t)=>e+(t.role===`user`?1:0),0):0,i=r?b?.[r]:void 0,a=e.role===`user`&&g!=null&&e.id===g,s=O[t+1],c=e.role===`assistant`&&s?.role!==`assistant`,l;if(c){let e=[];for(let n=t;n>=0&&O[n].role===`assistant`;n--){let t=xr(O[n]);t&&e.unshift(t)}l=e.join(`
|
|
4
4
|
|
|
5
|
-
`)}return(0,$.jsx)(`div`,{"data-msg-index":t,className:`px-4 pt-4 select-none`,children:(0,$.jsx)(Zn,{fallbackContent:e.content,children:(0,$.jsx)(br,{message:e,isStreaming:o&&e.id.startsWith(`streaming-`),isLastAssistantInTurn:c,turnCopyText:l,turnChanges:c?oe.get(t):void 0,onJumpToEdit:M,projectName:f,onFork:e.role===`user`&&m?ce:void 0,onEdit:e.role===`user`&&h?le:void 0,isEditing:a,onDismiss:e.role===`system`&&ee?F:void 0,prevMsgId:n?.sdkUuid??n?.id,sessionId:_,providerId:v,versionGroup:i,onNavigateVersion:y,versionNavDisabled:o,bashPartialOutput:x})})},e.id)}),k&&(0,$.jsxs)(`div`,{className:`px-4 pt-4 pb-4 space-y-4 select-none`,children:[r&&(r.tool===`AskUserQuestion`?(0,$.jsx)(Gr,{approval:r,onRespond:a}):(0,$.jsx)(Wr,{approval:r,onRespond:a})),o&&(0,$.jsx)(Br,{lastMessage:e[e.length-1],phase:s,elapsed:l,statusMessage:d===`compacting`?`Compacting messages...`:u})]})]})}),(0,$.jsx)(nr,{scrollElement:A,userIndices:L,scrollToBottom:D})]})}function yr(e){return e.events?.length?e.events.filter(e=>e.type===`text`).map(e=>e.content).join(``):e.content}var br=(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:m,versionGroup:h,onNavigateVersion:g,versionNavDisabled:_,bashPartialOutput:v}){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)(Tr,{content:e.content,messageId:e.id,timestamp:e.timestamp,projectName:o,onFork:t,onEdit:n,isEditing:l,sessionId:f,providerId:m,versionGroup:h,onNavigateVersion:g,versionNavDisabled:_})}return e.role===`system`?(0,$.jsxs)(`div`,{className:`group flex items-center gap-2 rounded-lg bg-error/10 border border-error/20 px-3 py-2 text-sm text-error`,children:[(0,$.jsx)(Y,{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)(p,{className:`size-4`})})]}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e.events&&e.events.length>0?(0,$.jsx)(Lr,{events:e.events,isStreaming:t,projectName:o,bashPartialOutput:v}):e.content&&(0,$.jsx)(`div`,{className:`text-sm text-text-primary select-text`,children:(0,$.jsx)(Ur,{content:e.content,projectName:o})}),!t&&n&&e.usage&&(0,$.jsx)(Vn,{usage:e.usage}),!t&&n&&(0,$.jsx)(An,{timestamp:e.timestamp,content:r??yr(e),changes:i,onJumpToEdit:a})]})}),xr=new Set([`.png`,`.jpg`,`.jpeg`,`.gif`,`.webp`]);function Sr(e,t){let n=ie(e);return`/api/project/${encodeURIComponent(t??`_`)}/chat/uploads/${encodeURIComponent(n)}`}function Cr(e){let t=e.lastIndexOf(`.`);return t===-1?!1:xr.has(e.slice(t).toLowerCase())}var wr=new Set([`task-notification`,`environment_details`,`local-command-caveat`]);function Tr({content:e,messageId:t,timestamp:n,projectName:r,onFork:a,onEdit:o,isEditing:c,sessionId:u,providerId:d,versionGroup:f,onNavigateVersion:p,versionNavDisabled:m}){let{files:h,text:g,tags:_,command:v,terminalBlocks:y,idePath:b,agent:x}=(0,Q.useMemo)(()=>mr(e),[e]),S=_.some(e=>wr.has(e.name)),[C,w]=(0,Q.useState)(!1),[ee,te]=(0,Q.useState)(!1),T=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=T.current;if(!e)return;let t=()=>te(e.scrollHeight>e.clientHeight+2);t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[g]),(0,$.jsxs)(`div`,{className:k(`flex flex-col gap-1`,!S&&`items-end`),children:[(0,$.jsxs)(`div`,{"data-user-message":S?void 0:`true`,style:S?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`,S?`rounded-lg bg-surface/40 border-border/40 text-text-secondary`:`max-w-[80%] bg-accent-wash border-accent-wash-border text-text`,c&&`ring-2 ring-primary/60 border-primary/40`),children:[_.length>0&&(0,$.jsx)(Dr,{tags:_}),x&&(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)(i,{className:`size-3 shrink-0`}),x]})}),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-primary/15 border border-primary/20 px-2 py-0.5 text-xs font-medium text-primary`,children:[(0,$.jsx)(ht,{className:`size-3 shrink-0`}),v.name]})}),b&&(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)(jr,{path:b,projectName:r})]}),h.length>0&&(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:h.map((e,t)=>Cr(e)?(0,$.jsx)(Ir,{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)(Oe,{className:`size-3 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-32`,children:ie(e)})]},t))}),y.length>0&&(0,$.jsx)(`div`,{className:`space-y-1.5`,children:y.map((e,t)=>(0,$.jsx)(Er,{content:e},t))}),g&&(0,$.jsx)(`div`,{ref:T,className:k(`whitespace-pre-wrap break-words transition-all duration-200 select-text`,!C&&`line-clamp-2`,C&&`max-h-[50vh] overflow-y-auto`),children:S?(0,$.jsx)(Nr,{text:g,projectName:r}):(0,$.jsx)(Mr,{text:g})}),(ee||C)&&(0,$.jsx)(`button`,{onClick:()=>w(!C),className:k(`flex items-center gap-1 text-xs mt-1 transition-colors`,S?`text-text-subtle hover:text-text-secondary`:`text-primary/70 hover:text-primary`),children:C?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(l,{className:`size-3`}),`Show less`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(s,{className:`size-3`}),`Show more`]})}),!S&&p&&(0,$.jsx)(rr,{group:f,onNavigate:p,disabled:m})]}),!S&&(0,$.jsxs)(pn,{timestamp:n,content:e,children:[o&&(0,$.jsx)(dn,{icon:(0,$.jsx)(ce,{className:`size-3.5`}),label:`Edit`,title:`Edit this message (continue in the same tab)`,onClick:o}),a&&(0,$.jsx)(dn,{icon:(0,$.jsx)(B,{className:`size-3.5`}),label:`Fork`,title:`Retry from this message (fork into a new tab)`,onClick:a})]})]})}function Er({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)(I,{className:`size-3.5 shrink-0`}),(0,$.jsx)(`span`,{children:`Terminal output`}),(0,$.jsx)(s,{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 Dr({tags:e}){return(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.map((e,t)=>(0,$.jsx)(Or,{tag:e},t))})}function Or({tag:e}){let[t,n]=(0,Q.useState)(!1);return e.name===`task-notification`?(0,$.jsx)(Ar,{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)(V,{className:`size-2.5`}),(0,$.jsx)(`span`,{children:e.label}),(0,$.jsx)(c,{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 kr(e,t){return e.match(RegExp(`<${t}>([\\s\\S]*?)</${t}>`))?.[1]?.trim()||void 0}function Ar({content:e}){let[t,n]=(0,Q.useState)(!1),r=kr(e,`status`),i=kr(e,`summary`),a=kr(e,`output-file`),o=kr(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)(p,{className:`size-2.5 text-warning`}),(0,$.jsx)(`span`,{className:`truncate max-w-80`,children:i??`Task notification`}),(0,$.jsx)(c,{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)(jr,{path:a}),o&&(0,$.jsx)(`div`,{className:`text-[11px] text-text-subtle/80 max-h-60 overflow-y-auto leading-relaxed`,children:(0,$.jsx)(Ur,{content:o})})]})]})}function jr({path:e,projectName:t}){return(0,$.jsxs)(`button`,{type:`button`,onClick:(0,Q.useCallback)(()=>{let n=oe.getState().openTab,r=t??j.getState().activeProject?.name,i=ie(e),a={filePath:e};r&&(a.projectName=r),E.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)(Oe,{className:`size-2.5 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-60`,children:ie(e)}),(0,$.jsx)(Ge,{className:`size-2 shrink-0 opacity-50`})]})}function Mr({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 Nr({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)(jr,{path:e.value,projectName:t},n):(0,$.jsx)(`span`,{children:e.value},n))})}var Pr=new Map;function Fr(e){let[t,n]=(0,Q.useState)(()=>Pr.get(e)?.url??null),[r,i]=(0,Q.useState)(!1);return(0,Q.useEffect)(()=>{let t=Pr.get(e);if(t){n(t.url);return}let r=!1,a=D();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);Pr.set(e,{url:i}),n(i)}).catch(()=>{r||i(!0)}),()=>{r=!0}},[e]),{blobUrl:t,error:r}}function Ir({filePath:e,projectName:t}){let{blobUrl:n,error:r}=Fr(Sr(e,t)),i=Le(e=>e.open),a=ie(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>n&&i(n,a,Ze(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,[Qe]:``,className:`size-4 rounded-sm object-cover shrink-0`}):r?(0,$.jsx)(Be,{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})]})}function Lr({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})}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)(Rr,{content:e.content,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)(zr,{content:e.content,animate:r,projectName:n})},`text-${a}`)}return(0,$.jsx)(f,{tool:e.tool,result:e.result,completed:e.completed,projectName:n,bashPartialOutput:r},`tool-${a}`)})})}function Rr({content:e,isStreaming:t}){let[n,r]=(0,Q.useState)(t),i=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{!t&&e.length>0&&r(!1)},[t,e.length]),(0,Q.useEffect)(()=>{t&&n&&i.current&&(i.current.scrollTop=i.current.scrollHeight)},[e,t,n]),(0,$.jsxs)(`div`,{className:`rounded border border-border/50 bg-surface/30 text-xs`,children:[(0,$.jsxs)(`button`,{onClick:()=>r(!n),className:`flex items-center gap-2 px-2 py-1.5 w-full text-left hover:bg-surface transition-colors text-text-subtle`,children:[t?(0,$.jsx)(w,{className:`size-3 animate-spin`}):(0,$.jsx)(c,{className:`size-3 transition-transform ${n?`rotate-90`:``}`}),(0,$.jsxs)(`span`,{children:[`Thinking`,t?`...`:``]}),!t&&(0,$.jsx)(`span`,{className:`text-text-subtle/50 ml-auto`,children:e.length>100?`${Math.round(e.length/4)} tokens`:``})]}),n&&(0,$.jsx)(`div`,{ref:i,className:`max-h-60 overflow-y-auto`,children:(0,$.jsx)(`div`,{className:`px-2 pb-2 text-text-subtle/80 whitespace-pre-wrap text-[11px] leading-relaxed`,children:e})})]})}function zr({content:e,animate:t,projectName:n}){return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Ur,{content:e,projectName:n,isStreaming:t}),t&&(0,$.jsx)(`span`,{className:`text-text-subtle text-sm animate-pulse`,children:`Thinking...`})]})}function Br({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)(w,{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.`})]})}var Vr=/<teammate-message[^>]*>[\s\S]*?<\/teammate-message>/g;function Hr(e){return e.replace(Vr,``).replace(/\n{3,}/g,`
|
|
5
|
+
`)}return(0,$.jsx)(`div`,{"data-msg-index":t,className:`px-4 pt-4 select-none`,children:(0,$.jsx)($n,{fallbackContent:e.content,children:(0,$.jsx)(Sr,{message:e,isStreaming:o&&e.id.startsWith(`streaming-`),isLastAssistantInTurn:c,turnCopyText:l,turnChanges:c?oe.get(t):void 0,onJumpToEdit:M,projectName:f,onFork:e.role===`user`&&m?ce:void 0,onEdit:e.role===`user`&&h?le:void 0,isEditing:a,onDismiss:e.role===`system`&&ee?F:void 0,prevMsgId:n?.sdkUuid??n?.id,sessionId:_,providerId:v,versionGroup:i,onNavigateVersion:y,versionNavDisabled:o,bashPartialOutput:x})})},e.id)}),k&&(0,$.jsxs)(`div`,{className:`px-4 pt-4 pb-4 space-y-4 select-none`,children:[r&&(r.tool===`AskUserQuestion`?(0,$.jsx)(qr,{approval:r,onRespond:a}):(0,$.jsx)(Kr,{approval:r,onRespond:a})),o&&(0,$.jsx)(Hr,{lastMessage:e[e.length-1],phase:s,elapsed:l,statusMessage:d===`compacting`?`Compacting messages...`:u})]})]})}),(0,$.jsx)(ir,{scrollElement:A,userIndices:L,scrollToBottom:D})]})}function xr(e){return e.events?.length?e.events.filter(e=>e.type===`text`).map(e=>e.content).join(``):e.content}var Sr=(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:m,versionGroup:h,onNavigateVersion:g,versionNavDisabled:_,bashPartialOutput:v}){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)(Dr,{content:e.content,messageId:e.id,timestamp:e.timestamp,projectName:o,onFork:t,onEdit:n,isEditing:l,sessionId:f,providerId:m,versionGroup:h,onNavigateVersion:g,versionNavDisabled:_})}return e.role===`system`?(0,$.jsxs)(`div`,{className:`group flex items-center gap-2 rounded-lg bg-error/10 border border-error/20 px-3 py-2 text-sm text-error`,children:[(0,$.jsx)(Y,{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)(p,{className:`size-4`})})]}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e.events&&e.events.length>0?(0,$.jsx)(zr,{events:e.events,isStreaming:t,projectName:o,bashPartialOutput:v}):e.content&&(0,$.jsx)(`div`,{className:`text-sm text-text-primary select-text`,children:(0,$.jsx)(Gr,{content:e.content,projectName:o})}),!t&&n&&e.usage&&(0,$.jsx)(Un,{usage:e.usage}),!t&&n&&(0,$.jsx)(Mn,{timestamp:e.timestamp,content:r??xr(e),changes:i,onJumpToEdit:a})]})}),Cr=new Set([`.png`,`.jpg`,`.jpeg`,`.gif`,`.webp`]);function wr(e,t){let n=ie(e);return`/api/project/${encodeURIComponent(t??`_`)}/chat/uploads/${encodeURIComponent(n)}`}function Tr(e){let t=e.lastIndexOf(`.`);return t===-1?!1:Cr.has(e.slice(t).toLowerCase())}var Er=new Set([`task-notification`,`environment_details`,`local-command-caveat`]);function Dr({content:e,messageId:t,timestamp:n,projectName:r,onFork:a,onEdit:o,isEditing:c,sessionId:u,providerId:d,versionGroup:f,onNavigateVersion:p,versionNavDisabled:m}){let{files:h,text:g,tags:_,command:v,terminalBlocks:y,idePath:b,agent:x}=(0,Q.useMemo)(()=>gr(e),[e]),S=_.some(e=>Er.has(e.name)),[C,w]=(0,Q.useState)(!1),[ee,te]=(0,Q.useState)(!1),T=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=T.current;if(!e)return;let t=()=>te(e.scrollHeight>e.clientHeight+2);t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[g]),(0,$.jsxs)(`div`,{className:k(`flex flex-col gap-1`,!S&&`items-end`),children:[(0,$.jsxs)(`div`,{"data-user-message":S?void 0:`true`,style:S?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`,S?`rounded-lg bg-surface/40 border-border/40 text-text-secondary`:`max-w-[80%] bg-accent-wash border-accent-wash-border text-text`,c&&`ring-2 ring-primary/60 border-primary/40`),children:[_.length>0&&(0,$.jsx)(kr,{tags:_}),x&&(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)(i,{className:`size-3 shrink-0`}),x]})}),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-primary/15 border border-primary/20 px-2 py-0.5 text-xs font-medium text-primary`,children:[(0,$.jsx)(_t,{className:`size-3 shrink-0`}),v.name]})}),b&&(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)(Nr,{path:b,projectName:r})]}),h.length>0&&(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:h.map((e,t)=>Tr(e)?(0,$.jsx)(Rr,{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)(Oe,{className:`size-3 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-32`,children:ie(e)})]},t))}),y.length>0&&(0,$.jsx)(`div`,{className:`space-y-1.5`,children:y.map((e,t)=>(0,$.jsx)(Or,{content:e},t))}),g&&(0,$.jsx)(`div`,{ref:T,className:k(`whitespace-pre-wrap break-words transition-all duration-200 select-text`,!C&&`line-clamp-2`,C&&`max-h-[50vh] overflow-y-auto`),children:S?(0,$.jsx)(Fr,{text:g,projectName:r}):(0,$.jsx)(Pr,{text:g})}),(ee||C)&&(0,$.jsx)(`button`,{onClick:()=>w(!C),className:k(`flex items-center gap-1 text-xs mt-1 transition-colors`,S?`text-text-subtle hover:text-text-secondary`:`text-primary/70 hover:text-primary`),children:C?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(l,{className:`size-3`}),`Show less`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(s,{className:`size-3`}),`Show more`]})}),!S&&p&&(0,$.jsx)(ar,{group:f,onNavigate:p,disabled:m})]}),!S&&(0,$.jsxs)(hn,{timestamp:n,content:e,children:[o&&(0,$.jsx)(pn,{icon:(0,$.jsx)(ce,{className:`size-3.5`}),label:`Edit`,title:`Edit this message (continue in the same tab)`,onClick:o}),a&&(0,$.jsx)(pn,{icon:(0,$.jsx)(B,{className:`size-3.5`}),label:`Fork`,title:`Retry from this message (fork into a new tab)`,onClick:a})]})]})}function Or({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)(I,{className:`size-3.5 shrink-0`}),(0,$.jsx)(`span`,{children:`Terminal output`}),(0,$.jsx)(s,{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 kr({tags:e}){return(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.map((e,t)=>(0,$.jsx)(Ar,{tag:e},t))})}function Ar({tag:e}){let[t,n]=(0,Q.useState)(!1);return e.name===`task-notification`?(0,$.jsx)(Mr,{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)(V,{className:`size-2.5`}),(0,$.jsx)(`span`,{children:e.label}),(0,$.jsx)(c,{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 jr(e,t){return e.match(RegExp(`<${t}>([\\s\\S]*?)</${t}>`))?.[1]?.trim()||void 0}function Mr({content:e}){let[t,n]=(0,Q.useState)(!1),r=jr(e,`status`),i=jr(e,`summary`),a=jr(e,`output-file`),o=jr(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)(p,{className:`size-2.5 text-warning`}),(0,$.jsx)(`span`,{className:`truncate max-w-80`,children:i??`Task notification`}),(0,$.jsx)(c,{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)(Nr,{path:a}),o&&(0,$.jsx)(`div`,{className:`text-[11px] text-text-subtle/80 max-h-60 overflow-y-auto leading-relaxed`,children:(0,$.jsx)(Gr,{content:o})})]})]})}function Nr({path:e,projectName:t}){return(0,$.jsxs)(`button`,{type:`button`,onClick:(0,Q.useCallback)(()=>{let n=oe.getState().openTab,r=t??j.getState().activeProject?.name,i=ie(e),a={filePath:e};r&&(a.projectName=r),E.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)(Oe,{className:`size-2.5 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-60`,children:ie(e)}),(0,$.jsx)(Ge,{className:`size-2 shrink-0 opacity-50`})]})}function Pr({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 Fr({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)(Nr,{path:e.value,projectName:t},n):(0,$.jsx)(`span`,{children:e.value},n))})}var Ir=new Map;function Lr(e){let[t,n]=(0,Q.useState)(()=>Ir.get(e)?.url??null),[r,i]=(0,Q.useState)(!1);return(0,Q.useEffect)(()=>{let t=Ir.get(e);if(t){n(t.url);return}let r=!1,a=D();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);Ir.set(e,{url:i}),n(i)}).catch(()=>{r||i(!0)}),()=>{r=!0}},[e]),{blobUrl:t,error:r}}function Rr({filePath:e,projectName:t}){let{blobUrl:n,error:r}=Lr(wr(e,t)),i=Le(e=>e.open),a=ie(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>n&&i(n,a,Ze(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,[Qe]:``,className:`size-4 rounded-sm object-cover shrink-0`}):r?(0,$.jsx)(Be,{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})]})}function zr({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})}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)(Br,{content:e.content,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)(Vr,{content:e.content,animate:r,projectName:n})},`text-${a}`)}return(0,$.jsx)(f,{tool:e.tool,result:e.result,completed:e.completed,projectName:n,bashPartialOutput:r},`tool-${a}`)})})}function Br({content:e,isStreaming:t}){let[n,r]=(0,Q.useState)(t),i=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{!t&&e.length>0&&r(!1)},[t,e.length]),(0,Q.useEffect)(()=>{t&&n&&i.current&&(i.current.scrollTop=i.current.scrollHeight)},[e,t,n]),(0,$.jsxs)(`div`,{className:`rounded border border-border/50 bg-surface/30 text-xs`,children:[(0,$.jsxs)(`button`,{onClick:()=>r(!n),className:`flex items-center gap-2 px-2 py-1.5 w-full text-left hover:bg-surface transition-colors text-text-subtle`,children:[t?(0,$.jsx)(w,{className:`size-3 animate-spin`}):(0,$.jsx)(c,{className:`size-3 transition-transform ${n?`rotate-90`:``}`}),(0,$.jsxs)(`span`,{children:[`Thinking`,t?`...`:``]}),!t&&(0,$.jsx)(`span`,{className:`text-text-subtle/50 ml-auto`,children:e.length>100?`${Math.round(e.length/4)} tokens`:``})]}),n&&(0,$.jsx)(`div`,{ref:i,className:`max-h-60 overflow-y-auto`,children:(0,$.jsx)(`div`,{className:`px-2 pb-2 text-text-subtle/80 whitespace-pre-wrap text-[11px] leading-relaxed`,children:e})})]})}function Vr({content:e,animate:t,projectName:n}){return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Gr,{content:e,projectName:n,isStreaming:t}),t&&(0,$.jsx)(`span`,{className:`text-text-subtle text-sm animate-pulse`,children:`Thinking...`})]})}function Hr({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)(w,{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.`})]})}var Ur=/<teammate-message[^>]*>[\s\S]*?<\/teammate-message>/g;function Wr(e){return e.replace(Ur,``).replace(/\n{3,}/g,`
|
|
6
6
|
|
|
7
|
-
`).trim()}function Ur({content:e,projectName:t,isStreaming:n}){let r=Hr(e);return r?(0,$.jsx)(Zn,{fallbackContent:r,children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`animate-pulse h-4 bg-muted rounded`}),children:(0,$.jsx)(_r,{content:r,projectName:t,codeActions:!0,isStreaming:n})})}):null}function Wr({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)(Se,{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 Gr({approval:e,onRespond:t}){return(0,$.jsx)(or,{questions:e.input.questions??[],onSubmit:n=>t(e.requestId,!0,n),onSkip:()=>t(e.requestId,!1)})}function Kr({shells:e,onKill:t}){let n=ze(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)(w,{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)(I,{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)(S,{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)(Ke,{className:`size-3.5`})})]},e.shellId))})}function qr(e){if(!e)return;let t=e.split(`:`).pop();return t&&t!==`general-purpose`?t:e}function Jr(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 Yr(e){return e.lastTool?e.lastToolArg?`${e.lastTool}: ${e.lastToolArg}`:e.lastTool:e.lastNarrative??e.description}function Xr({teamName:e,members:t,projectName:n}){let r=et(),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=Yr(t),a=Jr(t.startedAt),o=qr(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)(le,{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)})})}var Zr=5e3;function Qr(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 E.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),Zr);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 $r(){let e=window;return e.SpeechRecognition??e.webkitSpeechRecognition??null}function ei(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`&&$r()!==null;return{isListening:t,interimText:r,start:(0,Q.useCallback)(t=>{let r=$r();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 ti=2e3;function ni(e,t,n=ti){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 ri=4096;function ii(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 ai(e,t){return e===`image/gif`?!0:e===`image/webp`?ii(t,`ANIM`):e===`image/png`||e===`image/apng`?ii(t,`acTL`):!1}async function oi(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,ri).arrayBuffer());return ai(e.type,t)}catch{return!0}}var si=1600,ci=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function li(e){return e===`image/jpeg`||e===`image/webp`?e:`image/png`}async function ui(e,t=si){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=ni(i.width,i.height,t+1);if(a&&await oi(e))return r.close?.(),Math.max(i.width,i.height)<2e3&&ci.has(e.type)?{kind:`inlineable`,file:e,from:i}:{kind:`asis`,file:e,from:i};if(!a)return r.close?.(),ci.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=li(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 di=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function fi(e){return di.has(e.type)}function pi({attachments:e,onRemove:t}){let[n,r]=(0,Q.useState)(null);if(e.length===0)return null;let i=n?e.find(e=>e.id===n):null;return(0,$.jsxs)(`div`,{className:`px-2 md:px-4 pt-2`,children:[(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,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`,e.textContent&&`cursor-pointer hover:border-primary/50`,n===e.id&&`border-primary/50 bg-surface-elevated`),onClick:()=>{e.textContent&&r(n===e.id?null:e.id)},children:[e.previewUrl?(0,$.jsx)(`img`,{src:e.previewUrl,alt:e.name,className:`size-5 rounded object-cover shrink-0`}):e.textContent?(0,$.jsx)(I,{className:`size-3.5 shrink-0 text-text-subtle`}):e.isImage?(0,$.jsx)(Be,{className:`size-3.5 shrink-0 text-text-subtle`}):(0,$.jsx)(Oe,{className:`size-3.5 shrink-0 text-text-subtle`}),(0,$.jsx)(`span`,{className:`truncate`,children:e.name}),e.textContent&&(0,$.jsx)(s,{className:k(`size-3 shrink-0 text-text-subtle transition-transform`,n===e.id&&`rotate-180`)}),e.status===`uploading`?(0,$.jsx)(w,{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:`shrink-0 rounded-sm p-0.5 hover:bg-border/50 transition-colors`,"aria-label":`Remove ${e.name}`,children:(0,$.jsx)(te,{className:`size-3`})})]},e.id))}),i?.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:mi(i.textContent)})]})}function mi(e){let t=e.trim(),n=t.match(/^```\w*\n([\s\S]*?)\n```$/);return n?n[1]:t}function hi(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 gi=[{id:`default`,label:`Ask before edits`,icon:C,description:`Claude will ask for approval before making each edit`},{id:`acceptEdits`,label:`Edit automatically`,icon:_,description:`Claude will edit files without asking first`},{id:`plan`,label:`Plan mode`,icon:u,description:`Claude will present a plan before editing`},{id:`bypassPermissions`,label:`Bypass permissions`,icon:ee,description:`Claude will not ask before running commands`}];function _i(e){return gi.find(t=>t.id===e)?.label??`Unknown`}function vi(e){return gi.find(t=>t.id===e)?.icon??C}function yi({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=gi.findIndex(t=>t.id===e),a.current<0&&(a.current=0))},[n,e]);let s=(0,Q.useCallback)(e=>{if(e.key===`Escape`){r(!1);return}if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;a.current=(a.current+t+gi.length)%gi.length,(i.current?.querySelector(`[data-idx="${a.current}"]`))?.focus()}if(e.key===`Enter`){e.preventDefault();let n=gi[a.current];n&&(t(n.id),r(!1))}},[t,r]);return n?(0,$.jsxs)(`div`,{ref:i,role:`listbox`,"aria-label":`Permission modes`,onKeyDown:s,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:`absolute bottom-full left-0 mb-1 z-50 w-72 md:w-80 rounded-lg border border-border popover-solid shadow-[var(--shadow-panel)]`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-2 border-b border-border`,children:[(0,$.jsx)(`span`,{className:`text-xs font-medium text-text-secondary`,children:`Modes`}),(0,$.jsx)(`kbd`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-surface-elevated text-text-subtle border border-border`,children:`Shift + Tab`})]}),(0,$.jsx)(`div`,{className:`py-1`,children:gi.map((n,i)=>{let a=n.icon,s=n.id===e;return(0,$.jsxs)(`button`,{"data-idx":i,role:`option`,"aria-selected":s,tabIndex:0,onClick:()=>{t(n.id),r(!1)},className:`w-full flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-elevated focus:bg-surface-elevated focus:outline-none ${s?`bg-surface-elevated`:``}`,children:[(0,$.jsx)(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})]}),s&&(0,$.jsx)(o,{className:`size-4 mt-0.5 shrink-0 text-primary`})]},n.id)})})]}):null}var bi=[{label:`Low`,value:`low`},{label:`Medium`,value:`medium`},{label:`High`,value:`high`,default:!0},{label:`Extra`,value:`xhigh`},{label:`Max`,value:`max`}];function xi(e){return e?bi.find(t=>t.value===e)?.label??e:``}function Si(e,t){let n=xi(t);return n?`${e} · ${n}`:e}function Ci(e){return e.replace(/^Claude\s+/i,``)}var wi=bi.find(e=>e.default).value;function Ti({model:e,effort:t,thinking:n,onModelChange:r,onEffortChange:i,onThinkingChange:s,projectName:c,providerId:l,disabled:u}){let[d,f]=(0,Q.useState)([]),[p,m]=(0,Q.useState)(!1),h=(0,Q.useRef)(null),g=se();(0,Q.useEffect)(()=>{!c||!l||E.get(`${T(c)}/chat/providers/${l}/models`).then(f).catch(()=>{})},[c,l]),(0,Q.useEffect)(()=>{u&&m(!1)},[u]),(0,Q.useEffect)(()=>{if(!p||g)return;let e=e=>{h.current&&!h.current.contains(e.target)&&m(!1)},t=h.current?.ownerDocument??document;return t.addEventListener(`mousedown`,e),()=>t.removeEventListener(`mousedown`,e)},[p,g]);let _=d.find(t=>t.value===e),y=_?Ci(_.label):e?Ci(e):`Model`,b=t??wi,x=d.length>1,S=Si(y,b),C=e=>{e(),g||m(!1)},w=(0,$.jsxs)(`div`,{className:`flex divide-x divide-border`,children:[x&&(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(Ei,{children:`Model`}),d.map(t=>(0,$.jsxs)(Oi,{active:t.value===e,onClick:()=>C(()=>r(t.value)),children:[(0,$.jsx)(`span`,{className:`flex-1 truncate`,children:Ci(t.label)}),t.value===e&&(0,$.jsx)(o,{className:`size-4 shrink-0 text-primary`})]},t.value))]}),(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(Ei,{children:`Effort`}),bi.map(e=>(0,$.jsxs)(Oi,{active:e.value===b,onClick:()=>C(()=>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===b&&(0,$.jsx)(o,{className:`size-4 shrink-0 text-primary`})]},e.value)),(0,$.jsx)(Di,{}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>s(!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)(a,{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:u,onClick:e=>{e.stopPropagation(),u||m(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 ${y}, effort ${b}${n?`, thinking on`:``}`,title:u?`Can't change while running`:S,children:[(0,$.jsx)(v,{className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsx)(`span`,{className:`max-w-[140px] truncate`,children:S}),n&&(0,$.jsx)(a,{className:`h-3 w-3 shrink-0`})]}),p&&!u&&(g?(0,$.jsx)(P,{open:p,onClose:()=>m(!1),children:(0,$.jsx)(`div`,{className:`px-1 pb-2`,children:w})}):(0,$.jsx)(`div`,{ref:h,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:w}))]})}function Ei({children:e}){return(0,$.jsx)(`div`,{className:`px-3 py-1.5 text-xs font-medium text-text-secondary`,children:e})}function Di(){return(0,$.jsx)(`div`,{className:`my-1 border-t border-border`})}function Oi({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 ki=6e4,Ai=new Map;function ji(e,t,n){let r=`${e}\0${t??``}\0${n??``}`,i=Ai.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=E.get(`${T(e)}/chat/slash-items${o}`).then(e=>({items:e.items??[],recentNames:e.recentNames??[]})).catch(e=>{throw Ai.get(r)?.promise===s&&Ai.delete(r),e});return Ai.set(r,{promise:s,expiresAt:Date.now()+ki}),s}function Mi(e){if(!e){Ai.clear();return}let t=`${e}\0`;for(let e of Ai.keys())e.startsWith(t)&&Ai.delete(e)}async function Ni(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 Pi=(0,Q.memo)(function({tabId:e,onSend:t,isStreaming:n,onCancel:r,disabled:a,projectName:o,onSlashStateChange:s,onSlashItemsLoaded:c,slashSelected:l,onFileStateChange:u,onFileItemsLoaded:d,fileSelected:f,externalFiles:p,externalPaths:m,onExternalPathsConsumed:h,initialValue:g,clearSignal:_,onContentChange:v,getUserHistory:y,autoFocus:b,permissionMode:x,onModeChange:S,providerId:C,sessionId:ee,onProviderChange:E,model:ne,onModelChange:re,effort:O,onEffortChange:k,thinking:ie,onThinkingChange:ae}){let j=(0,Q.useRef)(g??``),[oe,se]=(0,Q.useState)(()=>(g??``).trim().length>0),[M,N]=(0,Q.useState)([]),[P,ce]=(0,Q.useState)(null),[le,F]=(0,Q.useState)(!1),[I,L]=(0,Q.useState)(!1),[ue,de]=(0,Q.useState)(`next`),R=(0,Q.useRef)(null),z=(0,Q.useRef)(null),B=(0,Q.useRef)(null),V=(0,Q.useRef)([]),pe=(0,Q.useRef)([]),H=(0,Q.useRef)(0),me=(0,Q.useRef)(!1),ge=(0,Q.useRef)(!1),_e=(0,Q.useRef)(typeof CSS>`u`||!CSS.supports(`field-sizing`,`content`)),U=(0,Q.useCallback)(e=>{j.current=e,R.current&&(R.current.value=e),z.current&&(z.current.value=e),se(e.trim().length>0)},[]),W=(0,Q.useCallback)(()=>window.matchMedia(`(min-width: 768px)`).matches?R.current:z.current,[]),ve=(0,Q.useRef)(-1),ye=(0,Q.useCallback)(e=>{let t=hi(y?.()??[],ve.current,e);if(!t)return!1;ve.current=t.index;let{agent:n,text:r}=hr(t.text);ce(n),U(r);let i=W();return i?(i.focus(),requestAnimationFrame(()=>{i.selectionStart=i.selectionEnd=r.length}),_e.current&&(i.style.height=`auto`,i.style.height=Math.min(i.scrollHeight,i===z.current?80:160)+`px`),!0):!0},[y,U,W]),G=ei(),be=(0,Q.useRef)(``),xe=(0,Q.useCallback)(e=>{let t=be.current;U(t?t+` `+e:e),_e.current&&requestAnimationFrame(()=>{let e=W();e&&(e.style.height=`auto`,e.style.height=Math.min(e.scrollHeight,160)+`px`)})},[U,W]),Se=(0,Q.useCallback)(()=>{G.isListening?G.stop():(be.current=j.current.trim(),G.start(xe))},[G.isListening,G.start,G.stop,xe]);(0,Q.useEffect)(()=>{let e=()=>{G.supported&&gn(W())&&Se()};return window.addEventListener(`toggle-voice-input`,e),()=>window.removeEventListener(`toggle-voice-input`,e)},[G.supported,Se,W]),(0,Q.useEffect)(()=>{let t=t=>{let{text:n,label:r,targetTabId:i}=t.detail??{};if(!n||(i?i!==e:!gn(W())))return;window.dispatchEvent(new Event(nt));let a={id:A(),name:r??`Terminal output`,file:new File([],`terminal-output.txt`),isImage:!1,textContent:n,status:`ready`};N(e=>[...e,a]),W()?.focus()};return window.addEventListener(tt,t),()=>window.removeEventListener(tt,t)},[W,e]),(0,Q.useEffect)(()=>{g&&!j.current&&(U(g),setTimeout(()=>{let e=R.current;e&&(e.focus(),e.selectionStart=e.selectionEnd=e.value.length)},50))},[g]),(0,Q.useEffect)(()=>{_&&U(``)},[_]),(0,Q.useEffect)(()=>{b&&setTimeout(()=>{W()?.focus()},100)},[]);let K=(0,Q.useCallback)(()=>{if(!o){V.current=[],c?.([],[]);return}ji(o,C,ee).then(e=>{V.current=e.items,c?.(e.items,e.recentNames)}).catch(()=>{V.current=[],c?.([],[])})},[o,C,ee,c]);(0,Q.useEffect)(()=>{K()},[K]),(0,Q.useEffect)(()=>{let e=()=>{Mi(o),K()};return window.addEventListener(`ppm:slash-items-refresh`,e),()=>window.removeEventListener(`ppm:slash-items-refresh`,e)},[K,o]),(0,Q.useEffect)(()=>{let e=()=>{if(!o){pe.current=[],d?.([]);return}let{fileIndex:e}=je.getState(),t=e.map(e=>({name:e.name,path:e.path,type:e.type}));pe.current=t,d?.(t)};e();let t=je.getState().fileIndex,n=je.getState().indexStatus;return je.subscribe(r=>{(r.fileIndex!==t||r.indexStatus!==n)&&(t=r.fileIndex,n=r.indexStatus,e())})},[o]),(0,Q.useEffect)(()=>{if(!l)return;let e=W();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);ce(l.name),U(t+i),s?.(!1,``),me.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} `);U(o+i),s?.(!1,``),me.current=!1,u?.(!1,``),ge.current=!1,e.focus(),setTimeout(()=>{e.selectionStart=e.selectionEnd=o.length},0)},[l]),(0,Q.useEffect)(()=>{if(!f)return;let e=W();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;U(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} `;U(n),setTimeout(()=>{e.selectionStart=e.selectionEnd=n.length,e.focus()},0)}u?.(!1,``),ge.current=!1},[f]),(0,Q.useEffect)(()=>{!p||p.length===0||we(p)},[p]),(0,Q.useEffect)(()=>{if(!m||m.length===0)return;let e=m.map(e=>`@${e}`).join(` `),t=j.current;U(t+(t.length>0&&!t.endsWith(` `)?` `:``)+e+` `),W()?.focus(),h?.()},[m]);let q=(0,Q.useCallback)(async e=>{if(!o)return;let t=e.split(/[\\/]/).pop();if(t)try{let e={},n=D();n&&(e.Authorization=`Bearer ${n}`),await fetch(`${T(o)}/chat/uploads/${encodeURIComponent(t)}`,{method:`DELETE`,headers:e})}catch{}},[o]),Ce=(0,Q.useCallback)(async e=>{if(!o)return null;try{let t=new FormData;t.append(`files`,e);let n={},r=D();r&&(n.Authorization=`Bearer ${r}`);let i=await(await fetch(`${T(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]),we=(0,Q.useCallback)(async e=>{for(let t of e){let e=A(),n=fi(t),r={id:e,name:t.name,file:t,isImage:n,previewUrl:n?URL.createObjectURL(t):void 0,status:`uploading`};N(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 Ce(a),c=i&&i.kind!==`asis`?await Ni(a):void 0,l=!!c&&c.data.length<=gt.maxBase64PerImage;o&&r.previewUrl&&URL.revokeObjectURL(r.previewUrl),N(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{N(t=>t.map(t=>t.id===e?{...t,status:`error`}:t))}}(z.current??R.current)?.focus()},[Ce]),Te=(0,Q.useCallback)(e=>{N(t=>{let n=t.find(t=>t.id===e);return n?.previewUrl&&URL.revokeObjectURL(n.previewUrl),n?.serverPath&&q(n.serverPath),t.filter(t=>t.id!==e)})},[q]),Ee=(0,Q.useCallback)(()=>{let e=j.current.trim(),r=M.filter(e=>e.status===`ready`);if(!e&&r.length===0&&!P){L(!1);return}let i=P?`Use the ${P} agent to ${e}`.trimEnd():e;s?.(!1,``),me.current=!1,u?.(!1,``),ge.current=!1,G.isListening&&G.stop(),t(i,r,n?ue:void 0),U(``);for(let e of M)e.previewUrl&&URL.revokeObjectURL(e.previewUrl);N([]),ce(null),L(!1),de(`next`),ve.current=-1,_e.current&&(R.current&&(R.current.style.height=`auto`),z.current&&(z.current.style.height=`auto`))},[M,P,t,s,u,n,ue,U]),De=(0,Q.useCallback)(()=>{if(!a){if(M.some(e=>e.status===`uploading`)){(j.current.trim()||M.some(e=>e.status!==`error`))&&L(!0);return}Ee()}},[M,a,Ee]);(0,Q.useEffect)(()=>{I&&(M.some(e=>e.status===`uploading`)||Ee())},[I,M,Ee]);let Oe=(0,Q.useCallback)(e=>{if(e.key===`Enter`&&!e.shiftKey){e.preventDefault(),De();return}if((e.key===`ArrowUp`||e.key===`ArrowDown`)&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey){if(!(ve.current>=0)&&(e.key===`ArrowDown`||j.current!==``||P))return;ye(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(x??`bypassPermissions`)+1)%t.length];S?.(n)}},[De,x,S,ye,P]),J=(0,Q.useCallback)((e,t)=>{let n=e.slice(0,t),r=n.includes(`/`),i=n.includes(`@`);if(!r&&!i){me.current&&=(s?.(!1,``),!1),ge.current&&=(u?.(!1,``),!1);return}if(r){let e=n.match(/(?:^|\s)\/(\S*)$/);if(e&&V.current.length>0){me.current||K();let t=e[1]??``;s?.(!0,t),me.current=!0,ge.current&&=(u?.(!1,``),!1);return}}if(i){let e=n.match(/@(\S*)$/);if(e&&pe.current.length>0){u?.(!0,e[1]??``),ge.current=!0,me.current&&=(s?.(!1,``),!1);return}}me.current&&=(s?.(!1,``),!1),ge.current&&=(u?.(!1,``),!1)},[s,u,K]),ke=(0,Q.useCallback)(e=>{let t=e.target,n=t.value;j.current=n,ve.current=-1;let r=t===R.current?z.current:R.current;r&&(r.value=n),se(n.trim().length>0),J(n,t.selectionStart),v?.(n,M.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath}))),_e.current&&(H.current&&cancelAnimationFrame(H.current),H.current=requestAnimationFrame(()=>{H.current=0,t.style.height=`auto`,t.style.height=Math.min(t.scrollHeight,t===z.current?80:160)+`px`}))},[J,v,M]),Ae=(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(),we(n))},[we]),Me=(0,Q.useCallback)(e=>{e.preventDefault();let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){let e=j.current;U(e+(e.length>0&&!e.endsWith(` `)?` `:``)+`@${t} `),W()?.focus();return}let n=Array.from(e.dataTransfer.files);n.length>0&&we(n)},[we,U,W]),Ne=(0,Q.useCallback)(e=>{e.preventDefault()},[]),Pe=(0,Q.useCallback)(()=>{B.current?.click()},[]),Y=(0,Q.useCallback)(e=>{let t=Array.from(e.target.files??[]);t.length>0&&we(t),e.target.value=``},[we]),Fe=oe||M.some(e=>e.status!==`error`)||!!P,X=n&&!Fe;return(0,$.jsxs)(`div`,{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||W()?.focus()},children:[P&&(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)(i,{className:`size-3.5 shrink-0`}),P,(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),ce(null),W()?.focus()},className:`shrink-0 rounded-sm p-0.5 hover:bg-sky-500/20 transition-colors`,"aria-label":`Remove ${P} agent`,children:(0,$.jsx)(te,{className:`size-3`})})]})}),(0,$.jsx)(pi,{attachments:M,onRemove:Te}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 px-2 pt-2 md:hidden relative`,children:[(0,$.jsx)(Fi,{mode:x??`bypassPermissions`,onClick:()=>F(e=>!e)}),(0,$.jsx)(yi,{value:x??`bypassPermissions`,onChange:e=>S?.(e),open:le,onOpenChange:F}),E&&o&&(0,$.jsx)(he,{value:C??`claude`,onChange:E,projectName:o}),re&&o&&(0,$.jsx)(Ti,{model:ne??null,effort:O??null,thinking:ie??!1,onModelChange:re,onEffortChange:k??(()=>{}),onThinkingChange:ae??(()=>{}),projectName:o,providerId:C??`claude`,disabled:n}),n&&(0,$.jsx)(Li,{value:ue,onChange:de})]}),(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(),Pe()},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)(mt,{className:`size-4`})}),(0,$.jsx)(`textarea`,{ref:z,defaultValue:g??``,onChange:ke,onKeyDown:Oe,onPaste:Ae,onDrop:Me,onDragOver:Ne,placeholder:n?`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(),Se()},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)(pt,{className:`size-4`}):(0,$.jsx)(Re,{className:`size-4`})}),X?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),r?.()},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)(Ke,{className:`size-3.5`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),I?L(!1):De()},disabled:a||!Fe,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":I?`Cancel queued send`:`Send`,children:I?(0,$.jsx)(w,{className:`size-4 animate-spin`}):(0,$.jsx)(fe,{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:[(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(Fi,{mode:x??`bypassPermissions`,onClick:()=>F(e=>!e)}),(0,$.jsx)(yi,{value:x??`bypassPermissions`,onChange:e=>S?.(e),open:le,onOpenChange:F})]}),E&&o&&(0,$.jsx)(he,{value:C??`claude`,onChange:E,projectName:o}),re&&o&&(0,$.jsx)(Ti,{model:ne??null,effort:O??null,thinking:ie??!1,onModelChange:re,onEffortChange:k??(()=>{}),onThinkingChange:ae??(()=>{}),projectName:o,providerId:C??`claude`,disabled:n}),n&&(0,$.jsx)(Li,{value:ue,onChange:de})]}),(0,$.jsxs)(`div`,{className:`flex items-end gap-2 px-2.5 py-2`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Pe()},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)(mt,{className:`size-[17px]`})}),(0,$.jsx)(`textarea`,{ref:R,defaultValue:g??``,onChange:ke,onKeyDown:Oe,onPaste:Ae,onDrop:Me,onDragOver:Ne,placeholder:n?`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(),Se()},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)(pt,{className:`size-[17px]`}):(0,$.jsx)(Re,{className:`size-[17px]`})}),X?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),r?.()},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)(Ke,{className:`size-4`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),I?L(!1):De()},disabled:a||!Fe,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":I?`Cancel queued send`:`Send message`,children:I?(0,$.jsx)(w,{className:`size-4 animate-spin`}):(0,$.jsx)(fe,{className:`size-[17px]`})})]})]})]}),(0,$.jsx)(`input`,{ref:B,type:`file`,multiple:!0,className:`hidden`,onChange:Y})]})});function Fi({mode:e,onClick:t}){let n=vi(e),r=_i(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 Ii=[{value:`now`,label:`Interrupt`,Icon:U},{value:`next`,label:`Queue`,Icon:ft},{value:`later`,label:`Later`,Icon:g}];function Li({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=Ii.find(t=>t.value===e)??Ii[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 Ri(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 zi(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=Ri(n,r.slice(0,n.length+i));return a<=i?{rank:2,distance:a}:null}var Bi=1;function Vi(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=zi(t,n.name),o=[e,zi(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?Bi: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 Hi({items:e,filter:t,onSelect:n,onClose:r,visible:a,recentNames:o=[],projectName:s}){let[c,l]=(0,Q.useState)(0),[u,d]=(0,Q.useState)(!1),f=(0,Q.useRef)(null),p=(0,Q.useMemo)(()=>new Set(o),[o]),m=(0,Q.useMemo)(()=>{if(t)return{items:Vi(e,t,20,o),recentCount:0};if(o.length>0){let t=[],n=[];for(let r of e)p.has(r.name)?t.push(r):n.push(r);return t.sort((e,t)=>o.indexOf(e.name)-o.indexOf(t.name)),{items:[...t,...n],recentCount:t.length}}return{items:e,recentCount:0}},[e,t,o,p]),h=m.items,_=m.recentCount;(0,Q.useEffect)(()=>{l(0)},[t]),(0,Q.useEffect)(()=>{let e=f.current;e&&e.children[c]?.scrollIntoView({block:`nearest`})},[c]);let y=(0,Q.useCallback)(e=>{if(!a||h.length===0)return!1;switch(e.key){case`ArrowUp`:return e.preventDefault(),l(e=>e>0?e-1:h.length-1),!0;case`ArrowDown`:return e.preventDefault(),l(e=>e<h.length-1?e+1:0),!0;case`Enter`:case`Tab`:return e.preventDefault(),h[c]&&n(h[c]),!0;case`Escape`:return e.preventDefault(),r(),!0}return!1},[a,h,c,n,r]);(0,Q.useEffect)(()=>{if(!a)return;let e=e=>{y(e)&&e.stopPropagation()},t=f.current?.ownerDocument??document;return t.addEventListener(`keydown`,e,!0),()=>t.removeEventListener(`keydown`,e,!0)},[a,y]);let b=(0,Q.useCallback)(()=>{!s||u||(d(!0),E.del(`${T(s)}/chat/slash-items/cache`).then(()=>{window.dispatchEvent(new CustomEvent(`ppm:slash-items-refresh`))}).finally(()=>d(!1)))},[s,u]);return!a||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:f,className:`py-1`,children:h.map((e,t)=>{let r=_>0&&t===0,a=_>0&&t===_;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)(g,{className:`size-3`}),`Recent`]}),s&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),b()},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)(Ie,{className:`size-3 ${u?`animate-spin`:``}`})})]}),a&&(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===c?`bg-primary/10 text-primary`:`hover:bg-surface-hover text-text-primary`}`,onMouseEnter:()=>l(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)(U,{className:`size-4 text-emerald-500`}):e.type===`skill`?(0,$.jsx)(v,{className:`size-4 text-warning`}):e.type===`agent`?(0,$.jsx)(i,{className:`size-4 text-sky-500`}):(0,$.jsx)(de,{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 Ui({items:e,filter:t,onSelect:n,onClose:r,visible:i}){let[a,o]=(0,Q.useState)(0),s=(0,Q.useRef)(null),c=(()=>{if(!t)return e.slice(0,50);let n=t.toLowerCase();return e.filter(e=>e.path.toLowerCase().includes(n)||e.name.toLowerCase().includes(n)).slice(0,50)})();(0,Q.useEffect)(()=>{o(0)},[t]),(0,Q.useEffect)(()=>{let e=s.current;e&&e.children[a]?.scrollIntoView({block:`nearest`})},[a]);let l=(0,Q.useCallback)(e=>{if(!i||c.length===0)return!1;switch(e.key){case`ArrowUp`:return e.preventDefault(),o(e=>e>0?e-1:c.length-1),!0;case`ArrowDown`:return e.preventDefault(),o(e=>e<c.length-1?e+1:0),!0;case`Enter`:case`Tab`:return e.preventDefault(),c[a]&&n(c[a]),!0;case`Escape`:return e.preventDefault(),r(),!0}return!1},[i,c,a,n,r]);return(0,Q.useEffect)(()=>{if(!i)return;let e=e=>{l(e)&&e.stopPropagation()},t=s.current?.ownerDocument??document;return t.addEventListener(`keydown`,e,!0),()=>t.removeEventListener(`keydown`,e,!0)},[i,l]),!i||c.length===0?null:(0,$.jsx)(`div`,{className:`max-h-52 overflow-y-auto border-b border-border bg-surface`,children:(0,$.jsx)(`div`,{ref:s,className:`py-1`,children:c.map((e,t)=>(0,$.jsxs)(`button`,{className:`flex items-center gap-2 w-full px-3 py-1.5 text-left transition-colors ${t===a?`bg-primary/10 text-primary`:`hover:bg-surface-hover text-text-primary`}`,onMouseEnter:()=>o(t),onClick:()=>n(e),children:[(0,$.jsx)(`span`,{className:`shrink-0`,children:e.type===`directory`?(0,$.jsx)(Me,{className:`size-4 text-warning`}):(0,$.jsx)(Ue,{className:`size-4 text-primary`})}),(0,$.jsx)(`span`,{className:`text-sm truncate`,children:e.path})]},e.path))})})}var Wi=e=>`${(e/1048576).toFixed(2)} MB`;function Gi(e){return e>=1048576?`${(e/1048576).toFixed(1)} MB`:`${Math.max(1,Math.round(e/1024))} KB`}function Ki(){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 qi({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 E.get(`${T(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),E.post(`${T(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`,` · `,Gi(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)(ge,{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)(ge,{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)(N,{size:`sm`,variant:`destructive`,disabled:o!==null,onClick:()=>u(`oversized`,!0),children:[o===`oversized`?(0,$.jsx)(w,{className:`size-3.5 animate-spin`}):(0,$.jsx)(dt,{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 `,Gi(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)(N,{size:`sm`,variant:`outline`,className:`flex-1`,disabled:o!==null||n.oversized===0,onClick:()=>u(`oversized`),children:[o===`oversized`?(0,$.jsx)(w,{className:`size-3.5 animate-spin`}):(0,$.jsx)(dt,{className:`size-3.5`}),`Remove oversized`,n.oversized>0?` (${n.oversized} · ${Gi(n.oversizedBytes)})`:``]}),(0,$.jsxs)(N,{size:`sm`,variant:`destructive`,className:`flex-1`,disabled:o!==null||n.total===0,onClick:()=>u(`all`),children:[o===`all`?(0,$.jsx)(w,{className:`size-3.5 animate-spin`}):(0,$.jsx)(dt,{className:`size-3.5`}),`Remove all`,n.total>0?` (${n.total} · ${Gi(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 Ji({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 E.get(`${T(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+Mn(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 ·`,` `,Bn(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=In(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:Bn(jn(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 Yi({sessionId:e,projectName:t,open:n,onOpenChange:r}){let[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(!1),c=se();(0,Q.useEffect)(()=>{n&&(s(!1),a(null),E.get(`${T(t)}/chat/sessions/${e}/debug?project=${encodeURIComponent(t)}`).then(e=>{let t=e.jsonlSizeBytes==null?``:` (${Wi(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,...Ki()].filter(Boolean).join(`
|
|
8
|
-
`))}).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)(_e,{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)(N,{size:`sm`,onClick:()=>{i&&Fe(i).then(e=>{e&&(s(!0),setTimeout(()=>s(!1),1500))})},disabled:!i,className:`w-full`,children:o?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ut,{className:`size-3.5`}),` Copied!`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(y,{className:`size-3.5`}),` Copy`]})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)(Ji,{sessionId:e,projectName:t})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)(qi,{sessionId:e,projectName:t})})]});return c?(0,$.jsx)(P,{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)(Ce,{open:n,onOpenChange:r,children:(0,$.jsxs)(q,{className:`sm:max-w-lg`,children:[(0,$.jsx)(ke,{className:`sr-only`,children:`Session debug info`}),l]})})}function Xi({hasUnread:e,onToggleUnread:t,onOpenDebug:n}){return(0,$.jsxs)(pe,{children:[(0,$.jsx)(Z,{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)(x,{className:`size-3.5`})})}),(0,$.jsxs)(G,{align:`end`,side:`top`,className:`min-w-[190px]`,children:[(0,$.jsx)(qe,{onClick:t,className:`max-md:py-3`,children:e?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(z,{className:`size-3.5 text-warning`}),` Mark as read`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(h,{className:`size-3.5 fill-current text-primary`}),` Mark as unread`]})}),(0,$.jsxs)(qe,{onClick:n,className:`max-md:py-3`,children:[(0,$.jsx)(_e,{className:`size-3.5`}),` Session debug info`]})]})]})}function Zi({usage:e,visible:t,onClose:n,onReload:r,loading:i,lastFetchedAt:a}){let{usages:o,accounts:s,activeAccountId:c,initialLoading:l,refreshing:u,flashIds:d,reload:f}=st(t),[p,m]=(0,Q.useState)(!1);if(!t)return null;let h=new Map(s.map(e=>[e.id,e])),g=e.queryCostUsd!=null||e.totalCostUsd!=null,_=o.length>0,v=o.length||1,y=Math.ceil(Math.sqrt(v)),b=Math.ceil(v/y);return(0,$.jsxs)(`div`,{className:`relative border-b border-border bg-surface px-3 py-2.5 ${p?`fixed inset-0 z-50 flex flex-col gap-2.5 overflow-hidden`:`space-y-2.5 max-h-[350px] overflow-y-auto`}`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between shrink-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-xs font-semibold text-text-primary`,children:`Usage`}),a&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle`,children:it(new Date(a).getTime())})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsxs)(`button`,{onClick:()=>J(`accounts`),className:`flex items-center gap-1 text-[10px] text-text-subtle hover:text-text-primary px-1 cursor-pointer`,title:`Add, remove or rotate accounts`,children:[`Manage accounts `,(0,$.jsx)(Ge,{className:`size-3`})]}),_&&(0,$.jsx)(`button`,{onClick:()=>m(e=>!e),className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,title:p?`Exit fullscreen`:`Fullscreen view`,"aria-label":p?`Exit fullscreen`:`Fullscreen view`,children:p?(0,$.jsx)(X,{className:`size-3`}):(0,$.jsx)(Ee,{className:`size-3`})}),r&&(0,$.jsx)(`button`,{onClick:()=>{r(),f()},disabled:i||u,className:`text-xs text-text-subtle hover:text-text-primary px-1 disabled:opacity-50 cursor-pointer`,title:`Refresh`,"aria-label":`Refresh usage`,children:(0,$.jsx)(Ie,{className:`size-3 ${i||u?`animate-spin`:``}`})}),(0,$.jsx)(`button`,{onClick:()=>{m(!1),n()},className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,"aria-label":`Close usage panel`,children:(0,$.jsx)(te,{className:`size-3`})})]})]}),_||l?(0,$.jsx)(`div`,{className:p?`flex-1 min-h-0 grid gap-2 overflow-hidden`:`flex gap-2 overflow-x-auto pb-1 -mx-3 px-3 snap-x snap-mandatory scrollbar-thin`,style:p?{gridTemplateColumns:`repeat(${y}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${b}, minmax(0, 1fr))`}:void 0,children:l?(0,$.jsx)(`p`,{className:`text-[10px] text-text-subtle`,children:`Loading...`}):o.map(t=>(0,$.jsx)(at,{entry:t,isActive:t.accountId===(c??e.activeAccountId),accountInfo:h.get(t.accountId),flash:d.has(t.accountId),layout:p?`grid`:`strip`},t.accountId))}):e.session||e.weekly||e.weeklyOpus||e.weeklySonnet?(0,$.jsxs)(`div`,{className:`space-y-2.5`,children:[(0,$.jsx)(ot,{label:`5-Hour Session`,bucket:e.session}),(0,$.jsx)(ot,{label:`Weekly`,bucket:e.weekly}),(0,$.jsx)(ot,{label:`Weekly (Opus)`,bucket:e.weeklyOpus}),(0,$.jsx)(ot,{label:`Weekly (Sonnet)`,bucket:e.weeklySonnet})]}):(0,$.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`No usage data available`}),g&&(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)]})]})]})]})}function Qi(e){return e>=90?`text-error`:e>=70?`text-warning`:`text-success`}function $i(e){return e>=90?`bg-error`:e>=70?`bg-warning`:`bg-success`}function ea({label:e,frac:t}){let n=t==null?null:Math.round(t*100);return(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`span`,{className:`text-xs font-medium text-text-primary`,children:e}),(0,$.jsx)(`span`,{className:`text-xs font-medium tabular-nums ${n==null?`text-text-subtle`:Qi(n)}`,children:n==null?`—`:`${n}%`})]}),(0,$.jsx)(`div`,{className:`h-2 rounded-full bg-border overflow-hidden`,children:(0,$.jsx)(`div`,{className:`h-full rounded-full transition-all ${n==null?``:$i(n)}`,style:{width:`${Math.min(n??0,100)}%`}})})]})}function ta({onClose:e,usage:t}){let[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)({}),[o,s]=(0,Q.useState)(!1),c=(0,Q.useCallback)(async()=>{s(!0);try{r((await E.get(`/api/codex-accounts`)).accounts),a(await E.get(`/api/codex-accounts/usage`))}catch{}finally{s(!1)}},[]);return(0,Q.useEffect)(()=>{c()},[c]),(0,$.jsxs)(`div`,{className:`border-t border-border bg-surface px-3 py-2.5 space-y-2.5 max-h-[350px] overflow-y-auto`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`span`,{className:`text-xs font-semibold text-text-primary`,children:`Codex Usage`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(`button`,{onClick:c,disabled:o,className:`text-text-subtle hover:text-text-primary px-1 cursor-pointer disabled:opacity-50`,title:`Refresh`,children:(0,$.jsx)(Ie,{className:`size-3 ${o?`animate-spin`:``}`})}),(0,$.jsx)(`button`,{onClick:e,className:`text-text-subtle hover:text-text-primary px-1 cursor-pointer`,title:`Close`,children:(0,$.jsx)(te,{className:`size-3`})})]})]}),o&&n.length===0&&(0,$.jsxs)(`div`,{className:`text-xs text-text-subtle flex items-center gap-2`,children:[(0,$.jsx)(w,{className:`size-3 animate-spin`}),` Loading…`]}),!o&&n.length===0&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`rounded-md border border-border/50 bg-surface/40 p-2.5 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-sm 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`,children:`~/.codex`})]}),(0,$.jsx)(ea,{label:`5-Hour`,frac:t.fiveHour}),(0,$.jsx)(ea,{label:`Weekly`,frac:t.sevenDay})]}),(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.`]})]}),n.map(e=>{let t=i[e.id]??{};return(0,$.jsxs)(`div`,{className:`rounded-md border border-border/50 bg-surface/40 p-2.5 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-sm text-text-primary truncate flex-1 min-w-0`,children:e.label}),(0,$.jsx)(`span`,{className:`text-[10px] uppercase tracking-wide text-text-subtle border border-border rounded px-1`,children:e.type}),e.planType&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle`,children:e.planType})]}),(0,$.jsx)(ea,{label:`5-Hour`,frac:t.fiveHour}),(0,$.jsx)(ea,{label:`Weekly`,frac:t.sevenDay})]},e.id)})]})}var na={working:`working`,paused:`paused`,"no-transcript":`no session`};function ra({member:e,onOpen:t}){let n=e.workState===`working`,r=Yr(e),i=Jr(e.startedAt,n?void 0:e.lastEventAt),a=qr(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)(w,{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:na[e.workState]}),(0,$.jsx)(c,{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 ia({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)(w,{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)(ra,{member:e,onOpen:n},e.name))})}var aa=[`subject`,`summary`,`text`,`message`,`content`,`description`,`reason`,`feedback`],oa=[`description`,`message`,`content`,`reason`,`feedback`],sa=new Set([`type`,`taskId`,`task_id`,`assignedBy`,`assigned_by`,`timestamp`,`request_id`,`requestId`]),ca=e=>typeof e==`string`?e.trim():e==null?``:String(e);function la(e,t,n){for(let r of t){if(r===n)continue;let t=ca(e[r]);if(t)return{key:r,value:t}}return null}function ua(e){return Object.entries(e).filter(([e,t])=>!sa.has(e)&&ca(t)).map(([e,t])=>`${e}: ${ca(t)}`).join(` · `)}function da(e,t){let n=ca(t),r=ca(e);if(!r)return{title:n};let i;try{i=JSON.parse(r)}catch{let[e,...t]=r.split(`
|
|
7
|
+
`).trim()}function Gr({content:e,projectName:t,isStreaming:n}){let r=Wr(e);return r?(0,$.jsx)($n,{fallbackContent:r,children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`animate-pulse h-4 bg-muted rounded`}),children:(0,$.jsx)(yr,{content:r,projectName:t,codeActions:!0,isStreaming:n})})}):null}function Kr({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)(Se,{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 qr({approval:e,onRespond:t}){return(0,$.jsx)(cr,{questions:e.input.questions??[],onSubmit:n=>t(e.requestId,!0,n),onSkip:()=>t(e.requestId,!1)})}function Jr({shells:e,onKill:t}){let n=ze(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)(w,{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)(I,{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)(S,{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)(Ke,{className:`size-3.5`})})]},e.shellId))})}function Yr(e){if(!e)return;let t=e.split(`:`).pop();return t&&t!==`general-purpose`?t:e}function Xr(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 Zr(e){return e.lastTool?e.lastToolArg?`${e.lastTool}: ${e.lastToolArg}`:e.lastTool:e.lastNarrative??e.description}function Qr({teamName:e,members:t,projectName:n}){let r=et(),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=Zr(t),a=Xr(t.startedAt),o=Yr(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)(le,{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)})})}var $r=5e3;function ei(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 E.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),$r);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 ti(){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`&&ti()!==null;return{isListening:t,interimText:r,start:(0,Q.useCallback)(t=>{let r=ti();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 ri=2e3;function ii(e,t,n=ri){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 ai=4096;function oi(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 si(e,t){return e===`image/gif`?!0:e===`image/webp`?oi(t,`ANIM`):e===`image/png`||e===`image/apng`?oi(t,`acTL`):!1}async function ci(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,ai).arrayBuffer());return si(e.type,t)}catch{return!0}}var li=1600,ui=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function di(e){return e===`image/jpeg`||e===`image/webp`?e:`image/png`}async function fi(e,t=li){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=ii(i.width,i.height,t+1);if(a&&await ci(e))return r.close?.(),Math.max(i.width,i.height)<2e3&&ui.has(e.type)?{kind:`inlineable`,file:e,from:i}:{kind:`asis`,file:e,from:i};if(!a)return r.close?.(),ui.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=di(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 pi=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function mi(e){return pi.has(e.type)}function hi({attachments:e,onRemove:t}){let[n,r]=(0,Q.useState)(null);if(e.length===0)return null;let i=n?e.find(e=>e.id===n):null;return(0,$.jsxs)(`div`,{className:`px-2 md:px-4 pt-2`,children:[(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,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`,e.textContent&&`cursor-pointer hover:border-primary/50`,n===e.id&&`border-primary/50 bg-surface-elevated`),onClick:()=>{e.textContent&&r(n===e.id?null:e.id)},children:[e.previewUrl?(0,$.jsx)(`img`,{src:e.previewUrl,alt:e.name,className:`size-5 rounded object-cover shrink-0`}):e.textContent?(0,$.jsx)(I,{className:`size-3.5 shrink-0 text-text-subtle`}):e.isImage?(0,$.jsx)(Be,{className:`size-3.5 shrink-0 text-text-subtle`}):(0,$.jsx)(Oe,{className:`size-3.5 shrink-0 text-text-subtle`}),(0,$.jsx)(`span`,{className:`truncate`,children:e.name}),e.textContent&&(0,$.jsx)(s,{className:k(`size-3 shrink-0 text-text-subtle transition-transform`,n===e.id&&`rotate-180`)}),e.status===`uploading`?(0,$.jsx)(w,{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:`shrink-0 rounded-sm p-0.5 hover:bg-border/50 transition-colors`,"aria-label":`Remove ${e.name}`,children:(0,$.jsx)(te,{className:`size-3`})})]},e.id))}),i?.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:gi(i.textContent)})]})}function gi(e){let t=e.trim(),n=t.match(/^```\w*\n([\s\S]*?)\n```$/);return n?n[1]:t}function _i(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 vi=[{id:`default`,label:`Ask before edits`,icon:C,description:`Claude will ask for approval before making each edit`},{id:`acceptEdits`,label:`Edit automatically`,icon:_,description:`Claude will edit files without asking first`},{id:`plan`,label:`Plan mode`,icon:u,description:`Claude will present a plan before editing`},{id:`bypassPermissions`,label:`Bypass permissions`,icon:ee,description:`Claude will not ask before running commands`}];function yi(e){return vi.find(t=>t.id===e)?.label??`Unknown`}function bi(e){return vi.find(t=>t.id===e)?.icon??C}function xi({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=vi.findIndex(t=>t.id===e),a.current<0&&(a.current=0))},[n,e]);let s=(0,Q.useCallback)(e=>{if(e.key===`Escape`){r(!1);return}if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;a.current=(a.current+t+vi.length)%vi.length,(i.current?.querySelector(`[data-idx="${a.current}"]`))?.focus()}if(e.key===`Enter`){e.preventDefault();let n=vi[a.current];n&&(t(n.id),r(!1))}},[t,r]);return n?(0,$.jsxs)(`div`,{ref:i,role:`listbox`,"aria-label":`Permission modes`,onKeyDown:s,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:`absolute bottom-full left-0 mb-1 z-50 w-72 md:w-80 rounded-lg border border-border popover-solid shadow-[var(--shadow-panel)]`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-2 border-b border-border`,children:[(0,$.jsx)(`span`,{className:`text-xs font-medium text-text-secondary`,children:`Modes`}),(0,$.jsx)(`kbd`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-surface-elevated text-text-subtle border border-border`,children:`Shift + Tab`})]}),(0,$.jsx)(`div`,{className:`py-1`,children:vi.map((n,i)=>{let a=n.icon,s=n.id===e;return(0,$.jsxs)(`button`,{"data-idx":i,role:`option`,"aria-selected":s,tabIndex:0,onClick:()=>{t(n.id),r(!1)},className:`w-full flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-elevated focus:bg-surface-elevated focus:outline-none ${s?`bg-surface-elevated`:``}`,children:[(0,$.jsx)(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})]}),s&&(0,$.jsx)(o,{className:`size-4 mt-0.5 shrink-0 text-primary`})]},n.id)})})]}):null}var Si=[{label:`Low`,value:`low`},{label:`Medium`,value:`medium`},{label:`High`,value:`high`,default:!0},{label:`Extra`,value:`xhigh`},{label:`Max`,value:`max`}];function Ci(e){return e?Si.find(t=>t.value===e)?.label??e:``}function wi(e,t){let n=Ci(t);return n?`${e} · ${n}`:e}function Ti(e){return e.replace(/^Claude\s+/i,``)}var Ei=Si.find(e=>e.default).value;function Di({model:e,effort:t,thinking:n,onModelChange:r,onEffortChange:i,onThinkingChange:s,projectName:c,providerId:l,disabled:u}){let[d,f]=(0,Q.useState)([]),[p,m]=(0,Q.useState)(!1),h=(0,Q.useRef)(null),g=se();(0,Q.useEffect)(()=>{!c||!l||E.get(`${T(c)}/chat/providers/${l}/models`).then(f).catch(()=>{})},[c,l]),(0,Q.useEffect)(()=>{u&&m(!1)},[u]),(0,Q.useEffect)(()=>{if(!p||g)return;let e=e=>{h.current&&!h.current.contains(e.target)&&m(!1)},t=h.current?.ownerDocument??document;return t.addEventListener(`mousedown`,e),()=>t.removeEventListener(`mousedown`,e)},[p,g]);let _=d.find(t=>t.value===e),y=_?Ti(_.label):e?Ti(e):`Model`,b=t??Ei,x=d.length>1,S=wi(y,b),C=e=>{e(),g||m(!1)},w=(0,$.jsxs)(`div`,{className:`flex divide-x divide-border`,children:[x&&(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(Oi,{children:`Model`}),d.map(t=>(0,$.jsxs)(Ai,{active:t.value===e,onClick:()=>C(()=>r(t.value)),children:[(0,$.jsx)(`span`,{className:`flex-1 truncate`,children:Ti(t.label)}),t.value===e&&(0,$.jsx)(o,{className:`size-4 shrink-0 text-primary`})]},t.value))]}),(0,$.jsxs)(`div`,{className:`flex-1 min-w-0 py-1`,children:[(0,$.jsx)(Oi,{children:`Effort`}),Si.map(e=>(0,$.jsxs)(Ai,{active:e.value===b,onClick:()=>C(()=>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===b&&(0,$.jsx)(o,{className:`size-4 shrink-0 text-primary`})]},e.value)),(0,$.jsx)(ki,{}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>s(!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)(a,{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:u,onClick:e=>{e.stopPropagation(),u||m(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 ${y}, effort ${b}${n?`, thinking on`:``}`,title:u?`Can't change while running`:S,children:[(0,$.jsx)(v,{className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsx)(`span`,{className:`max-w-[140px] truncate`,children:S}),n&&(0,$.jsx)(a,{className:`h-3 w-3 shrink-0`})]}),p&&!u&&(g?(0,$.jsx)(P,{open:p,onClose:()=>m(!1),children:(0,$.jsx)(`div`,{className:`px-1 pb-2`,children:w})}):(0,$.jsx)(`div`,{ref:h,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:w}))]})}function Oi({children:e}){return(0,$.jsx)(`div`,{className:`px-3 py-1.5 text-xs font-medium text-text-secondary`,children:e})}function ki(){return(0,$.jsx)(`div`,{className:`my-1 border-t border-border`})}function Ai({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 ji=6e4,Mi=new Map;function Ni(e,t,n){let r=`${e}\0${t??``}\0${n??``}`,i=Mi.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=E.get(`${T(e)}/chat/slash-items${o}`).then(e=>({items:e.items??[],recentNames:e.recentNames??[]})).catch(e=>{throw Mi.get(r)?.promise===s&&Mi.delete(r),e});return Mi.set(r,{promise:s,expiresAt:Date.now()+ji}),s}function Pi(e){if(!e){Mi.clear();return}let t=`${e}\0`;for(let e of Mi.keys())e.startsWith(t)&&Mi.delete(e)}async function Fi(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 Ii=(0,Q.memo)(function({tabId:e,onSend:t,isStreaming:n,onCancel:r,disabled:a,projectName:o,onSlashStateChange:s,onSlashItemsLoaded:c,slashSelected:l,onFileStateChange:u,onFileItemsLoaded:d,fileSelected:f,externalFiles:p,externalPaths:m,onExternalPathsConsumed:h,initialValue:g,clearSignal:_,onContentChange:v,getUserHistory:y,autoFocus:b,permissionMode:x,onModeChange:S,providerId:C,sessionId:ee,onProviderChange:E,model:ne,onModelChange:re,effort:O,onEffortChange:k,thinking:ie,onThinkingChange:ae}){let j=(0,Q.useRef)(g??``),[oe,se]=(0,Q.useState)(()=>(g??``).trim().length>0),[M,N]=(0,Q.useState)([]),[P,ce]=(0,Q.useState)(null),[le,F]=(0,Q.useState)(!1),[I,L]=(0,Q.useState)(!1),[ue,de]=(0,Q.useState)(`next`),R=(0,Q.useRef)(null),z=(0,Q.useRef)(null),B=(0,Q.useRef)(null),V=(0,Q.useRef)([]),pe=(0,Q.useRef)([]),H=(0,Q.useRef)(0),me=(0,Q.useRef)(!1),ge=(0,Q.useRef)(!1),_e=(0,Q.useRef)(typeof CSS>`u`||!CSS.supports(`field-sizing`,`content`)),U=(0,Q.useCallback)(e=>{j.current=e,R.current&&(R.current.value=e),z.current&&(z.current.value=e),se(e.trim().length>0)},[]),W=(0,Q.useCallback)(()=>window.matchMedia(`(min-width: 768px)`).matches?R.current:z.current,[]),ve=(0,Q.useRef)(-1),ye=(0,Q.useCallback)(e=>{let t=_i(y?.()??[],ve.current,e);if(!t)return!1;ve.current=t.index;let{agent:n,text:r}=_r(t.text);ce(n),U(r);let i=W();return i?(i.focus(),requestAnimationFrame(()=>{i.selectionStart=i.selectionEnd=r.length}),_e.current&&(i.style.height=`auto`,i.style.height=Math.min(i.scrollHeight,i===z.current?80:160)+`px`),!0):!0},[y,U,W]),G=ni(),be=(0,Q.useRef)(``),xe=(0,Q.useCallback)(e=>{let t=be.current;U(t?t+` `+e:e),_e.current&&requestAnimationFrame(()=>{let e=W();e&&(e.style.height=`auto`,e.style.height=Math.min(e.scrollHeight,160)+`px`)})},[U,W]),Se=(0,Q.useCallback)(()=>{G.isListening?G.stop():(be.current=j.current.trim(),G.start(xe))},[G.isListening,G.start,G.stop,xe]);(0,Q.useEffect)(()=>{let e=()=>{G.supported&&vn(W())&&Se()};return window.addEventListener(`toggle-voice-input`,e),()=>window.removeEventListener(`toggle-voice-input`,e)},[G.supported,Se,W]),(0,Q.useEffect)(()=>{let t=t=>{let{text:n,label:r,targetTabId:i}=t.detail??{};if(!n||(i?i!==e:!vn(W())))return;window.dispatchEvent(new Event(nt));let a={id:A(),name:r??`Terminal output`,file:new File([],`terminal-output.txt`),isImage:!1,textContent:n,status:`ready`};N(e=>[...e,a]),W()?.focus()};return window.addEventListener(tt,t),()=>window.removeEventListener(tt,t)},[W,e]),(0,Q.useEffect)(()=>{g&&!j.current&&(U(g),setTimeout(()=>{let e=R.current;e&&(e.focus(),e.selectionStart=e.selectionEnd=e.value.length)},50))},[g]),(0,Q.useEffect)(()=>{_&&U(``)},[_]),(0,Q.useEffect)(()=>{b&&setTimeout(()=>{W()?.focus()},100)},[]);let K=(0,Q.useCallback)(()=>{if(!o){V.current=[],c?.([],[]);return}Ni(o,C,ee).then(e=>{V.current=e.items,c?.(e.items,e.recentNames)}).catch(()=>{V.current=[],c?.([],[])})},[o,C,ee,c]);(0,Q.useEffect)(()=>{K()},[K]),(0,Q.useEffect)(()=>{let e=()=>{Pi(o),K()};return window.addEventListener(`ppm:slash-items-refresh`,e),()=>window.removeEventListener(`ppm:slash-items-refresh`,e)},[K,o]),(0,Q.useEffect)(()=>{let e=()=>{if(!o){pe.current=[],d?.([]);return}let{fileIndex:e}=je.getState(),t=e.map(e=>({name:e.name,path:e.path,type:e.type}));pe.current=t,d?.(t)};e();let t=je.getState().fileIndex,n=je.getState().indexStatus;return je.subscribe(r=>{(r.fileIndex!==t||r.indexStatus!==n)&&(t=r.fileIndex,n=r.indexStatus,e())})},[o]),(0,Q.useEffect)(()=>{if(!l)return;let e=W();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);ce(l.name),U(t+i),s?.(!1,``),me.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} `);U(o+i),s?.(!1,``),me.current=!1,u?.(!1,``),ge.current=!1,e.focus(),setTimeout(()=>{e.selectionStart=e.selectionEnd=o.length},0)},[l]),(0,Q.useEffect)(()=>{if(!f)return;let e=W();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;U(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} `;U(n),setTimeout(()=>{e.selectionStart=e.selectionEnd=n.length,e.focus()},0)}u?.(!1,``),ge.current=!1},[f]),(0,Q.useEffect)(()=>{!p||p.length===0||we(p)},[p]),(0,Q.useEffect)(()=>{if(!m||m.length===0)return;let e=m.map(e=>`@${e}`).join(` `),t=j.current;U(t+(t.length>0&&!t.endsWith(` `)?` `:``)+e+` `),W()?.focus(),h?.()},[m]);let q=(0,Q.useCallback)(async e=>{if(!o)return;let t=e.split(/[\\/]/).pop();if(t)try{let e={},n=D();n&&(e.Authorization=`Bearer ${n}`),await fetch(`${T(o)}/chat/uploads/${encodeURIComponent(t)}`,{method:`DELETE`,headers:e})}catch{}},[o]),Ce=(0,Q.useCallback)(async e=>{if(!o)return null;try{let t=new FormData;t.append(`files`,e);let n={},r=D();r&&(n.Authorization=`Bearer ${r}`);let i=await(await fetch(`${T(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]),we=(0,Q.useCallback)(async e=>{for(let t of e){let e=A(),n=mi(t),r={id:e,name:t.name,file:t,isImage:n,previewUrl:n?URL.createObjectURL(t):void 0,status:`uploading`};N(e=>[...e,r]);try{let i=n?await fi(t):null,a=i?.file??t,o=n&&a!==t?URL.createObjectURL(a):void 0,s=await Ce(a),c=i&&i.kind!==`asis`?await Fi(a):void 0,l=!!c&&c.data.length<=vt.maxBase64PerImage;o&&r.previewUrl&&URL.revokeObjectURL(r.previewUrl),N(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{N(t=>t.map(t=>t.id===e?{...t,status:`error`}:t))}}(z.current??R.current)?.focus()},[Ce]),Te=(0,Q.useCallback)(e=>{N(t=>{let n=t.find(t=>t.id===e);return n?.previewUrl&&URL.revokeObjectURL(n.previewUrl),n?.serverPath&&q(n.serverPath),t.filter(t=>t.id!==e)})},[q]),Ee=(0,Q.useCallback)(()=>{let e=j.current.trim(),r=M.filter(e=>e.status===`ready`);if(!e&&r.length===0&&!P){L(!1);return}let i=P?`Use the ${P} agent to ${e}`.trimEnd():e;s?.(!1,``),me.current=!1,u?.(!1,``),ge.current=!1,G.isListening&&G.stop(),t(i,r,n?ue:void 0),U(``);for(let e of M)e.previewUrl&&URL.revokeObjectURL(e.previewUrl);N([]),ce(null),L(!1),de(`next`),ve.current=-1,_e.current&&(R.current&&(R.current.style.height=`auto`),z.current&&(z.current.style.height=`auto`))},[M,P,t,s,u,n,ue,U]),De=(0,Q.useCallback)(()=>{if(!a){if(M.some(e=>e.status===`uploading`)){(j.current.trim()||M.some(e=>e.status!==`error`))&&L(!0);return}Ee()}},[M,a,Ee]);(0,Q.useEffect)(()=>{I&&(M.some(e=>e.status===`uploading`)||Ee())},[I,M,Ee]);let Oe=(0,Q.useCallback)(e=>{if(e.key===`Enter`&&!e.shiftKey){e.preventDefault(),De();return}if((e.key===`ArrowUp`||e.key===`ArrowDown`)&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey){if(!(ve.current>=0)&&(e.key===`ArrowDown`||j.current!==``||P))return;ye(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(x??`bypassPermissions`)+1)%t.length];S?.(n)}},[De,x,S,ye,P]),J=(0,Q.useCallback)((e,t)=>{let n=e.slice(0,t),r=n.includes(`/`),i=n.includes(`@`);if(!r&&!i){me.current&&=(s?.(!1,``),!1),ge.current&&=(u?.(!1,``),!1);return}if(r){let e=n.match(/(?:^|\s)\/(\S*)$/);if(e&&V.current.length>0){me.current||K();let t=e[1]??``;s?.(!0,t),me.current=!0,ge.current&&=(u?.(!1,``),!1);return}}if(i){let e=n.match(/@(\S*)$/);if(e&&pe.current.length>0){u?.(!0,e[1]??``),ge.current=!0,me.current&&=(s?.(!1,``),!1);return}}me.current&&=(s?.(!1,``),!1),ge.current&&=(u?.(!1,``),!1)},[s,u,K]),ke=(0,Q.useCallback)(e=>{let t=e.target,n=t.value;j.current=n,ve.current=-1;let r=t===R.current?z.current:R.current;r&&(r.value=n),se(n.trim().length>0),J(n,t.selectionStart),v?.(n,M.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath}))),_e.current&&(H.current&&cancelAnimationFrame(H.current),H.current=requestAnimationFrame(()=>{H.current=0,t.style.height=`auto`,t.style.height=Math.min(t.scrollHeight,t===z.current?80:160)+`px`}))},[J,v,M]),Ae=(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(),we(n))},[we]),Me=(0,Q.useCallback)(e=>{e.preventDefault();let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){let e=j.current;U(e+(e.length>0&&!e.endsWith(` `)?` `:``)+`@${t} `),W()?.focus();return}let n=Array.from(e.dataTransfer.files);n.length>0&&we(n)},[we,U,W]),Ne=(0,Q.useCallback)(e=>{e.preventDefault()},[]),Pe=(0,Q.useCallback)(()=>{B.current?.click()},[]),Y=(0,Q.useCallback)(e=>{let t=Array.from(e.target.files??[]);t.length>0&&we(t),e.target.value=``},[we]),Fe=oe||M.some(e=>e.status!==`error`)||!!P,X=n&&!Fe;return(0,$.jsxs)(`div`,{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||W()?.focus()},children:[P&&(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)(i,{className:`size-3.5 shrink-0`}),P,(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),ce(null),W()?.focus()},className:`shrink-0 rounded-sm p-0.5 hover:bg-sky-500/20 transition-colors`,"aria-label":`Remove ${P} agent`,children:(0,$.jsx)(te,{className:`size-3`})})]})}),(0,$.jsx)(hi,{attachments:M,onRemove:Te}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 px-2 pt-2 md:hidden relative`,children:[(0,$.jsx)(Li,{mode:x??`bypassPermissions`,onClick:()=>F(e=>!e)}),(0,$.jsx)(xi,{value:x??`bypassPermissions`,onChange:e=>S?.(e),open:le,onOpenChange:F}),E&&o&&(0,$.jsx)(he,{value:C??`claude`,onChange:E,projectName:o}),re&&o&&(0,$.jsx)(Di,{model:ne??null,effort:O??null,thinking:ie??!1,onModelChange:re,onEffortChange:k??(()=>{}),onThinkingChange:ae??(()=>{}),projectName:o,providerId:C??`claude`,disabled:n}),n&&(0,$.jsx)(zi,{value:ue,onChange:de})]}),(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(),Pe()},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)(gt,{className:`size-4`})}),(0,$.jsx)(`textarea`,{ref:z,defaultValue:g??``,onChange:ke,onKeyDown:Oe,onPaste:Ae,onDrop:Me,onDragOver:Ne,placeholder:n?`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(),Se()},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)(ht,{className:`size-4`}):(0,$.jsx)(Re,{className:`size-4`})}),X?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),r?.()},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)(Ke,{className:`size-3.5`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),I?L(!1):De()},disabled:a||!Fe,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":I?`Cancel queued send`:`Send`,children:I?(0,$.jsx)(w,{className:`size-4 animate-spin`}):(0,$.jsx)(fe,{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:[(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(Li,{mode:x??`bypassPermissions`,onClick:()=>F(e=>!e)}),(0,$.jsx)(xi,{value:x??`bypassPermissions`,onChange:e=>S?.(e),open:le,onOpenChange:F})]}),E&&o&&(0,$.jsx)(he,{value:C??`claude`,onChange:E,projectName:o}),re&&o&&(0,$.jsx)(Di,{model:ne??null,effort:O??null,thinking:ie??!1,onModelChange:re,onEffortChange:k??(()=>{}),onThinkingChange:ae??(()=>{}),projectName:o,providerId:C??`claude`,disabled:n}),n&&(0,$.jsx)(zi,{value:ue,onChange:de})]}),(0,$.jsxs)(`div`,{className:`flex items-end gap-2 px-2.5 py-2`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Pe()},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)(gt,{className:`size-[17px]`})}),(0,$.jsx)(`textarea`,{ref:R,defaultValue:g??``,onChange:ke,onKeyDown:Oe,onPaste:Ae,onDrop:Me,onDragOver:Ne,placeholder:n?`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(),Se()},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)(ht,{className:`size-[17px]`}):(0,$.jsx)(Re,{className:`size-[17px]`})}),X?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),r?.()},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)(Ke,{className:`size-4`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),I?L(!1):De()},disabled:a||!Fe,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":I?`Cancel queued send`:`Send message`,children:I?(0,$.jsx)(w,{className:`size-4 animate-spin`}):(0,$.jsx)(fe,{className:`size-[17px]`})})]})]})]}),(0,$.jsx)(`input`,{ref:B,type:`file`,multiple:!0,className:`hidden`,onChange:Y})]})});function Li({mode:e,onClick:t}){let n=bi(e),r=yi(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 Ri=[{value:`now`,label:`Interrupt`,Icon:U},{value:`next`,label:`Queue`,Icon:mt},{value:`later`,label:`Later`,Icon:g}];function zi({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=Ri.find(t=>t.value===e)??Ri[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 Bi(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 Vi(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=Bi(n,r.slice(0,n.length+i));return a<=i?{rank:2,distance:a}:null}var Hi=1;function Ui(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=Vi(t,n.name),o=[e,Vi(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?Hi: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 Wi({items:e,filter:t,onSelect:n,onClose:r,visible:a,recentNames:o=[],projectName:s}){let[c,l]=(0,Q.useState)(0),[u,d]=(0,Q.useState)(!1),f=(0,Q.useRef)(null),p=(0,Q.useMemo)(()=>new Set(o),[o]),m=(0,Q.useMemo)(()=>{if(t)return{items:Ui(e,t,20,o),recentCount:0};if(o.length>0){let t=[],n=[];for(let r of e)p.has(r.name)?t.push(r):n.push(r);return t.sort((e,t)=>o.indexOf(e.name)-o.indexOf(t.name)),{items:[...t,...n],recentCount:t.length}}return{items:e,recentCount:0}},[e,t,o,p]),h=m.items,_=m.recentCount;(0,Q.useEffect)(()=>{l(0)},[t]),(0,Q.useEffect)(()=>{let e=f.current;e&&e.children[c]?.scrollIntoView({block:`nearest`})},[c]);let y=(0,Q.useCallback)(e=>{if(!a||h.length===0)return!1;switch(e.key){case`ArrowUp`:return e.preventDefault(),l(e=>e>0?e-1:h.length-1),!0;case`ArrowDown`:return e.preventDefault(),l(e=>e<h.length-1?e+1:0),!0;case`Enter`:case`Tab`:return e.preventDefault(),h[c]&&n(h[c]),!0;case`Escape`:return e.preventDefault(),r(),!0}return!1},[a,h,c,n,r]);(0,Q.useEffect)(()=>{if(!a)return;let e=e=>{y(e)&&e.stopPropagation()},t=f.current?.ownerDocument??document;return t.addEventListener(`keydown`,e,!0),()=>t.removeEventListener(`keydown`,e,!0)},[a,y]);let b=(0,Q.useCallback)(()=>{!s||u||(d(!0),E.del(`${T(s)}/chat/slash-items/cache`).then(()=>{window.dispatchEvent(new CustomEvent(`ppm:slash-items-refresh`))}).finally(()=>d(!1)))},[s,u]);return!a||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:f,className:`py-1`,children:h.map((e,t)=>{let r=_>0&&t===0,a=_>0&&t===_;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)(g,{className:`size-3`}),`Recent`]}),s&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),b()},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)(Ie,{className:`size-3 ${u?`animate-spin`:``}`})})]}),a&&(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===c?`bg-primary/10 text-primary`:`hover:bg-surface-hover text-text-primary`}`,onMouseEnter:()=>l(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)(U,{className:`size-4 text-emerald-500`}):e.type===`skill`?(0,$.jsx)(v,{className:`size-4 text-warning`}):e.type===`agent`?(0,$.jsx)(i,{className:`size-4 text-sky-500`}):(0,$.jsx)(de,{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 Gi({items:e,filter:t,onSelect:n,onClose:r,visible:i}){let[a,o]=(0,Q.useState)(0),s=(0,Q.useRef)(null),c=(()=>{if(!t)return e.slice(0,50);let n=t.toLowerCase();return e.filter(e=>e.path.toLowerCase().includes(n)||e.name.toLowerCase().includes(n)).slice(0,50)})();(0,Q.useEffect)(()=>{o(0)},[t]),(0,Q.useEffect)(()=>{let e=s.current;e&&e.children[a]?.scrollIntoView({block:`nearest`})},[a]);let l=(0,Q.useCallback)(e=>{if(!i||c.length===0)return!1;switch(e.key){case`ArrowUp`:return e.preventDefault(),o(e=>e>0?e-1:c.length-1),!0;case`ArrowDown`:return e.preventDefault(),o(e=>e<c.length-1?e+1:0),!0;case`Enter`:case`Tab`:return e.preventDefault(),c[a]&&n(c[a]),!0;case`Escape`:return e.preventDefault(),r(),!0}return!1},[i,c,a,n,r]);return(0,Q.useEffect)(()=>{if(!i)return;let e=e=>{l(e)&&e.stopPropagation()},t=s.current?.ownerDocument??document;return t.addEventListener(`keydown`,e,!0),()=>t.removeEventListener(`keydown`,e,!0)},[i,l]),!i||c.length===0?null:(0,$.jsx)(`div`,{className:`max-h-52 overflow-y-auto border-b border-border bg-surface`,children:(0,$.jsx)(`div`,{ref:s,className:`py-1`,children:c.map((e,t)=>(0,$.jsxs)(`button`,{className:`flex items-center gap-2 w-full px-3 py-1.5 text-left transition-colors ${t===a?`bg-primary/10 text-primary`:`hover:bg-surface-hover text-text-primary`}`,onMouseEnter:()=>o(t),onClick:()=>n(e),children:[(0,$.jsx)(`span`,{className:`shrink-0`,children:e.type===`directory`?(0,$.jsx)(Me,{className:`size-4 text-warning`}):(0,$.jsx)(Ue,{className:`size-4 text-primary`})}),(0,$.jsx)(`span`,{className:`text-sm truncate`,children:e.path})]},e.path))})})}var Ki=e=>`${(e/1048576).toFixed(2)} MB`;function qi(e){return e>=1048576?`${(e/1048576).toFixed(1)} MB`:`${Math.max(1,Math.round(e/1024))} KB`}function Ji(){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 Yi({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 E.get(`${T(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),E.post(`${T(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`,` · `,qi(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)(ge,{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)(ge,{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)(N,{size:`sm`,variant:`destructive`,disabled:o!==null,onClick:()=>u(`oversized`,!0),children:[o===`oversized`?(0,$.jsx)(w,{className:`size-3.5 animate-spin`}):(0,$.jsx)(pt,{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 `,qi(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)(N,{size:`sm`,variant:`outline`,className:`flex-1`,disabled:o!==null||n.oversized===0,onClick:()=>u(`oversized`),children:[o===`oversized`?(0,$.jsx)(w,{className:`size-3.5 animate-spin`}):(0,$.jsx)(pt,{className:`size-3.5`}),`Remove oversized`,n.oversized>0?` (${n.oversized} · ${qi(n.oversizedBytes)})`:``]}),(0,$.jsxs)(N,{size:`sm`,variant:`destructive`,className:`flex-1`,disabled:o!==null||n.total===0,onClick:()=>u(`all`),children:[o===`all`?(0,$.jsx)(w,{className:`size-3.5 animate-spin`}):(0,$.jsx)(pt,{className:`size-3.5`}),`Remove all`,n.total>0?` (${n.total} · ${qi(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 Xi({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 E.get(`${T(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+Pn(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 ·`,` `,Hn(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=Rn(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:Hn(Nn(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 Zi({sessionId:e,projectName:t,open:n,onOpenChange:r}){let[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(!1),c=se();(0,Q.useEffect)(()=>{n&&(s(!1),a(null),E.get(`${T(t)}/chat/sessions/${e}/debug?project=${encodeURIComponent(t)}`).then(e=>{let t=e.jsonlSizeBytes==null?``:` (${Ki(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,...Ji()].filter(Boolean).join(`
|
|
8
|
+
`))}).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)(_e,{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)(N,{size:`sm`,onClick:()=>{i&&Fe(i).then(e=>{e&&(s(!0),setTimeout(()=>s(!1),1500))})},disabled:!i,className:`w-full`,children:o?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ft,{className:`size-3.5`}),` Copied!`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(y,{className:`size-3.5`}),` Copy`]})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)(Xi,{sessionId:e,projectName:t})}),(0,$.jsx)(`div`,{className:`border-t border-border pt-3`,children:n&&(0,$.jsx)(Yi,{sessionId:e,projectName:t})})]});return c?(0,$.jsx)(P,{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)(Ce,{open:n,onOpenChange:r,children:(0,$.jsxs)(q,{className:`sm:max-w-lg`,children:[(0,$.jsx)(ke,{className:`sr-only`,children:`Session debug info`}),l]})})}function Qi({hasUnread:e,onToggleUnread:t,onOpenDebug:n}){return(0,$.jsxs)(pe,{children:[(0,$.jsx)(Z,{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)(x,{className:`size-3.5`})})}),(0,$.jsxs)(G,{align:`end`,side:`top`,className:`min-w-[190px]`,children:[(0,$.jsx)(qe,{onClick:t,className:`max-md:py-3`,children:e?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(z,{className:`size-3.5 text-warning`}),` Mark as read`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(h,{className:`size-3.5 fill-current text-primary`}),` Mark as unread`]})}),(0,$.jsxs)(qe,{onClick:n,className:`max-md:py-3`,children:[(0,$.jsx)(_e,{className:`size-3.5`}),` Session debug info`]})]})]})}function $i({usage:e,visible:t,onClose:n,onReload:r,loading:i,lastFetchedAt:a}){let{usages:o,accounts:s,activeAccountId:c,initialLoading:l,refreshing:u,flashIds:d,reload:f}=ct(t),[p,m]=(0,Q.useState)(!1);if(!t)return null;let h=new Map(s.map(e=>[e.id,e])),g=e.queryCostUsd!=null||e.totalCostUsd!=null,_=o.length>0,v=o.length||1,y=Math.ceil(Math.sqrt(v)),b=Math.ceil(v/y);return(0,$.jsxs)(`div`,{className:`relative border-b border-border bg-surface px-3 py-2.5 ${p?`fixed inset-0 z-50 flex flex-col gap-2.5 overflow-hidden`:`space-y-2.5 max-h-[350px] overflow-y-auto`}`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between shrink-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-xs font-semibold text-text-primary`,children:`Usage`}),a&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle`,children:at(new Date(a).getTime())})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsxs)(`button`,{onClick:()=>J(`accounts`),className:`flex items-center gap-1 text-[10px] text-text-subtle hover:text-text-primary px-1 cursor-pointer`,title:`Add, remove or rotate accounts`,children:[`Manage accounts `,(0,$.jsx)(Ge,{className:`size-3`})]}),_&&(0,$.jsx)(`button`,{onClick:()=>m(e=>!e),className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,title:p?`Exit fullscreen`:`Fullscreen view`,"aria-label":p?`Exit fullscreen`:`Fullscreen view`,children:p?(0,$.jsx)(X,{className:`size-3`}):(0,$.jsx)(Ee,{className:`size-3`})}),r&&(0,$.jsx)(`button`,{onClick:()=>{r(),f()},disabled:i||u,className:`text-xs text-text-subtle hover:text-text-primary px-1 disabled:opacity-50 cursor-pointer`,title:`Refresh`,"aria-label":`Refresh usage`,children:(0,$.jsx)(Ie,{className:`size-3 ${i||u?`animate-spin`:``}`})}),(0,$.jsx)(`button`,{onClick:()=>{m(!1),n()},className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,"aria-label":`Close usage panel`,children:(0,$.jsx)(te,{className:`size-3`})})]})]}),_||l?(0,$.jsx)(`div`,{className:p?`flex-1 min-h-0 grid gap-2 overflow-hidden`:`flex gap-2 overflow-x-auto pb-1 -mx-3 px-3 snap-x snap-mandatory scrollbar-thin`,style:p?{gridTemplateColumns:`repeat(${y}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${b}, minmax(0, 1fr))`}:void 0,children:l?(0,$.jsx)(`p`,{className:`text-[10px] text-text-subtle`,children:`Loading...`}):o.map(t=>(0,$.jsx)(ot,{entry:t,isActive:t.accountId===(c??e.activeAccountId),accountInfo:h.get(t.accountId),flash:d.has(t.accountId),layout:p?`grid`:`strip`},t.accountId))}):e.session||e.weekly||e.weeklyOpus||e.weeklySonnet?(0,$.jsxs)(`div`,{className:`space-y-2.5`,children:[(0,$.jsx)(st,{label:`5-Hour Session`,bucket:e.session}),(0,$.jsx)(st,{label:`Weekly`,bucket:e.weekly}),(0,$.jsx)(st,{label:`Weekly (Opus)`,bucket:e.weeklyOpus}),(0,$.jsx)(st,{label:`Weekly (Sonnet)`,bucket:e.weeklySonnet})]}):(0,$.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`No usage data available`}),g&&(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)]})]})]})]})}function ea({label:e,frac:t,bucket:n}){return(0,$.jsx)(it,{label:e,pct:t==null?null:Math.round(t*100),reset:lt(n)})}function ta({onClose:e,usage:t,onReload:n}){let[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)({}),[s,c]=(0,Q.useState)(!1),l=(0,Q.useCallback)(async()=>{c(!0);try{i((await E.get(`/api/codex-accounts`)).accounts),o(await E.get(`/api/codex-accounts/usage`))}catch{}finally{c(!1)}},[]);(0,Q.useEffect)(()=>{l()},[l]);let u=(0,Q.useCallback)(async()=>{c(!0);try{await n?.(),o(await E.get(`/api/codex-accounts/usage`))}catch{}finally{c(!1)}},[n]);return(0,$.jsxs)(`div`,{className:`border-t border-border bg-surface px-3 py-2.5 space-y-2.5 max-h-[350px] overflow-y-auto`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`span`,{className:`text-xs font-semibold text-text-primary`,children:`Codex Usage`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(`button`,{onClick:u,disabled:s,className:`text-text-subtle hover:text-text-primary px-1 cursor-pointer disabled:opacity-50`,title:`Refresh`,children:(0,$.jsx)(Ie,{className:`size-3 ${s?`animate-spin`:``}`})}),(0,$.jsx)(`button`,{onClick:e,className:`text-text-subtle hover:text-text-primary px-1 cursor-pointer`,title:`Close`,children:(0,$.jsx)(te,{className:`size-3`})})]})]}),s&&r.length===0&&(0,$.jsxs)(`div`,{className:`text-xs text-text-subtle flex items-center gap-2`,children:[(0,$.jsx)(w,{className:`size-3 animate-spin`}),` Loading…`]}),!s&&r.length===0&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`rounded-md border border-border/50 bg-surface/40 p-2.5 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-sm 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`,children:`~/.codex`})]}),(0,$.jsx)(ea,{label:`5-Hour`,frac:t.fiveHour,bucket:t.session}),(0,$.jsx)(ea,{label:`Weekly`,frac:t.sevenDay,bucket:t.weekly})]}),(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.`]})]}),r.map(e=>{let t=a[e.id]??{};return(0,$.jsxs)(`div`,{className:`rounded-md border border-border/50 bg-surface/40 p-2.5 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-sm text-text-primary truncate flex-1 min-w-0`,children:e.label}),(0,$.jsx)(`span`,{className:`text-[10px] uppercase tracking-wide text-text-subtle border border-border rounded px-1`,children:e.type}),e.planType&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle`,children:e.planType})]}),(0,$.jsx)(ea,{label:`5-Hour`,frac:t.fiveHour,bucket:t.session}),(0,$.jsx)(ea,{label:`Weekly`,frac:t.sevenDay,bucket:t.weekly})]},e.id)})]})}var na={working:`working`,paused:`paused`,"no-transcript":`no session`};function ra({member:e,onOpen:t}){let n=e.workState===`working`,r=Zr(e),i=Xr(e.startedAt,n?void 0:e.lastEventAt),a=Yr(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)(w,{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:na[e.workState]}),(0,$.jsx)(c,{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 ia({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)(w,{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)(ra,{member:e,onOpen:n},e.name))})}var aa=[`subject`,`summary`,`text`,`message`,`content`,`description`,`reason`,`feedback`],oa=[`description`,`message`,`content`,`reason`,`feedback`],sa=new Set([`type`,`taskId`,`task_id`,`assignedBy`,`assigned_by`,`timestamp`,`request_id`,`requestId`]),ca=e=>typeof e==`string`?e.trim():e==null?``:String(e);function la(e,t,n){for(let r of t){if(r===n)continue;let t=ca(e[r]);if(t)return{key:r,value:t}}return null}function ua(e){return Object.entries(e).filter(([e,t])=>!sa.has(e)&&ca(t)).map(([e,t])=>`${e}: ${ca(t)}`).join(` · `)}function da(e,t){let n=ca(t),r=ca(e);if(!r)return{title:n};let i;try{i=JSON.parse(r)}catch{let[e,...t]=r.split(`
|
|
9
9
|
`),i=t.join(`
|
|
10
|
-
`).trim();return{title:n||ca(e),...i?{detail:i}:{}}}if(!i||typeof i!=`object`||Array.isArray(i))return{title:n||r};let a=i,o=ca(a.taskId)||ca(a.task_id),s=la(a,aa),c=la(a,oa,s?.key);return{title:n||s?.value||ua(a)||ca(a.type)||r,...c?{detail:c.value}:{},...o?{taskId:o}:{}}}function fa({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?m[e.parsedType]:null,{title:r,detail:i,taskId:a}=da(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:ma(e.color),children:e.from}),(0,$.jsx)(`span`,{children:`→`}),(0,$.jsx)(`span`,{children:e.to}),(0,$.jsx)(`span`,{className:`ml-auto text-[10px]`,children:pa(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 pa(e){try{return new Date(e).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}catch{return``}}function ma(e){if(e&&(/^#[0-9a-fA-F]{3,8}$/.test(e)||/^[a-zA-Z]{3,20}$/.test(e)))return{color:e}}function ha(e,t){return e===t?`Team (current session)`:e}function ga({teamNames:e,messages:t,sessionId:n,projectName:r}){let[i,a]=(0,Q.useState)(e[0]??``),[o,s]=(0,Q.useState)(`members`),c=et(),l=b();(0,Q.useEffect)(()=>{e.length>0&&!e.includes(i)&&a(e[0])},[e,i]);let{members:u,outbound:d,loading:f,refresh:p}=Qr(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:ha(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)(Ie,{className:k(`size-3`,f&&`animate-spin`)})})]}),o===`members`?(0,$.jsx)(ia,{members:u,loading:f,onOpenMember:m,className:`max-h-56`}):(0,$.jsx)(fa,{messages:h,className:`max-h-56`})]})}function _a(e){return e>=90?`text-error`:e>=70?`text-warning`:`text-success`}function va({projectName:e,usageInfo:t,usageLoading:n,refreshUsage:r,lastFetchedAt:a,sessionId:s,providerId:c,onSelectSession:l,onBugReport:u,isConnected:d,onReload:f,teamActivity:p,teamMessages:m,onTeamOpen:h}){let[g,_]=(0,Q.useState)(null),[v,y]=(0,Q.useState)([]),[b,x]=(0,Q.useState)(!1),S=We(e=>e.notifications),C=We(e=>s?e.notifications.has(s):!1),ee=We(e=>e.clearForSession),D=We(e=>e.markUnread),[ne,re]=(0,Q.useState)(``),O=be(ne,300),[A,ie]=(0,Q.useState)(null),[ae,j]=(0,Q.useState)(``),[se,M]=(0,Q.useState)(!1),[N,P]=(0,Q.useState)(!1),[F,I]=(0,Q.useState)([]),[L,de]=(0,Q.useState)(null),[z,B]=(0,Q.useState)({}),[V,fe]=(0,Q.useState)(!1),[pe,he]=(0,Q.useState)(!1),ge=(0,Q.useRef)(null),_e=oe(e=>e.openTab),U=e=>{_(t=>t===e?null:e)},G=(0,Q.useCallback)(async t=>{if(e){x(!0);try{let n=new URLSearchParams({limit:`50`,offset:`0`});t&&n.set(`q`,t);let r=await E.get(`${T(e)}/chat/sessions?${n}`);y(r.sessions),M(r.hasMore)}catch{}finally{x(!1)}}},[e]),Se=(0,Q.useCallback)(async()=>{if(!(!e||N||!se)){P(!0);try{let t=v.filter(e=>!e.pinned).length,n=new URLSearchParams({limit:`50`,offset:String(t)});O&&n.set(`q`,O);let r=await E.get(`${T(e)}/chat/sessions?${n}`);y(e=>{let t=new Set(e.map(e=>e.id)),n=r.sessions.filter(e=>!t.has(e.id));return[...e,...n]}),M(r.hasMore)}catch{}finally{P(!1)}}},[e,N,se,v,O]);(0,Q.useEffect)(()=>{g===`history`&&v.length===0&&G()},[g]),(0,Q.useEffect)(()=>{g===`history`&&G(O||void 0)},[O]);let q=(0,Q.useCallback)(async()=>{if(e)try{let t=await E.get(`${T(e)}/tags`);I(t.tags),B(t.counts)}catch{}},[e]);(0,Q.useEffect)(()=>{g===`history`&&e&&q()},[g,e,q]);function Ce(t){l?(l(t),_(null)):_e({type:`chat`,title:t.title||`Chat`,projectId:e??null,metadata:{projectName:e,sessionId:t.id,providerId:t.providerId},closable:!0})}let Te=(0,Q.useCallback)((e,t)=>{t.stopPropagation(),ie(e.id),j(e.title||``),setTimeout(()=>ge.current?.select(),0)},[]),Ee=(0,Q.useCallback)(async()=>{if(!A||!ae.trim()||!e){ie(null);return}try{await E.patch(`${T(e)}/chat/sessions/${A}`,{title:ae.trim()}),y(e=>e.map(e=>e.id===A?{...e,title:ae.trim()}:e))}catch{}ie(null)},[A,ae,e]),Oe=(0,Q.useCallback)(()=>ie(null),[]),J=(0,Q.useCallback)(async(t,n)=>{if(t.stopPropagation(),!e)return;let r=`${T(e)}/chat/sessions/${n.id}/pin`;try{n.pinned?await E.del(r):await E.put(r),y(e=>e.map(e=>e.id===n.id?{...e,pinned:!e.pinned}:e).sort((e,t)=>e.pinned&&!t.pinned?-1:!e.pinned&&t.pinned?1:new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime()))}catch{}},[e]),ke=(0,Q.useCallback)(async(t,n)=>{if(t.stopPropagation(),e&&window.confirm(`Delete this session? This cannot be undone.`))try{await E.del(`${T(e)}/chat/sessions/${n.id}?providerId=${n.providerId}`),y(e=>e.filter(e=>e.id!==n.id))}catch{}},[e]),je=(0,Q.useCallback)((e,t)=>{y(n=>n.map(n=>n.id===e?{...n,tag:t}:n)),q()},[q]),Me=(0,Q.useCallback)(async()=>{if(!e)return;let t=window.prompt(`Delete sessions older than how many days? (pinned sessions are kept)`,`30`);if(!t)return;let n=parseInt(t,10);if(!(!n||n<1)&&window.confirm(`Delete all unpinned sessions older than ${n} days? This cannot be undone.`)){x(!0);try{await E.del(`${T(e)}/chat/sessions?olderThanDays=${n}`),G(O||void 0)}catch{}}},[e,G,O]);(0,Q.useEffect)(()=>{if(g!==`history`)return;let t=t=>{if(t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement)return;let n=parseInt(t.key);if(n>=1&&n<=F.length&&s){let t=F[n-1];t&&(E.patch(`${T(e)}/chat/sessions/${s}/tag`,{tagId:t.id}).catch(()=>{}),je(s,{id:t.id,name:t.name,color:t.color}))}};return window.addEventListener(`keydown`,t),()=>window.removeEventListener(`keydown`,t)},[g,F,s,e,je]);let Ne=L===null?v:v.filter(e=>e.tag?.id===L),Pe=!c||c===`claude`,Y=c===`codex`,Fe=t.fiveHour==null?null:Math.round(t.fiveHour*100),X=t.sevenDay==null?null:Math.round(t.sevenDay*100),Z=Fe!=null||X!=null?_a(Math.max(Fe??0,X??0)):`text-text-subtle`;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`,{onClick:()=>U(`history`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${g===`history`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,children:[(0,$.jsx)(Ae,{className:`size-3`}),(0,$.jsx)(`span`,{children:`History`})]}),s&&c&&c!==`mock`?(0,$.jsxs)(`button`,{onClick:()=>U(`config`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${g===`config`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`AI Settings`,children:[(0,$.jsx)(H,{providerId:c}),(0,$.jsx)(`span`,{className:`capitalize`,children:c})]}):(0,$.jsx)(`button`,{onClick:()=>U(`config`),className:`shrink-0 p-1 rounded transition-colors ${g===`config`?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary hover:bg-surface-elevated`}`,title:`AI Settings`,children:(0,$.jsx)(xe,{className:`size-3`})}),Pe||Y?(0,$.jsxs)(`button`,{onClick:()=>U(`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 ${g===`usage`?`bg-primary/10`:``} ${Z}`,title:`Usage limits`,children:[(0,$.jsx)(ct,{className:`size-3`}),t.activeAccountLabel&&(0,$.jsxs)(`span`,{className:`text-text-secondary font-normal truncate max-w-[110px]`,title:t.activeAccountLabel,children:[`[`,t.activeAccountLabel,`]`]}),(0,$.jsxs)(`span`,{children:[`5h:`,Fe==null?`--%`:`${Fe}%`]}),(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`·`}),(0,$.jsxs)(`span`,{children:[`Wk:`,X==null?`--%`:`${X}%`]})]}):null,p?.hasTeams&&(0,$.jsxs)(`button`,{onClick:()=>{U(`team`),h?.()},className:`shrink-0 relative flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${g===`team`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`Team activity`,children:[(0,$.jsx)(le,{className:`size-3`}),(0,$.jsx)(`span`,{children:`Team`}),(p.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:[f&&(0,$.jsxs)(`button`,{onClick:e=>{let t=e.currentTarget.querySelector(`svg`);t&&(t.classList.add(`animate-spin`),setTimeout(()=>t.classList.remove(`animate-spin`),600)),f()},className:`relative size-4 flex items-center justify-center`,title:d?`Reload messages`:`Disconnected — click to reload`,children:[(0,$.jsx)(Ie,{className:`size-3 ${d?`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 ${d?`bg-success`:`bg-error animate-pulse`}`})]}),s&&(0,$.jsx)(Xi,{hasUnread:C,onToggleUnread:()=>C?ee(s):D(s,e),onOpenDebug:()=>he(!0)})]})]}),s&&(0,$.jsx)(Yi,{sessionId:s,projectName:e,open:pe,onOpenChange:he}),g===`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)(K,{className:`size-3 text-text-subtle shrink-0`}),(0,$.jsx)(`input`,{type:`text`,value:ne,onChange:e=>re(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:Me,className:`p-0.5 rounded text-text-subtle hover:text-error transition-colors`,title:`Delete old sessions...`,children:(0,$.jsx)(me,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:()=>G(O||void 0),disabled:b,className:`p-0.5 rounded text-text-subtle hover:text-text-secondary transition-colors disabled:opacity-50`,title:`Refresh`,children:(0,$.jsx)(Ie,{className:`size-3 ${b?`animate-spin`:``}`})})]}),F.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:()=>de(null),className:`shrink-0 rounded-md border px-2 py-1 text-[10px] transition-colors ${L===null?`bg-primary/20 border-primary text-primary`:`border-border bg-surface text-text-secondary`}`,children:[`All (`,v.length,`)`]}),F.map(e=>(0,$.jsxs)(`button`,{onClick:()=>de(L===e.id?null:e.id),className:`shrink-0 flex items-center gap-1 rounded-md border px-2 py-1 text-[10px] transition-colors ${L===e.id?`border-current`:`border-border bg-surface`}`,style:L===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,` (`,z[e.id]??0,`)`]},e.id)),(0,$.jsx)(`button`,{onClick:()=>fe(!V),className:`shrink-0 p-1 rounded transition-colors ${V?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary`}`,title:`Manage tags`,children:(0,$.jsx)(R,{className:`size-3`})})]}),V&&(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)(W,{projectName:e,onTagsChanged:q})}),(0,$.jsx)(`div`,{className:`max-h-[200px] overflow-y-auto`,children:b&&v.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3`,children:(0,$.jsx)(w,{className:`size-3.5 animate-spin text-text-subtle`})}):Ne.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3 text-[11px] text-text-subtle`,children:ne?`No matching sessions`:`No sessions yet`}):(0,$.jsxs)($.Fragment,{children:[Ne.map(t=>{let n=S.get(t.id),r=!!n;return(0,$.jsx)(He,{session:t,projectName:e,projectTags:F,onTogglePin:J,onStartEditing:Te,onDeleteSession:ke,onTagChanged:je,children:(0,$.jsxs)(`div`,{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&&De(n.type),!r&&`text-text-secondary`),children:[(0,$.jsx)(H,{providerId:t.providerId}),t.tag&&(0,$.jsx)(`span`,{className:`size-2 rounded-full shrink-0`,style:{backgroundColor:t.tag.color},title:t.tag.name}),A===t.id?(0,$.jsxs)(`form`,{className:`flex items-center gap-1 flex-1 min-w-0`,onSubmit:e=>{e.preventDefault(),Ee()},children:[(0,$.jsx)(`input`,{ref:ge,value:ae,onChange:e=>j(e.target.value),onBlur:Ee,onKeyDown:e=>{e.key===`Escape`&&Oe()},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)(o,{className:`size-3`})}),(0,$.jsx)(`button`,{type:`button`,className:`p-0.5 text-text-subtle hover:text-text-secondary`,onClick:e=>{e.stopPropagation(),Oe()},children:(0,$.jsx)(te,{className:`size-3`})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{onClick:()=>Ce(t),className:`text-[11px] truncate flex-1 text-left flex items-center gap-1`,children:[t.title?.startsWith(`[PPM]`)&&(0,$.jsx)(i,{className:`size-3 text-muted-foreground shrink-0`}),t.title?.startsWith(`[PPM]`)?t.title.slice(7):t.title||`Untitled`]}),(0,$.jsx)(`button`,{onClick:e=>J(e,t),className:`p-0.5 rounded transition-all ${t.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:t.pinned?`Unpin session`:`Pin session`,children:t.pinned?(0,$.jsx)(ye,{className:`size-3`}):(0,$.jsx)(we,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:e=>Te(t,e),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)(ce,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:e=>ke(e,t),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)(ve,{className:`size-3`})})]}),A!==t.id&&t.updatedAt&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle shrink-0 w-16 text-right`,children:ue(t.updatedAt)})]})},t.id)}),se&&(0,$.jsxs)(`button`,{onClick:Se,disabled:N,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:[N?(0,$.jsx)(w,{className:`size-3 animate-spin`}):null,N?`Loading...`:`Load more`]})]})})]}),g===`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)(rt,{compact:!0})}),g===`team`&&p?.hasTeams&&(0,$.jsx)(`div`,{className:`border-t border-border/30 bg-surface px-3 py-2`,children:(0,$.jsx)(ga,{teamNames:p.teamNames,messages:m??[],sessionId:s,projectName:e})}),g===`usage`&&Pe&&(0,$.jsx)(Zi,{usage:t,visible:!0,onClose:()=>_(null),onReload:r,loading:n,lastFetchedAt:a}),g===`usage`&&Y&&(0,$.jsx)(ta,{usage:t,onClose:()=>_(null)})]})}var ya=3e3;function ba(e,t){let[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(!0),o=(0,Q.useRef)(void 0),s=(0,Q.useRef)(t);s.current=t;let c=t??`__new__`;(0,Q.useEffect)(()=>{if(!e){a(!1);return}let t=!1;a(!0);let n=setTimeout(()=>{t||a(!1)},ya);return E.get(`${T(e)}/chat/drafts/${encodeURIComponent(c)}`).then(e=>{if(!t)if(e){let t=[];try{t=JSON.parse(e.attachments)}catch{}r({content:e.content,attachments:t})}else r(null)}).catch(()=>{t||r(null)}).finally(()=>{clearTimeout(n),t||a(!1)}),()=>{t=!0,clearTimeout(n)}},[e,c]);let l=(0,Q.useCallback)((t,n)=>{e&&(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{let r=s.current??`__new__`;E.put(`${T(e)}/chat/drafts/${encodeURIComponent(r)}`,{content:t,attachments:JSON.stringify(n??[])}).catch(()=>{})},1e3))},[e]),u=(0,Q.useCallback)(()=>{if(!e)return;o.current&&clearTimeout(o.current);let t=s.current??`__new__`;E.del(`${T(e)}/chat/drafts/${encodeURIComponent(t)}`).catch(()=>{}),r(null)},[e]);return(0,Q.useEffect)(()=>()=>{o.current&&clearTimeout(o.current)},[]),{draft:n,draftLoading:i,saveDraft:l,clearDraft:u}}function xa({metadata:e,tabId:t}){let[n,r]=(0,Q.useState)(e?.sessionId??null),i=(0,Q.useCallback)(e=>{r(e)},[]),[a,o]=(0,Q.useState)(e?.providerId??`claude`),[s,c]=(0,Q.useState)([]),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(``),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)([]),[_,v]=(0,Q.useState)([]),[y,b]=(0,Q.useState)(!1),[x,S]=(0,Q.useState)(``),[C,ee]=(0,Q.useState)(null),[D,k]=(0,Q.useState)(e?.permissionMode??void 0),A=(0,Q.useRef)(null),[ie,j]=(0,Q.useState)(!1),[se,M]=(0,Q.useState)(null),[N,P]=(0,Q.useState)(null),[ce,le]=(0,Q.useState)(null),F=(0,Q.useRef)(0),I=e?.projectName??``,L=oe(e=>e.updateTab),ue=O(e=>e.version),{usageInfo:de,usageLoading:R,lastFetchedAt:z,refreshUsage:B}=Pt(I,a,n??void 0),{draft:V,draftLoading:fe,saveDraft:pe,clearDraft:H}=ba(I,n);(0,Q.useEffect)(()=>{D||Ye().then(e=>{let t=e.providers[e.default_provider??`claude`];k(t?.permission_mode??`bypassPermissions`)}).catch(()=>{})},[]),(0,Q.useEffect)(()=>{!t||!n||L(t,{metadata:{...e,sessionId:n,providerId:a,permissionMode:D}})},[n,a,D]);let{messages:me,renderedMessages:he,expandCompact:ge,isCompactExpanded:_e,dismissMessage:U,clearErrors:W,messagesLoading:ve,versionMap:ye,isStreaming:G,phase:be,isReconnecting:xe,connectingElapsed:Se,pendingApproval:K,contextWindowPct:q,compactStatus:Ce,statusMessage:we,sessionTitle:Te,model:Ee,setModel:De,effort:Oe,setEffort:J,thinking:ke,setThinking:Ae,sendMessage:je,respondToApproval:Me,cancelStreaming:Pe,reconnect:Y,refetchMessages:Fe,isConnected:X,teamActivity:Ie,teamMessages:Z,markTeamRead:Le,bashPartialOutput:Re,backgroundShells:ze,killBackgroundShell:Be}=Mt(n,a,I,i),He=Ie?.teamNames?.[0]??``,{members:Ue}=Qr(He,!!He);(0,Q.useEffect)(()=>{if(X&&A.current){let{content:e,permissionMode:t,images:n,imagePaths:r}=A.current;A.current=null,je(e,{permissionMode:t,...n?.length&&{images:n},...r?.length&&{imagePaths:r}})}},[X,je]),(0,Q.useEffect)(()=>{if(!n||!t)return;let e=()=>{if(document.hidden)return;let{panels:e}=ae.getState();Object.values(e).some(e=>e.activeTabId===t)&&(We.getState().notifications.get(n)?.manual||We.getState().clearForSession(n))};e(),document.addEventListener(`visibilitychange`,e);let r=ae.subscribe(e),i=We.subscribe(e);return()=>{document.removeEventListener(`visibilitychange`,e),r(),i()}},[n,t]),(0,Q.useEffect)(()=>{t&&Te&&L(t,{title:Te})},[Te]);let[Ge,Ke]=(0,Q.useState)(e?.pendingMessage),[qe,Je]=(0,Q.useState)(null),[Xe,Ze]=(0,Q.useState)(!1),[Qe,$e]=(0,Q.useState)(0),[et,tt]=(0,Q.useState)(!1),nt=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{nt.current&&!ve&&tt(!1),nt.current=!!ve},[ve]);let[rt,it]=(0,Q.useState)(!1);(0,Q.useEffect)(()=>{fe||it(!0)},[fe]),(0,Q.useEffect)(()=>{Ge&&X&&n&&t&&L(t,{metadata:{...e,pendingMessage:void 0}})},[X,n]),(0,Q.useEffect)(()=>{Xe&&G&&Ze(!1)},[Xe,G]),(0,Q.useEffect)(()=>{if(!Xe)return;let e=setTimeout(()=>Ze(!1),6e4);return()=>clearTimeout(e)},[Xe]);let at=(0,Q.useCallback)((e,t)=>{oe.getState().openTab({type:`chat`,title:e||`AI Chat`,metadata:{projectName:I,providerId:a,...t&&{clearedFrom:t}},projectId:I||null,closable:!0})},[I,a]),ot=(0,Q.useCallback)(e=>{Ze(!1),r(e.id),o(e.providerId),t&&L(t,{title:e.title||`Chat`}),We.getState().clearForSession(e.id)},[t,L]),st=(0,Q.useCallback)(async(e,t)=>{if(!(!n||!I))try{let{api:r,projectUrl:i}=await re(async()=>{let{api:e,projectUrl:t}=await import(`./api-client-BogqsFna.js`);return{api:e,projectUrl:t}},__vite__mapDeps([50,6,1,2,30])),o=await r.post(`${i(I)}/chat/sessions/${n}/fork?providerId=${a}`,{messageId:t});oe.getState().openTab({type:`chat`,title:`Fork: ${e.slice(0,30)}`,metadata:{projectName:I,sessionId:o.id,providerId:a,pendingMessage:e},projectId:I||null,closable:!0})}catch(e){console.error(`Fork failed:`,e);let t=e?.message||`Unknown error`;ne.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})}},[n,I,a]),ct=(0,Q.useCallback)((e,t,n)=>{Ke(e),Je({anchorMsgId:t,ownMsgId:n})},[]),lt=(0,Q.useCallback)(()=>{Je(null),Ke(void 0),Ze(!1),H(),$e(e=>e+1)},[H]),ut=(0,Q.useCallback)(async(i,o)=>{if(!(!i.trim()||!n||!I)){Ze(!0);try{let s=await E.post(`${T(I)}/chat/sessions/${n}/fork?providerId=${a}&mode=edit`,{messageId:o});A.current={content:i,permissionMode:D},tt(!0),t&&L(t,{metadata:{...e,sessionId:s.id}}),r(s.id)}catch(e){Ze(!1);let t=e?.message||`Unknown error`;ne.error(`Cannot edit from this message`,{description:t.includes(`not found`)||t.includes(`Invalid upToMessageId`)?`The original message is no longer available in the session transcript.`:t})}}},[n,I,a,D,t,L,e]),dt=(0,Q.useCallback)(i=>{!i||i===n||(Ze(!1),tt(!0),t&&L(t,{metadata:{...e,sessionId:i}}),r(i))},[n,t,L,e]),ft=(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}=vt(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(`
|
|
10
|
+
`).trim();return{title:n||ca(e),...i?{detail:i}:{}}}if(!i||typeof i!=`object`||Array.isArray(i))return{title:n||r};let a=i,o=ca(a.taskId)||ca(a.task_id),s=la(a,aa),c=la(a,oa,s?.key);return{title:n||s?.value||ua(a)||ca(a.type)||r,...c?{detail:c.value}:{},...o?{taskId:o}:{}}}function fa({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?m[e.parsedType]:null,{title:r,detail:i,taskId:a}=da(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:ma(e.color),children:e.from}),(0,$.jsx)(`span`,{children:`→`}),(0,$.jsx)(`span`,{children:e.to}),(0,$.jsx)(`span`,{className:`ml-auto text-[10px]`,children:pa(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 pa(e){try{return new Date(e).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}catch{return``}}function ma(e){if(e&&(/^#[0-9a-fA-F]{3,8}$/.test(e)||/^[a-zA-Z]{3,20}$/.test(e)))return{color:e}}function ha(e,t){return e===t?`Team (current session)`:e}function ga({teamNames:e,messages:t,sessionId:n,projectName:r}){let[i,a]=(0,Q.useState)(e[0]??``),[o,s]=(0,Q.useState)(`members`),c=et(),l=b();(0,Q.useEffect)(()=>{e.length>0&&!e.includes(i)&&a(e[0])},[e,i]);let{members:u,outbound:d,loading:f,refresh:p}=ei(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:ha(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)(Ie,{className:k(`size-3`,f&&`animate-spin`)})})]}),o===`members`?(0,$.jsx)(ia,{members:u,loading:f,onOpenMember:m,className:`max-h-56`}):(0,$.jsx)(fa,{messages:h,className:`max-h-56`})]})}function _a(e){return e>=90?`text-error`:e>=70?`text-warning`:`text-success`}function va({projectName:e,usageInfo:t,usageLoading:n,refreshUsage:r,lastFetchedAt:a,sessionId:s,providerId:c,onSelectSession:l,onBugReport:u,isConnected:d,onReload:f,teamActivity:p,teamMessages:m,onTeamOpen:h}){let[g,_]=(0,Q.useState)(null),[v,y]=(0,Q.useState)([]),[b,x]=(0,Q.useState)(!1),S=We(e=>e.notifications),C=We(e=>s?e.notifications.has(s):!1),ee=We(e=>e.clearForSession),D=We(e=>e.markUnread),[ne,re]=(0,Q.useState)(``),O=be(ne,300),[A,ie]=(0,Q.useState)(null),[ae,j]=(0,Q.useState)(``),[se,M]=(0,Q.useState)(!1),[N,P]=(0,Q.useState)(!1),[F,I]=(0,Q.useState)([]),[L,de]=(0,Q.useState)(null),[z,B]=(0,Q.useState)({}),[V,fe]=(0,Q.useState)(!1),[pe,he]=(0,Q.useState)(!1),ge=(0,Q.useRef)(null),_e=oe(e=>e.openTab),U=e=>{_(t=>t===e?null:e)},G=(0,Q.useCallback)(async t=>{if(e){x(!0);try{let n=new URLSearchParams({limit:`50`,offset:`0`});t&&n.set(`q`,t);let r=await E.get(`${T(e)}/chat/sessions?${n}`);y(r.sessions),M(r.hasMore)}catch{}finally{x(!1)}}},[e]),Se=(0,Q.useCallback)(async()=>{if(!(!e||N||!se)){P(!0);try{let t=v.filter(e=>!e.pinned).length,n=new URLSearchParams({limit:`50`,offset:String(t)});O&&n.set(`q`,O);let r=await E.get(`${T(e)}/chat/sessions?${n}`);y(e=>{let t=new Set(e.map(e=>e.id)),n=r.sessions.filter(e=>!t.has(e.id));return[...e,...n]}),M(r.hasMore)}catch{}finally{P(!1)}}},[e,N,se,v,O]);(0,Q.useEffect)(()=>{g===`history`&&v.length===0&&G()},[g]),(0,Q.useEffect)(()=>{g===`history`&&G(O||void 0)},[O]);let q=(0,Q.useCallback)(async()=>{if(e)try{let t=await E.get(`${T(e)}/tags`);I(t.tags),B(t.counts)}catch{}},[e]);(0,Q.useEffect)(()=>{g===`history`&&e&&q()},[g,e,q]);function Ce(t){l?(l(t),_(null)):_e({type:`chat`,title:t.title||`Chat`,projectId:e??null,metadata:{projectName:e,sessionId:t.id,providerId:t.providerId},closable:!0})}let Te=(0,Q.useCallback)((e,t)=>{t.stopPropagation(),ie(e.id),j(e.title||``),setTimeout(()=>ge.current?.select(),0)},[]),Ee=(0,Q.useCallback)(async()=>{if(!A||!ae.trim()||!e){ie(null);return}try{await E.patch(`${T(e)}/chat/sessions/${A}`,{title:ae.trim()}),y(e=>e.map(e=>e.id===A?{...e,title:ae.trim()}:e))}catch{}ie(null)},[A,ae,e]),Oe=(0,Q.useCallback)(()=>ie(null),[]),J=(0,Q.useCallback)(async(t,n)=>{if(t.stopPropagation(),!e)return;let r=`${T(e)}/chat/sessions/${n.id}/pin`;try{n.pinned?await E.del(r):await E.put(r),y(e=>e.map(e=>e.id===n.id?{...e,pinned:!e.pinned}:e).sort((e,t)=>e.pinned&&!t.pinned?-1:!e.pinned&&t.pinned?1:new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime()))}catch{}},[e]),ke=(0,Q.useCallback)(async(t,n)=>{if(t.stopPropagation(),e&&window.confirm(`Delete this session? This cannot be undone.`))try{await E.del(`${T(e)}/chat/sessions/${n.id}?providerId=${n.providerId}`),y(e=>e.filter(e=>e.id!==n.id))}catch{}},[e]),je=(0,Q.useCallback)((e,t)=>{y(n=>n.map(n=>n.id===e?{...n,tag:t}:n)),q()},[q]),Me=(0,Q.useCallback)(async()=>{if(!e)return;let t=window.prompt(`Delete sessions older than how many days? (pinned sessions are kept)`,`30`);if(!t)return;let n=parseInt(t,10);if(!(!n||n<1)&&window.confirm(`Delete all unpinned sessions older than ${n} days? This cannot be undone.`)){x(!0);try{await E.del(`${T(e)}/chat/sessions?olderThanDays=${n}`),G(O||void 0)}catch{}}},[e,G,O]);(0,Q.useEffect)(()=>{if(g!==`history`)return;let t=t=>{if(t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement)return;let n=parseInt(t.key);if(n>=1&&n<=F.length&&s){let t=F[n-1];t&&(E.patch(`${T(e)}/chat/sessions/${s}/tag`,{tagId:t.id}).catch(()=>{}),je(s,{id:t.id,name:t.name,color:t.color}))}};return window.addEventListener(`keydown`,t),()=>window.removeEventListener(`keydown`,t)},[g,F,s,e,je]);let Ne=L===null?v:v.filter(e=>e.tag?.id===L),Pe=!c||c===`claude`,Y=c===`codex`,Fe=t.fiveHour==null?null:Math.round(t.fiveHour*100),X=t.sevenDay==null?null:Math.round(t.sevenDay*100),Z=Fe!=null||X!=null?_a(Math.max(Fe??0,X??0)):`text-text-subtle`;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`,{onClick:()=>U(`history`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${g===`history`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,children:[(0,$.jsx)(Ae,{className:`size-3`}),(0,$.jsx)(`span`,{children:`History`})]}),s&&c&&c!==`mock`?(0,$.jsxs)(`button`,{onClick:()=>U(`config`),className:`shrink-0 flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${g===`config`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`AI Settings`,children:[(0,$.jsx)(H,{providerId:c}),(0,$.jsx)(`span`,{className:`capitalize`,children:c})]}):(0,$.jsx)(`button`,{onClick:()=>U(`config`),className:`shrink-0 p-1 rounded transition-colors ${g===`config`?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary hover:bg-surface-elevated`}`,title:`AI Settings`,children:(0,$.jsx)(xe,{className:`size-3`})}),Pe||Y?(0,$.jsxs)(`button`,{onClick:()=>U(`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 ${g===`usage`?`bg-primary/10`:``} ${Z}`,title:`Usage limits`,children:[(0,$.jsx)(ut,{className:`size-3`}),t.activeAccountLabel&&(0,$.jsxs)(`span`,{className:`text-text-secondary font-normal truncate max-w-[110px]`,title:t.activeAccountLabel,children:[`[`,t.activeAccountLabel,`]`]}),(0,$.jsxs)(`span`,{children:[`5h:`,Fe==null?`--%`:`${Fe}%`]}),(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`·`}),(0,$.jsxs)(`span`,{children:[`Wk:`,X==null?`--%`:`${X}%`]})]}):null,p?.hasTeams&&(0,$.jsxs)(`button`,{onClick:()=>{U(`team`),h?.()},className:`shrink-0 relative flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${g===`team`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`Team activity`,children:[(0,$.jsx)(le,{className:`size-3`}),(0,$.jsx)(`span`,{children:`Team`}),(p.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:[f&&(0,$.jsxs)(`button`,{onClick:e=>{let t=e.currentTarget.querySelector(`svg`);t&&(t.classList.add(`animate-spin`),setTimeout(()=>t.classList.remove(`animate-spin`),600)),f()},className:`relative size-4 flex items-center justify-center`,title:d?`Reload messages`:`Disconnected — click to reload`,children:[(0,$.jsx)(Ie,{className:`size-3 ${d?`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 ${d?`bg-success`:`bg-error animate-pulse`}`})]}),s&&(0,$.jsx)(Qi,{hasUnread:C,onToggleUnread:()=>C?ee(s):D(s,e),onOpenDebug:()=>he(!0)})]})]}),s&&(0,$.jsx)(Zi,{sessionId:s,projectName:e,open:pe,onOpenChange:he}),g===`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)(K,{className:`size-3 text-text-subtle shrink-0`}),(0,$.jsx)(`input`,{type:`text`,value:ne,onChange:e=>re(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:Me,className:`p-0.5 rounded text-text-subtle hover:text-error transition-colors`,title:`Delete old sessions...`,children:(0,$.jsx)(me,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:()=>G(O||void 0),disabled:b,className:`p-0.5 rounded text-text-subtle hover:text-text-secondary transition-colors disabled:opacity-50`,title:`Refresh`,children:(0,$.jsx)(Ie,{className:`size-3 ${b?`animate-spin`:``}`})})]}),F.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:()=>de(null),className:`shrink-0 rounded-md border px-2 py-1 text-[10px] transition-colors ${L===null?`bg-primary/20 border-primary text-primary`:`border-border bg-surface text-text-secondary`}`,children:[`All (`,v.length,`)`]}),F.map(e=>(0,$.jsxs)(`button`,{onClick:()=>de(L===e.id?null:e.id),className:`shrink-0 flex items-center gap-1 rounded-md border px-2 py-1 text-[10px] transition-colors ${L===e.id?`border-current`:`border-border bg-surface`}`,style:L===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,` (`,z[e.id]??0,`)`]},e.id)),(0,$.jsx)(`button`,{onClick:()=>fe(!V),className:`shrink-0 p-1 rounded transition-colors ${V?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary`}`,title:`Manage tags`,children:(0,$.jsx)(R,{className:`size-3`})})]}),V&&(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)(W,{projectName:e,onTagsChanged:q})}),(0,$.jsx)(`div`,{className:`max-h-[200px] overflow-y-auto`,children:b&&v.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3`,children:(0,$.jsx)(w,{className:`size-3.5 animate-spin text-text-subtle`})}):Ne.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3 text-[11px] text-text-subtle`,children:ne?`No matching sessions`:`No sessions yet`}):(0,$.jsxs)($.Fragment,{children:[Ne.map(t=>{let n=S.get(t.id),r=!!n;return(0,$.jsx)(He,{session:t,projectName:e,projectTags:F,onTogglePin:J,onStartEditing:Te,onDeleteSession:ke,onTagChanged:je,children:(0,$.jsxs)(`div`,{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&&De(n.type),!r&&`text-text-secondary`),children:[(0,$.jsx)(H,{providerId:t.providerId}),t.tag&&(0,$.jsx)(`span`,{className:`size-2 rounded-full shrink-0`,style:{backgroundColor:t.tag.color},title:t.tag.name}),A===t.id?(0,$.jsxs)(`form`,{className:`flex items-center gap-1 flex-1 min-w-0`,onSubmit:e=>{e.preventDefault(),Ee()},children:[(0,$.jsx)(`input`,{ref:ge,value:ae,onChange:e=>j(e.target.value),onBlur:Ee,onKeyDown:e=>{e.key===`Escape`&&Oe()},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)(o,{className:`size-3`})}),(0,$.jsx)(`button`,{type:`button`,className:`p-0.5 text-text-subtle hover:text-text-secondary`,onClick:e=>{e.stopPropagation(),Oe()},children:(0,$.jsx)(te,{className:`size-3`})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{onClick:()=>Ce(t),className:`text-[11px] truncate flex-1 text-left flex items-center gap-1`,children:[t.title?.startsWith(`[PPM]`)&&(0,$.jsx)(i,{className:`size-3 text-muted-foreground shrink-0`}),t.title?.startsWith(`[PPM]`)?t.title.slice(7):t.title||`Untitled`]}),(0,$.jsx)(`button`,{onClick:e=>J(e,t),className:`p-0.5 rounded transition-all ${t.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:t.pinned?`Unpin session`:`Pin session`,children:t.pinned?(0,$.jsx)(ye,{className:`size-3`}):(0,$.jsx)(we,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:e=>Te(t,e),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)(ce,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:e=>ke(e,t),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)(ve,{className:`size-3`})})]}),A!==t.id&&t.updatedAt&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle shrink-0 w-16 text-right`,children:ue(t.updatedAt)})]})},t.id)}),se&&(0,$.jsxs)(`button`,{onClick:Se,disabled:N,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:[N?(0,$.jsx)(w,{className:`size-3 animate-spin`}):null,N?`Loading...`:`Load more`]})]})})]}),g===`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)(rt,{compact:!0})}),g===`team`&&p?.hasTeams&&(0,$.jsx)(`div`,{className:`border-t border-border/30 bg-surface px-3 py-2`,children:(0,$.jsx)(ga,{teamNames:p.teamNames,messages:m??[],sessionId:s,projectName:e})}),g===`usage`&&Pe&&(0,$.jsx)($i,{usage:t,visible:!0,onClose:()=>_(null),onReload:r,loading:n,lastFetchedAt:a}),g===`usage`&&Y&&(0,$.jsx)(ta,{usage:t,onClose:()=>_(null),onReload:r})]})}var ya=3e3;function ba(e,t){let[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(!0),o=(0,Q.useRef)(void 0),s=(0,Q.useRef)(t);s.current=t;let c=t??`__new__`;(0,Q.useEffect)(()=>{if(!e){a(!1);return}let t=!1;a(!0);let n=setTimeout(()=>{t||a(!1)},ya);return E.get(`${T(e)}/chat/drafts/${encodeURIComponent(c)}`).then(e=>{if(!t)if(e){let t=[];try{t=JSON.parse(e.attachments)}catch{}r({content:e.content,attachments:t})}else r(null)}).catch(()=>{t||r(null)}).finally(()=>{clearTimeout(n),t||a(!1)}),()=>{t=!0,clearTimeout(n)}},[e,c]);let l=(0,Q.useCallback)((t,n)=>{e&&(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{let r=s.current??`__new__`;E.put(`${T(e)}/chat/drafts/${encodeURIComponent(r)}`,{content:t,attachments:JSON.stringify(n??[])}).catch(()=>{})},1e3))},[e]),u=(0,Q.useCallback)(()=>{if(!e)return;o.current&&clearTimeout(o.current);let t=s.current??`__new__`;E.del(`${T(e)}/chat/drafts/${encodeURIComponent(t)}`).catch(()=>{}),r(null)},[e]);return(0,Q.useEffect)(()=>()=>{o.current&&clearTimeout(o.current)},[]),{draft:n,draftLoading:i,saveDraft:l,clearDraft:u}}function xa({metadata:e,tabId:t}){let[n,r]=(0,Q.useState)(e?.sessionId??null),i=(0,Q.useCallback)(e=>{r(e)},[]),[a,o]=(0,Q.useState)(e?.providerId??`claude`),[s,c]=(0,Q.useState)([]),[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(``),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)([]),[_,v]=(0,Q.useState)([]),[y,b]=(0,Q.useState)(!1),[x,S]=(0,Q.useState)(``),[C,ee]=(0,Q.useState)(null),[D,k]=(0,Q.useState)(e?.permissionMode??void 0),A=(0,Q.useRef)(null),[ie,j]=(0,Q.useState)(!1),[se,M]=(0,Q.useState)(null),[N,P]=(0,Q.useState)(null),[ce,le]=(0,Q.useState)(null),F=(0,Q.useRef)(0),I=e?.projectName??``,L=oe(e=>e.updateTab),ue=O(e=>e.version),{usageInfo:de,usageLoading:R,lastFetchedAt:z,refreshUsage:B}=It(I,a,n??void 0),{draft:V,draftLoading:fe,saveDraft:pe,clearDraft:H}=ba(I,n);(0,Q.useEffect)(()=>{D||Ye().then(e=>{let t=e.providers[e.default_provider??`claude`];k(t?.permission_mode??`bypassPermissions`)}).catch(()=>{})},[]),(0,Q.useEffect)(()=>{!t||!n||L(t,{metadata:{...e,sessionId:n,providerId:a,permissionMode:D}})},[n,a,D]);let{messages:me,renderedMessages:he,expandCompact:ge,isCompactExpanded:_e,dismissMessage:U,clearErrors:W,messagesLoading:ve,versionMap:ye,isStreaming:G,phase:be,isReconnecting:xe,connectingElapsed:Se,pendingApproval:K,contextWindowPct:q,compactStatus:Ce,statusMessage:we,sessionTitle:Te,model:Ee,setModel:De,effort:Oe,setEffort:J,thinking:ke,setThinking:Ae,sendMessage:je,respondToApproval:Me,cancelStreaming:Pe,reconnect:Y,refetchMessages:Fe,isConnected:X,teamActivity:Ie,teamMessages:Z,markTeamRead:Le,bashPartialOutput:Re,backgroundShells:ze,killBackgroundShell:Be}=Pt(n,a,I,i),He=Ie?.teamNames?.[0]??``,{members:Ue}=ei(He,!!He);(0,Q.useEffect)(()=>{if(X&&A.current){let{content:e,permissionMode:t,images:n,imagePaths:r}=A.current;A.current=null,je(e,{permissionMode:t,...n?.length&&{images:n},...r?.length&&{imagePaths:r}})}},[X,je]),(0,Q.useEffect)(()=>{if(!n||!t)return;let e=()=>{if(document.hidden)return;let{panels:e}=ae.getState();Object.values(e).some(e=>e.activeTabId===t)&&(We.getState().notifications.get(n)?.manual||We.getState().clearForSession(n))};e(),document.addEventListener(`visibilitychange`,e);let r=ae.subscribe(e),i=We.subscribe(e);return()=>{document.removeEventListener(`visibilitychange`,e),r(),i()}},[n,t]),(0,Q.useEffect)(()=>{t&&Te&&L(t,{title:Te})},[Te]);let[Ge,Ke]=(0,Q.useState)(e?.pendingMessage),[qe,Je]=(0,Q.useState)(null),[Xe,Ze]=(0,Q.useState)(!1),[Qe,$e]=(0,Q.useState)(0),[et,tt]=(0,Q.useState)(!1),nt=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{nt.current&&!ve&&tt(!1),nt.current=!!ve},[ve]);let[rt,it]=(0,Q.useState)(!1);(0,Q.useEffect)(()=>{fe||it(!0)},[fe]),(0,Q.useEffect)(()=>{Ge&&X&&n&&t&&L(t,{metadata:{...e,pendingMessage:void 0}})},[X,n]),(0,Q.useEffect)(()=>{Xe&&G&&Ze(!1)},[Xe,G]),(0,Q.useEffect)(()=>{if(!Xe)return;let e=setTimeout(()=>Ze(!1),6e4);return()=>clearTimeout(e)},[Xe]);let at=(0,Q.useCallback)((e,t)=>{oe.getState().openTab({type:`chat`,title:e||`AI Chat`,metadata:{projectName:I,providerId:a,...t&&{clearedFrom:t}},projectId:I||null,closable:!0})},[I,a]),ot=(0,Q.useCallback)(e=>{Ze(!1),r(e.id),o(e.providerId),t&&L(t,{title:e.title||`Chat`}),We.getState().clearForSession(e.id)},[t,L]),st=(0,Q.useCallback)(async(e,t)=>{if(!(!n||!I))try{let{api:r,projectUrl:i}=await re(async()=>{let{api:e,projectUrl:t}=await import(`./api-client-BogqsFna.js`);return{api:e,projectUrl:t}},__vite__mapDeps([50,6,1,2,30])),o=await r.post(`${i(I)}/chat/sessions/${n}/fork?providerId=${a}`,{messageId:t});oe.getState().openTab({type:`chat`,title:`Fork: ${e.slice(0,30)}`,metadata:{projectName:I,sessionId:o.id,providerId:a,pendingMessage:e},projectId:I||null,closable:!0})}catch(e){console.error(`Fork failed:`,e);let t=e?.message||`Unknown error`;ne.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})}},[n,I,a]),ct=(0,Q.useCallback)((e,t,n)=>{Ke(e),Je({anchorMsgId:t,ownMsgId:n})},[]),lt=(0,Q.useCallback)(()=>{Je(null),Ke(void 0),Ze(!1),H(),$e(e=>e+1)},[H]),ut=(0,Q.useCallback)(async(i,o)=>{if(!(!i.trim()||!n||!I)){Ze(!0);try{let s=await E.post(`${T(I)}/chat/sessions/${n}/fork?providerId=${a}&mode=edit`,{messageId:o});A.current={content:i,permissionMode:D},tt(!0),t&&L(t,{metadata:{...e,sessionId:s.id}}),r(s.id)}catch(e){Ze(!1);let t=e?.message||`Unknown error`;ne.error(`Cannot edit from this message`,{description:t.includes(`not found`)||t.includes(`Invalid upToMessageId`)?`The original message is no longer available in the session transcript.`:t})}}},[n,I,a,D,t,L,e]),dt=(0,Q.useCallback)(i=>{!i||i===n||(Ze(!1),tt(!0),t&&L(t,{metadata:{...e,sessionId:i}}),r(i))},[n,t,L,e]),ft=(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}=bt(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(`
|
|
11
11
|
`);r.push(a.length===1?`[Attached file: ${e}]`:`[Attached files:\n${e}\n]`)}return r.length===0?e:r.join(`
|
|
12
12
|
|
|
13
13
|
`)+`
|
|
14
14
|
|
|
15
|
-
`+e},[]),pt=(0,Q.useCallback)(async(t,i=[],s)=>{let c=
|
|
15
|
+
`+e},[]),pt=(0,Q.useCallback)(async(t,i=[],s)=>{let c=yt(i),l=ft(t,i,c),u=i.filter(e=>e.isImage&&e.serverPath).map(e=>e.serverPath);if(!(!l.trim()&&c.length===0)){if(!n)try{let n=I,i=await E.post(`${T(n)}/chat/sessions`,{providerId:a,title:t.slice(0,50),clearedFrom:e?.clearedFrom});r(i.id),o(i.providerId),A.current={content:l,permissionMode:D,images:c,imagePaths:u};return}catch(e){console.error(`Failed to create session:`,e);return}je(l,{permissionMode:D,priority:s,...c.length>0&&{images:c},...u.length>0&&{imagePaths:u}})}},[n,a,I,je,ft,D,e]),mt=(0,Q.useRef)(s);mt.current=s;let ht=(0,Q.useCallback)((e,t,r)=>{let i=e.trim().match(/^\/(\S+)(?:\s+([\s\S]+))?$/);if(i&&mt.current.find(e=>e.handler===`client`&&(e.name===i[1]||e.aliases?.includes(i[1])))?.name===`clear`){H(),at(i[2]?.trim(),n??void 0);return}if(Ke(void 0),H(),qe&&n&&I){let n=qe.anchorMsgId;Je(null),ut(ft(e,t),n);return}pt(e,t,r)},[pt,H,qe,n,I,ut,ft,at]),gt=(0,Q.useRef)(me);gt.current=me;let _t=(0,Q.useCallback)(()=>gt.current.filter(e=>e.role===`user`&&e.content.trim()).map(e=>e.content),[]),vt=(0,Q.useCallback)((e,t)=>{pe(e,t)},[pe]),xt=(0,Q.useCallback)((e,t)=>{c(e),t&&g(t)},[]),St=(0,Q.useCallback)((e,t)=>{u(e),f(t)},[]),Ct=(0,Q.useCallback)(e=>{m(e),u(!1),f(``),setTimeout(()=>m(null),50),I&&(E.post(`${T(I)}/chat/slash-recents`,{name:e.name,type:e.type}).catch(()=>{}),g(t=>[e.name,...t.filter(t=>t!==e.name)].slice(0,5)))},[I]),wt=(0,Q.useCallback)(()=>{u(!1),f(``)},[]),Tt=(0,Q.useCallback)(()=>P(null),[]),Et=(0,Q.useCallback)(e=>{le(e)},[]),Dt=(0,Q.useCallback)(e=>{P([e.path]),le(null)},[]),Ot=(0,Q.useCallback)((e,t)=>{b(e),S(t)},[]),kt=(0,Q.useCallback)(e=>{ee(e),b(!1),S(``),setTimeout(()=>ee(null),50)},[]),At=(0,Q.useCallback)(()=>{b(!1),S(``)},[]);return(0,$.jsxs)(`div`,{className:`flex flex-col h-full relative`,onDragEnter:(0,Q.useCallback)(e=>{e.preventDefault(),F.current++,(e.dataTransfer.types.includes(`application/x-ppm-path`)||e.dataTransfer.types.includes(`Files`))&&j(!0)},[]),onDragLeave:(0,Q.useCallback)(e=>{e.preventDefault(),F.current--,F.current===0&&j(!1)},[]),onDragOver:(0,Q.useCallback)(e=>{e.preventDefault()},[]),onDrop:(0,Q.useCallback)(e=>{e.preventDefault(),F.current=0,j(!1);let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){P([t]);return}let n=Array.from(e.dataTransfer.files);n.length>0&&(M(n),setTimeout(()=>M(null),100))},[]),children:[ie&&(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)(Ne,{className:`size-8`}),(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:`Drop files to attach`})]})}),xe&&(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)(w,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Reconnecting...`})]})}),Xe&&(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)(w,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Creating edited version…`})]})}),(0,$.jsx)(Jr,{shells:ze,onKill:Be}),(0,$.jsx)(br,{messages:he,onExpandCompact:ge,isCompactExpanded:_e,messagesLoading:ve,keepStaleWhileLoading:et,pendingApproval:K,onApprovalResponse:Me,isStreaming:G,phase:be,connectingElapsed:Se,statusMessage:we,compactStatus:Ce,projectName:I,onFork:G?void 0:st,onEdit:G?void 0:ct,editingMsgId:qe?.ownMsgId,sessionId:n??void 0,providerId:a,onNavigateVersion:dt,versionMap:ye,onSelectSession:ot,onDismissMessage:U,onClearErrors:W,bashPartialOutput:Re}),(0,$.jsx)(Qr,{teamName:He,members:Ue,projectName:I}),(0,$.jsxs)(`div`,{className:`border-t border-border bg-panel shrink-0`,children:[(0,$.jsx)(va,{projectName:I,usageInfo:de,usageLoading:R,refreshUsage:B,lastFetchedAt:z,sessionId:n,providerId:a,onSelectSession:ot,onBugReport:n?()=>Ve(ue,{sessionId:n,projectName:I}):void 0,isConnected:X,onReload:()=>{X||Y(),Fe()},teamActivity:Ie,teamMessages:Z,onTeamOpen:Le}),(0,$.jsx)(Wi,{items:s,filter:d,onSelect:Ct,onClose:wt,visible:l,recentNames:h,projectName:I}),(0,$.jsx)(Gi,{items:_,filter:x,onSelect:kt,onClose:At,visible:y}),ce&&(0,$.jsx)(Gi,{items:ce,filter:``,onSelect:Dt,onClose:()=>le(null),visible:!0}),qe&&(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:lt,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)(te,{className:`h-3.5 w-3.5`}),`Cancel`]})]}),(rt||!fe)&&(0,$.jsx)(Ii,{tabId:t,onSend:ht,isStreaming:G,onCancel:Pe,autoFocus:!e?.sessionId||!!Ge,initialValue:Ge??V?.content,clearSignal:Qe,projectName:I,onSlashStateChange:St,onSlashItemsLoaded:xt,slashSelected:p,onFileStateChange:Ot,onFileItemsLoaded:v,fileSelected:C,externalFiles:se,externalPaths:N,onExternalPathsConsumed:Tt,onDisambiguate:Et,onContentChange:vt,getUserHistory:_t,permissionMode:D,onModeChange:k,providerId:a,sessionId:n??void 0,onProviderChange:n?void 0:o,model:Ee,onModelChange:De,effort:Oe,onEffortChange:J,thinking:ke,onThinkingChange:Ae})]})]})}export{xa as ChatTab};
|