npm - @hienlh/ppm - Versions diffs - 0.14.20 → 0.14.21 - Mend

@hienlh/ppm 0.14.20 → 0.14.21

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.

Files changed (36) hide show

package/dist/web/assets/chat-tab-Mkj4usuP.js DELETED Viewed

@@ -1,18 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/markdown-renderer-CF-2Twzx.js","assets/rolldown-runtime-FhOqtrmT.js","assets/index-Dq8HsKbm.js","assets/vendor-mermaid-DnDdpaTK.js","assets/vendor-ui-DL4nHv4P.js","assets/vendor-markdown-CAwBLvfv.js","assets/input-D2USNFLl.js","assets/utils-B1vxU5xS.js","assets/createLucideIcon-CNDP3Pqg.js","assets/x-DKpfXmq1.js","assets/settings-store-CjsW9sYp.js","assets/react-BkT1Vdo1.js","assets/api-client-bbJLzRVE.js","assets/eye-off-DfUn1Ii4.js","assets/chevron-down-CjF9pOXB.js","assets/chevron-right-By6AIkGc.js","assets/search-CLxkkCIF.js","assets/database-D82I6rQa.js","assets/trash-2-BHKi9fNM.js","assets/api-settings-CQWMP6tw.js","assets/project-store-BoFovAWO.js","assets/panel-store-BXxnvMoj.js","assets/tab-store-Dx0QcTZt.js","assets/index-DDG-UPDA.css","assets/edit-diff-preview-D8T-qGbE.js"])))=>i.map(i=>d[i]);
-import{o as e}from"./rolldown-runtime-FhOqtrmT.js";import{S as t,x as n}from"./vendor-markdown-CAwBLvfv.js";import"./vendor-ui-DL4nHv4P.js";import{t as r}from"./createLucideIcon-CNDP3Pqg.js";import{t as i}from"./arrow-up-DIj3j8No.js";import{n as a,t as o}from"./chevron-down-CjF9pOXB.js";import{t as s}from"./chevron-right-By6AIkGc.js";import{a as c,i as l,l as u,n as d,o as f,r as p,s as m,t as h,u as g}from"./input-D2USNFLl.js";import{t as _}from"./code-YpTwVEc-.js";import{i as v,n as y,r as b,t as x}from"./search-CLxkkCIF.js";import{i as S,n as C,r as w,t as T}from"./trash-2-BHKi9fNM.js";import{t as E}from"./shield-off-Kq6LKUFf.js";import{t as D}from"./sparkles-B6LUshj6.js";import{t as O}from"./x-DKpfXmq1.js";import{i as k,r as ee,t as A}from"./api-client-bbJLzRVE.js";import{n as j}from"./settings-store-CjsW9sYp.js";import{q as te}from"./vendor-mermaid-DnDdpaTK.js";import{n as M,r as N,t as P}from"./utils-B1vxU5xS.js";import{t as F}from"./panel-store-BXxnvMoj.js";import{i as I}from"./project-store-BoFovAWO.js";import{t as L}from"./tab-store-Dx0QcTZt.js";import{a as R,c as z,f as B,g as V,i as H,l as U,m as ne,o as re,p as ie,r as W,s as G,t as K,u as ae}from"./api-settings-CQWMP6tw.js";import{A as oe,B as q,Dt as J,E as Y,Ft as se,It as ce,J as le,K as ue,Lt as de,Mt as fe,Nt as X,O as pe,Ot as me,Pt as he,Q as ge,Rt as _e,St as ve,U as ye,V as be,X as xe,Y as Se,_ as Ce,_t as we,a as Te,at as Ee,ct as De,d as Oe,dt as ke,f as Ae,g as je,gt as Z,h as Me,ht as Ne,i as Pe,it as Fe,jt as Ie,lt as Le,m as Re,n as ze,nt as Be,ot as Ve,p as He,pt as Ue,q as We,rt as Ge,t as Ke,tt as qe,u as Je,v as Ye,wt as Xe,xt as Ze,yt as Qe,z as $e}from"./index-Dq8HsKbm.js";import{t as et}from"./esm-C8CU6yzb.js";var tt=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`}]]),nt=r(`calendar-x-2`,[[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8`,key:`3spt84`}],[`path`,{d:`M3 10h18`,key:`8toen8`}],[`path`,{d:`m17 22 5-5`,key:`1k6ppv`}],[`path`,{d:`m17 17 5 5`,key:`p7ous7`}]]),rt=r(`circle-x`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`m9 9 6 6`,key:`z0biqf`}]]),it=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`}]]),at=r(`clipboard-list`,[[`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:`M12 11h4`,key:`1jrz19`}],[`path`,{d:`M12 16h4`,key:`n85exb`}],[`path`,{d:`M8 11h.01`,key:`1dfujw`}],[`path`,{d:`M8 16h.01`,key:`18s6g9`}]]),ot=r(`hand`,[[`path`,{d:`M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2`,key:`1fvzgz`}],[`path`,{d:`M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2`,key:`1kc0my`}],[`path`,{d:`M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8`,key:`10h0bg`}],[`path`,{d:`M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15`,key:`1s1gnw`}]]),st=r(`history`,[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`,key:`1357e3`}],[`path`,{d:`M3 3v5h5`,key:`1xhq8a`}],[`path`,{d:`M12 7v5l4 2`,key:`1fdv2h`}]]),ct=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`}]]),lt=r(`list-todo`,[[`path`,{d:`M13 5h8`,key:`a7qcls`}],[`path`,{d:`M13 12h8`,key:`h98zly`}],[`path`,{d:`M13 19h8`,key:`c3s6r1`}],[`path`,{d:`m3 17 2 2 4-4`,key:`1jhpwq`}],[`rect`,{x:`3`,y:`4`,width:`6`,height:`6`,rx:`1`,key:`cif1o7`}]]),ut=r(`maximize-2`,[[`path`,{d:`M15 3h6v6`,key:`1q9fwt`}],[`path`,{d:`m21 3-7 7`,key:`1l2asr`}],[`path`,{d:`m3 21 7-7`,key:`tjx5ai`}],[`path`,{d:`M9 21H3v-6`,key:`wtvkvv`}]]),dt=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`}]]),ft=r(`minimize-2`,[[`path`,{d:`m14 10 7-7`,key:`oa77jy`}],[`path`,{d:`M20 10h-6V4`,key:`mjg0md`}],[`path`,{d:`m3 21 7-7`,key:`tjx5ai`}],[`path`,{d:`M4 14h6v6`,key:`rmj7iw`}]]),pt=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`}]]),mt=r(`shield-alert`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]]),ht=r(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),gt=r(`tags`,[[`path`,{d:`M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z`,key:`16rjxf`}],[`path`,{d:`M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193`,key:`178nd4`}],[`circle`,{cx:`10.5`,cy:`6.5`,r:`.5`,fill:`currentColor`,key:`12ikhr`}]]),_t=r(`users`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`path`,{d:`M16 3.128a4 4 0 0 1 0 7.744`,key:`16gr8j`}],[`path`,{d:`M22 21v-2a4 4 0 0 0-3-3.87`,key:`kshegd`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}]]),Q=e(t(),1);function vt({url:e,onMessage:t,autoConnect:n=!0}){let r=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let i=new Ke(e);return r.current=i,t&&i.onMessage(t),n&&i.connect(),()=>{i.disconnect(),r.current=null}},[e,n]),{send:(0,Q.useCallback)(e=>{r.current?.send(e)},[]),connect:(0,Q.useCallback)(()=>{r.current?.connect()},[]),disconnect:(0,Q.useCallback)(()=>{r.current?.disconnect()},[])}}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}=F.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=``){let[r,i]=(0,Q.useState)([]),[a,o]=(0,Q.useState)(new Map),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(`idle`),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(0),[h,g]=(0,Q.useState)(null),[_,v]=(0,Q.useState)(null),[y,b]=(0,Q.useState)(null),[x,S]=(0,Q.useState)([]),C=(0,Q.useRef)([]),[w,T]=(0,Q.useState)(null),[E,D]=(0,Q.useState)(null),[O,j]=(0,Q.useState)(!1),[te,M]=(0,Q.useState)(null),[N,P]=(0,Q.useState)(null),I=(0,Q.useRef)(null),L=(0,Q.useRef)(null),R=(0,Q.useRef)(null),z=(0,Q.useRef)(``),B=(0,Q.useRef)([]),V=(0,Q.useRef)(new Map),H=(0,Q.useRef)(null),U=(0,Q.useRef)(`idle`),ne=(0,Q.useRef)(null),re=(0,Q.useRef)(()=>{}),ie=(0,Q.useRef)(null),W=(0,Q.useRef)(!1),G=(0,Q.useRef)(e);G.current=e;let K=(0,Q.useRef)([]);K.current=r;let ae=(0,Q.useRef)(n);ae.current=n;let q=(0,Q.useRef)(null),J=(0,Q.useRef)(0),Y=(0,Q.useRef)({teamNames:new Set,messages:[]}),se=(0,Q.useRef)(0),[ce,le]=(0,Q.useState)(At),[de,fe]=(0,Q.useState)([]),X=(0,Q.useCallback)(()=>{let e=Y.current;le({hasTeams:e.teamNames.size>0,teamNames:Array.from(e.teamNames),messageCount:e.messages.length,unreadCount:se.current}),fe([...e.messages])},[]),pe=(0,Q.useCallback)(()=>{se.current=0,X()},[X]),me=l!==`idle`;(0,Q.useEffect)(()=>{if(e)return oe.getState().setStreaming(e,l!==`idle`),()=>{oe.getState().setStreaming(e,!1)}},[e,l]);let he=(0,Q.useCallback)((e,t)=>{let n=B.current.findIndex(e=>e.type===`tool_use`&&(e.tool===`Agent`||e.tool===`Task`)&&e.toolUseId===t);if(n===-1)return!1;let r=B.current[n];if(r.type!==`tool_use`)return!1;let i=[...r.children??[],e];return B.current[n]={...r,children:i},!0},[]),ge=(0,Q.useCallback)(()=>{J.current=0;let e=z.current,t=[...B.current],n=H.current;(0,Q.startTransition)(()=>{i(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}]})})},[]),_e=(0,Q.useCallback)(()=>{J.current||=window.setTimeout(ge,100)},[ge]),ve=(0,Q.useCallback)(e=>{let t=e,n=t?.type;if(n)switch(n){case`account_info`:H.current={accountId:t.accountId,accountLabel:t.accountLabel},T(null);break;case`account_retry`:t.accountId&&t.accountLabel&&(H.current={accountId:t.accountId,accountLabel:t.accountLabel}),B.current=[t],_e();break;case`status_update`:{let e=t.accountLabel?` (${t.accountLabel})`:``;T(`${t.message}${e}`);break}case`text`:{let e=t.parentToolUseId;if(e&&he(t,e)){_e();break}z.current+=t.content,B.current.push(t),_e();break}case`thinking`:{let e=t.parentToolUseId;if(e&&he(t,e)){_e();break}B.current.push(t),_e();break}case`tool_use`:{let e=t.parentToolUseId;if(e&&he(t,e)){_e();break}B.current.push(t),_e();break}case`tool_result`:{let e=t.toolUseId;e&&V.current.delete(e);let n=t.parentToolUseId;if(n&&he(t,n)){_e();break}B.current.push(t),_e();break}case`approval_request`:if(B.current.push(t),W.current)break;if(g({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`;q.current=Se[n?`info`:`warning`](n?`AI has a question`:`${t.tool} needs permission`,{description:ae.current||`Session ${e.slice(0,8)}`,duration:1/0,action:{label:`Go to session`,onClick:()=>{let{panels:t}=F.getState();for(let[n,r]of Object.entries(t)){let t=r.tabs.find(t=>t.metadata?.sessionId===e);if(t){F.getState().setActiveTab(t.id,n);break}}}}})}break;case`error`:i(e=>{let n=e[e.length-1];if(n?.role===`assistant`){let r=B.current,i=r[r.length-1],a=i?.type===`error`&&i.message===t.message?r:[...r,t];return B.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&&(Y.current.teamNames.add(e),A.get(`/api/teams/${encodeURIComponent(e)}`).then(e=>{if(e?.messages){let t=Y.current.messages,n=e.messages.filter(e=>!t.some(t=>t.timestamp===e.timestamp&&t.from===e.from));t.push(...n),t.sort((e,t)=>new Date(e.timestamp).getTime()-new Date(t.timestamp).getTime()),t.length>500&&t.splice(0,t.length-500)}X()}).catch(()=>{}),X());break}case`team_inbox`:{let e=t.messages;if(Array.isArray(e)){let t=Y.current.messages;t.push(...e),t.length>500&&t.splice(0,t.length-500),se.current+=e.length,X()}break}case`team_updated`:X();break;case`bash_output`:{let e=t.toolUseId;if(e){let n=V.current.get(e);n?(n.content+=t.content,n.content.length>5e5&&(n.content=n.content.slice(-5e5)),n.lineCount=t.lineCount):V.current.set(e,{content:t.content,lineCount:t.lineCount}),_e()}break}case`background_registry`:{let e=t.shells??[];C.current=e,S(e);break}case`done`:{if(U.current===`idle`)break;t.contextWindowPct!=null&&v(t.contextWindowPct),G.current&&!jt(G.current)&&kt(`done`),J.current&&=(clearTimeout(J.current),0);let e=z.current,n=[...B.current],r=H.current,a=t.lastMessageUuid;i(t=>{let i=t[t.length-1];return i?.role===`assistant`?[...t.slice(0,-1),{...i,id:`final-${Date.now()}`,content:e||i.content,events:n.length>0?n:i.events,...a&&{sdkUuid:a}}]:e||n.length>0?[...t,{id:`final-${Date.now()}`,role:`assistant`,content:e,events:n,timestamp:new Date().toISOString(),...a&&{sdkUuid:a},...r}]:t}),z.current=``,B.current=[],H.current=null,V.current.clear(),T(null);break}}},[he,_e]),ye=(0,Q.useCallback)(e=>{let t;try{t=JSON.parse(e.data)}catch{return}if(t.type!==`ping`){if(t.type===`file:changed`){window.dispatchEvent(new CustomEvent(`file:changed`,{detail:t}));return}if(t.type===`session:unread_changed`){let{sessionId:e,unreadCount:n,unreadType:r,projectName:i,sessionTitle:a,manual:o}=t;ue.getState().handleUnreadChanged(e,n,r,i,a,o);return}if(typeof t.type==`string`&&t.type.startsWith(`jira:`)){window.dispatchEvent(new CustomEvent(t.type,{detail:t}));return}if(t.type===`title_updated`){D(t.title??null);return}if(t.type===`compact_status`){let e=t.status;e===`compacting`?b(`compacting`):e===`done`&&b(null);return}if(t.type===`phase_changed`){let e=t.phase;u(e),U.current=e,m(e===`connecting`?t.elapsed??0:0),e===`idle`&&b(null);return}if(t.type===`session_state`){j(!0),M(t.sessionId??G.current);let e=t,n=e.phase;u(n),U.current=n,e.sessionTitle&&D(e.sessionTitle),e.model&&(L.current&&e.model!==L.current||(e.model===L.current&&(L.current=null),P(e.model),I.current=e.model)),e.pendingApproval&&g({requestId:e.pendingApproval.requestId,tool:e.pendingApproval.tool,input:e.pendingApproval.input}),b(e.compactStatus===`compacting`?`compacting`:null),n===`idle`&&(ie.current?.(),f(!1));return}if(t.type===`turn_events`){let e=t.events,n=t.userMessage;if(!e?.length&&!n){f(!1);return}i(e=>{let t=e,r=t[t.length-1];if(r?.role===`assistant`&&r.id.startsWith(`streaming-`)&&(t=t.slice(0,-1)),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}),z.current=``,B.current=[],H.current=null,W.current=!0;let r=0,a=()=>{let t=Math.min(r+100,e.length);for(let n=r;n<t;n++)ve(e[n]);r=t,r<e.length?requestAnimationFrame(a):(W.current=!1,f(!1))};requestAnimationFrame(a);return}ve(t)}},[ve]),{send:be,connect:xe}=vt({url:e&&n?`/ws/project/${encodeURIComponent(n)}/chat/${e}`:``,onMessage:ye,autoConnect:!!e&&!!n});re.current=be,(0,Q.useEffect)(()=>{let r=!1;R.current&&R.current!==e&&(L.current=null),R.current=e??null,u(`idle`),U.current=`idle`,g(null),q.current!=null&&(Se.dismiss(q.current),q.current=null),b(null),o(new Map),z.current=``,B.current=[],V.current.clear(),J.current&&=(clearTimeout(J.current),0),j(!1),M(null),Y.current={teamNames:new Set,messages:[]},se.current=0,le(At),fe([]);let a=new Set(K.current.map(e=>e.id));return e&&n?(c(!0),fetch(`${k(n)}/chat/sessions/${e}/messages?providerId=${t}`,{headers:{Authorization:`Bearer ${ee()}`}}).then(e=>e.json()).then(e=>{if(r)return;let t=e.ok&&Array.isArray(e.data)?e.data:[];i(e=>{let n=e.filter(e=>!a.has(e.id));return[...t,...n]})}).catch(()=>{r||i(e=>e.filter(e=>!a.has(e.id)))}).finally(()=>{r||c(!1)})):i([]),()=>{r=!0}},[e,t,n]);let Ce=(0,Q.useCallback)((e,t)=>{if(!e.trim())return;let n=U.current!==`idle`;if(n){J.current&&=(clearTimeout(J.current),0);let e=z.current,t=[...B.current];i(n=>{let r=n[n.length-1];return r?.role===`assistant`?[...n.slice(0,-1),{...r,id:`final-${Date.now()}`,content:e||r.content,events:t.length>0?t:r.events}]:n})}i(t=>[...t,{id:`user-${Date.now()}`,role:`user`,content:e,timestamp:new Date().toISOString()}]),z.current=``,B.current=[],ne.current=null,n?(u(`thinking`),U.current=`thinking`):(u(`initializing`),U.current=`initializing`),g(null),q.current!=null&&(Se.dismiss(q.current),q.current=null),be(JSON.stringify({type:`message`,content:e,permissionMode:t?.permissionMode,priority:t?.priority,images:t?.images,...I.current&&{model:I.current}}))},[be]),we=(0,Q.useCallback)(e=>{P(e),I.current=e,L.current=e,be(JSON.stringify({type:`set_model`,model:e}))},[be]),Te=(0,Q.useCallback)((e,t,n)=>{if(be(JSON.stringify({type:`approval_response`,requestId:e,approved:t,data:n})),t&&n){let t=B.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)}i(e=>[...e])}g(null),q.current!=null&&(Se.dismiss(q.current),q.current=null)},[be]),Ee=(0,Q.useCallback)(()=>{if(U.current===`idle`)return;be(JSON.stringify({type:`cancel`}));let e=z.current,t=[...B.current];i(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}),z.current=``,B.current=[],V.current.clear(),ne.current=null,u(`idle`),U.current=`idle`,g(null),q.current!=null&&(Se.dismiss(q.current),q.current=null)},[be]),De=(0,Q.useCallback)(e=>{e&&be(JSON.stringify({type:`kill_background_shell`,shellId:e}))},[be]),Oe=(0,Q.useCallback)(e=>{if(!e)return;let t=e.replace(/\.output$/,``);return C.current.find(n=>n.shellId===t||n.outputPath.endsWith(e)||n.outputPath.endsWith(`${t}.output`))},[]);(0,Q.useEffect)(()=>{e&&ze.getState().setSessionShells(e,x)},[e,x]),(0,Q.useEffect)(()=>{if(e)return ze.getState().retainSession(e),()=>{ze.getState().releaseSession(e)}},[e]);let ke=(0,Q.useCallback)(()=>{j(!1),f(!0),xe()},[xe]),Ae=(0,Q.useCallback)(()=>{!e||!n||fetch(`${k(n)}/chat/sessions/${e}/messages?providerId=${t}`,{headers:{Authorization:`Bearer ${ee()}`}}).then(e=>e.json()).then(e=>{U.current===`idle`&&e.ok&&Array.isArray(e.data)&&e.data.length>0&&(i(e.data),z.current=``,B.current=[])}).catch(()=>{})},[e,t,n]);ie.current=Ae;let je=(0,Q.useCallback)(async(e,t)=>{if(!n)throw Error(`No project context available`);let r=e.replace(/^pc-[^-]+-/,``),i=`${k(n)}/chat/pre-compact-messages?jsonlPath=${encodeURIComponent(t)}&before=${encodeURIComponent(r)}`,a=bt(await A.get(i),t);return o(t=>{let n=new Map(t);return n.set(e,a),n}),a.length},[n]),Z=(0,Q.useCallback)(e=>a.has(e),[a]),Me=(0,Q.useCallback)(e=>{i(t=>t.filter(t=>t.id!==e))},[]),Ne=(0,Q.useCallback)(()=>{i(e=>e.filter(e=>e.role!==`system`))},[]);return{messages:r,renderedMessages:(0,Q.useMemo)(()=>xt(r,a),[r,a]),expandCompact:je,isCompactExpanded:Z,dismissMessage:Me,clearErrors:Ne,messagesLoading:s,isStreaming:me,phase:l,isReconnecting:d,connectingElapsed:p,pendingApproval:h,contextWindowPct:_,compactStatus:y,statusMessage:w,sessionTitle:E,model:N,setModel:we,teamActivity:ce,teamMessages:de,markTeamRead:pe,bashPartialOutput:V,backgroundShells:x,killBackgroundShell:De,findBackgroundShellByOutput:Oe,sendMessage:Ce,respondToApproval:Te,cancelStreaming:Ee,reconnect:ke,refetchMessages:Ae,isConnected:O&&te===e}}var Nt=12e4;function Pt(e,t=`claude`){let[n,r]=(0,Q.useState)({}),[i,a]=(0,Q.useState)(!1),[o,s]=(0,Q.useState)(null),c=(0,Q.useRef)(null),l=(0,Q.useCallback)((n=!1)=>{if(!e)return;a(!0);let i=n?`&refresh=1`:``;fetch(`${k(e)}/chat/usage?providerId=${t}${i}`,{headers:{Authorization:`Bearer ${ee()}`}}).then(e=>e.json()).then(e=>{e.ok&&e.data&&(r(t=>({...t,...e.data})),e.data.lastFetchedAt&&s(e.data.lastFetchedAt))}).catch(()=>{}).finally(()=>a(!1))},[e,t]);return(0,Q.useEffect)(()=>(l(),c.current=setInterval(()=>l(),Nt),()=>{c.current&&clearInterval(c.current)}),[l]),{usageInfo:n,usageLoading:i,lastFetchedAt:o,refreshUsage:(0,Q.useCallback)(()=>l(!0),[l])}}var $=n(),Ft=(0,Q.lazy)(()=>te(()=>import(`./markdown-renderer-CF-2Twzx.js`).then(e=>({default:e.MarkdownRenderer})),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23])));function It(e){let t=e.type===`approval_request`;return{toolName:e.type===`tool_use`?e.tool:t?e.tool??`Tool`:`Tool`,input:e.type===`tool_use`?e.input:t?e.input??{}:{}}}function Lt({tool:e,result:t,completed:n,projectName:r,bashPartialOutput:i}){let[a,c]=(0,Q.useState)(()=>{let n=(e.type,e.tool),r=t?.type===`tool_result`&&!!t.isError;return(n===`Edit`||n===`MultiEdit`)&&!r});if(e.type===`error`)return(0,$.jsxs)(`div`,{className:`flex items-center gap-2 rounded bg-red-500/10 border border-red-500/20 px-2 py-1.5 text-xs text-red-400`,children:[(0,$.jsx)(X,{className:`size-3`}),(0,$.jsx)(`span`,{children:e.message})]});let{toolName:l,input:u}=It(e),d=t?.type===`tool_result`,f=d&&!!t.isError,p=l===`AskUserQuestion`&&!!u?.answers,m=e.type===`approval_request`&&e.approved!=null,h=(l===`Agent`||l===`Task`)&&e.type===`tool_use`,g=h?e.children:void 0,_=g&&g.length>0,v=d||p||m||n,y=[`Edit`,`MultiEdit`,`Write`,`NotebookEdit`].includes(l),b=e.type===`tool_use`?e.toolUseId:void 0,x=(l===`Bash`||l===`PowerShell`)&&!d&&b?i?.current?.get(b):void 0,S=!!x;(0,Q.useEffect)(()=>{S&&!a&&c(!0)},[S]);let C=(0,Q.useRef)(!1);return(0,Q.useEffect)(()=>{f&&(l===`Edit`||l===`MultiEdit`)&&!C.current&&(C.current=!0,c(!1))},[f,l]),(0,$.jsxs)(`div`,{className:`rounded border text-xs ${h?`border-accent/30 bg-accent/5`:`border-border bg-background`}`,children:[(0,$.jsxs)(`button`,{onClick:()=>c(!a),className:`flex items-center gap-2 px-2 py-1.5 w-full text-left hover:bg-surface transition-colors min-w-0`,children:[a?(0,$.jsx)(o,{className:`size-3 shrink-0`}):(0,$.jsx)(s,{className:`size-3 shrink-0`}),f?(0,$.jsx)(rt,{className:`size-3 text-red-400 shrink-0`}):v?(0,$.jsx)(fe,{className:`size-3 text-green-400 shrink-0`}):(0,$.jsx)(Z,{className:`size-3 text-yellow-400 shrink-0 animate-spin`}),(0,$.jsx)(`span`,{className:`truncate text-text-primary`,children:(0,$.jsx)(Rt,{name:l,input:u})}),S&&(0,$.jsxs)(`span`,{className:`ml-auto text-[10px] text-yellow-400 shrink-0`,children:[x.lineCount,` line`,x.lineCount===1?``:`s`,` streaming...`]}),_&&!S&&(0,$.jsxs)(`span`,{className:`ml-auto text-[10px] text-text-subtle shrink-0`,children:[g.length,` steps`]})]}),a&&(0,$.jsxs)(`div`,{className:`px-2 pb-2 space-y-1.5 select-text`,children:[(e.type===`tool_use`||e.type===`approval_request`)&&(0,$.jsx)(zt,{name:l,input:u,projectName:r}),x&&(0,$.jsx)(Kt,{content:x.content,lineCount:x.lineCount}),_&&(0,$.jsx)(Wt,{events:g,projectName:r}),d&&!(y&&!f)&&(0,$.jsx)(Ht,{toolName:l,output:t.output})]})]})}function Rt({name:e,input:t}){let n=e=>String(e??``);switch(e){case`Read`:case`Write`:case`Edit`:case`MultiEdit`:case`NotebookEdit`:return(0,$.jsxs)($.Fragment,{children:[e,` `,(0,$.jsx)(`span`,{className:`text-text-subtle`,children:P(n(t.file_path))})]});case`Bash`:case`PowerShell`:{let r=t.description?n(t.description):n(t.command);return(0,$.jsxs)($.Fragment,{children:[e,` `,(0,$.jsx)(`span`,{className:`text-text-subtle${t.description?``:` font-mono`}`,children:Yt(r,60)})]})}case`Glob`:return(0,$.jsxs)($.Fragment,{children:[e,` `,(0,$.jsx)(`span`,{className:`font-mono text-text-subtle`,children:n(t.pattern)})]});case`Grep`:return(0,$.jsxs)($.Fragment,{children:[e,` `,(0,$.jsx)(`span`,{className:`font-mono text-text-subtle`,children:Yt(n(t.pattern),40)})]});case`WebSearch`:return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(x,{className:`size-3 inline`}),` `,e,` `,(0,$.jsx)(`span`,{className:`text-text-subtle`,children:Yt(n(t.query),50)})]});case`WebFetch`:return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Qe,{className:`size-3 inline`}),` `,e,` `,(0,$.jsx)(`span`,{className:`text-text-subtle`,children:Yt(n(t.url),50)})]});case`ToolSearch`:return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(x,{className:`size-3 inline`}),` `,e,` `,(0,$.jsx)(`span`,{className:`text-text-subtle`,children:Yt(n(t.query),50)})]});case`Agent`:case`Task`:return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(a,{className:`size-3 inline`}),` `,e,` `,(0,$.jsx)(`span`,{className:`text-text-subtle`,children:Yt(n(t.description||t.prompt),60)})]});case`TodoWrite`:{let n=Array.isArray(t.todos)?t.todos:[],r=n.filter(e=>e.status===`completed`).length;return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(lt,{className:`size-3 inline`}),` `,e,` `,(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[r,`/`,n.length,` done`]})]})}case`AskUserQuestion`:{let n=Array.isArray(t.questions)?t.questions:[],r=!!t.answers;return(0,$.jsxs)($.Fragment,{children:[e,` `,(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[n.length,` question`,n.length===1?``:`s`,r?` ✓`:``]})]})}case`ScheduleWakeup`:return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(g,{className:`size-3 inline`}),` `,e,` `,(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[`in `,Xt(Number(t.delaySeconds)),t.reason?` — ${Yt(n(t.reason),50)}`:``]})]});case`TaskCreate`:return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(lt,{className:`size-3 inline`}),` `,e,` `,(0,$.jsx)(`span`,{className:`text-text-subtle`,children:Yt(n(t.subject),60)})]});case`TaskUpdate`:return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(lt,{className:`size-3 inline`}),` `,e,` `,(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[`#`,n(t.taskId),` → `,n(t.status)]})]});case`TaskStop`:return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(lt,{className:`size-3 inline`}),` `,e,` `,(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[`#`,n(t.taskId),` stopped`]})]});default:return(0,$.jsx)($.Fragment,{children:e})}}function zt({name:e,input:t,projectName:n}){let r=e=>String(e??``),{openTab:i}=L(pe(e=>({openTab:e.openTab}))),a=e=>{n&&i({type:`editor`,title:P(e),metadata:{filePath:e,projectName:n},projectId:n,closable:!0})},o=(e,t,r)=>{i({type:`git-diff`,title:`Diff ${P(e)}`,metadata:{filePath:e,projectName:n,original:t,modified:r},projectId:n??null,closable:!0})};switch(e){case`Bash`:case`PowerShell`:return(0,$.jsxs)(`div`,{className:`space-y-1`,children:[!!t.description&&(0,$.jsx)(`p`,{className:`text-text-subtle italic`,children:r(t.description)}),(0,$.jsx)(`pre`,{className:`font-mono text-text-secondary overflow-x-auto whitespace-pre-wrap break-all`,children:r(t.command)})]});case`Read`:case`Write`:case`Edit`:case`MultiEdit`:case`NotebookEdit`:{let n=r(t.file_path),i=e===`Edit`&&(!!t.old_string||!!t.new_string);return(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,$.jsxs)(`button`,{type:`button`,className:`font-mono text-text-secondary break-all hover:text-primary hover:underline text-left flex items-center gap-1 min-w-0`,onClick:()=>a(n),title:`Open file in editor`,children:[(0,$.jsx)(J,{className:`size-3 shrink-0`}),n]}),i&&(0,$.jsxs)(`button`,{type:`button`,className:`text-text-subtle hover:text-primary hover:underline flex items-center gap-1 shrink-0 whitespace-nowrap`,onClick:()=>o(n,r(t.old_string),r(t.new_string)),title:`View diff in new tab`,children:[(0,$.jsx)(v,{className:`size-3 shrink-0`}),`View Diff`]})]}),i&&(0,$.jsx)(Jt,{oldStr:r(t.old_string),newStr:r(t.new_string),filePath:n}),e===`MultiEdit`&&Array.isArray(t.edits)&&(0,$.jsx)(`div`,{className:`space-y-1.5`,children:t.edits.map((e,t)=>(0,$.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,$.jsxs)(`p`,{className:`text-text-subtle text-[10px]`,children:[`Edit `,t+1]}),(0,$.jsx)(Jt,{oldStr:r(e.old_string),newStr:r(e.new_string),filePath:n})]},t))}),e===`Write`&&!!t.content&&(0,$.jsx)(`pre`,{className:`font-mono text-text-subtle overflow-x-auto max-h-32 whitespace-pre-wrap`,children:Yt(r(t.content),300)})]})}case`Glob`:return(0,$.jsxs)(`p`,{className:`font-mono text-text-secondary`,children:[r(t.pattern),t.path?` in ${r(t.path)}`:``]});case`Grep`:return(0,$.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,$.jsxs)(`p`,{className:`font-mono text-text-secondary`,children:[`/`,r(t.pattern),`/`]}),!!t.path&&(0,$.jsxs)(`p`,{className:`text-text-subtle`,children:[`in `,r(t.path)]})]});case`TodoWrite`:return(0,$.jsx)(Vt,{todos:t.todos??[]});case`Agent`:case`Task`:return(0,$.jsxs)(`div`,{className:`space-y-1`,children:[!!t.description&&(0,$.jsx)(`p`,{className:`text-text-secondary font-medium`,children:r(t.description)}),!!t.subagent_type&&(0,$.jsxs)(`p`,{className:`text-text-subtle`,children:[`Type: `,r(t.subagent_type)]}),!!t.prompt&&(0,$.jsx)(Gt,{content:r(t.prompt),maxHeight:`max-h-48`})]});case`ToolSearch`:return(0,$.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,$.jsx)(`p`,{className:`font-mono text-text-secondary`,children:r(t.query)}),!!t.max_results&&(0,$.jsxs)(`p`,{className:`text-text-subtle`,children:[`Max results: `,r(t.max_results)]})]});case`WebFetch`:return(0,$.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,$.jsxs)(`a`,{href:r(t.url),target:`_blank`,rel:`noopener noreferrer`,className:`font-mono text-primary hover:underline break-all flex items-center gap-1`,children:[(0,$.jsx)(Qe,{className:`size-3 shrink-0`}),r(t.url)]}),!!t.prompt&&(0,$.jsx)(`p`,{className:`text-text-subtle`,children:Yt(r(t.prompt),100)})]});case`AskUserQuestion`:{let e=t.questions??[],n=t.answers??{};return(0,$.jsx)(`div`,{className:`space-y-2`,children:e.map((e,t)=>(0,$.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,$.jsxs)(`p`,{className:`text-text-primary font-medium`,children:[e.header?`${e.header}: `:``,e.question]}),(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:e.options.map((t,r)=>(0,$.jsx)(`span`,{className:`inline-block rounded px-1.5 py-0.5 text-xs border ${(n[e.question]??``).split(`, `).includes(t.label)?`border-accent bg-accent/20 text-text-primary`:`border-border text-text-subtle`}`,children:t.label},r))}),n[e.question]&&(0,$.jsxs)(`p`,{className:`text-foreground text-xs`,children:[`Answer: `,n[e.question]]})]},t))})}case`ScheduleWakeup`:{let e=Number(t.delaySeconds)||0;return(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`p`,{className:`text-text-secondary`,children:[(0,$.jsx)(g,{className:`size-3 inline mr-1`}),`Wake in `,(0,$.jsx)(`span`,{className:`font-medium text-text-primary`,children:Xt(e)}),(0,$.jsxs)(`span`,{className:`text-text-subtle`,children:[` (`,e,`s)`]})]}),!!t.reason&&(0,$.jsx)(`p`,{className:`text-text-secondary italic`,children:r(t.reason)}),!!t.prompt&&(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-text-subtle text-[10px] mb-0.5`,children:`Prompt on wake`}),(0,$.jsx)(Gt,{content:r(t.prompt),maxHeight:`max-h-48`})]})]})}case`TaskCreate`:return(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`p`,{className:`text-text-primary font-medium`,children:r(t.subject)}),!!t.description&&(0,$.jsx)(`p`,{className:`text-text-subtle`,children:r(t.description)}),!!t.activeForm&&(0,$.jsx)(`p`,{className:`text-text-subtle italic`,children:r(t.activeForm)})]});case`TaskUpdate`:return(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsxs)(`span`,{className:`font-mono text-text-secondary`,children:[`#`,r(t.taskId)]}),(0,$.jsx)(Bt,{status:r(t.status)})]});case`TaskStop`:return(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsxs)(`span`,{className:`font-mono text-text-secondary`,children:[`#`,r(t.taskId)]}),(0,$.jsx)(Bt,{status:`stopped`})]});default:return(0,$.jsx)(`pre`,{className:`overflow-x-auto text-text-secondary font-mono whitespace-pre-wrap break-all`,children:JSON.stringify(t,null,2)})}}function Bt({status:e}){return(0,$.jsx)(`span`,{className:`inline-block rounded px-1.5 py-0.5 text-[10px] border ${e===`completed`?`text-green-400 border-green-400/30 bg-green-400/10`:e===`in_progress`?`text-yellow-400 border-yellow-400/30 bg-yellow-400/10`:`text-text-subtle border-border bg-surface`}`,children:e})}function Vt({todos:e}){return(0,$.jsx)(`div`,{className:`space-y-0.5`,children:e.map((e,t)=>(0,$.jsxs)(`div`,{className:`flex items-start gap-1.5`,children:[(0,$.jsx)(`span`,{className:`shrink-0 mt-0.5 ${e.status===`completed`?`text-green-400`:e.status===`in_progress`?`text-yellow-400`:`text-text-subtle`}`,children:e.status===`completed`?`✓`:e.status===`in_progress`?`▶`:`○`}),(0,$.jsx)(`span`,{className:e.status===`completed`?`line-through text-text-subtle`:`text-text-secondary`,children:e.content})]},t))})}function Ht({toolName:e,output:t}){let[n,r]=(0,Q.useState)(!1),i=(0,Q.useMemo)(()=>{if(e!==`Agent`&&e!==`Task`)return null;try{let e=JSON.parse(t);if(Array.isArray(e)){let t=e.filter(e=>e.type===`text`&&e.text).map(e=>e.text).join(`
-`);if(t)return t}if(typeof e==`string`)return e}catch{if(t&&!t.startsWith(`[{`))return t}return null},[e,t]);return i?(0,$.jsxs)(`div`,{className:`border-t border-border pt-1.5 space-y-1`,children:[(0,$.jsx)(Gt,{content:i,maxHeight:`max-h-60`}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>r(!n),className:`flex items-center gap-1 text-[10px] text-text-subtle hover:text-text-secondary transition-colors`,children:[(0,$.jsx)(_,{className:`size-3`}),n?`Hide`:`Show`,` raw`]}),n&&(0,$.jsx)(`pre`,{className:`overflow-x-auto text-text-subtle font-mono max-h-40 whitespace-pre-wrap break-all text-[10px]`,children:t})]}):(0,$.jsx)(Ut,{output:t})}function Ut({output:e}){let t=e.split(`
-`).length,n=t>3||e.length>200,[r,i]=(0,Q.useState)(n);return(0,$.jsxs)(`div`,{className:`border-t border-border pt-1.5`,children:[n&&(0,$.jsxs)(`button`,{type:`button`,onClick:()=>i(!r),className:`flex items-center gap-1 text-[10px] text-text-subtle hover:text-text-secondary transition-colors mb-1`,children:[r?(0,$.jsx)(s,{className:`size-3`}):(0,$.jsx)(o,{className:`size-3`}),`Output (`,t,` lines)`]}),(0,$.jsx)(`pre`,{className:`overflow-x-auto text-text-subtle font-mono whitespace-pre-wrap break-all ${r?`max-h-16 overflow-hidden`:`max-h-60`}`,children:e})]})}function Wt({events:e,projectName:t}){let n=[],r=``;for(let t of e)if(t.type===`text`)r+=t.content;else if(t.type===`tool_use`)r&&=(n.push({kind:`text`,content:r}),``),n.push({kind:`tool`,tool:t});else if(t.type===`tool_result`){let e=t.toolUseId,r=e?n.find(t=>t.kind===`tool`&&t.tool.type===`tool_use`&&t.tool.toolUseId===e&&!t.result):n.findLast(e=>e.kind===`tool`&&!e.result);r&&(r.result=t)}r&&n.push({kind:`text`,content:r});let i=(0,Q.useRef)(null),a=(0,Q.useRef)(!1);return(0,Q.useEffect)(()=>{i.current&&!a.current&&(i.current.scrollTop=i.current.scrollHeight)},[n.length]),(0,$.jsx)(`div`,{ref:i,onScroll:e=>{let t=e.currentTarget;a.current=t.scrollTop+t.clientHeight<t.scrollHeight-20},className:`border-l-2 border-accent/20 pl-2 space-y-1 mt-1 max-h-64 md:max-h-96 overflow-y-auto`,children:n.map((e,n)=>e.kind===`text`?(0,$.jsx)(`div`,{className:`text-text-secondary text-[11px]`,children:(0,$.jsx)(Gt,{content:e.content,maxHeight:`max-h-24`})},`st-${n}`):(0,$.jsx)(Lt,{tool:e.tool,result:e.result,completed:!!e.result,projectName:t},`sc-${n}`))})}function Gt({content:e,maxHeight:t=`max-h-48`}){return(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`animate-pulse h-4 bg-muted rounded`}),children:(0,$.jsx)(Ft,{content:e,className:`text-text-secondary overflow-auto ${t}`})})}function Kt({content:e,lineCount:t}){let n=(0,Q.useRef)(null),r=(0,Q.useRef)(!1);return(0,Q.useEffect)(()=>{n.current&&!r.current&&(n.current.scrollTop=n.current.scrollHeight)},[e]),(0,$.jsxs)(`div`,{className:`border-t border-border pt-1.5`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 text-[10px] text-yellow-400 mb-1`,children:[(0,$.jsx)(Z,{className:`size-3 animate-spin`}),(0,$.jsxs)(`span`,{children:[`Output (`,t,` line`,t===1?``:`s`,`, streaming...)`]})]}),(0,$.jsx)(`pre`,{ref:n,onScroll:e=>{let t=e.currentTarget;r.current=t.scrollTop+t.clientHeight<t.scrollHeight-20},className:`overflow-x-auto overflow-y-auto max-h-60 text-text-subtle font-mono whitespace-pre-wrap break-all text-[11px]`,children:e.split(`
-`).slice(-200).join(`
-`)})]})}var qt=(0,Q.lazy)(()=>te(()=>import(`./edit-diff-preview-D8T-qGbE.js`),__vite__mapDeps([24,1,5])));function Jt(e){return(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`animate-pulse h-8 bg-muted rounded`}),children:(0,$.jsx)(qt,{...e})})}function Yt(e,t=50){return e?e.length>t?e.slice(0,t)+`…`:e:``}function Xt(e){if(!Number.isFinite(e)||e<=0)return`0s`;let t=Math.floor(e/3600),n=Math.floor(e%3600/60),r=Math.round(e%60),i=[];return t&&i.push(`${t}h`),n&&i.push(`${n}m`),(r||i.length===0)&&i.push(`${r}s`),i.join(` `)}function Zt(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(()=>{A.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 Qt=new Set([`TaskCreate`,`TaskUpdate`,`TaskStop`]);function $t(e){let t=0;for(let n of e)if(n.events)for(let e of n.events)e.type===`tool_use`&&Qt.has(e.tool)&&t++;return t}var en={completed:{icon:`✓`,cls:`text-green-400`},in_progress:{icon:`▶`,cls:`text-yellow-400`},stopped:{icon:`■`,cls:`text-text-subtle`},pending:{icon:`○`,cls:`text-text-subtle`}};function tn({projectName:e,sessionId:t,messages:n}){let r=(0,Q.useMemo)(()=>$t(n),[n]),i=Zt(e,t,r>0,r),[a,c]=(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,d=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:()=>c(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)(s,{className:`size-3.5 shrink-0`}):(0,$.jsx)(o,{className:`size-3.5 shrink-0`}),(0,$.jsx)(lt,{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-green-400/70`,style:{width:`${d}%`}})})]}),!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)(nn,{task:e},e.id))})]})}function nn({task:e}){let t=en[e.status]??en.pending,n=e.status===`in_progress`;return(0,$.jsxs)(`li`,{className:`flex items-start gap-1.5 text-xs rounded px-1 ${n?`bg-yellow-500/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 rn=/read the full transcript at:\s*(\S+\.jsonl)/i;function an(e){return e.match(rn)?.[1]?.trim()??null}var on=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 sn({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)(a,{className:`size-10 text-text-subtle`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Send a message to start a new conversation`})]}),(0,$.jsx)(q,{projectName:e,onSelectSession:t,className:`w-full px-4`})]})}function cn(e){try{return new Date(e).toLocaleString()}catch{return``}}function ln({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 un({content:e}){let[t,n]=(0,Q.useState)(!1);return(0,$.jsx)(ln,{icon:t?(0,$.jsx)(ce,{className:`size-3.5`}):(0,$.jsx)(me,{className:`size-3.5`}),label:t?`Copied`:`Copy`,title:`Copy message to clipboard`,onClick:()=>{navigator.clipboard?.writeText(e).catch(()=>{}),n(!0),setTimeout(()=>n(!1),1500)}})}function dn({timestamp:e,content:t,accountLabel:n,className:r,children:i}){return(0,$.jsxs)(`div`,{className:M(`flex items-center gap-0.5 flex-wrap text-xs text-text-subtle select-none`,r),children:[(0,$.jsx)(`time`,{title:cn(e),className:`pr-1 tabular-nums`,children:le(e)}),n&&(0,$.jsxs)(`span`,{className:`px-1 truncate max-w-40`,children:[`via `,n]}),(0,$.jsx)(un,{content:t}),i]})}var fn=new Map;function pn(){fn.clear()}function mn(e,t,n,r){let i=`${t}:${r}`,a=fn.get(i);return a||(a=A.get(`${k(e)}/chat/sessions/${t}/versions?ordinal=${r}&providerId=${n}`).catch(()=>null),fn.set(i,a)),a}function hn({projectName:e,sessionId:t,providerId:n,ordinal:r,onNavigate:i,disabled:a}){let[o,c]=(0,Q.useState)(null);if((0,Q.useEffect)(()=>{if(!e||!t||!r||r<1){c(null);return}let i=!0;return mn(e,t,n,r).then(e=>{i&&c(e&&e.versions.length>=2?e:null)}),()=>{i=!1}},[e,t,n,r]),!o)return null;let{versions:l,currentIndex:u}=o,d=e=>{let t=l[e];t&&!a&&i(t.id)};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:()=>d(u-1),disabled:a||u<=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)(se,{className:`size-3.5`})}),(0,$.jsxs)(`span`,{className:`tabular-nums`,children:[u+1,`/`,l.length]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>d(u+1),disabled:a||u>=l.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)(s,{className:`size-3.5`})})]})}function gn(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 _n(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=document.activeElement===e.customInputRef.current;if(!i&&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(!i&&(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(!i){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`&&i&&e.customInputRef.current?.blur()},a=r.current;return a&&(a.addEventListener(`keydown`,i),a.setAttribute(`tabindex`,`0`),a.contains(document.activeElement)||a.focus()),()=>{a?.removeEventListener(`keydown`,i)}},[e,t]),{focusedOption:t,setFocusedOption:n,containerRef:r}}function vn({questions:e,onSubmit:t,onSkip:n}){let r=(0,Q.useRef)(null),i=gn(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=_n({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 yn=(0,Q.lazy)(()=>te(()=>import(`./markdown-renderer-CF-2Twzx.js`).then(e=>({default:e.MarkdownRenderer})),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23])));function bn({messages:e,messagesLoading:t,keepStaleWhileLoading:n,pendingApproval:r,onApprovalResponse:i,isStreaming:o,phase:s,onSelectSession:c,connectingElapsed:l,statusMessage:u,compactStatus:d,projectName:f,onFork:p,onEdit:m,editingMsgId:h,sessionId:g,providerId:_,onNavigateVersion:v,bashPartialOutput:y,onExpandCompact:b,isCompactExpanded:x,onDismissMessage:S,onClearErrors:C}){let w=(0,Q.useRef)(null),T=(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]),E=et({count:T.length,getScrollElement:()=>w.current,estimateSize:()=>120,getItemKey:e=>T[e]?.id??e,overscan:6,anchorTo:`end`,followOnAppend:!0,scrollEndThreshold:80}),D=E.getVirtualItems(),O=T[0]?.id;(0,Q.useLayoutEffect)(()=>{E.scrollToEnd()},[O]);let k=(0,Q.useCallback)((e,t)=>{p?.(e,t)},[p]),ee=(0,Q.useCallback)((e,t,n)=>{m?.(e,t,n)},[m]),A=(0,Q.useCallback)(e=>{S?.(e)},[S]),j=(0,Q.useMemo)(()=>T.reduce((e,t)=>t.role===`system`?e+1:e,0),[T]),te=(0,Q.useMemo)(()=>T.reduce((e,t,n)=>(t.role===`user`&&e.push(n),e),[]),[T]),M=(0,Q.useCallback)(()=>{if(!b||!x)return null;for(let e of T){if(x(e.id))continue;let t=an(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=an(t.content||``);if(n)return{id:e.id,jsonlPath:n}}}}return null},[T,b,x])(),N=!!M,[P,F]=(0,Q.useState)(!1),I=(0,Q.useCallback)(async()=>{if(!(!M||!b||P)){F(!0);try{await b(M.id,M.jsonlPath)}finally{F(!1)}}},[M,b,P]);return(0,Q.useEffect)(()=>{N&&!P&&D[0]&&D[0].index<=0&&I()},[N,P,D,I]),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)(a,{className:`size-10 text-text-subtle animate-pulse`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Loading messages...`})]}):e.length===0&&!o?(0,$.jsx)(sn,{projectName:f||``,onSelectSession:c||(()=>{})}):(0,$.jsxs)(`div`,{className:`relative flex-1 overflow-hidden flex flex-col min-h-0`,children:[(0,$.jsx)(tn,{projectName:f,sessionId:g,messages:e}),j>1&&C&&(0,$.jsx)(`div`,{className:`absolute top-2 left-0 right-0 z-20 flex justify-center pointer-events-none`,children:(0,$.jsxs)(`button`,{type:`button`,onClick:C,className:`pointer-events-auto flex items-center gap-1.5 rounded-full bg-red-500/15 border border-red-500/25 px-3 py-1 text-xs text-red-400 hover:bg-red-500/25 shadow-md backdrop-blur-sm`,children:[(0,$.jsx)(rt,{className:`size-3.5`}),`Clear all errors (`,j,`)`]})}),P&&(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)(Z,{className:`size-3 animate-spin`}),`Loading previous conversation...`]}),(0,$.jsxs)(`div`,{ref:w,className:`flex-1 overflow-y-auto overflow-x-hidden [overflow-anchor:none]`,children:[(0,$.jsx)(`div`,{style:{height:E.getTotalSize(),width:`100%`,position:`relative`},children:D.map(e=>{let t=e.index,n=T[t];if(!n)return null;let r=t>0?T[t-1]:void 0,i=n.role===`user`?T.slice(0,t+1).reduce((e,t)=>e+(t.role===`user`?1:0),0):0,a=n.role===`user`&&h!=null&&n.id===h,s=T[t+1],c=n.role===`assistant`&&s?.role!==`assistant`,l;if(c){let e=[];for(let n=t;n>=0&&T[n].role===`assistant`;n--){let t=Sn(T[n]);t&&e.unshift(t)}l=e.join(`
-`)}return(0,$.jsx)(`div`,{"data-index":e.index,ref:E.measureElement,style:{position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`},className:`px-4 pt-4 select-none`,children:(0,$.jsx)(on,{fallbackContent:n.content,children:(0,$.jsx)(Cn,{message:n,isStreaming:o&&n.id.startsWith(`streaming-`),isLastAssistantInTurn:c,turnCopyText:l,projectName:f,onFork:n.role===`user`&&p?k:void 0,onEdit:n.role===`user`&&m?ee:void 0,isEditing:a,onDismiss:n.role===`system`&&S?A:void 0,prevMsgId:r?.sdkUuid??r?.id,sessionId:g,providerId:_,versionOrdinal:i,onNavigateVersion:v,versionNavDisabled:o,bashPartialOutput:y})})},e.key)})}),(0,$.jsxs)(`div`,{className:`px-4 pb-4 pt-4 space-y-4 select-none`,children:[r&&(r.tool===`AskUserQuestion`?(0,$.jsx)(Qn,{approval:r,onRespond:i}):(0,$.jsx)(Zn,{approval:r,onRespond:i})),o&&(0,$.jsx)(qn,{lastMessage:e[e.length-1],phase:s,elapsed:l,statusMessage:d===`compacting`?`Compacting messages...`:u})]})]}),(0,$.jsx)(xn,{virtualizer:E,parentRef:w,userIndices:te})]})}function xn({virtualizer:e,parentRef:t,userIndices:n}){let[r,i]=(0,Q.useState)(!1),[a,s]=(0,Q.useState)(!0),c=(0,Q.useCallback)(()=>{let n=e.getVirtualItems();if(!n.length)return 0;let r=e.scrollOffset??t.current?.scrollTop??0;return n.find(e=>e.end>r+1)?.index??n[0].index},[e,t]);(0,Q.useEffect)(()=>{let r=t.current;if(!r)return;let a=0,o=()=>{let t=c(),a=n.some(e=>e<t);i(e=>e===a?e:a);let o=e.isAtEnd?e.isAtEnd(8):r.scrollHeight-r.scrollTop-r.clientHeight<8;s(e=>e===o?e:o)},l=()=>{a&&cancelAnimationFrame(a),a=requestAnimationFrame(o)};o(),r.addEventListener(`scroll`,l,{passive:!0});let u=new ResizeObserver(l);return u.observe(r),()=>{a&&cancelAnimationFrame(a),r.removeEventListener(`scroll`,l),u.disconnect()}},[e,t,n,c]);let l=(0,Q.useCallback)(()=>{let t=c(),r;for(let e of n)if(e<t)r=e;else break;r!=null&&e.scrollToIndex(r,{align:`start`})},[e,n,c]),u=(0,Q.useCallback)(()=>{let t=c(),r=n.find(e=>e>t);r==null?e.scrollToEnd():e.scrollToIndex(r,{align:`start`})},[e,n,c]),d=`size-8 flex items-center justify-center rounded-full bg-surface-elevated/60 border border-border/60 text-text-secondary shadow-md backdrop-blur-sm transition-all hover:bg-surface-elevated hover:text-foreground disabled:opacity-30 disabled:cursor-default disabled:hover:bg-surface-elevated/60 disabled:hover:text-text-secondary`;return(0,$.jsxs)(`div`,{className:`absolute bottom-4 right-4 z-10 flex flex-col gap-2`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:l,disabled:!r,"aria-label":`Jump to previous message`,className:d,children:(0,$.jsx)(he,{className:`size-4`})}),(0,$.jsx)(`button`,{type:`button`,onClick:u,disabled:a,"aria-label":`Jump to next message`,className:d,children:(0,$.jsx)(o,{className:`size-4`})})]})}function Sn(e){return e.events?.length?e.events.filter(e=>e.type===`text`).map(e=>e.content).join(``):e.content}var Cn=(0,Q.memo)(function({message:e,isStreaming:t,isLastAssistantInTurn:n,turnCopyText:r,projectName:i,onFork:a,onEdit:o,isEditing:s,onDismiss:c,prevMsgId:l,sessionId:u,providerId:d,versionOrdinal:f,onNavigateVersion:p,versionNavDisabled:m,bashPartialOutput:h}){if(e.role===`user`){let t=a?()=>a(e.content,l):void 0,n=o?()=>o(e.content,l,e.id):void 0;return(0,$.jsx)(Pn,{content:e.content,messageId:e.id,timestamp:e.timestamp,projectName:i,onFork:t,onEdit:n,isEditing:s,sessionId:u,providerId:d,versionOrdinal:f,onNavigateVersion:p,versionNavDisabled:m})}return e.role===`system`?(0,$.jsxs)(`div`,{className:`group flex items-center gap-2 rounded-lg bg-red-500/10 border border-red-500/20 px-3 py-2 text-sm text-red-400`,children:[(0,$.jsx)(X,{className:`size-4 shrink-0`}),(0,$.jsx)(`p`,{className:`flex-1`,children:e.content}),c&&(0,$.jsx)(`button`,{type:`button`,onClick:()=>c(e.id),"aria-label":`Dismiss`,title:`Dismiss`,className:`shrink-0 rounded p-1 text-red-400/70 hover:text-red-400 hover:bg-red-500/15 md:opacity-0 md:group-hover:opacity-100`,children:(0,$.jsx)(rt,{className:`size-4`})})]}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e.events&&e.events.length>0?(0,$.jsx)(Wn,{events:e.events,isStreaming:t,projectName:i,bashPartialOutput:h}):e.content&&(0,$.jsx)(`div`,{className:`text-sm text-text-primary select-text`,children:(0,$.jsx)(Xn,{content:e.content,projectName:i})}),!t&&n&&(0,$.jsx)(dn,{timestamp:e.timestamp,content:r??Sn(e),accountLabel:e.accountLabel,className:`-mt-1.5`})]})}),wn=new Set([`.png`,`.jpg`,`.jpeg`,`.gif`,`.webp`]),Tn={"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 En(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:Tn[e]??e.replace(/^antml:/,``).replace(/-/g,` `),content:r[2].trim()})}return{cleanText:e.replace(n,``).trim(),tags:t}}function Dn(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 On(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 kn(e){let t=e.match(/^\[Attached file: (.+?)\]\n\n?/);if(t)return{files:[t[1]],text:e.slice(t[0].length)};let n=e.match(/^\[Attached files:\n([\s\S]+?)\]\n\n?/);return n?{files:n[1].split(`
-`).map(e=>e.trim()).filter(Boolean),text:e.slice(n[0].length)}:{files:[],text:e}}function An(e,t){let n=P(e);return`/api/project/${encodeURIComponent(t??`_`)}/chat/uploads/${encodeURIComponent(n)}`}function jn(e){let t=e.lastIndexOf(`.`);return t===-1?!1:wn.has(e.slice(t).toLowerCase())}var Mn=new Set([`task-notification`,`environment_details`,`local-command-caveat`]);function Nn(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 Pn({content:e,messageId:t,timestamp:n,projectName:r,onFork:i,onEdit:a,isEditing:s,sessionId:c,providerId:l,versionOrdinal:u,onNavigateVersion:d,versionNavDisabled:f}){let{files:p,text:m,tags:h,command:g,terminalBlocks:_,idePath:v}=(0,Q.useMemo)(()=>{let{idePath:t,cleanText:n}=On(e),{blocks:r,remainingText:i}=Nn(n),a=kn(i),{cleanText:o,tags:s}=En(a.text.replace(/<local-command-(?:stdout|stderr)>([\s\S]*?)<\/local-command-(?:stdout|stderr)>/g,`$1`)),{command:c,cleanText:l}=Dn(o),u=c?.args?l?`${c.args}\n\n${l}`:c.args:l;return{files:a.files,text:u,tags:s,command:c,terminalBlocks:r,idePath:t}},[e]),y=h.some(e=>Mn.has(e.name)),[b,x]=(0,Q.useState)(!1),[S,C]=(0,Q.useState)(!1),w=(0,Q.useRef)(null);return(0,Q.useEffect)(()=>{let e=w.current;if(!e)return;let t=()=>C(e.scrollHeight>e.clientHeight+2);t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[m]),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,$.jsxs)(`div`,{"data-user-message":y?void 0:`true`,className:M(`group/user relative rounded-lg px-3 py-2 text-sm border shadow-sm transition-all`,y?`bg-surface/40 border-border/40 text-text-secondary`:`bg-primary/10 border-primary/15 text-text-primary`,s&&`ring-2 ring-primary/60 border-primary/40 bg-primary/20`),children:[h.length>0&&(0,$.jsx)(In,{tags:h}),g&&(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`}),g.name]})}),v&&(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)(Bn,{path:v,projectName:r})]}),p.length>0&&(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:p.map((e,t)=>jn(e)?(0,$.jsx)(Un,{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)(Xe,{className:`size-3 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-32`,children:P(e)})]},t))}),_.length>0&&(0,$.jsx)(`div`,{className:`space-y-1.5`,children:_.map((e,t)=>(0,$.jsx)(Fn,{content:e},t))}),m&&(0,$.jsx)(`div`,{ref:w,className:M(`whitespace-pre-wrap break-words transition-all duration-200 select-text`,!b&&`line-clamp-2`,b&&`max-h-[50vh] overflow-y-auto`),children:y?(0,$.jsx)(Vn,{text:m,projectName:r}):m}),(S||b)&&(0,$.jsx)(`button`,{onClick:()=>x(!b),className:M(`flex items-center gap-1 text-xs mt-1 transition-colors`,y?`text-text-subtle hover:text-text-secondary`:`text-primary/70 hover:text-primary`),children:b?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(he,{className:`size-3`}),`Show less`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(o,{className:`size-3`}),`Show more`]})}),!y&&d&&(0,$.jsx)(hn,{projectName:r,sessionId:c,providerId:l??`claude`,ordinal:u,onNavigate:d,disabled:f})]}),!y&&(0,$.jsxs)(dn,{timestamp:n,content:e,children:[a&&(0,$.jsx)(ln,{icon:(0,$.jsx)(ke,{className:`size-3.5`}),label:`Edit`,title:`Edit this message (continue in the same tab)`,onClick:a}),i&&(0,$.jsx)(ln,{icon:(0,$.jsx)(De,{className:`size-3.5`}),label:`Fork`,title:`Retry from this message (fork into a new tab)`,onClick:i})]})]})}function Fn({content:e}){let[t,n]=(0,Q.useState)(!1);return(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>n(!t),className:M(`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)(Fe,{className:`size-3.5 shrink-0`}),(0,$.jsx)(`span`,{children:`Terminal output`}),(0,$.jsx)(o,{className:M(`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 In({tags:e}){return(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.map((e,t)=>(0,$.jsx)(Ln,{tag:e},t))})}function Ln({tag:e}){let[t,n]=(0,Q.useState)(!1);return e.name===`task-notification`?(0,$.jsx)(zn,{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)(Be,{className:`size-2.5`}),(0,$.jsx)(`span`,{children:e.label}),(0,$.jsx)(s,{className:M(`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 Rn(e,t){return e.match(RegExp(`<${t}>([\\s\\S]*?)</${t}>`))?.[1]?.trim()||void 0}function zn({content:e}){let[t,n]=(0,Q.useState)(!1),r=Rn(e,`status`),i=Rn(e,`summary`),a=Rn(e,`output-file`),o=Rn(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)(fe,{className:`size-2.5 text-green-500`}):(0,$.jsx)(rt,{className:`size-2.5 text-yellow-500`}),(0,$.jsx)(`span`,{className:`truncate max-w-80`,children:i??`Task notification`}),(0,$.jsx)(s,{className:M(`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)(Bn,{path:a}),o&&(0,$.jsx)(`div`,{className:`text-[11px] text-text-subtle/80 max-h-60 overflow-y-auto leading-relaxed`,children:(0,$.jsx)(Xn,{content:o})})]})]})}function Bn({path:e,projectName:t}){return(0,$.jsxs)(`button`,{type:`button`,onClick:(0,Q.useCallback)(()=>{let n=L.getState().openTab,r=t??I.getState().activeProject?.name,i=P(e),a={filePath:e};r&&(a.projectName=r),A.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)(Xe,{className:`size-2.5 shrink-0`}),(0,$.jsx)(`span`,{className:`truncate max-w-60`,children:P(e)}),(0,$.jsx)(J,{className:`size-2 shrink-0 opacity-50`})]})}function Vn({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)(Bn,{path:e.value,projectName:t},n):(0,$.jsx)(`span`,{children:e.value},n))})}function Hn(e){let[t,n]=(0,Q.useState)(null),[r,i]=(0,Q.useState)(!1);return(0,Q.useEffect)(()=>{let t=!1,r,a=ee();return fetch(e,{headers:a?{Authorization:`Bearer ${a}`}:{}}).then(e=>{if(!e.ok)throw Error(`Failed`);return e.blob()}).then(e=>{t||(r=URL.createObjectURL(e),n(r))}).catch(()=>{t||i(!0)}),()=>{t=!0,r&&URL.revokeObjectURL(r)}},[e]),{blobUrl:t,error:r}}function Un({filePath:e,projectName:t}){let{blobUrl:n,error:r}=Hn(An(e,t)),i=Pe(e=>e.open),a=P(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>n&&i(n,a),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,className:`size-4 rounded-sm object-cover shrink-0`}):r?(0,$.jsx)(we,{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 Wn({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}n.type===`text`?a+=n.content:n.type===`tool_use`?(a&&=(i.push({kind:`text`,content:a}),``),i.push({kind:`tool`,tool:n})):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)(Gn,{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)(Kn,{content:e.content,animate:r,projectName:n})},`text-${a}`)}return(0,$.jsx)(Lt,{tool:e.tool,result:e.result,completed:e.completed,projectName:n,bashPartialOutput:r},`tool-${a}`)})})}function Gn({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)(Z,{className:`size-3 animate-spin`}):(0,$.jsx)(s,{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 Kn({content:e,animate:t,projectName:n}){return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Xn,{content:e,projectName:n,isStreaming:t}),t&&(0,$.jsx)(`span`,{className:`text-text-subtle text-sm animate-pulse`,children:`Thinking...`})]})}function qn({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)(Z,{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-yellow-500/80 ml-5`,children:`Taking longer than usual — may be rate-limited or API slow. Try sending a new message to retry.`})]})}var Jn=/<teammate-message[^>]*>[\s\S]*?<\/teammate-message>/g;function Yn(e){return e.replace(Jn,``).replace(/\n{3,}/g,`
-`).trim()}function Xn({content:e,projectName:t,isStreaming:n}){let r=Yn(e);return r?(0,$.jsx)(on,{fallbackContent:r,children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(`div`,{className:`animate-pulse h-4 bg-muted rounded`}),children:(0,$.jsx)(yn,{content:r,projectName:t,codeActions:!0,isStreaming:n})})}):null}function Zn({approval:e,onRespond:t}){return(0,$.jsxs)(`div`,{className:`rounded-lg border-2 border-yellow-500/40 bg-yellow-500/10 p-3 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-yellow-400 text-sm font-medium`,children:[(0,$.jsx)(mt,{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-green-600 text-white text-xs font-medium hover:bg-green-500 transition-colors`,children:`Allow`}),(0,$.jsx)(`button`,{onClick:()=>t(e.requestId,!1),className:`px-4 py-1.5 rounded bg-red-600 text-white text-xs font-medium hover:bg-red-500 transition-colors`,children:`Deny`})]})]})}function Qn({approval:e,onRespond:t}){return(0,$.jsx)(vn,{questions:e.input.questions??[],onSubmit:n=>t(e.requestId,!0,n),onSkip:()=>t(e.requestId,!1)})}function $n({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)(Z,{className:`size-3.5 shrink-0 animate-spin text-amber-500`}):(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)(Fe,{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-amber-500 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)(w,{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-red-400 transition-colors disabled:opacity-40`,"aria-label":`Stop command`,title:`Stop command`,children:(0,$.jsx)(Ge,{className:`size-3.5`})})]},e.shellId))})}function er(){let e=window;return e.SpeechRecognition??e.webkitSpeechRecognition??null}function tr(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`&&er()!==null;return{isListening:t,interimText:r,start:(0,Q.useCallback)(t=>{let r=er();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 nr=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`]);function rr(e){return nr.has(e.type)}function ir({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:M(`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)(Fe,{className:`size-3.5 shrink-0 text-text-subtle`}):e.isImage?(0,$.jsx)(we,{className:`size-3.5 shrink-0 text-text-subtle`}):(0,$.jsx)(Xe,{className:`size-3.5 shrink-0 text-text-subtle`}),(0,$.jsx)(`span`,{className:`truncate`,children:e.name}),e.textContent&&(0,$.jsx)(o,{className:M(`size-3 shrink-0 text-text-subtle transition-transform`,n===e.id&&`rotate-180`)}),e.status===`uploading`?(0,$.jsx)(Z,{className:`size-3 shrink-0 animate-spin text-text-subtle`}):e.status===`error`?(0,$.jsx)(`span`,{className:`text-red-500 shrink-0`,title:`Upload failed`,children:`!`}):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)(O,{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:ar(i.textContent)})]})}function ar(e){let t=e.trim(),n=t.match(/^```\w*\n([\s\S]*?)\n```$/);return n?n[1]:t}var or=[{id:`default`,label:`Ask before edits`,icon:ot,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:at,description:`Claude will present a plan before editing`},{id:`bypassPermissions`,label:`Bypass permissions`,icon:E,description:`Claude will not ask before running commands`}];function sr(e){return or.find(t=>t.id===e)?.label??`Unknown`}function cr(e){return or.find(t=>t.id===e)?.icon??ot}function lr({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)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[n,r]),(0,Q.useEffect)(()=>{n&&(a.current=or.findIndex(t=>t.id===e),a.current<0&&(a.current=0))},[n,e]);let o=(0,Q.useCallback)(e=>{if(e.key===`Escape`){r(!1);return}if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;a.current=(a.current+t+or.length)%or.length,(i.current?.querySelector(`[data-idx="${a.current}"]`))?.focus()}if(e.key===`Enter`){e.preventDefault();let n=or[a.current];n&&(t(n.id),r(!1))}},[t,r]);return n?(0,$.jsxs)(`div`,{ref:i,role:`listbox`,"aria-label":`Permission modes`,onKeyDown:o,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:`absolute bottom-full left-0 mb-1 z-50 w-72 md:w-80 rounded-lg border border-border bg-surface shadow-lg`,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:or.map((n,i)=>{let a=n.icon,o=n.id===e;return(0,$.jsxs)(`button`,{"data-idx":i,role:`option`,"aria-selected":o,tabIndex:0,onClick:()=>{t(n.id),r(!1)},className:`w-full flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-elevated focus:bg-surface-elevated focus:outline-none ${o?`bg-surface-elevated`:``}`,children:[(0,$.jsx)(a,{className:`size-4 mt-0.5 shrink-0 text-text-secondary`}),(0,$.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,$.jsx)(`div`,{className:`text-sm font-medium text-text-primary`,children:n.label}),(0,$.jsx)(`div`,{className:`text-xs text-text-subtle leading-snug`,children:n.description})]}),o&&(0,$.jsx)(ce,{className:`size-4 mt-0.5 shrink-0 text-primary`})]},n.id)})})]}):null}function ur(e){return e.replace(/^Claude\s+/i,``)}function dr({value:e,onChange:t,projectName:n,providerId:r,disabled:i}){let[a,o]=(0,Q.useState)([]),[s,c]=(0,Q.useState)(!1),l=(0,Q.useRef)(null),u=(0,Q.useRef)(0);(0,Q.useEffect)(()=>{!n||!r||A.get(`${k(n)}/chat/providers/${r}/models`).then(o).catch(()=>{})},[n,r]),(0,Q.useEffect)(()=>{i&&c(!1)},[i]),(0,Q.useEffect)(()=>{if(!s)return;let e=e=>{l.current&&!l.current.contains(e.target)&&c(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[s]),(0,Q.useEffect)(()=>{s&&(u.current=Math.max(0,a.findIndex(t=>t.value===e)))},[s,e,a]);let d=(0,Q.useCallback)(e=>{if(e.key===`Escape`){c(!1);return}if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;u.current=(u.current+t+a.length)%a.length,(l.current?.querySelector(`[data-idx="${u.current}"]`))?.focus()}if(e.key===`Enter`){e.preventDefault();let n=a[u.current];n&&(t(n.value),c(!1))}},[t,a]);if(a.length<=1)return null;let f=a.find(t=>t.value===e),p=f?ur(f.label):e??`Model`;return(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsxs)(`button`,{type:`button`,disabled:i,onClick:e=>{e.stopPropagation(),i||c(e=>!e)},className:`inline-flex items-center gap-1 px-2 py-1 rounded-md text-[11px] text-text-subtle hover:text-text-primary hover:bg-surface-elevated transition-colors border border-transparent hover:border-border disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent disabled:hover:border-transparent disabled:hover:text-text-subtle`,"aria-label":`Model: ${f?.label??e??`default`}`,title:i?`Model can't change while running`:f?.label??void 0,children:[(0,$.jsx)(D,{className:`h-3.5 w-3.5 shrink-0`}),(0,$.jsx)(`span`,{className:`max-w-[90px] truncate`,children:p})]}),s&&!i&&(0,$.jsxs)(`div`,{ref:l,role:`listbox`,"aria-label":`Models`,onKeyDown:d,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:`absolute bottom-full left-0 mb-1 z-50 w-56 rounded-lg border border-border bg-surface shadow-lg`,children:[(0,$.jsx)(`div`,{className:`px-3 py-2 border-b border-border`,children:(0,$.jsx)(`span`,{className:`text-xs font-medium text-text-secondary`,children:`Model`})}),(0,$.jsx)(`div`,{className:`py-1`,children:a.map((n,r)=>{let i=n.value===e;return(0,$.jsxs)(`button`,{"data-idx":r,role:`option`,"aria-selected":i,tabIndex:0,onClick:()=>{t(n.value),c(!1)},className:`w-full flex items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-surface-elevated focus:bg-surface-elevated focus:outline-none ${i?`bg-surface-elevated`:``}`,children:[(0,$.jsx)(`span`,{className:`flex-1 text-sm font-medium text-text-primary`,children:n.label}),i&&(0,$.jsx)(ce,{className:`size-4 shrink-0 text-primary`})]},n.value)})})]})]})}var fr=(0,Q.memo)(function({onSend:e,isStreaming:t,onCancel:n,disabled:r,projectName:a,onSlashStateChange:o,onSlashItemsLoaded:s,slashSelected:c,onFileStateChange:l,onFileItemsLoaded:u,fileSelected:d,externalFiles:f,externalPaths:p,onExternalPathsConsumed:m,initialValue:h,clearSignal:g,onContentChange:_,autoFocus:v,permissionMode:y,onModeChange:b,providerId:x,onProviderChange:S,model:C,onModelChange:w}){let T=(0,Q.useRef)(h??``),[E,D]=(0,Q.useState)(()=>(h??``).trim().length>0),[O,j]=(0,Q.useState)([]),[te,M]=(0,Q.useState)(!1),[P,F]=(0,Q.useState)(!1),[I,L]=(0,Q.useState)(`next`),R=(0,Q.useRef)(null),z=(0,Q.useRef)(null),B=(0,Q.useRef)(null),V=(0,Q.useRef)([]),H=(0,Q.useRef)([]),U=(0,Q.useRef)(0),ne=(0,Q.useRef)(!1),re=(0,Q.useRef)(!1),ie=(0,Q.useRef)(typeof CSS>`u`||!CSS.supports(`field-sizing`,`content`)),W=(0,Q.useCallback)(e=>{T.current=e,R.current&&(R.current.value=e),z.current&&(z.current.value=e),D(e.trim().length>0)},[]),G=(0,Q.useCallback)(()=>window.matchMedia(`(min-width: 768px)`).matches?R.current:z.current,[]),K=tr(),ae=(0,Q.useRef)(``),oe=(0,Q.useCallback)(e=>{let t=ae.current;W(t?t+` `+e:e),ie.current&&requestAnimationFrame(()=>{let e=G();e&&(e.style.height=`auto`,e.style.height=Math.min(e.scrollHeight,160)+`px`)})},[W,G]),q=(0,Q.useCallback)(()=>{K.isListening?K.stop():(ae.current=T.current.trim(),K.start(oe))},[K.isListening,K.start,K.stop,oe]);(0,Q.useEffect)(()=>{let e=()=>{K.supported&&q()};return window.addEventListener(`toggle-voice-input`,e),()=>window.removeEventListener(`toggle-voice-input`,e)},[K.supported,q]),(0,Q.useEffect)(()=>{let e=e=>{let{text:t,label:n}=e.detail??{};if(!t)return;window.dispatchEvent(new Event(`ppm:send-to-chat:ack`));let r={id:N(),name:n??`Terminal output`,file:new File([],`terminal-output.txt`),isImage:!1,textContent:t,status:`ready`};j(e=>[...e,r]),G()?.focus()};return window.addEventListener(`ppm:send-to-chat`,e),()=>window.removeEventListener(`ppm:send-to-chat`,e)},[G]),(0,Q.useEffect)(()=>{h&&(W(h),setTimeout(()=>{let e=R.current;e&&(e.focus(),e.selectionStart=e.selectionEnd=e.value.length)},50))},[h]),(0,Q.useEffect)(()=>{g&&W(``)},[g]),(0,Q.useEffect)(()=>{v&&setTimeout(()=>{G()?.focus()},100)},[]);let J=(0,Q.useCallback)(()=>{if(!a){V.current=[],s?.([],[]);return}A.get(`${k(a)}/chat/slash-items`).then(e=>{V.current=e.items,s?.(e.items,e.recentNames)}).catch(()=>{V.current=[],s?.([],[])})},[a,s]);(0,Q.useEffect)(()=>{J()},[J]),(0,Q.useEffect)(()=>{let e=()=>J();return window.addEventListener(`ppm:slash-items-refresh`,e),()=>window.removeEventListener(`ppm:slash-items-refresh`,e)},[J]),(0,Q.useEffect)(()=>{let e=()=>{if(!a){H.current=[],u?.([]);return}let{fileIndex:e}=$e.getState(),t=e.map(e=>({name:e.name,path:e.path,type:e.type}));H.current=t,u?.(t)};e();let t=$e.getState().fileIndex,n=$e.getState().indexStatus;return $e.subscribe(r=>{(r.fileIndex!==t||r.indexStatus!==n)&&(t=r.fileIndex,n=r.indexStatus,e())})},[a]),(0,Q.useEffect)(()=>{if(!c)return;let e=G();if(!e)return;let t=e.value,n=e.selectionStart,r=t.slice(0,n),i=t.slice(n),a=r.replace(/(?:^|\s)\/\S*$/,e=>`${e.startsWith(`/`)?``:e[0]}/${c.name} `);W(a+i),o?.(!1,``),ne.current=!1,l?.(!1,``),re.current=!1,e.focus(),setTimeout(()=>{e.selectionStart=e.selectionEnd=a.length},0)},[c]),(0,Q.useEffect)(()=>{if(!d)return;let e=G();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;W(r.slice(0,t)+`@${d.path} `+i);let n=t+d.path.length+2;setTimeout(()=>{e.selectionStart=e.selectionEnd=n,e.focus()},0)}else{let n=t+`@${d.path} `;W(n),setTimeout(()=>{e.selectionStart=e.selectionEnd=n.length,e.focus()},0)}l?.(!1,``),re.current=!1},[d]),(0,Q.useEffect)(()=>{!f||f.length===0||se(f)},[f]),(0,Q.useEffect)(()=>{if(!p||p.length===0)return;let e=p.map(e=>`@${e}`).join(` `),t=T.current;W(t+(t.length>0&&!t.endsWith(` `)?` `:``)+e+` `),G()?.focus(),m?.()},[p]);let Y=(0,Q.useCallback)(async e=>{if(!a)return null;try{let t=new FormData;t.append(`files`,e);let n={},r=ee();r&&(n.Authorization=`Bearer ${r}`);let i=await(await fetch(`${k(a)}/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}},[a]),se=(0,Q.useCallback)(async e=>{for(let t of e){let e=N(),n=rr(t),r=n?URL.createObjectURL(t):void 0,i={id:e,name:t.name,file:t,isImage:n,previewUrl:r,status:`uploading`};j(e=>[...e,i]),Y(t).then(t=>{j(n=>n.map(n=>n.id===e?{...n,serverPath:t??void 0,status:t?`ready`:`error`}:n))})}(z.current??R.current)?.focus()},[Y]),ce=(0,Q.useCallback)(e=>{j(t=>{let n=t.find(t=>t.id===e);return n?.previewUrl&&URL.revokeObjectURL(n.previewUrl),t.filter(t=>t.id!==e)})},[]),le=(0,Q.useCallback)(()=>{let n=T.current.trim(),r=O.filter(e=>e.status===`ready`);if(!n&&r.length===0){F(!1);return}o?.(!1,``),ne.current=!1,l?.(!1,``),re.current=!1,K.isListening&&K.stop(),e(n,r,t?I:void 0),W(``);for(let e of O)e.previewUrl&&URL.revokeObjectURL(e.previewUrl);j([]),F(!1),L(`next`),ie.current&&(R.current&&(R.current.style.height=`auto`),z.current&&(z.current.style.height=`auto`))},[O,e,o,l,t,I,W]),ue=(0,Q.useCallback)(()=>{if(!r){if(O.some(e=>e.status===`uploading`)){(T.current.trim()||O.some(e=>e.status!==`error`))&&F(!0);return}le()}},[O,r,le]);(0,Q.useEffect)(()=>{P&&(O.some(e=>e.status===`uploading`)||le())},[P,O,le]);let de=(0,Q.useCallback)(e=>{if(e.key===`Enter`&&!e.shiftKey){e.preventDefault(),ue();return}if(e.shiftKey&&e.key===`Tab`){e.preventDefault();let t=[`default`,`acceptEdits`,`plan`,`bypassPermissions`],n=t[(t.indexOf(y??`bypassPermissions`)+1)%t.length];b?.(n)}},[ue,y,b]),fe=(0,Q.useCallback)((e,t)=>{let n=e.slice(0,t),r=n.includes(`/`),i=n.includes(`@`);if(!r&&!i){ne.current&&=(o?.(!1,``),!1),re.current&&=(l?.(!1,``),!1);return}if(r){let e=n.match(/(?:^|\s)\/(\S*)$/);if(e&&V.current.length>0){let t=e[1]??``;o?.(!0,t),ne.current=!0,re.current&&=(l?.(!1,``),!1);return}}if(i){let e=n.match(/@(\S*)$/);if(e&&H.current.length>0){l?.(!0,e[1]??``),re.current=!0,ne.current&&=(o?.(!1,``),!1);return}}ne.current&&=(o?.(!1,``),!1),re.current&&=(l?.(!1,``),!1)},[o,l]),X=(0,Q.useCallback)(e=>{let t=e.target,n=t.value;T.current=n;let r=t===R.current?z.current:R.current;r&&(r.value=n),D(n.trim().length>0),fe(n,t.selectionStart),_?.(n,O.filter(e=>e.status===`ready`&&e.serverPath).map(e=>({name:e.name,path:e.serverPath}))),ie.current&&(U.current&&cancelAnimationFrame(U.current),U.current=requestAnimationFrame(()=>{U.current=0,t.style.height=`auto`,t.style.height=Math.min(t.scrollHeight,t===z.current?80:160)+`px`}))},[fe,_,O]),pe=(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(),se(n))},[se]),me=(0,Q.useCallback)(e=>{e.preventDefault();let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){let e=T.current;W(e+(e.length>0&&!e.endsWith(` `)?` `:``)+`@${t} `),G()?.focus();return}let n=Array.from(e.dataTransfer.files);n.length>0&&se(n)},[se,W,G]),he=(0,Q.useCallback)(e=>{e.preventDefault()},[]),ge=(0,Q.useCallback)(()=>{B.current?.click()},[]),_e=(0,Q.useCallback)(e=>{let t=Array.from(e.target.files??[]);t.length>0&&se(t),e.target.value=``},[se]),ve=E||O.some(e=>e.status!==`error`),ye=t&&!ve;return(0,$.jsxs)(`div`,{className:`p-2 md:p-3 bg-background`,children:[(0,$.jsxs)(`div`,{className:`border border-border rounded-xl md:rounded-2xl bg-surface shadow-sm cursor-text`,onClick:e=>{r||e.target instanceof HTMLTextAreaElement||G()?.focus()},children:[(0,$.jsx)(ir,{attachments:O,onRemove:ce}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 px-2 pt-2 md:hidden relative`,children:[(0,$.jsx)(pr,{mode:y??`bypassPermissions`,onClick:()=>M(e=>!e)}),(0,$.jsx)(lr,{value:y??`bypassPermissions`,onChange:e=>b?.(e),open:te,onOpenChange:M}),S&&a&&(0,$.jsx)(Ae,{value:x??`claude`,onChange:S,projectName:a}),w&&a&&(0,$.jsx)(dr,{value:C??null,onChange:w,projectName:a,providerId:x??`claude`,disabled:t}),t&&(0,$.jsx)(hr,{value:I,onChange:L})]}),(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(),ge()},disabled:r,className:`flex items-center justify-center size-7 shrink-0 rounded-full text-text-subtle hover:text-text-primary transition-colors disabled:opacity-50`,"aria-label":`Attach file`,children:(0,$.jsx)(pt,{className:`size-4`})}),(0,$.jsx)(`textarea`,{ref:z,defaultValue:h??``,onChange:X,onKeyDown:de,onPaste:pe,onDrop:me,onDragOver:he,placeholder:t?`Follow-up...`:`Ask anything...`,disabled:r,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]`}),K.supported&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),q()},disabled:r,className:`flex items-center justify-center size-7 shrink-0 rounded-full transition-colors disabled:opacity-50 ${K.isListening?`bg-red-600 text-white animate-pulse`:`text-text-subtle hover:text-text-primary`}`,"aria-label":K.isListening?`Stop voice input`:`Start voice input`,children:K.isListening?(0,$.jsx)(dt,{className:`size-4`}):(0,$.jsx)(Ue,{className:`size-4`})}),ye?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),n?.()},className:`flex items-center justify-center size-7 shrink-0 rounded-full bg-red-600 text-white hover:bg-red-500 transition-colors`,"aria-label":`Stop`,children:(0,$.jsx)(Ge,{className:`size-3`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),P?F(!1):ue()},disabled:r||!ve,className:`flex items-center justify-center size-7 shrink-0 rounded-full bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-30 transition-colors`,"aria-label":P?`Cancel queued send`:`Send`,children:P?(0,$.jsx)(Z,{className:`size-3.5 animate-spin`}):(0,$.jsx)(i,{className:`size-3.5`})})]}),(0,$.jsxs)(`div`,{className:`hidden md:block`,children:[(0,$.jsx)(`textarea`,{ref:R,defaultValue:h??``,onChange:X,onKeyDown:de,onPaste:pe,onDrop:me,onDragOver:he,placeholder:t?`Follow-up or Stop...`:`Ask anything...`,disabled:r,rows:1,className:`w-full resize-none bg-transparent px-4 pt-3 pb-1 text-sm text-foreground placeholder:text-text-subtle focus:outline-none disabled:opacity-50 max-h-40 [field-sizing:content]`}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-3 pb-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),ge()},disabled:r,className:`flex items-center justify-center size-8 rounded-full text-text-subtle hover:text-text-primary hover:bg-surface-elevated transition-colors disabled:opacity-50`,"aria-label":`Attach file`,children:(0,$.jsx)(pt,{className:`size-4`})}),(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(pr,{mode:y??`bypassPermissions`,onClick:()=>M(e=>!e)}),(0,$.jsx)(lr,{value:y??`bypassPermissions`,onChange:e=>b?.(e),open:te,onOpenChange:M})]}),S&&a&&(0,$.jsx)(Ae,{value:x??`claude`,onChange:S,projectName:a}),w&&a&&(0,$.jsx)(dr,{value:C??null,onChange:w,projectName:a,providerId:x??`claude`,disabled:t}),t&&(0,$.jsx)(hr,{value:I,onChange:L})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[K.supported&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),q()},disabled:r,className:`flex items-center justify-center size-8 rounded-full transition-colors disabled:opacity-50 ${K.isListening?`bg-red-600 text-white animate-pulse`:`text-text-subtle hover:text-text-primary hover:bg-surface-elevated`}`,"aria-label":K.isListening?`Stop voice input`:`Start voice input`,children:K.isListening?(0,$.jsx)(dt,{className:`size-4`}):(0,$.jsx)(Ue,{className:`size-4`})}),ye?(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),n?.()},className:`flex items-center justify-center size-8 rounded-full bg-red-600 text-white hover:bg-red-500 transition-colors`,"aria-label":`Stop response`,children:(0,$.jsx)(Ge,{className:`size-3.5`})}):(0,$.jsx)(`button`,{onClick:e=>{e.stopPropagation(),P?F(!1):ue()},disabled:r||!ve,className:`flex items-center justify-center size-8 rounded-full bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-30 disabled:cursor-not-allowed transition-colors`,"aria-label":P?`Cancel queued send`:`Send message`,children:P?(0,$.jsx)(Z,{className:`size-4 animate-spin`}):(0,$.jsx)(i,{className:`size-4`})})]})]})]})]}),(0,$.jsx)(`input`,{ref:B,type:`file`,multiple:!0,className:`hidden`,onChange:_e})]})});function pr({mode:e,onClick:t}){let n=cr(e),r=sr(e);return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),t()},className:`inline-flex items-center gap-1 px-2 py-1 rounded-md text-[11px] text-text-subtle hover:text-text-primary hover:bg-surface-elevated transition-colors border border-transparent hover:border-border`,"aria-label":`Permission mode: ${r}`,children:[(0,$.jsx)(n,{className:`size-3`}),(0,$.jsx)(`span`,{className:`max-w-[100px] truncate`,children:r})]})}var mr=[{value:`now`,label:`Interrupt`,Icon:xe},{value:`next`,label:`Queue`,Icon:ct},{value:`later`,label:`Later`,Icon:g}];function hr({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=mr.find(t=>t.value===e)??mr[1],i=r.Icon;return(0,$.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),n()},className:`inline-flex items-center gap-1 px-2 py-1 rounded-md text-[11px] text-text-subtle hover:text-text-primary hover:bg-surface-elevated transition-colors border border-transparent hover:border-border`,"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 gr(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 _r(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=gr(n,r.slice(0,n.length+i));return a<=i?{rank:2,distance:a}:null}function vr(e,t,n=20,r=[]){if(!t)return e;t=t.slice(0,50);let i=new Set(r),a=[];for(let n of e){let e=[_r(t,n.name),_r(t,n.description)].filter(e=>e!==null).sort((e,t)=>e.rank-t.rank||e.distance-t.distance)[0];e&&a.push({item:n,rank:e.rank,distance:e.distance,recent:i.has(n.name)})}return a.sort((e,t)=>e.rank-t.rank||e.distance-t.distance||(e.recent===t.recent?0:e.recent?-1:1)||e.item.name.localeCompare(t.item.name)),a.slice(0,n).map(e=>e.item)}function yr({items:e,filter:t,onSelect:n,onClose:r,visible:i,recentNames:a=[],projectName:o}){let[s,c]=(0,Q.useState)(0),[l,u]=(0,Q.useState)(!1),d=(0,Q.useRef)(null),f=(0,Q.useMemo)(()=>new Set(a),[a]),p=(0,Q.useMemo)(()=>{if(t)return{items:vr(e,t,20,a),recentCount:0};if(a.length>0){let t=[],n=[];for(let r of e)f.has(r.name)?t.push(r):n.push(r);return t.sort((e,t)=>a.indexOf(e.name)-a.indexOf(t.name)),{items:[...t,...n],recentCount:t.length}}return{items:e,recentCount:0}},[e,t,a,f]),m=p.items,h=p.recentCount;(0,Q.useEffect)(()=>{c(0)},[t]),(0,Q.useEffect)(()=>{let e=d.current;e&&e.children[s]?.scrollIntoView({block:`nearest`})},[s]);let _=(0,Q.useCallback)(e=>{if(!i||m.length===0)return!1;switch(e.key){case`ArrowUp`:return e.preventDefault(),c(e=>e>0?e-1:m.length-1),!0;case`ArrowDown`:return e.preventDefault(),c(e=>e<m.length-1?e+1:0),!0;case`Enter`:case`Tab`:return e.preventDefault(),m[s]&&n(m[s]),!0;case`Escape`:return e.preventDefault(),r(),!0}return!1},[i,m,s,n,r]);(0,Q.useEffect)(()=>{if(!i)return;let e=e=>{_(e)&&e.stopPropagation()};return document.addEventListener(`keydown`,e,!0),()=>document.removeEventListener(`keydown`,e,!0)},[i,_]);let v=(0,Q.useCallback)(()=>{!o||l||(u(!0),A.del(`${k(o)}/chat/slash-items/cache`).then(()=>{window.dispatchEvent(new CustomEvent(`ppm:slash-items-refresh`))}).finally(()=>u(!1)))},[o,l]);return!i||m.length===0?null:(0,$.jsx)(`div`,{className:`max-h-52 overflow-y-auto border-b border-border bg-surface`,children:(0,$.jsx)(`div`,{ref:d,className:`py-1`,children:m.map((e,t)=>{let r=h>0&&t===0,i=h>0&&t===h;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`]}),o&&(0,$.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),v()},className:`text-text-subtle hover:text-text-primary transition-colors p-0.5 rounded`,title:`Refresh skill list`,"aria-label":`Refresh skill list`,children:(0,$.jsx)(Le,{className:`size-3 ${l?`animate-spin`:``}`})})]}),i&&(0,$.jsx)(`div`,{className:`px-3 pt-1.5 pb-0.5`,children:(0,$.jsx)(`span`,{className:`text-[10px] font-medium text-text-subtle uppercase tracking-wider`,children:`All`})}),(0,$.jsxs)(`button`,{className:`flex items-start gap-3 w-full px-3 py-2 text-left transition-colors ${t===s?`bg-primary/10 text-primary`:`hover:bg-surface-hover text-text-primary`}`,onMouseEnter:()=>c(t),onClick:()=>n(e),children:[(0,$.jsx)(`span`,{className:`shrink-0 mt-0.5`,children:e.type===`builtin`?(0,$.jsx)(xe,{className:`size-4 text-emerald-500`}):e.type===`skill`?(0,$.jsx)(D,{className:`size-4 text-amber-500`}):(0,$.jsx)(qe,{className:`size-4 text-blue-500`})}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,$.jsxs)(`span`,{className:`font-medium text-sm`,children:[`/`,e.name]}),e.argumentHint&&(0,$.jsx)(`span`,{className:`text-xs text-text-subtle`,children:e.argumentHint}),(0,$.jsx)(`span`,{className:`text-xs text-text-subtle capitalize ml-auto`,children: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`,children:e.description})]})]})]},`${e.type}-${e.name}`)})})})}function br({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()};return document.addEventListener(`keydown`,e,!0),()=>document.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)(Ze,{className:`size-4 text-amber-500`}):(0,$.jsx)(ve,{className:`size-4 text-blue-400`})}),(0,$.jsx)(`span`,{className:`text-sm truncate`,children:e.path})]},e.path))})})}function xr({projectName:e,onTagsChanged:t}){let[n,r]=(0,Q.useState)([]),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(!0),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)(``),[m,h]=(0,Q.useState)(``),[g,_]=(0,Q.useState)(`#22c55e`),[v,y]=(0,Q.useState)(!1),b=`${k(e)}/tags`,x=(0,Q.useCallback)(async()=>{try{let e=await A.get(b);r(e.tags),a(e.defaultTagId)}catch{}s(!1)},[b]);(0,Q.useEffect)(()=>{x()},[x]);let S=async()=>{if(m.trim())try{await A.post(b,{name:m.trim(),color:g}),h(``),y(!1),x(),t?.()}catch{}},w=async e=>{try{await A.patch(`${b}/${e}`,{name:u.trim()||void 0,color:f||void 0}),l(null),x(),t?.()}catch{}},E=async(e,n)=>{if(window.confirm(`Delete tag "${n}"? Sessions with this tag will become untagged.`))try{await A.del(`${b}/${e}`),x(),t?.()}catch{}},D=async e=>{let t=e===i?null:e;try{await A.patch(`${b}/default-tag`,{tagId:t}),a(t)}catch{}};return o?(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground animate-pulse`,children:`Loading tags...`}):(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`h3`,{className:`text-xs font-medium text-muted-foreground`,children:`Session Tags`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(`button`,{onClick:async()=>{try{await A.post(`${b}/reset`,{}),x(),t?.()}catch{}},className:`p-1 rounded text-text-subtle hover:text-text-secondary`,title:`Reset to defaults`,children:(0,$.jsx)(De,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:()=>y(!v),className:`p-1 rounded text-primary hover:bg-primary/10`,title:`Add tag`,children:(0,$.jsx)(C,{className:`size-3.5`})})]})]}),v&&(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 px-1`,children:[(0,$.jsx)(`input`,{type:`color`,value:g,onChange:e=>_(e.target.value),className:`size-6 rounded cursor-pointer border-0 p-0`}),(0,$.jsx)(`input`,{value:m,onChange:e=>h(e.target.value),onKeyDown:e=>{e.key===`Enter`&&S(),e.key===`Escape`&&y(!1)},placeholder:`Tag name`,className:`flex-1 min-w-0 bg-surface-elevated text-[11px] text-text-primary px-2 py-1 rounded border border-border outline-none focus:border-primary`,autoFocus:!0}),(0,$.jsx)(`button`,{onClick:S,className:`p-1 text-green-500 hover:text-green-400`,children:(0,$.jsx)(ce,{className:`size-3.5`})}),(0,$.jsx)(`button`,{onClick:()=>y(!1),className:`p-1 text-text-subtle hover:text-text-secondary`,children:(0,$.jsx)(O,{className:`size-3.5`})})]}),(0,$.jsxs)(`div`,{className:`space-y-0.5`,children:[n.map(e=>(0,$.jsx)(`div`,{className:`flex items-center gap-1.5 px-1 py-1 rounded hover:bg-surface-elevated group`,children:c===e.id?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`input`,{type:`color`,value:f,onChange:e=>p(e.target.value),className:`size-5 rounded cursor-pointer border-0 p-0`}),(0,$.jsx)(`input`,{value:u,onChange:e=>d(e.target.value),onKeyDown:t=>{t.key===`Enter`&&w(e.id),t.key===`Escape`&&l(null)},className:`flex-1 min-w-0 bg-surface-elevated text-[11px] px-1.5 py-0.5 rounded border border-border outline-none focus:border-primary`,autoFocus:!0}),(0,$.jsx)(`button`,{onClick:()=>w(e.id),className:`p-0.5 text-green-500`,children:(0,$.jsx)(ce,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:()=>l(null),className:`p-0.5 text-text-subtle`,children:(0,$.jsx)(O,{className:`size-3`})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`size-3 rounded-full shrink-0`,style:{backgroundColor:e.color}}),(0,$.jsx)(`span`,{className:`flex-1 text-[11px] text-text-primary truncate`,children:e.name}),(0,$.jsx)(`button`,{onClick:()=>D(e.id),className:`px-1.5 py-0.5 rounded text-[9px] font-medium transition-colors ${e.id===i?`bg-primary/15 text-primary border border-primary/30`:`text-text-subtle border border-transparent can-hover:opacity-0 can-hover:group-hover:opacity-100 hover:bg-surface-elevated hover:border-border`}`,title:e.id===i?`Default tag (click to unset)`:`Set as default for new sessions`,children:e.id===i?`Default`:`Set default`}),(0,$.jsx)(`button`,{onClick:()=>{l(e.id),d(e.name),p(e.color)},className:`p-0.5 rounded text-text-subtle hover:text-text-secondary can-hover:opacity-0 can-hover:group-hover:opacity-100`,children:(0,$.jsx)(ke,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:()=>E(e.id,e.name),className:`p-0.5 rounded text-text-subtle hover:text-red-400 can-hover:opacity-0 can-hover:group-hover:opacity-100`,children:(0,$.jsx)(T,{className:`size-3`})})]})},e.id)),n.length===0&&(0,$.jsx)(`p`,{className:`text-[11px] text-muted-foreground py-2 text-center`,children:`No tags. Click + to create one.`})]})]})}var Sr=`ppm-hienlh`;function Cr({open:e,onOpenChange:t,onSuccess:n}){let[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(``),[s,g]=(0,Q.useState)(!1),[_,v]=(0,Q.useState)(null),[y,b]=(0,Q.useState)(null),[x,S]=(0,Q.useState)(``),[C,w]=(0,Q.useState)(!1),[T,E]=(0,Q.useState)(`idle`);function D(){b(null),S(``),E(`idle`),v(null)}function O(){t(!1),D(),i(``),o(``),v(null)}async function k(){w(!0),v(null);try{let{url:e,state:t}=await ae();b(t),E(`waiting`),window.open(e,`_blank`)}catch(e){v(e.message)}w(!1)}async function ee(){if(!(!x.trim()||!y)){w(!0),v(null);try{let e=x.trim();e.includes(`#`)&&(e=e.split(`#`)[0]??e),await H(e,y),O(),n(`Account connected via OAuth!`)}catch(e){v(e.message)}w(!1)}}async function A(){if(r.trim()){g(!0),v(null);try{await K({apiKey:r.trim(),label:a.trim()||void 0}),O(),n(`Account added!`)}catch(e){v(e.message)}g(!1)}}let j=r.trim()?r.trim().startsWith(`sk-ant-oat`)?`OAuth token (Claude Max/Pro)`:r.trim().startsWith(`sk-ant-api`)?`API key`:`Unknown format`:``;return(0,$.jsx)(d,{open:e,onOpenChange:e=>{e||O()},children:(0,$.jsxs)(p,{className:`sm:max-w-md`,children:[(0,$.jsxs)(f,{children:[(0,$.jsx)(m,{className:`text-sm`,children:`Add Claude Account`}),(0,$.jsx)(l,{className:`text-xs leading-relaxed`,children:`Connect via OAuth (recommended) or paste a token manually.`})]}),(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`rounded-md border p-3 space-y-2`,children:[(0,$.jsx)(`p`,{className:`text-[11px] font-medium`,children:`Recommended: Login with Claude`}),T===`idle`?(0,$.jsx)(u,{size:`sm`,className:`w-full h-8 text-xs`,onClick:k,disabled:C,children:C?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{className:`size-3 animate-spin mr-1`}),` Opening...`]}):`Login with Claude`}):(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`Authorize in the opened tab, then paste the code:`}),(0,$.jsx)(h,{placeholder:`Paste code here...`,value:x,onChange:e=>S(e.target.value),className:`text-xs h-8 font-mono`,autoFocus:!0}),(0,$.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,$.jsx)(u,{size:`sm`,className:`flex-1 h-7 text-xs`,onClick:ee,disabled:!x.trim()||C,children:C?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{className:`size-3 animate-spin mr-1`}),` Connecting...`]}):`Connect`}),(0,$.jsx)(u,{size:`sm`,variant:`ghost`,className:`h-7 text-xs`,onClick:D,children:`Cancel`})]})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`flex-1 border-t`}),(0,$.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`or paste token`}),(0,$.jsx)(`div`,{className:`flex-1 border-t`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(Y,{htmlFor:`add-token`,className:`text-xs`,children:`Token`}),(0,$.jsx)(h,{id:`add-token`,type:`password`,placeholder:`sk-ant-...`,value:r,onChange:e=>i(e.target.value),className:`text-xs h-8 font-mono`}),j&&(0,$.jsxs)(`p`,{className:`text-[10px] text-muted-foreground`,children:[`Detected: `,j]})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(Y,{htmlFor:`add-label`,className:`text-xs`,children:`Label (optional)`}),(0,$.jsx)(h,{id:`add-label`,placeholder:`e.g. Personal, Work`,value:a,onChange:e=>o(e.target.value),className:`text-xs h-8`})]})]}),_&&(0,$.jsx)(`div`,{className:`text-[11px] p-2 rounded bg-red-500/10 text-red-600`,children:_}),(0,$.jsxs)(c,{children:[(0,$.jsx)(u,{size:`sm`,variant:`outline`,className:`text-xs h-7`,onClick:O,children:`Cancel`}),(0,$.jsx)(u,{size:`sm`,className:`text-xs h-7`,onClick:A,disabled:!r.trim()||s,children:s?`Adding...`:`Add Token`})]})]})})}function wr({open:e,onOpenChange:t,accounts:n,preselectId:r,onMessage:i}){let a=n.filter(e=>e.hasRefreshToken),[o,s]=(0,Q.useState)(new Set),[g,_]=(0,Q.useState)(``),[v,y]=(0,Q.useState)(!1),[b,x]=(0,Q.useState)(!1),[C,w]=(0,Q.useState)(!1),[T,E]=(0,Q.useState)(!1);e&&!T&&(s(r?new Set([r]):new Set(a.map(e=>e.id))),E(!0)),!e&&T&&E(!1);function D(){t(!1),_(``),y(!1),x(!1)}async function O(e){if(o.size===0)return;w(!0);let t=g.trim()||Sr;try{let n={"Content-Type":`application/json`},r=ee();r&&(n.Authorization=`Bearer ${r}`);let a=await fetch(`/api/accounts/export`,{method:`POST`,headers:n,body:JSON.stringify({password:t,accountIds:[...o],includeRefreshToken:v,refreshBeforeExport:b})});if(!a.ok){let e=await a.json();throw Error(e.error??`Export failed: ${a.status}`)}let s=await a.text();if(e)try{await navigator.clipboard.writeText(s),i?.(`Backup copied to clipboard!`)}catch{Er(s),i?.(`Backup downloaded.`)}else Er(s),i?.(`Backup downloaded.`);D()}catch{}w(!1)}let k=o.size>0&&!C;return(0,$.jsx)(d,{open:e,onOpenChange:e=>{e||D()},children:(0,$.jsxs)(p,{className:`sm:max-w-md`,children:[(0,$.jsxs)(f,{children:[(0,$.jsxs)(m,{className:`text-sm flex items-center gap-1.5`,children:[(0,$.jsx)(Ne,{className:`size-3.5`}),` Export Accounts`]}),(0,$.jsx)(l,{className:`text-xs`,children:`Select accounts and set a password to protect the backup.`})]}),(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,$.jsx)(`p`,{className:`text-[11px] font-medium text-muted-foreground`,children:`Accounts to export`}),(0,$.jsx)(`button`,{className:`text-[10px] text-primary hover:underline cursor-pointer`,onClick:()=>s(o.size===a.length?new Set:new Set(a.map(e=>e.id))),children:o.size===a.length?`Deselect all`:`Select all`})]}),a.length===0?(0,$.jsx)(`p`,{className:`text-[10px] text-muted-foreground p-2 border rounded`,children:`No exportable accounts.`}):(0,$.jsx)(`div`,{className:`max-h-36 overflow-y-auto space-y-1 border rounded p-2`,children:a.map(e=>(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,id:`exp-${e.id}`,checked:o.has(e.id),onChange:t=>{let n=new Set(o);t.target.checked?n.add(e.id):n.delete(e.id),s(n)},className:`size-3.5 accent-primary cursor-pointer`}),(0,$.jsx)(`label`,{htmlFor:`exp-${e.id}`,className:`text-xs cursor-pointer truncate`,children:e.label??e.email??e.id.slice(0,8)})]},e.id))})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(Y,{className:`text-xs`,children:[`Password `,(0,$.jsx)(`span`,{className:`text-muted-foreground font-normal`,children:`(optional)`})]}),(0,$.jsx)(h,{type:`password`,placeholder:`Leave empty for default`,value:g,onChange:e=>_(e.target.value),className:`text-xs h-8`,autoComplete:`new-password`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,id:`exp-full`,checked:v,onChange:e=>y(e.target.checked),className:`size-3.5 accent-primary cursor-pointer`}),(0,$.jsx)(`label`,{htmlFor:`exp-full`,className:`text-[11px] cursor-pointer`,children:`Include refresh tokens (full transfer)`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`input`,{type:`checkbox`,id:`exp-refresh`,checked:b,onChange:e=>x(e.target.checked),className:`size-3.5 accent-primary cursor-pointer`}),(0,$.jsx)(`label`,{htmlFor:`exp-refresh`,className:`text-[11px] cursor-pointer`,children:`Refresh tokens before export`})]}),v?(0,$.jsxs)(`div`,{className:`rounded-md border border-red-500/30 bg-red-500/5 p-2.5`,children:[(0,$.jsx)(`p`,{className:`text-[10px] font-medium text-red-600`,children:`Full transfer — source accounts will expire`}),(0,$.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`Refresh tokens included. Source machine expires in ~1h after target refreshes.`})]}):b?(0,$.jsx)(`div`,{className:`rounded-md border border-amber-500/30 bg-amber-500/5 p-2.5`,children:(0,$.jsx)(`p`,{className:`text-[10px] font-medium text-amber-600`,children:`Refresh before export — invalidates previous shares`})}):(0,$.jsx)(`div`,{className:`rounded-md border border-green-500/30 bg-green-500/5 p-2.5`,children:(0,$.jsx)(`p`,{className:`text-[10px] font-medium text-green-600`,children:`Share current token (safe)`})}),(0,$.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`Encrypted with AES-256-GCM + scrypt.`})]}),(0,$.jsxs)(c,{className:`gap-1.5 flex-col sm:flex-row`,children:[(0,$.jsx)(u,{size:`sm`,variant:`outline`,className:`text-xs h-7 cursor-pointer`,onClick:D,children:`Cancel`}),(0,$.jsxs)(u,{size:`sm`,variant:`outline`,className:`text-xs h-7 cursor-pointer`,disabled:!k,onClick:()=>O(!0),children:[(0,$.jsx)(me,{className:`size-3 mr-1`}),` Copy`]}),(0,$.jsx)(u,{size:`sm`,className:`text-xs h-7 cursor-pointer`,disabled:!k,onClick:()=>O(!1),children:C?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{className:`size-3 animate-spin mr-1`}),` Exporting...`]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(S,{className:`size-3 mr-1`}),` Download`]})})]})]})})}function Tr({open:e,onOpenChange:t,onSuccess:n}){let[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(``),[s,g]=(0,Q.useState)(!1),[_,v]=(0,Q.useState)(null);function y(){t(!1),i(``),o(``),v(null)}async function b(){if(r.trim()){g(!0),v(null);try{let e=await ie({data:r.trim(),password:a.trim()||Sr});y(),n(`Imported ${e.imported} account(s)`)}catch(e){v(e.message||`Import failed`)}g(!1)}}return(0,$.jsx)(d,{open:e,onOpenChange:e=>{e||y()},children:(0,$.jsxs)(p,{className:`sm:max-w-md`,children:[(0,$.jsxs)(f,{children:[(0,$.jsxs)(m,{className:`text-sm flex items-center gap-1.5`,children:[(0,$.jsx)(Ne,{className:`size-3.5`}),` Import Accounts`]}),(0,$.jsx)(l,{className:`text-xs`,children:`Paste backup data and enter the export password. Imported accounts are temporary (~1h).`})]}),(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(Y,{className:`text-xs`,children:`Backup data`}),(0,$.jsx)(`textarea`,{value:r,onChange:e=>i(e.target.value),placeholder:`Paste backup JSON here...`,rows:4,className:`w-full text-xs p-2 rounded border border-border bg-background font-mono resize-none focus:outline-none focus:ring-1 focus:ring-primary`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(Y,{className:`text-xs`,children:[`Password `,(0,$.jsx)(`span`,{className:`text-muted-foreground font-normal`,children:`(optional)`})]}),(0,$.jsx)(h,{type:`password`,placeholder:`Leave empty for default`,value:a,onChange:e=>o(e.target.value),className:`text-xs h-8`,autoComplete:`current-password`})]})]}),_&&(0,$.jsx)(`div`,{className:`text-[11px] p-2 rounded bg-red-500/10 text-red-600`,children:_}),(0,$.jsxs)(c,{children:[(0,$.jsx)(u,{size:`sm`,variant:`outline`,className:`text-xs h-7 cursor-pointer`,onClick:y,children:`Cancel`}),(0,$.jsx)(u,{size:`sm`,className:`text-xs h-7 cursor-pointer`,disabled:!r.trim()||s,onClick:b,children:s?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z,{className:`size-3 animate-spin mr-1`}),` Importing...`]}):`Import`})]})]})})}function Er(e){let t=new Blob([e],{type:`application/json`}),n=document.createElement(`a`);n.href=URL.createObjectURL(t),n.download=`ppm-accounts-backup.json`,n.click(),URL.revokeObjectURL(n.href)}var Dr=typeof window<`u`?window.matchMedia(`(min-width: 768px)`):null;function Or(e){return Dr?.addEventListener(`change`,e),()=>Dr?.removeEventListener(`change`,e)}function kr(){return Dr?.matches??!0}function Ar(){let[e,t]=(0,Q.useState)(null),[n,r]=(0,Q.useState)(!0);return(0,Q.useEffect)(()=>{r(!0),re().then(t).finally(()=>r(!1))},[]),n?(0,$.jsx)(`p`,{className:`text-xs text-text-subtle py-4 text-center`,children:`Loading...`}):e?(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium text-text-primary`,children:`Rotation Strategy`}),(0,$.jsxs)(He,{value:e.strategy,onValueChange:async e=>{t(await V({strategy:e}))},children:[(0,$.jsx)(je,{className:`w-full h-9 text-xs`,children:(0,$.jsx)(Ce,{})}),(0,$.jsxs)(Re,{children:[(0,$.jsx)(Me,{value:`round-robin`,children:`Round-robin`}),(0,$.jsx)(Me,{value:`fill-first`,children:`Fill-first`}),(0,$.jsx)(Me,{value:`lowest-usage`,children:`Lowest usage`})]})]}),(0,$.jsxs)(`p`,{className:`text-[10px] text-text-subtle`,children:[e.strategy===`round-robin`&&`Cycles through accounts evenly`,e.strategy===`fill-first`&&`Uses one account until its limit, then moves on`,e.strategy===`lowest-usage`&&`Picks the account with the lowest current usage`]})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium text-text-primary`,children:`Max Retry`}),(0,$.jsx)(`input`,{type:`number`,min:0,value:e.maxRetry,className:`w-full h-9 text-xs border rounded-md px-3 bg-background`,onChange:async e=>{let n=parseInt(e.target.value,10);!isNaN(n)&&n>=0&&t(await V({maxRetry:n}))}}),(0,$.jsx)(`p`,{className:`text-[10px] text-text-subtle`,children:`How many accounts to try on failure. 0 = try all available accounts.`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5 border-t border-border pt-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`label`,{className:`text-xs font-medium text-text-primary`,children:`Cooldown parking`}),(0,$.jsx)(Ye,{checked:e.cooldownEnabled,onCheckedChange:async e=>{t(await V({cooldownEnabled:e}))}})]}),(0,$.jsx)(`p`,{className:`text-[10px] text-text-subtle`,children:`Park a failing account (rate limit / usage limit / auth error) until it recovers. Off: accounts stay selectable — rotation still skips accounts already ≥95% on the 5-hour limit.`})]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between text-xs border-t border-border pt-3`,children:[(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`Active accounts`}),(0,$.jsx)(`span`,{className:`font-medium text-text-primary`,children:e.activeCount})]})]}):(0,$.jsx)(`p`,{className:`text-xs text-text-subtle py-4 text-center`,children:`Failed to load settings`})}function jr({open:e,onOpenChange:t}){let n=(0,Q.useSyncExternalStore)(Or,kr);return e?n?(0,$.jsx)(d,{open:e,onOpenChange:t,children:(0,$.jsxs)(p,{className:`sm:max-w-sm`,children:[(0,$.jsx)(f,{children:(0,$.jsxs)(m,{className:`text-sm flex items-center gap-2`,children:[(0,$.jsx)(Ee,{className:`size-4`}),` Rotation & Retry`]})}),(0,$.jsx)(Ar,{})]})}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`fixed inset-0 z-50 transition-opacity duration-200 opacity-100`,onClick:()=>t(!1),style:{backgroundColor:`rgba(0,0,0,0.5)`}}),(0,$.jsxs)(`div`,{className:M(`fixed bottom-0 left-0 right-0 z-50 bg-background rounded-t-2xl border-t border-border shadow-2xl`,`transition-transform duration-300 ease-out max-h-[85vh] overflow-y-auto`,`translate-y-0`),children:[(0,$.jsx)(`div`,{className:`flex justify-center pt-3 pb-1`,children:(0,$.jsx)(`div`,{className:`w-10 h-1 rounded-full bg-border`})}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2 border-b border-border`,children:[(0,$.jsxs)(`span`,{className:`text-sm font-semibold flex items-center gap-2`,children:[(0,$.jsx)(Ee,{className:`size-4`}),` Rotation & Retry`]}),(0,$.jsx)(`button`,{onClick:()=>t(!1),className:`flex items-center justify-center size-7 rounded-md hover:bg-surface-elevated transition-colors`,children:(0,$.jsx)(O,{className:`size-4`})})]}),(0,$.jsx)(`div`,{className:`px-4 py-4 pb-8`,children:(0,$.jsx)(Ar,{})})]})]}):null}var Mr=[`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`,`Sun`],Nr=Array.from({length:24},(e,t)=>t);function Pr(e,t){let n=Array.from({length:7},()=>Array.from({length:24},()=>({sum:0,count:0,avg:0})));for(let r of e){let e=t===`5h`?r.five_hour_util:r.weekly_util;if(e==null)continue;let i=new Date(r.recorded_at+(r.recorded_at.endsWith(`Z`)?``:`Z`)),a=(i.getDay()+6)%7,o=i.getHours();n[a][o].sum+=e,n[a][o].count+=1}for(let e of n)for(let t of e)t.avg=t.count>0?t.sum/t.count:0;return n}function Fr(e){return e.map(e=>{let t=e.reduce((e,t)=>e+t.sum,0),n=e.reduce((e,t)=>e+t.count,0);return n>0?t/n:0})}function Ir(e){return Nr.map(t=>{let n=0,r=0;for(let i of e)n+=i[t].sum,r+=i[t].count;return r>0?n/r:0})}function Lr(e){return e===0?`bg-surface-elevated`:e<.3?`bg-green-500/30`:e<.5?`bg-green-500/60`:e<.7?`bg-amber-500/50`:e<.9?`bg-amber-500/80`:`bg-red-500/80`}function Rr(e){return e<.3?`bg-green-500`:e<.7?`bg-amber-500`:`bg-red-500`}function zr({accountId:e}){let[t,n]=(0,Q.useState)(null),[r,i]=(0,Q.useState)(!0),[a,o]=(0,Q.useState)(`5h`);(0,Q.useEffect)(()=>{i(!0),B(e).then(n).catch(()=>n([])).finally(()=>i(!1))},[e]);let s=(0,Q.useMemo)(()=>t?Pr(t,a):null,[t,a]),c=(0,Q.useMemo)(()=>s?Fr(s):[],[s]),l=(0,Q.useMemo)(()=>s?Ir(s):[],[s]),u=Math.max(...c,.01);if(Math.max(...l,.01),r)return(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3`,children:(0,$.jsx)(Z,{className:`size-3 animate-spin text-text-subtle`})});if(!t||t.length===0)return(0,$.jsx)(`div`,{className:`text-[10px] text-text-subtle py-2 text-center`,children:`No usage history yet`});let d=t.length,f=new Set(t.map(e=>new Date(e.recorded_at+(e.recorded_at.endsWith(`Z`)?``:`Z`)).toDateString())).size;return(0,$.jsxs)(`div`,{className:`mt-2 space-y-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`span`,{className:`text-[10px] font-medium text-text-subtle`,children:`Usage Pattern (7d)`}),(0,$.jsxs)(`div`,{className:`flex gap-0.5 text-[9px]`,children:[(0,$.jsx)(`button`,{onClick:()=>o(`5h`),className:`px-1.5 py-0.5 rounded cursor-pointer transition-colors ${a===`5h`?`bg-primary/15 text-primary`:`text-text-subtle hover:text-text-secondary`}`,title:`5-hour rolling window limit — resets every 5 hours`,children:`5h`}),(0,$.jsx)(`button`,{onClick:()=>o(`weekly`),className:`px-1.5 py-0.5 rounded cursor-pointer transition-colors ${a===`weekly`?`bg-primary/15 text-primary`:`text-text-subtle hover:text-text-secondary`}`,title:`Weekly limit — resets every 7 days`,children:`Wk`})]})]}),(0,$.jsxs)(`p`,{className:`text-[9px] text-text-subtle leading-tight`,children:[`Avg `,a===`5h`?`5-hour`:`weekly`,` limit usage over `,f,`d (`,d,` samples). Higher % = closer to rate limit. Hover cells for details.`]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`text-[9px] text-text-subtle`,children:`Avg usage by day of week`}),(0,$.jsx)(`div`,{className:`flex flex-col gap-[2px] mt-0.5`,children:Mr.map((e,t)=>{let n=c[t]??0;return(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(`span`,{className:`text-[8px] text-text-subtle w-5 shrink-0 text-right tabular-nums`,children:e}),(0,$.jsx)(`div`,{className:`flex-1 h-2.5 bg-surface-elevated rounded-sm overflow-hidden`,children:(0,$.jsx)(`div`,{className:`h-full rounded-sm transition-all ${Rr(n)}`,style:{width:`${Math.round(n/u*100)}%`}})}),(0,$.jsxs)(`span`,{className:`text-[8px] text-text-subtle w-6 shrink-0 text-right tabular-nums`,children:[Math.round(n*100),`%`]})]},e)})})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`text-[9px] text-text-subtle`,children:`Avg usage by hour (0h-23h)`}),(0,$.jsx)(`div`,{className:`flex gap-[1px] mt-0.5`,children:Nr.map(e=>{let t=l[e]??0;return(0,$.jsxs)(`div`,{className:`flex-1 flex flex-col items-center gap-[1px]`,children:[(0,$.jsx)(`div`,{className:`w-full aspect-square rounded-[2px] ${Lr(t)}`,title:`${e}:00 — avg ${Math.round(t*100)}% usage`}),e%6==0&&(0,$.jsx)(`span`,{className:`text-[7px] text-text-subtle tabular-nums`,children:e})]},e)})})]}),s&&(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`text-[9px] text-text-subtle`,children:`Day x Hour heatmap`}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-[1px] mt-0.5`,children:[Mr.map((e,t)=>(0,$.jsxs)(`div`,{className:`flex items-center gap-[1px]`,children:[(0,$.jsx)(`span`,{className:`text-[7px] text-text-subtle w-4 shrink-0 text-right`,children:e.charAt(0)}),Nr.map(n=>{let r=s[t][n];return(0,$.jsx)(`div`,{className:`flex-1 aspect-square rounded-[1px] ${Lr(r.avg)}`,title:`${e} ${n}:00 — ${r.count>0?`avg ${Math.round(r.avg*100)}% (${r.count} samples)`:`no data`}`},n)})]},e)),(0,$.jsxs)(`div`,{className:`flex items-center gap-[1px]`,children:[(0,$.jsx)(`span`,{className:`w-4 shrink-0`}),Nr.map(e=>(0,$.jsx)(`div`,{className:`flex-1 text-center`,children:e%6==0&&(0,$.jsx)(`span`,{className:`text-[7px] text-text-subtle tabular-nums`,children:e})},e))]})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 text-[8px] text-text-subtle`,children:[(0,$.jsx)(`span`,{children:`Low`}),(0,$.jsxs)(`div`,{className:`flex gap-[2px]`,children:[(0,$.jsx)(`div`,{className:`size-2 rounded-[1px] bg-green-500/30`}),(0,$.jsx)(`div`,{className:`size-2 rounded-[1px] bg-green-500/60`}),(0,$.jsx)(`div`,{className:`size-2 rounded-[1px] bg-amber-500/50`}),(0,$.jsx)(`div`,{className:`size-2 rounded-[1px] bg-amber-500/80`}),(0,$.jsx)(`div`,{className:`size-2 rounded-[1px] bg-red-500/80`})]}),(0,$.jsx)(`span`,{children:`High`}),(0,$.jsx)(`span`,{className:`ml-1`,children:`|`}),(0,$.jsx)(`div`,{className:`size-2 rounded-[1px] bg-surface-elevated border border-border/30`}),(0,$.jsx)(`span`,{children:`No data`})]})]})}function Br(e){return e>=90?`text-red-500`:e>=70?`text-amber-500`:`text-green-500`}function Vr(e){return e>=90?`bg-red-500`:e>=70?`bg-amber-500`:`bg-green-500`}function Hr(e){if(!e)return null;let t=null;if(e.resetsInMinutes!=null)t=e.resetsInMinutes;else if(e.resetsInHours!=null)t=Math.round(e.resetsInHours*60);else if(e.resetsAt){let n=new Date(e.resetsAt).getTime()-Date.now();t=n>0?Math.ceil(n/6e4):0}if(t==null)return null;if(t<=0)return`now`;let n=Math.floor(t/1440),r=Math.floor(t%1440/60),i=t%60;return n>0?i>0?`${n}d ${r}h ${i}m`:r>0?`${n}d ${r}h`:`${n}d`:r>0?i>0?`${r}h ${i}m`:`${r}h`:`${i}m`}function Ur({label:e,bucket:t}){if(!t)return null;let n=Math.round(t.utilization*100),r=Hr(t);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}),r&&(0,$.jsxs)(`span`,{className:`text-[10px] text-text-subtle`,title:`Resets in`,children:[`↻ `,r]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`flex-1 h-2 rounded-full bg-border overflow-hidden`,children:(0,$.jsx)(`div`,{className:`h-full rounded-full transition-all ${Vr(n)}`,style:{width:`${Math.min(n,100)}%`}})}),(0,$.jsxs)(`span`,{className:`text-xs font-medium tabular-nums w-10 text-right ${Br(n)}`,children:[n,`%`]})]})]})}function Wr(e){let t=e-Date.now();if(t<=0)return`expired`;let n=Math.ceil(t/6e4),r=Math.floor(n/60),i=Math.floor(r/24);return i>0?`${i}d ${r%24}h`:r>0?`${r}h ${n%60}m`:`${n}m`}function Gr(e){if(!e)return{label:`unknown`,tip:`No account info available`,color:`text-text-subtle`};if(!e.expiresAt)return{label:`key`,tip:`API key (no expiry)`,color:`text-text-subtle`};let t=e.expiresAt*1e3<Date.now();return t&&e.hasRefreshToken?{label:`expired`,tip:`Token expired but has refresh token — will auto-renew`,color:`text-amber-500`}:t?{label:`expired`,tip:`Token expired, no refresh token`,color:`text-red-500`}:e.hasRefreshToken?{label:`long-lived`,tip:`OAuth token with refresh — long-lived`,color:`text-green-500`}:{label:`temp`,tip:`Temporary token without refresh — will expire`,color:`text-amber-500`}}function Kr(e){if(!e)return null;let t=Math.round((Date.now()-e)/1e3);if(t<5)return`just now`;if(t<60)return`${t}s ago`;let n=Math.floor(t/60);if(n<60)return`${n}m ago`;let r=Math.floor(n/60),i=n%60;return r<24?i>0?`${r}h ${i}m ago`:`${r}h ago`:`${Math.floor(r/24)}d ago`}function qr({entry:e,isActive:t,accountInfo:n,onToggle:r,onDelete:i,onExport:a,onViewProfile:o,flash:s,fullscreen:c}){let{usage:l}=e,u=l.session||l.weekly||l.weeklyOpus||l.weeklySonnet,d=n?.status??e.accountStatus,f=!!(n&&!n.hasRefreshToken&&n.expiresAt&&n.expiresAt<Math.floor(Date.now()/1e3));return(0,$.jsxs)(`div`,{className:`rounded-md border p-2 transition-colors duration-500 ${c?`flex flex-col gap-1.5 overflow-hidden`:`space-y-1.5 min-w-[200px] shrink-0 snap-start`} ${f?`opacity-50`:``} ${s?`bg-primary/10 border-primary/40`:``} ${t?`border-primary/30 bg-primary/5`:`border-border/50`}`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(`span`,{className:`text-xs font-medium truncate flex-1 min-w-0`,children:e.accountLabel??e.accountId.slice(0,8)}),f&&(0,$.jsx)(`span`,{className:`text-[9px] text-red-500 shrink-0 font-medium`,children:`Expired`}),!e.isOAuth&&!f&&(0,$.jsx)(`span`,{className:`text-[9px] text-text-subtle shrink-0`,children:`API key`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:[!f&&o&&n?.profileData&&(0,$.jsx)(`button`,{className:`p-1 rounded cursor-pointer text-text-subtle hover:text-foreground hover:bg-surface-elevated transition-colors`,onClick:()=>o(n.profileData,e.accountId),title:`View profile`,children:(0,$.jsx)(w,{className:`size-3`})}),!f&&a&&e.isOAuth&&(0,$.jsx)(`button`,{className:`p-1 rounded cursor-pointer text-text-subtle hover:text-blue-500 hover:bg-surface-elevated transition-colors`,onClick:()=>a(e.accountId),title:`Export this account`,children:(0,$.jsx)(S,{className:`size-3`})}),!f&&r&&(0,$.jsx)(Ye,{checked:d!==`disabled`,onCheckedChange:()=>r(e.accountId,d),disabled:d===`cooldown`,className:`scale-[0.6] cursor-pointer`}),i&&(0,$.jsx)(`button`,{className:`p-1 rounded cursor-pointer text-text-subtle hover:text-red-500 hover:bg-surface-elevated transition-colors`,onClick:()=>i(e.accountId,e.accountLabel??e.accountId.slice(0,8)),title:`Remove account`,children:(0,$.jsx)(T,{className:`size-3`})})]})]}),u?(0,$.jsxs)(`div`,{className:c?`flex-1 flex flex-col justify-evenly min-h-0`:`space-y-1.5`,children:[(0,$.jsx)(Ur,{label:`5-Hour Session`,bucket:l.session}),(0,$.jsx)(Ur,{label:`Weekly`,bucket:l.weekly}),(0,$.jsx)(Ur,{label:`Weekly (Opus)`,bucket:l.weeklyOpus}),(0,$.jsx)(Ur,{label:`Weekly (Sonnet)`,bucket:l.weeklySonnet})]}):(0,$.jsx)(`p`,{className:`text-[10px] text-text-subtle`,children:e.isOAuth?`No usage data yet`:`Usage tracking not available for API keys`}),(()=>{let e=Gr(n);return(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 text-[9px] text-text-subtle flex-wrap`,children:[l.lastFetchedAt&&(0,$.jsxs)(`span`,{title:`Last usage data update`,children:[`↻ `,Kr(new Date(l.lastFetchedAt).getTime())]}),n?.expiresAt&&n.expiresAt*1e3>Date.now()&&(0,$.jsxs)(`span`,{title:`Token expires in`,children:[`⏱ `,Wr(n.expiresAt*1e3)]}),(0,$.jsxs)(`span`,{className:e.color,title:e.tip,children:[`© `,e.label]})]})})()]})}function Jr({usage:e,visible:t,onClose:n,onReload:r,loading:i,lastFetchedAt:a}){let[o,s]=(0,Q.useState)([]),[c,l]=(0,Q.useState)([]),[u,d]=(0,Q.useState)(null),[f,p]=(0,Q.useState)(!0),[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(new Set),[v,y]=(0,Q.useState)(null),[b,x]=(0,Q.useState)(!1),[w,T]=(0,Q.useState)(!1),[E,D]=(0,Q.useState)(!1),[k,ee]=(0,Q.useState)(!1),[A,j]=(0,Q.useState)(null),[te,M]=(0,Q.useState)(null),[N,P]=(0,Q.useState)(!1),[F,I]=(0,Q.useState)(null),L=(0,Q.useRef)(void 0),R=(0,Q.useRef)([]);function B(e){L.current&&clearTimeout(L.current),I(e),L.current=setTimeout(()=>I(null),4e3)}function V(e){H(),e&&B(e)}async function H(){let e=o.length>0;e?h(!0):p(!0);let[t,n,r]=await Promise.allSettled([U(),G(),z()]);if(t.status===`fulfilled`){let n=t.value;if(e&&R.current.length>0){let e=new Set,t=new Map(R.current.map(e=>[e.accountId,e]));for(let r of n){let n=t.get(r.accountId);if(!n){e.add(r.accountId);continue}let i=n.usage,a=r.usage;(i.session?.utilization!==a.session?.utilization||i.weekly?.utilization!==a.weekly?.utilization||i.weeklyOpus?.utilization!==a.weeklyOpus?.utilization||i.weeklySonnet?.utilization!==a.weeklySonnet?.utilization)&&e.add(r.accountId)}e.size>0&&(_(e),setTimeout(()=>_(new Set),1500))}R.current=n,s(n)}n.status===`fulfilled`&&l(n.value),r.status===`fulfilled`&&d(r.value?.id??null),p(!1),h(!1)}if((0,Q.useEffect)(()=>{t&&H()},[t]),(0,Q.useEffect)(()=>{!t||!a||H()},[a]),!t)return null;let re=new Map(c.map(e=>[e.id,e])),ie=e.queryCostUsd!=null||e.totalCostUsd!=null,K=o.length>0,ae=o.length||1,oe=Math.ceil(Math.sqrt(ae)),q=Math.ceil(ae/oe);async function J(e,t){await ne(e,{status:t===`disabled`?`active`:`disabled`}),H(),r?.()}async function Y(){if(A){try{await W(A.id),B(`Account "${A.display}" removed.`),H(),r?.()}catch(e){B(`Failed to remove: ${e.message}`)}j(null)}}function se(){M(null),T(!0)}return(0,$.jsxs)(`div`,{className:`relative border-b border-border bg-surface px-3 py-2.5 ${N?`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 & Accounts`}),a&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle`,children:Kr(new Date(a).getTime())})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(`button`,{onClick:()=>ee(!0),className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,title:`Rotation & retry settings`,children:(0,$.jsx)(Ee,{className:`size-3`})}),K&&(0,$.jsx)(`button`,{onClick:()=>P(e=>!e),className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,title:N?`Exit fullscreen`:`Fullscreen view`,children:N?(0,$.jsx)(ft,{className:`size-3`}):(0,$.jsx)(ut,{className:`size-3`})}),r&&(0,$.jsx)(`button`,{onClick:()=>{r(),H()},disabled:i||m,className:`text-xs text-text-subtle hover:text-text-primary px-1 disabled:opacity-50 cursor-pointer`,title:`Refresh`,children:(0,$.jsx)(Le,{className:`size-3 ${i||m?`animate-spin`:``}`})}),(0,$.jsx)(`button`,{onClick:()=>{P(!1),n()},className:`text-xs text-text-subtle hover:text-text-primary px-1 cursor-pointer`,children:(0,$.jsx)(O,{className:`size-3`})})]})]}),F&&(0,$.jsx)(`div`,{className:`text-[11px] p-1.5 rounded bg-green-500/10 text-green-600 text-center animate-in fade-in duration-200`,children:F}),K||f?(0,$.jsx)(`div`,{className:N?`flex-1 min-h-0 grid gap-2 overflow-hidden`:`flex gap-1.5 overflow-x-auto pb-1 -mx-3 px-3 snap-x snap-mandatory scrollbar-thin`,style:N?{gridTemplateColumns:`repeat(${oe}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${q}, minmax(0, 1fr))`}:void 0,children:f?(0,$.jsx)(`p`,{className:`text-[10px] text-text-subtle`,children:`Loading...`}):o.map(t=>(0,$.jsx)(qr,{entry:t,isActive:t.accountId===(u??e.activeAccountId),accountInfo:re.get(t.accountId),onToggle:J,onDelete:(e,t)=>j({id:e,display:t}),onExport:e=>{M(e),T(!0)},onViewProfile:(e,t)=>y({profile:e,accountId:t}),flash:g.has(t.accountId),fullscreen:N},t.accountId))}):(0,$.jsx)($.Fragment,{children:e.session||e.weekly||e.weeklyOpus||e.weeklySonnet?(0,$.jsxs)(`div`,{className:`space-y-2.5`,children:[(0,$.jsx)(Ur,{label:`5-Hour Session`,bucket:e.session}),(0,$.jsx)(Ur,{label:`Weekly`,bucket:e.weekly}),(0,$.jsx)(Ur,{label:`Weekly (Opus)`,bucket:e.weeklyOpus}),(0,$.jsx)(Ur,{label:`Weekly (Sonnet)`,bucket:e.weeklySonnet})]}):(0,$.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`No usage data available`})}),ie&&(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)]})]})]}),v&&(0,$.jsxs)(`div`,{className:`border-t border-border pt-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,$.jsx)(`span`,{className:`text-[10px] font-medium text-text-subtle`,children:`Profile`}),(0,$.jsx)(`button`,{className:`text-text-subtle hover:text-foreground cursor-pointer`,onClick:()=>y(null),children:(0,$.jsx)(O,{className:`size-3`})})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-[70px_1fr] gap-x-2 gap-y-0.5 text-[10px]`,children:[v.profile.account?.display_name&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`Name`}),(0,$.jsx)(`span`,{children:v.profile.account.display_name})]}),v.profile.account?.email&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`Email`}),(0,$.jsx)(`span`,{children:v.profile.account.email})]}),v.profile.organization?.name&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`Org`}),(0,$.jsx)(`span`,{children:v.profile.organization.name})]}),v.profile.organization?.organization_type&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`Type`}),(0,$.jsx)(`span`,{children:v.profile.organization.organization_type})]}),v.profile.organization?.rate_limit_tier&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`Tier`}),(0,$.jsx)(`span`,{children:v.profile.organization.rate_limit_tier})]}),v.profile.organization?.subscription_status&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`Status`}),(0,$.jsx)(`span`,{children:v.profile.organization.subscription_status})]})]}),(0,$.jsx)(zr,{accountId:v.accountId})]}),(0,$.jsxs)(`div`,{className:`border-t border-border pt-2 flex gap-1.5 shrink-0`,children:[(0,$.jsxs)(`button`,{onClick:()=>x(!0),className:`flex-1 flex items-center justify-center gap-1 rounded-md border border-border px-2 py-1 text-[11px] text-text-secondary hover:bg-surface-hover transition-colors cursor-pointer`,children:[(0,$.jsx)(C,{className:`size-3`}),` Add`]}),(0,$.jsxs)(`button`,{onClick:se,className:`flex-1 flex items-center justify-center gap-1 rounded-md border border-border px-2 py-1 text-[11px] text-text-secondary hover:bg-surface-hover transition-colors cursor-pointer`,children:[(0,$.jsx)(S,{className:`size-3`}),` Export`]}),(0,$.jsxs)(`button`,{onClick:()=>D(!0),className:`flex-1 flex items-center justify-center gap-1 rounded-md border border-border px-2 py-1 text-[11px] text-text-secondary hover:bg-surface-hover transition-colors cursor-pointer`,children:[(0,$.jsx)(ge,{className:`size-3`}),` Import`]})]}),A&&(0,$.jsx)(`div`,{className:`absolute inset-0 z-10 flex items-center justify-center bg-background/80 backdrop-blur-sm rounded-md`,children:(0,$.jsxs)(`div`,{className:`bg-surface border border-border rounded-lg shadow-lg p-4 mx-4 max-w-[280px] w-full space-y-3`,children:[(0,$.jsxs)(`p`,{className:`text-xs text-text-primary text-center`,children:[`Remove `,(0,$.jsx)(`strong`,{className:`text-foreground`,children:A.display}),`?`]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(`button`,{onClick:()=>j(null),className:`flex-1 px-3 py-1.5 rounded-md text-xs border border-border text-text-secondary hover:bg-surface-hover cursor-pointer transition-colors`,children:`Cancel`}),(0,$.jsx)(`button`,{onClick:Y,className:`flex-1 px-3 py-1.5 rounded-md text-xs bg-red-500 text-white hover:bg-red-600 cursor-pointer transition-colors`,children:`Remove`})]})]})}),(0,$.jsx)(Cr,{open:b,onOpenChange:x,onSuccess:V}),(0,$.jsx)(wr,{open:w,onOpenChange:e=>{T(e),e||M(null)},accounts:c,preselectId:te,onMessage:B}),(0,$.jsx)(Tr,{open:E,onOpenChange:D,onSuccess:V}),(0,$.jsx)(jr,{open:k,onOpenChange:ee})]})}function Yr(e){return e>=90?`text-red-500`:e>=70?`text-amber-500`:`text-green-500`}function Xr(e){return e>=90?`bg-red-500`:e>=70?`bg-amber-500`:`bg-green-500`}function Zr({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`:Yr(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?``:Xr(n)}`,style:{width:`${Math.min(n??0,100)}%`}})})]})}function Qr({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 A.get(`/api/codex-accounts`)).accounts),a(await A.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)(Le,{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)(O,{className:`size-3`})})]})]}),o&&n.length===0&&(0,$.jsxs)(`div`,{className:`text-xs text-text-subtle flex items-center gap-2`,children:[(0,$.jsx)(Z,{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)(Zr,{label:`5-Hour`,frac:t.fiveHour}),(0,$.jsx)(Zr,{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)(Zr,{label:`5-Hour`,frac:t.fiveHour}),(0,$.jsx)(Zr,{label:`Weekly`,frac:t.sevenDay})]},e.id)})]})}var $r={active:`bg-green-500`,idle:`bg-yellow-500`,shutdown:`bg-zinc-400`},ei={task_assignment:{label:`task`,className:`bg-blue-500/20 text-blue-400`},idle_notification:{label:`idle`,className:`bg-yellow-500/20 text-yellow-400`},completion:{label:`done`,className:`bg-green-500/20 text-green-400`},shutdown_request:{label:`shutdown`,className:`bg-red-500/20 text-red-400`},shutdown_approved:{label:`shutdown ✓`,className:`bg-zinc-500/20 text-zinc-400`}};function ti({teamNames:e,messages:t}){let[n,r]=(0,Q.useState)(e[0]??``),[i,a]=(0,Q.useState)([]),[o,s]=(0,Q.useState)(!1),c=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{e.length>0&&!e.includes(n)&&r(e[0])},[e,n]);let l=(0,Q.useCallback)(async e=>{s(!0);try{a((await A.get(`/api/teams/${encodeURIComponent(e)}`))?.members??[])}catch{a([])}s(!1)},[]);(0,Q.useEffect)(()=>{n&&l(n)},[n,l]),(0,Q.useEffect)(()=>{c.current?.scrollIntoView({behavior:`smooth`})},[t.length]);let u=t.slice(-200);return(0,$.jsxs)(`div`,{className:`space-y-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 mb-2`,children:[(0,$.jsx)(`div`,{className:`flex items-center gap-1 overflow-x-auto min-w-0 flex-1`,children:e.map(e=>(0,$.jsx)(`button`,{onClick:()=>r(e),className:M(`px-2 py-0.5 text-[11px] rounded-md whitespace-nowrap transition-colors`,n===e?`bg-primary/10 text-primary font-medium`:`text-text-subtle hover:text-text-primary`),children:e},e))}),(0,$.jsx)(`button`,{onClick:()=>n&&l(n),className:`text-text-subtle hover:text-foreground p-1 shrink-0`,"aria-label":`Refresh`,children:(0,$.jsx)(Le,{className:M(`size-3`,o&&`animate-spin`)})})]}),i.length>0&&(0,$.jsxs)(`div`,{className:`pb-2 mb-2 border-b border-border/30`,children:[(0,$.jsx)(`div`,{className:`text-[10px] text-text-subtle uppercase tracking-wider mb-1`,children:`Members`}),(0,$.jsx)(`div`,{className:`space-y-1`,children:i.map(e=>(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-xs`,children:[(0,$.jsx)(`span`,{className:M(`size-1.5 rounded-full shrink-0`,$r[e.status]??`bg-zinc-400`)}),(0,$.jsx)(`span`,{className:`font-medium truncate`,children:e.name}),e.model&&e.model!==`unknown`&&(0,$.jsxs)(`span`,{className:`text-text-subtle text-[10px]`,children:[`(`,e.model,`)`]}),(0,$.jsx)(`span`,{className:`ml-auto text-text-subtle text-[10px]`,children:e.status})]},e.name))})]}),(0,$.jsx)(`div`,{className:`max-h-40 overflow-y-auto`,children:u.length===0?(0,$.jsx)(`p`,{className:`text-xs text-text-subtle text-center py-2`,children:`No messages yet`}):(0,$.jsxs)(`div`,{className:`space-y-2`,children:[u.map((e,t)=>{let n=e.parsedType?ei[e.parsedType]:null,r=ni(e.timestamp);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:ri(e.color),children:e.from}),(0,$.jsx)(`span`,{children:`→`}),(0,$.jsx)(`span`,{children:e.to}),(0,$.jsx)(`span`,{className:`ml-auto text-[10px]`,children:r})]}),(0,$.jsxs)(`div`,{className:`mt-0.5 text-foreground/90 break-words`,children:[n&&(0,$.jsx)(`span`,{className:M(`inline-block px-1 py-0 rounded text-[9px] mr-1`,n.className),children:n.label}),e.summary??ii(e.text)]})]},`${e.timestamp}-${t}`)}),(0,$.jsx)(`div`,{ref:c})]})})]})}function ni(e){try{return new Date(e).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}catch{return``}}function ri(e){if(e&&(/^#[0-9a-fA-F]{3,8}$/.test(e)||/^[a-zA-Z]{3,20}$/.test(e)))return{color:e}}function ii(e,t=120){if(!e)return``;try{let n=JSON.parse(e);return n.summary??n.text??e.slice(0,t)}catch{}return e.length>t?e.slice(0,t)+`...`:e}function ai(e){return e>=90?`text-red-500`:e>=70?`text-amber-500`:`text-green-500`}function oi({sessionId:e,projectName:t}){let[n,r]=(0,Q.useState)(!1);return(0,$.jsx)(`button`,{onClick:()=>{try{let n=A.get(`${k(t)}/chat/sessions/${e}/debug?project=${encodeURIComponent(t)}`).then(e=>{let t=[`PPM Session: ${e.ppmSessionId}`,`SDK Session: ${e.sdkSessionId}`,e.jsonlPath?`JSONL: ${e.jsonlPath}`:`JSONL: not found`,e.projectPath?`Project: ${e.projectPath}`:null].filter(Boolean).join(`
-`);return new Blob([t],{type:`text/plain`})});navigator.clipboard.write([new ClipboardItem({"text/plain":n})]).then(()=>{r(!0),setTimeout(()=>r(!1),1500)})}catch{}},className:`p-1 rounded transition-colors ${n?`text-green-500 bg-green-500/10`:`text-text-subtle hover:text-text-secondary hover:bg-surface-elevated`}`,title:n?`Copied!`:`Copy session debug info`,children:n?(0,$.jsx)(it,{className:`size-3`}):(0,$.jsx)(de,{className:`size-3`})})}function si({projectName:e,usageInfo:t,usageLoading:n,refreshUsage:r,lastFetchedAt:i,sessionId:o,providerId:s,onSelectSession:c,onBugReport:l,isConnected:u,onReload:d,teamActivity:f,teamMessages:p,onTeamOpen:m}){let[h,g]=(0,Q.useState)(null),[_,v]=(0,Q.useState)([]),[S,C]=(0,Q.useState)(!1),w=ue(e=>e.notifications),E=ue(e=>o?e.notifications.has(o):!1),D=ue(e=>e.clearForSession),ee=ue(e=>e.markUnread),[j,te]=(0,Q.useState)(``),N=We(j,300),[P,F]=(0,Q.useState)(null),[I,R]=(0,Q.useState)(``),[z,B]=(0,Q.useState)(!1),[V,H]=(0,Q.useState)(!1),[U,ne]=(0,Q.useState)([]),[re,ie]=(0,Q.useState)(null),[W,G]=(0,Q.useState)({}),[K,ae]=(0,Q.useState)(!1),oe=(0,Q.useRef)(null),q=L(e=>e.openTab),J=e=>{g(t=>t===e?null:e)},Y=(0,Q.useCallback)(async t=>{if(e){C(!0);try{let n=new URLSearchParams({limit:`50`,offset:`0`});t&&n.set(`q`,t);let r=await A.get(`${k(e)}/chat/sessions?${n}`);v(r.sessions),B(r.hasMore)}catch{}finally{C(!1)}}},[e]),se=(0,Q.useCallback)(async()=>{if(!(!e||V||!z)){H(!0);try{let t=_.filter(e=>!e.pinned).length,n=new URLSearchParams({limit:`50`,offset:String(t)});N&&n.set(`q`,N);let r=await A.get(`${k(e)}/chat/sessions?${n}`);v(e=>{let t=new Set(e.map(e=>e.id)),n=r.sessions.filter(e=>!t.has(e.id));return[...e,...n]}),B(r.hasMore)}catch{}finally{H(!1)}}},[e,V,z,_,N]);(0,Q.useEffect)(()=>{h===`history`&&_.length===0&&Y()},[h]),(0,Q.useEffect)(()=>{h===`history`&&Y(N||void 0)},[N]);let de=(0,Q.useCallback)(async()=>{if(e)try{let t=await A.get(`${k(e)}/tags`);ne(t.tags),G(t.counts)}catch{}},[e]);(0,Q.useEffect)(()=>{h===`history`&&e&&de()},[h,e,de]);function fe(t){c?(c(t),g(null)):q({type:`chat`,title:t.title||`Chat`,projectId:e??null,metadata:{projectName:e,sessionId:t.id,providerId:t.providerId},closable:!0})}let X=(0,Q.useCallback)((e,t)=>{t.stopPropagation(),F(e.id),R(e.title||``),setTimeout(()=>oe.current?.select(),0)},[]),pe=(0,Q.useCallback)(async()=>{if(!P||!I.trim()||!e){F(null);return}try{await A.patch(`${k(e)}/chat/sessions/${P}`,{title:I.trim()}),v(e=>e.map(e=>e.id===P?{...e,title:I.trim()}:e))}catch{}F(null)},[P,I,e]),me=(0,Q.useCallback)(()=>F(null),[]),he=(0,Q.useCallback)(async(t,n)=>{if(t.stopPropagation(),!e)return;let r=`${k(e)}/chat/sessions/${n.id}/pin`;try{n.pinned?await A.del(r):await A.put(r),v(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]),ge=(0,Q.useCallback)(async(t,n)=>{if(t.stopPropagation(),e&&window.confirm(`Delete this session? This cannot be undone.`))try{await A.del(`${k(e)}/chat/sessions/${n.id}?providerId=${n.providerId}`),v(e=>e.filter(e=>e.id!==n.id))}catch{}},[e]),ve=(0,Q.useCallback)((e,t)=>{v(n=>n.map(n=>n.id===e?{...n,tag:t}:n)),de()},[de]),xe=(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.`)){C(!0);try{await A.del(`${k(e)}/chat/sessions?olderThanDays=${n}`),Y(N||void 0)}catch{}}},[e,Y,N]);(0,Q.useEffect)(()=>{if(h!==`history`)return;let t=t=>{if(t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement)return;let n=parseInt(t.key);if(n>=1&&n<=U.length&&o){let t=U[n-1];t&&(A.patch(`${k(e)}/chat/sessions/${o}/tag`,{tagId:t.id}).catch(()=>{}),ve(o,{id:t.id,name:t.name,color:t.color}))}};return window.addEventListener(`keydown`,t),()=>window.removeEventListener(`keydown`,t)},[h,U,o,e,ve]);let Se=re===null?_:_.filter(e=>e.tag?.id===re),Ce=!s||s===`claude`,we=s===`codex`,Te=t.fiveHour==null?null:Math.round(t.fiveHour*100),Ee=t.sevenDay==null?null:Math.round(t.sevenDay*100),De=Te!=null||Ee!=null?ai(Math.max(Te??0,Ee??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)(`button`,{onClick:()=>J(`history`),className:`flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${h===`history`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,children:[(0,$.jsx)(st,{className:`size-3`}),(0,$.jsx)(`span`,{children:`History`})]}),o&&s&&s!==`mock`?(0,$.jsxs)(`button`,{onClick:()=>J(`config`),className:`flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${h===`config`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`AI Settings`,children:[(0,$.jsx)(Oe,{providerId:s}),(0,$.jsx)(`span`,{className:`capitalize`,children:s})]}):(0,$.jsx)(`button`,{onClick:()=>J(`config`),className:`p-1 rounded transition-colors ${h===`config`?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary hover:bg-surface-elevated`}`,title:`AI Settings`,children:(0,$.jsx)(Ve,{className:`size-3`})}),Ce||we?(0,$.jsxs)(`button`,{onClick:()=>J(`usage`),className:`flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] font-medium tabular-nums transition-colors hover:bg-surface-elevated ${h===`usage`?`bg-primary/10`:``} ${De}`,title:`Usage limits`,children:[(0,$.jsx)(tt,{className:`size-3`}),t.activeAccountLabel&&(0,$.jsxs)(`span`,{className:`text-text-secondary font-normal truncate max-w-[60px]`,children:[`[`,t.activeAccountLabel,`]`]}),(0,$.jsxs)(`span`,{children:[`5h:`,Te==null?`--%`:`${Te}%`]}),(0,$.jsx)(`span`,{className:`text-text-subtle`,children:`·`}),(0,$.jsxs)(`span`,{children:[`Wk:`,Ee==null?`--%`:`${Ee}%`]})]}):null,f?.hasTeams&&(0,$.jsxs)(`button`,{onClick:()=>{J(`team`),m?.()},className:`relative flex items-center gap-1 px-1.5 py-0.5 rounded text-[11px] transition-colors ${h===`team`?`text-primary bg-primary/10`:`text-text-secondary hover:text-foreground hover:bg-surface-elevated`}`,title:`Team activity`,children:[(0,$.jsx)(_t,{className:`size-3`}),(0,$.jsx)(`span`,{children:`Team`}),(f.unreadCount??0)>0&&(0,$.jsx)(`span`,{className:`absolute -top-0.5 -right-0.5 size-2 bg-primary rounded-full animate-pulse`})]}),(0,$.jsx)(`div`,{className:`flex-1`}),E&&o&&(0,$.jsx)(`button`,{onClick:()=>D(o),className:`p-1 rounded text-amber-500 hover:text-amber-400 hover:bg-surface-elevated transition-colors`,title:`Mark as read`,children:(0,$.jsx)(_e,{className:`size-3`})}),!E&&o&&(0,$.jsx)(`button`,{onClick:()=>ee(o,e),className:`p-1 rounded text-blue-500 hover:text-blue-400 hover:bg-surface-elevated transition-colors`,title:`Mark as unread`,children:(0,$.jsx)(Ie,{className:`size-3 fill-current`})}),o&&(0,$.jsx)(oi,{sessionId:o,projectName:e}),d&&(0,$.jsxs)(`button`,{onClick:e=>{let t=e.currentTarget.querySelector(`svg`);t&&(t.classList.add(`animate-spin`),setTimeout(()=>t.classList.remove(`animate-spin`),600)),d()},className:`relative size-4 flex items-center justify-center`,title:u?`Reload messages`:`Disconnected — click to reload`,children:[(0,$.jsx)(Le,{className:`size-3 ${u?`text-muted-foreground/60`:`text-red-400`}`,strokeWidth:2.5}),(0,$.jsx)(`span`,{className:`absolute -top-0.5 -right-0.5 size-1.5 rounded-full ${u?`bg-green-500`:`bg-red-500 animate-pulse`}`})]})]}),h===`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)(x,{className:`size-3 text-text-subtle shrink-0`}),(0,$.jsx)(`input`,{type:`text`,value:j,onChange:e=>te(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:xe,className:`p-0.5 rounded text-text-subtle hover:text-red-400 transition-colors`,title:`Delete old sessions...`,children:(0,$.jsx)(nt,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:()=>Y(N||void 0),disabled:S,className:`p-0.5 rounded text-text-subtle hover:text-text-secondary transition-colors disabled:opacity-50`,title:`Refresh`,children:(0,$.jsx)(Le,{className:`size-3 ${S?`animate-spin`:``}`})})]}),U.length>0&&(0,$.jsxs)(`div`,{className:`flex items-center gap-1 px-2 py-1 overflow-x-auto border-b border-border/30 scrollbar-none`,children:[(0,$.jsxs)(`button`,{onClick:()=>ie(null),className:`shrink-0 rounded-md border px-2 py-1 text-[10px] transition-colors ${re===null?`bg-primary/20 border-primary text-primary`:`border-border bg-surface text-text-secondary`}`,children:[`All (`,_.length,`)`]}),U.map(e=>(0,$.jsxs)(`button`,{onClick:()=>ie(re===e.id?null:e.id),className:`shrink-0 flex items-center gap-1 rounded-md border px-2 py-1 text-[10px] transition-colors ${re===e.id?`border-current`:`border-border bg-surface`}`,style:re===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,` (`,W[e.id]??0,`)`]},e.id)),(0,$.jsx)(`button`,{onClick:()=>ae(!K),className:`shrink-0 p-1 rounded transition-colors ${K?`text-primary bg-primary/10`:`text-text-subtle hover:text-text-secondary`}`,title:`Manage tags`,children:(0,$.jsx)(gt,{className:`size-3`})})]}),K&&(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)(xr,{projectName:e,onTagsChanged:de})}),(0,$.jsx)(`div`,{className:`max-h-[200px] overflow-y-auto`,children:S&&_.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3`,children:(0,$.jsx)(Z,{className:`size-3.5 animate-spin text-text-subtle`})}):Se.length===0?(0,$.jsx)(`div`,{className:`flex items-center justify-center py-3 text-[11px] text-text-subtle`,children:j?`No matching sessions`:`No sessions yet`}):(0,$.jsxs)($.Fragment,{children:[Se.map(t=>{let n=w.get(t.id),r=!!n;return(0,$.jsx)(be,{session:t,projectName:e,projectTags:U,onTogglePin:he,onStartEditing:X,onDeleteSession:ge,onTagChanged:ve,children:(0,$.jsxs)(`div`,{className:M(`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&&ye(n.type),!r&&`text-text-secondary`),children:[(0,$.jsx)(Oe,{providerId:t.providerId}),t.tag&&(0,$.jsx)(`span`,{className:`size-2 rounded-full shrink-0`,style:{backgroundColor:t.tag.color},title:t.tag.name}),P===t.id?(0,$.jsxs)(`form`,{className:`flex items-center gap-1 flex-1 min-w-0`,onSubmit:e=>{e.preventDefault(),pe()},children:[(0,$.jsx)(`input`,{ref:oe,value:I,onChange:e=>R(e.target.value),onBlur:pe,onKeyDown:e=>{e.key===`Escape`&&me()},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-green-500 hover:text-green-400`,onClick:e=>e.stopPropagation(),children:(0,$.jsx)(ce,{className:`size-3`})}),(0,$.jsx)(`button`,{type:`button`,className:`p-0.5 text-text-subtle hover:text-text-secondary`,onClick:e=>{e.stopPropagation(),me()},children:(0,$.jsx)(O,{className:`size-3`})})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{onClick:()=>fe(t),className:`text-[11px] truncate flex-1 text-left flex items-center gap-1`,children:[t.title?.startsWith(`[PPM]`)&&(0,$.jsx)(a,{className:`size-3 text-muted-foreground shrink-0`}),t.title?.startsWith(`[PPM]`)?t.title.slice(7):t.title||`Untitled`]}),(0,$.jsx)(`button`,{onClick:e=>he(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)(b,{className:`size-3`}):(0,$.jsx)(y,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:e=>X(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)(ke,{className:`size-3`})}),(0,$.jsx)(`button`,{onClick:e=>ge(e,t),className:`p-0.5 rounded text-text-subtle hover:text-red-400 hover:bg-red-500/20 can-hover:opacity-0 can-hover:group-hover:opacity-100 transition-opacity`,title:`Delete session`,children:(0,$.jsx)(T,{className:`size-3`})})]}),P!==t.id&&t.updatedAt&&(0,$.jsx)(`span`,{className:`text-[10px] text-text-subtle shrink-0 w-16 text-right`,children:le(t.updatedAt)})]})},t.id)}),z&&(0,$.jsxs)(`button`,{onClick:se,disabled:V,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:[V?(0,$.jsx)(Z,{className:`size-3 animate-spin`}):null,V?`Loading...`:`Load more`]})]})})]}),h===`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)(Je,{compact:!0})}),h===`team`&&f?.hasTeams&&(0,$.jsx)(`div`,{className:`border-t border-border/30 bg-surface px-3 py-2 max-h-[280px] overflow-y-auto`,children:(0,$.jsx)(ti,{teamNames:f.teamNames,messages:p??[]})}),h===`usage`&&Ce&&(0,$.jsx)(Jr,{usage:t,visible:!0,onClose:()=>g(null),onReload:r,loading:n,lastFetchedAt:i}),h===`usage`&&we&&(0,$.jsx)(Qr,{usage:t,onClose:()=>g(null)})]})}function ci(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;return a(!0),A.get(`${k(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(()=>{t||a(!1)}),()=>{t=!0}},[e,c]);let l=(0,Q.useCallback)((t,n)=>{e&&(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{let r=s.current??`__new__`;A.put(`${k(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__`;A.del(`${k(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 li({metadata:e,tabId:t}){let[n,r]=(0,Q.useState)(e?.sessionId??null),[i,a]=(0,Q.useState)(e?.providerId??`claude`),[o,s]=(0,Q.useState)([]),[c,l]=(0,Q.useState)(!1),[u,d]=(0,Q.useState)(``),[f,p]=(0,Q.useState)(null),[m,h]=(0,Q.useState)([]),[g,_]=(0,Q.useState)([]),[v,y]=(0,Q.useState)(!1),[b,x]=(0,Q.useState)(``),[S,C]=(0,Q.useState)(null),[w,T]=(0,Q.useState)(e?.permissionMode??void 0),E=(0,Q.useRef)(null),[D,ee]=(0,Q.useState)(!1),[M,N]=(0,Q.useState)(null),[P,I]=(0,Q.useState)(null),[z,B]=(0,Q.useState)(null),V=(0,Q.useRef)(0),H=e?.projectName??``,U=L(e=>e.updateTab),ne=j(e=>e.version),{usageInfo:re,usageLoading:ie,lastFetchedAt:W,refreshUsage:G}=Pt(H,i),{draft:K,draftLoading:ae,saveDraft:oe,clearDraft:q}=ci(H,n);(0,Q.useEffect)(()=>{w||R().then(e=>{let t=e.providers[e.default_provider??`claude`];T(t?.permission_mode??`bypassPermissions`)}).catch(()=>{})},[]),(0,Q.useEffect)(()=>{!t||!n||U(t,{metadata:{...e,sessionId:n,providerId:i,permissionMode:w}})},[n,i,w]);let{messages:J,renderedMessages:Y,expandCompact:se,isCompactExpanded:ce,dismissMessage:le,clearErrors:de,messagesLoading:fe,isStreaming:X,phase:pe,isReconnecting:me,connectingElapsed:he,pendingApproval:_e,contextWindowPct:ve,compactStatus:ye,statusMessage:be,sessionTitle:xe,model:Ce,setModel:we,sendMessage:Ee,respondToApproval:De,cancelStreaming:Oe,reconnect:ke,refetchMessages:Ae,isConnected:je,teamActivity:Me,teamMessages:Ne,markTeamRead:Pe,bashPartialOutput:Fe,backgroundShells:Ie,killBackgroundShell:Le}=Mt(n,i,H);(0,Q.useEffect)(()=>{if(je&&E.current){let{content:e,permissionMode:t}=E.current;E.current=null,Ee(e,{permissionMode:t})}},[je,Ee]),(0,Q.useEffect)(()=>{if(!n||!t)return;let e=()=>{if(document.hidden)return;let{panels:e}=F.getState();Object.values(e).some(e=>e.activeTabId===t)&&(ue.getState().notifications.get(n)?.manual||ue.getState().clearForSession(n))};e(),document.addEventListener(`visibilitychange`,e);let r=F.subscribe(e),i=ue.subscribe(e);return()=>{document.removeEventListener(`visibilitychange`,e),r(),i()}},[n,t]),(0,Q.useEffect)(()=>{t&&xe&&U(t,{title:xe})},[xe]);let[Re,ze]=(0,Q.useState)(e?.pendingMessage),[Be,Ve]=(0,Q.useState)(null),[He,Ue]=(0,Q.useState)(!1),[We,Ge]=(0,Q.useState)(0),[Ke,qe]=(0,Q.useState)(!1),Je=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{Je.current&&!fe&&qe(!1),Je.current=!!fe},[fe]);let[Ye,Xe]=(0,Q.useState)(!1);(0,Q.useEffect)(()=>{ae||Xe(!0)},[ae]),(0,Q.useEffect)(()=>{Re&&je&&n&&t&&U(t,{metadata:{...e,pendingMessage:void 0}})},[je,n]),(0,Q.useEffect)(()=>{He&&X&&Ue(!1)},[He,X]),(0,Q.useEffect)(()=>{if(!He)return;let e=setTimeout(()=>Ue(!1),6e4);return()=>clearTimeout(e)},[He]),(0,Q.useCallback)(()=>{L.getState().openTab({type:`chat`,title:`AI Chat`,metadata:{projectName:H,providerId:i},projectId:H||null,closable:!0})},[H,i]);let Ze=(0,Q.useCallback)(e=>{Ue(!1),r(e.id),a(e.providerId),t&&U(t,{title:e.title||`Chat`}),ue.getState().clearForSession(e.id)},[t,U]),Qe=(0,Q.useCallback)(async(e,t)=>{if(!(!n||!H))try{let{api:r,projectUrl:a}=await te(async()=>{let{api:e,projectUrl:t}=await import(`./api-client-bbJLzRVE.js`).then(e=>e.n);return{api:e,projectUrl:t}},__vite__mapDeps([12,1])),o=await r.post(`${a(H)}/chat/sessions/${n}/fork?providerId=${i}`,{messageId:t});L.getState().openTab({type:`chat`,title:`Fork: ${e.slice(0,30)}`,metadata:{projectName:H,sessionId:o.id,providerId:i,pendingMessage:e},projectId:H||null,closable:!0})}catch(e){console.error(`Fork failed:`,e);let t=e?.message||`Unknown error`;Se.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,H,i]),$e=(0,Q.useCallback)((e,t,n)=>{ze(e),Ve({anchorMsgId:t,ownMsgId:n})},[]),et=(0,Q.useCallback)(()=>{Ve(null),ze(void 0),Ue(!1),q(),Ge(e=>e+1)},[q]),tt=(0,Q.useCallback)(async(a,o)=>{if(!(!a.trim()||!n||!H)){Ue(!0);try{let s=await A.post(`${k(H)}/chat/sessions/${n}/fork?providerId=${i}&mode=edit`,{messageId:o});pn(),E.current={content:a,permissionMode:w},qe(!0),t&&U(t,{metadata:{...e,sessionId:s.id}}),r(s.id)}catch(e){Ue(!1);let t=e?.message||`Unknown error`;Se.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,H,i,w,t,U,e]),nt=(0,Q.useCallback)(i=>{!i||i===n||(Ue(!1),qe(!0),t&&U(t,{metadata:{...e,sessionId:i}}),r(i))},[n,t,U,e]),rt=(0,Q.useCallback)((e,t)=>{if(t.length===0)return e;let n=[];for(let e of t)e.textContent&&n.push(e.textContent);let r=t.filter(e=>e.serverPath);if(r.length>0){let e=r.map(e=>e.serverPath).join(`
-`);n.push(r.length===1?`[Attached file: ${e}]`:`[Attached files:\n${e}\n]`)}return n.length===0?e:n.join(`
-`)+`
-`+e},[]),it=(0,Q.useCallback)(async(e,t=[],o)=>{let s=rt(e,t);if(s.trim()){if(!n)try{let t=H,n=await A.post(`${k(t)}/chat/sessions`,{providerId:i,title:e.slice(0,50)});r(n.id),a(n.providerId),E.current={content:s,permissionMode:w};return}catch(e){console.error(`Failed to create session:`,e);return}Ee(s,{permissionMode:w,priority:o})}},[n,i,H,Ee,rt,w]),at=(0,Q.useCallback)((e,t,r)=>{if(ze(void 0),q(),Be&&n&&H){let n=Be.anchorMsgId;Ve(null),tt(rt(e,t),n);return}it(e,t,r)},[it,q,Be,n,H,tt,rt]),ot=(0,Q.useCallback)((e,t)=>{oe(e,t)},[oe]),st=(0,Q.useCallback)((e,t)=>{s(e),t&&h(t)},[]),ct=(0,Q.useCallback)((e,t)=>{l(e),d(t)},[]),lt=(0,Q.useCallback)(e=>{p(e),l(!1),d(``),setTimeout(()=>p(null),50),H&&(A.post(`${k(H)}/chat/slash-recents`,{name:e.name,type:e.type}).catch(()=>{}),h(t=>[e.name,...t.filter(t=>t!==e.name)].slice(0,5)))},[H]),ut=(0,Q.useCallback)(()=>{l(!1),d(``)},[]),dt=(0,Q.useCallback)(()=>I(null),[]),ft=(0,Q.useCallback)(e=>{B(e)},[]),pt=(0,Q.useCallback)(e=>{I([e.path]),B(null)},[]),mt=(0,Q.useCallback)((e,t)=>{y(e),x(t)},[]),ht=(0,Q.useCallback)(e=>{C(e),y(!1),x(``),setTimeout(()=>C(null),50)},[]),gt=(0,Q.useCallback)(()=>{y(!1),x(``)},[]);return(0,$.jsxs)(`div`,{className:`flex flex-col h-full relative`,onDragEnter:(0,Q.useCallback)(e=>{e.preventDefault(),V.current++,(e.dataTransfer.types.includes(`application/x-ppm-path`)||e.dataTransfer.types.includes(`Files`))&&ee(!0)},[]),onDragLeave:(0,Q.useCallback)(e=>{e.preventDefault(),V.current--,V.current===0&&ee(!1)},[]),onDragOver:(0,Q.useCallback)(e=>{e.preventDefault()},[]),onDrop:(0,Q.useCallback)(e=>{e.preventDefault(),V.current=0,ee(!1);let t=e.dataTransfer.getData(`application/x-ppm-path`);if(t){I([t]);return}let n=Array.from(e.dataTransfer.files);n.length>0&&(N(n),setTimeout(()=>N(null),100))},[]),children:[D&&(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)(ge,{className:`size-8`}),(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:`Drop files to attach`})]})}),me&&(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)(Z,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Reconnecting...`})]})}),He&&(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)(Z,{className:`size-4 animate-spin`}),(0,$.jsx)(`span`,{children:`Creating edited version…`})]})}),(0,$.jsx)($n,{shells:Ie,onKill:Le}),(0,$.jsx)(bn,{messages:Y,onExpandCompact:se,isCompactExpanded:ce,messagesLoading:fe,keepStaleWhileLoading:Ke,pendingApproval:_e,onApprovalResponse:De,isStreaming:X,phase:pe,connectingElapsed:he,statusMessage:be,compactStatus:ye,projectName:H,onFork:X?void 0:Qe,onEdit:X?void 0:$e,editingMsgId:Be?.ownMsgId,sessionId:n??void 0,providerId:i,onNavigateVersion:nt,onSelectSession:Ze,onDismissMessage:le,onClearErrors:de,bashPartialOutput:Fe}),(0,$.jsxs)(`div`,{className:`border-t border-border bg-background shrink-0`,children:[(0,$.jsx)(si,{projectName:H,usageInfo:re,usageLoading:ie,refreshUsage:G,lastFetchedAt:W,sessionId:n,providerId:i,onSelectSession:Ze,onBugReport:n?()=>Te(ne,{sessionId:n,projectName:H}):void 0,isConnected:je,onReload:()=>{je||ke(),Ae()},teamActivity:Me,teamMessages:Ne,onTeamOpen:Pe}),(0,$.jsx)(yr,{items:o,filter:u,onSelect:lt,onClose:ut,visible:c,recentNames:m,projectName:H}),(0,$.jsx)(br,{items:g,filter:b,onSelect:ht,onClose:gt,visible:v}),z&&(0,$.jsx)(br,{items:z,filter:``,onSelect:pt,onClose:()=>B(null),visible:!0}),Be&&(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:et,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)(O,{className:`h-3.5 w-3.5`}),`Cancel`]})]}),(Ye||!ae)&&(0,$.jsx)(fr,{onSend:at,isStreaming:X,onCancel:Oe,autoFocus:!e?.sessionId||!!Re,initialValue:Re??K?.content,clearSignal:We,projectName:H,onSlashStateChange:ct,onSlashItemsLoaded:st,slashSelected:f,onFileStateChange:mt,onFileItemsLoaded:_,fileSelected:S,externalFiles:M,externalPaths:P,onExternalPathsConsumed:dt,onDisambiguate:ft,onContentChange:ot,permissionMode:w,onModeChange:T,providerId:i,onProviderChange:n?void 0:a,model:Ce,onModelChange:we})]})]})}export{li as ChatTab};