tide-commander 1.159.0 → 1.159.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -0
- package/dist/assets/{BossLogsModal-B1efaCOD.js → BossLogsModal-CL5C40v7.js} +1 -1
- package/dist/assets/{BossSpawnModal-CsEylDz3.js → BossSpawnModal-QRrIVSsE.js} +1 -1
- package/dist/assets/{ControlsModal-VoXduUsZ.js → ControlsModal-_cw1dgUl.js} +1 -1
- package/dist/assets/{DockerLogsModal-C6sMnLBl.js → DockerLogsModal-BMzpUMYF.js} +1 -1
- package/dist/assets/{EmbeddedEditor-Cph0We_D.js → EmbeddedEditor-DqY3hqbU.js} +1 -1
- package/dist/assets/{GmailOAuthSetup-BLRlfaUq.js → GmailOAuthSetup-Bc9srJE4.js} +1 -1
- package/dist/assets/{GoogleOAuthSetup-D3QpuVDO.js → GoogleOAuthSetup-DeaxWPCd.js} +1 -1
- package/dist/assets/{IframeModal-85pHW-pq.js → IframeModal-3uoqeRAN.js} +1 -1
- package/dist/assets/{IntegrationsPanel-CD67Zpbe.js → IntegrationsPanel-DL9VTiWv.js} +2 -2
- package/dist/assets/{LogViewerModal-BwxMq9Ut.js → LogViewerModal-Bp80nuou.js} +1 -1
- package/dist/assets/{MonitoringModal-CMEOZ95G.js → MonitoringModal-p_ucVk30.js} +1 -1
- package/dist/assets/{PM2LogsModal-B8U7Twg5.js → PM2LogsModal-Bk060m4u.js} +1 -1
- package/dist/assets/{RestoreArchivedAreaModal-Djc-HI0I.js → RestoreArchivedAreaModal-DgYKagxt.js} +1 -1
- package/dist/assets/{Scene2DCanvas-3ELgvFj7.js → Scene2DCanvas-C7Xc_5Dz.js} +1 -1
- package/dist/assets/{SceneManager-DGDAQjiM.js → SceneManager-D1HZULQL.js} +1 -1
- package/dist/assets/{SkillsPanel-C_VJxYq6.js → SkillsPanel-DR0YQBuD.js} +1 -1
- package/dist/assets/{SlackMultiInstanceSetup-CU_ciZt8.js → SlackMultiInstanceSetup-W9boSb9T.js} +1 -1
- package/dist/assets/{SpawnModal-4UWGDXA5.js → SpawnModal-CN0uPU2H.js} +1 -1
- package/dist/assets/{StatisticsModal-t3BmlLeA.js → StatisticsModal-Bs8WGrk8.js} +1 -1
- package/dist/assets/{SubordinateAssignmentModal-DadewDiC.js → SubordinateAssignmentModal-CppZw5TE.js} +1 -1
- package/dist/assets/{TriggerManagerPanel-CsRxQshw.js → TriggerManagerPanel-BZeMe-9r.js} +1 -1
- package/dist/assets/{WorkflowEditorPanel-D8HdloWl.js → WorkflowEditorPanel-BH5HqvN2.js} +1 -1
- package/dist/assets/{area-logos-DT0p0ZNy.js → area-logos-B6CrA1uD.js} +1 -1
- package/dist/assets/{index-CXV0mjYb.js → index-B_RzzK2X.js} +3 -3
- package/dist/assets/{index-DxzEz7Wq.js → index-BtnAoK73.js} +1 -1
- package/dist/assets/{index-sqLiegdk.js → index-CN1Rq7ZV.js} +1 -1
- package/dist/assets/{index-pnFcxt52.js → index-Cmhnprql.js} +1 -1
- package/dist/assets/{index-BWeUgDS_.js → index-D3ivqCnn.js} +2 -2
- package/dist/assets/{index-BeP_1e9F.js → index-DHio1aFH.js} +1 -1
- package/dist/assets/{index-DZ1dDpMc.js → index-DI8A9Ggk.js} +1 -1
- package/dist/assets/{index-COzjdZHI.js → index-DnOc4jz6.js} +1 -1
- package/dist/assets/{index-CNb62smT.js → index-ZZxeSHEQ.js} +1 -1
- package/dist/assets/{main-DM6oMRZH.js → main-BbNRp516.js} +8 -8
- package/dist/assets/{web-bc8PmuWG.js → web-BCXtfjWo.js} +1 -1
- package/dist/assets/{web-UIwBVJek.js → web-C24Z_D9n.js} +1 -1
- package/dist/assets/{web-63aqCy2N.js → web-CC__8ncF.js} +1 -1
- package/dist/build-info.json +1 -1
- package/dist/index.html +1 -1
- package/dist/src/packages/server/cli.js +22 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,H as Sa,J as Qt,K as ua,L as ma,j as e,M as pa,N as Aa,u as Yt,O as Ea,P as Ma,U as Ia,V as Ta,W as La,X as Pa,Y as Ra,Z as fa,_ as ea,S as A,$ as ta,a0 as qt,a1 as aa,a2 as Et,a3 as be,a4 as Da,s as g,a5 as ha,m as ga,a6 as $a,z as na,B as sa,I as d,a7 as za,q as Oa,a8 as Ba,a9 as xa,aa as ba,ab as _a,ac as wa,ad as Fa,ae as Wa,af as Ha,ag as Ua,ah as Ga,ai as Va,aj as Xa,ak as qa,al as Ya,am as Ka,an as Za,ao as Ja,ap as ia,C as Qa,aq as en,ar as la,as as tn,at as an,au as nn,av as sn,aw as ln,ax as rn,ay as on,az as cn,aA as dn,aB as un,aC as mn,aD as pn,aE as fn,aF as hn,aG as gn,aH as nt,aI as xn,aJ as bn,aK as _n,aL as wn,aM as ft,aN as vn,aO as jn,aP as Cn,aQ as kn,aR as Nn,aS as ra,aT as yn}from"./main-DM6oMRZH.js";import{g as Sn}from"./area-logos-DT0p0ZNy.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";function An(c){const r=s.useRef(c);r.current=c,s.useEffect(()=>{if(!Sa())return;let p=null,x=!1;return Qt.addListener("backButton",()=>{r.current()==="exit"&&Qt.exitApp()}).then(C=>{x?C.remove():p=C}),()=>{x=!0,p&&(p.remove(),p=null)}},[])}async function En(c){const r=ua(),p=await fetch(`${ma()}/api/agents/${c}/terminal`,{method:"POST",headers:{Authorization:`Bearer ${r}`}});if(!p.ok){const x=await p.json().catch(()=>({}));throw new Error((x==null?void 0:x.error)||`Failed to start terminal (${p.status})`)}return p.json()}async function Mn(c){const r=ua();await fetch(`${ma()}/api/agents/${c}/terminal`,{method:"DELETE",headers:{Authorization:`Bearer ${r}`}})}const ht=new Map;function In({agentId:c}){const[r,p]=s.useState(null),[x,C]=s.useState(null);return s.useEffect(()=>{let T=!1;const S=ht.get(c);return S&&(clearTimeout(S),ht.delete(c)),p(null),C(null),En(c).then(N=>{T||p(N.url)}).catch(N=>{T||C(N instanceof Error?N.message:"Failed to start terminal")}),()=>{T=!0;const N=ht.get(c);N&&clearTimeout(N),ht.set(c,setTimeout(()=>{ht.delete(c),Mn(c)},2500))}},[c]),x?e.jsx("div",{className:"flat-classic-terminal flat-classic-terminal--message",children:e.jsx("span",{children:x})}):r?e.jsx("div",{className:"flat-classic-terminal",children:e.jsx(pa,{terminalUrl:r,visible:!0})}):e.jsx("div",{className:"flat-classic-terminal flat-classic-terminal--message",children:e.jsx("span",{children:"Attaching to interactive session…"})})}const Ut=new Map,Tn=6e4;function oa(c){return Number.isFinite(c)?Math.abs(c)>=1e3?c.toLocaleString(void 0,{maximumFractionDigits:0}):c.toLocaleString(void 0,{maximumFractionDigits:2}):String(c)}function Ln(c,r){var C,T,S;const p=[];if(!c.rateLimits)return p;if(c.provider==="claude"){const N=c,J=[{key:"fiveHour",label:r("terminal:usage.currentSession"),window:N.rateLimits.fiveHour},{key:"sevenDay",label:r("terminal:usage.currentWeekAll"),window:N.rateLimits.sevenDay},{key:"sevenDayOpus",label:r("terminal:usage.currentWeekOpus"),window:N.rateLimits.sevenDayOpus},{key:"sevenDaySonnet",label:r("terminal:usage.currentWeekSonnet"),window:N.rateLimits.sevenDaySonnet}];for(const w of J)w.window&&p.push({...w,window:w.window});return p}const x=c;return(C=x.rateLimits)!=null&&C.weekly&&p.push({key:"weekly",label:r("terminal:usage.weeklyLimit"),window:x.rateLimits.weekly}),(T=x.rateLimits)!=null&&T.monthly&&p.push({key:"monthly",label:r("terminal:usage.monthlyLimit"),window:x.rateLimits.monthly}),(S=x.rateLimits)!=null&&S.onDemand&&p.push({key:"onDemand",label:r("terminal:usage.onDemandLimit"),window:x.rateLimits.onDemand}),p}function Pn({agentId:c,contextSummary:r}){const{t:p}=Yt(["terminal","common"]),[x,C]=s.useState(()=>{var z;return((z=Ut.get(c))==null?void 0:z.snapshot)??null}),[T,S]=s.useState(!1),[N,J]=s.useState(null),w=s.useRef(0);s.useEffect(()=>{const z=Ut.get(c);if(z&&Date.now()-z.fetchedAt<Tn){C(z.snapshot);return}const le=++w.current;S(!0),J(null),Ea(c).then(R=>{le===w.current&&(Ut.set(c,{snapshot:R,fetchedAt:Date.now()}),C(R),S(!1))}).catch(R=>{le===w.current&&(J(R.message||"Failed to load plan limits"),S(!1))})},[c]);const U=x?Ln(x,p):[];return e.jsxs("div",{className:"plan-limits-tooltip",children:[r&&e.jsx("div",{className:"plan-limits-tooltip__context",children:r}),e.jsx("div",{className:"plan-limits-tooltip__title",children:p("terminal:usage.limits")}),T&&!x&&e.jsxs("div",{className:"plan-limits-tooltip__muted",children:[p("common:status.loading"),"…"]}),!T&&N&&!x&&e.jsx("div",{className:"plan-limits-tooltip__muted",children:p("terminal:usage.limitsError",{message:N})}),U.length>0?e.jsx("div",{className:"plan-limits-tooltip__gauges",children:U.map(({key:z,label:le,window:R})=>{const Se=Math.max(0,Math.min(100,R.utilization)),re=Ia(Se),oe=typeof R.used=="number"&&typeof R.limit=="number"&&Number.isFinite(R.used)&&Number.isFinite(R.limit);return e.jsxs("div",{className:"plan-limits-tooltip__gauge",children:[e.jsxs("div",{className:"plan-limits-tooltip__gauge-head",children:[e.jsx("span",{className:"plan-limits-tooltip__gauge-label",children:le}),e.jsx("span",{className:"plan-limits-tooltip__gauge-percent",style:{color:re},children:p("terminal:usage.percentUsed",{percent:Math.round(Se)})})]}),e.jsx("div",{className:"plan-limits-tooltip__bar",children:e.jsx("div",{className:"plan-limits-tooltip__bar-fill",style:{width:`${Se}%`,background:re}})}),e.jsxs("div",{className:"plan-limits-tooltip__reset",children:[p("terminal:usage.resets",{time:Ma(R.resetsAt)}),oe&&e.jsx("span",{style:{marginLeft:8},children:p("terminal:usage.creditsUsed",{used:oa(R.used),limit:oa(R.limit)})})]})]},z)})}):x&&!T&&e.jsx("div",{className:"plan-limits-tooltip__muted",children:x.rateLimitsError?p("terminal:usage.limitsError",{message:x.rateLimitsError}):x.cliHint})]})}function Rn({agentId:c,disabled:r,contextSummary:p,children:x}){return e.jsx(Aa,{position:"top",maxWidth:320,disabled:r,className:"plan-limits-tooltip-wrapper",triggerStyle:{display:"inline-flex",alignItems:"center"},content:e.jsx(Pn,{agentId:c,contextSummary:p}),children:x})}const Dn=s.memo(function({className:r=""}){const{t:p}=Yt(["common"]),[x,C]=Ta(),T=s.useRef(null),[S,N]=s.useState(null);s.useLayoutEffect(()=>{const w=T.current;if(!w)return;const U=w.querySelector(".view-mode-toggle__btn--active");U&&N({left:U.offsetLeft,width:U.offsetWidth})},[x]);const J=s.useCallback(w=>{if(w!==x){if(typeof window<"u"&&window.dispatchEvent(new CustomEvent("tide:viewmode-switch-pressed",{detail:{mode:w}})),w==="3d"){requestAnimationFrame(()=>C(w));return}C(w)}},[x,C]);return e.jsxs("div",{className:`view-mode-toggle ${r}`,ref:T,children:[S&&e.jsx("div",{className:"view-mode-toggle__indicator",style:{left:S.left,width:S.width}}),La.map(w=>e.jsxs("button",{className:`view-mode-toggle__btn ${x===w?"view-mode-toggle__btn--active":""}`,onClick:()=>J(w),title:p(`common:viewMode.descriptions.${w}`),children:[e.jsxs("span",{className:"view-mode-toggle__icon",children:[w==="2d"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),e.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),e.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"21"})]}),w==="3d"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5z"}),e.jsx("path",{d:"M2 17l10 5 10-5"}),e.jsx("path",{d:"M2 12l10 5 10-5"})]}),w==="flat"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"3",width:"8",height:"8",rx:"1"}),e.jsx("rect",{x:"13",y:"3",width:"8",height:"8",rx:"1"}),e.jsx("rect",{x:"3",y:"13",width:"8",height:"8",rx:"1"}),e.jsx("rect",{x:"13",y:"13",width:"8",height:"8",rx:"1"})]}),w==="dashboard"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),e.jsx("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),e.jsx("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),e.jsx("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]})]}),e.jsx("span",{className:"view-mode-toggle__label",children:p(`common:viewMode.labels.${w}`)})]},w))]})}),Mt=3,It=280,ca=320,Gt=240,da=64,$n=["simple","chat","advanced"],zn={simple:"Simple",chat:"Chat",advanced:"Advanced"},On={simple:"○",chat:"◐",advanced:"◉"},Bn={simple:"Simple view — clean messages only",chat:"Chat view — assistant replies (no tool calls)",advanced:"Advanced view — everything including tools"},Vt="flat-clear-context",va="tide:flat-embedded-panels";function ja(){try{const c=localStorage.getItem(va),r=c?JSON.parse(c):{};return r&&typeof r=="object"?r:{}}catch{return{}}}function Xt(c,r){try{const p=ja();r?p[c]=r:delete p[c],localStorage.setItem(va,JSON.stringify(p))}catch{}}function Fn(c){const r=c.split("/").filter(Boolean);return r.length===0?c:r.slice(-2).join("/")}function Wn(c){if(c.provider==="codex"){const T=c.codexModel||"gpt-5.6-luna",S=Nn[T];return{model:(S==null?void 0:S.label)||T}}if(c.provider==="opencode")return{model:c.opencodeModel||"opencode"};if(c.provider==="grok"){const T=c.grokModel||"grok-4.5",S=c.effort,N=S?ra[S]:void 0;return{model:T,effort:N==null?void 0:N.label}}const r=c.model||"sonnet",p=yn[r],x=c.effort,C=x?ra[x]:void 0;return{model:(p==null?void 0:p.label)||r,effort:C==null?void 0:C.label}}function Hn(c,r){if(r.type==="rectangle"&&r.width&&r.height){const p=r.width/2,x=r.height/2;return c.x>=r.center.x-p&&c.x<=r.center.x+p&&c.z>=r.center.z-x&&c.z<=r.center.z+x}if(r.type==="circle"&&r.radius){const p=c.x-r.center.x,x=c.z-r.center.z;return p*p+x*x<=r.radius*r.radius}return!1}const Un=en.memo(function({agentId:r,terminalViewMode:p,onTerminalViewModeChange:x,inspectorOpen:C,onToggleInspector:T,onShowTaskBoard:S,onImageClick:N,onFileClick:J,onBashClick:w,onViewMarkdown:U,onRequestClearSubordinates:z,keyboard:le,canNavigateBack:R,canNavigateForward:Se,onNavigateBack:re,onNavigateForward:oe,agentInfoOpen:$e,onToggleAgentInfo:gt,onHeaderContextMenu:_e,onBuildingContextMenu:we}){var Ct,kt;const f=la(r),O=ga(),Ae=tn(),Ee=s.useRef(null),Ye=s.useRef(null),{displayedAgentId:Me,fadingOut:Tt}=an(r),xt=la(Me),Ke=!!Ae.interactiveMode&&((f==null?void 0:f.provider)??"claude")==="claude"&&!!(f!=null&&f.sessionId),[ce,Ze]=s.useState(!1),[ze,de]=s.useState(!1),D=s.useCallback(()=>de(!1),[]);fa("flat-chat-actions",ze,D),s.useEffect(()=>{const a=()=>de(o=>!o);return window.addEventListener("tide:toggle-chat-actions",a),()=>window.removeEventListener("tide:toggle-chat-actions",a)},[]),s.useEffect(()=>{Ze(!1),de(!1)},[r]),s.useEffect(()=>{!Ke&&ce&&Ze(!1)},[Ke,ce]),s.useEffect(()=>{const a=Ye.current;if(!a)return;const o=u=>{u.button===3?(u.preventDefault(),u.stopPropagation(),re()):u.button===4&&(u.preventDefault(),u.stopPropagation(),oe())},i=u=>{(u.button===3||u.button===4)&&u.preventDefault()};return a.addEventListener("mouseup",o),a.addEventListener("mousedown",i),()=>{a.removeEventListener("mouseup",o),a.removeEventListener("mousedown",i)}},[re,oe]),s.useEffect(()=>{const a=Ye.current;if(!a)return;let o=0,i=0,u=0;const X=250,te=600,L=80,at=1.5,q=ne=>{let G=ne instanceof HTMLElement?ne:null;for(;G&&G!==a;){const Nt=window.getComputedStyle(G).overflowX;if((Nt==="auto"||Nt==="scroll")&&G.scrollWidth>G.clientWidth)return!0;G=G.parentElement}return!1},Xe=ne=>{const G=Date.now();if(G<u){ne.preventDefault();return}if(Math.abs(ne.deltaX)<=Math.abs(ne.deltaY)*at){o=0;return}if(q(ne.target)){o=0;return}G-i>X&&(o=0),i=G,o+=ne.deltaX,o<=-L?(o=0,u=G+te,ne.preventDefault(),re()):o>=L&&(o=0,u=G+te,ne.preventDefault(),oe())};return a.addEventListener("wheel",Xe,{passive:!1}),()=>a.removeEventListener("wheel",Xe)},[re,oe]);const ue=ha(),st=s.useMemo(()=>{if(!f)return null;const a=new Set,o=[];for(const i of ue.values())i.archived||i.directories.length===0||i.assignedAgentIds.includes(r)&&(a.add(i.id),o.push(i));for(const i of ue.values())i.archived||i.directories.length===0||a.has(i.id)||Hn({x:f.position.x,z:f.position.z},i)&&(a.add(i.id),o.push(i));return o.length===0?null:o.flatMap(i=>i.directories.filter(u=>u&&u.trim().length>0).map(u=>({areaId:i.id,areaName:i.name,dir:u})))},[f,r,ue]),{branches:bt,fetchRemote:Oe,fetchingDirs:Ie}=nn(st),me=s.useMemo(()=>{var i;const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const u of O.values())u.type==="terminal"&&g.isPositionInArea(u.position,a)&&o.push({id:u.id,name:u.name,hasUrl:!!((i=u.terminalStatus)!=null&&i.url)});return o},[r,O]),ve=s.useMemo(()=>{var i;const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const u of O.values())u.type==="server"&&((i=u.pm2)!=null&&i.enabled)&&g.isPositionInArea(u.position,a)&&o.push({id:u.id,name:u.name});return o},[r,O]),Q=s.useMemo(()=>{const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const i of O.values())i.type==="database"&&i.database&&g.isPositionInArea(i.position,a)&&o.push({id:i.id,name:i.name});return o},[r,O]),Be=sn(),se=s.useMemo(()=>{const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const i of O.values())if(i.type==="tests"&&g.isPositionInArea(i.position,a)){const u=!!i.folderPath&&Be.some(X=>ln(X,i.folderPath));o.push({id:i.id,name:i.name,working:u})}return o},[r,O,Be]),ie=s.useMemo(()=>{const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const i of O.values())i.type==="http"&&g.isPositionInArea(i.position,a)&&o.push({id:i.id,name:i.name});return o},[r,O]),[,Lt]=s.useReducer(a=>a+1,0),je=((Ct=Ee.current)==null?void 0:Ct.search.searchMode)??!1,it=s.useCallback(()=>{var a;(a=Ee.current)==null||a.search.toggleSearch(),Lt()},[]),Te=rn(),Le=Te.isPending(Vt),[j,ae]=s.useState(null),ee=j?O.get(j.buildingId):null,[Fe,Pe]=s.useState(""),[We,Pt]=s.useState(()=>on()),B=s.useMemo(()=>{var a;return((a=g.getAreaForAgent(r))==null?void 0:a.id)??null},[r,O]),He=s.useCallback((a,o)=>{Pe(""),ae(i=>{const u=(i==null?void 0:i.buildingId)===o?null:{type:a,buildingId:o};return B&&Xt(B,u),u})},[B]),Ce=s.useCallback(()=>{Pe(""),ae(null),B&&Xt(B,null)},[B]);s.useEffect(()=>{if((j==null?void 0:j.type)!=="pm2-logs")return;const a=j.buildingId;return g.startLogStreaming(a,200),()=>g.stopLogStreaming(a)},[j]);const{height:Rt,onResizeStart:Dt}=cn(),{sidePanelWidth:$t,handleSidePanelResizeStart:lt}=dn(),[_,_t]=s.useState(()=>qt(A.GIT_PANEL_OPEN,!1)),[Re,pe]=s.useState(()=>qt(A.BUILDINGS_PANEL_OPEN,!1)),[F,Ue]=s.useState(!1),rt=s.useCallback(()=>{Ue(a=>{const o=!a;return o&&un.setEnabled(!0),o})},[]),zt=s.useCallback(()=>Ue(!1),[]),wt=s.useCallback(()=>{_t(a=>{const o=!a;return be(A.GIT_PANEL_OPEN,o),o})},[]),vt=s.useCallback(()=>{pe(a=>{const o=!a;return be(A.BUILDINGS_PANEL_OPEN,o),o})},[]),Ot=s.useCallback(()=>{_t(!1),be(A.GIT_PANEL_OPEN,!1)},[]),ot=s.useCallback(()=>{pe(!1),be(A.BUILDINGS_PANEL_OPEN,!1)},[]),Ge=mn(),fe=s.useMemo(()=>({terminal:me,"pm2-logs":ve,database:Q,tests:se,http:ie}),[me,ve,Q,se,ie]);s.useEffect(()=>{if(!j)return;fe[j.type].some(o=>o.id===j.buildingId)||(Pe(""),ae(null))},[j,fe]);const ke=s.useRef(void 0);s.useEffect(()=>{var o;if(ke.current===B)return;ke.current=B;const a=B?ja()[B]:void 0;Pe(""),a&&((o=fe[a.type])!=null&&o.some(i=>i.id===a.buildingId))?ae(a):ae(null)},[B,fe]),s.useEffect(()=>{const a=o=>{var X;const i=o.detail;if(!(i!=null&&i.buildingId)||!(i!=null&&i.type)||!((X=fe[i.type])!=null&&X.some(te=>te.id===i.buildingId)))return;i.handled=!0,Pe("");const u={type:i.type,buildingId:i.buildingId};ae(u),B&&Xt(B,u)};return window.addEventListener("tide:dock-building-flat",a),()=>window.removeEventListener("tide:dock-building-flat",a)},[fe,B]);const[Ve,W]=s.useState(!1),he=s.useRef(null);if(s.useEffect(()=>{if(!Ve)return;const a=o=>{he.current&&!he.current.contains(o.target)&&W(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[Ve]),!f)return e.jsx("div",{className:"flat-chat flat-chat--empty",children:e.jsxs("div",{className:"flat-chat__placeholder",children:[e.jsx("span",{className:"flat-chat__placeholder-icon",children:"💬"}),e.jsx("span",{className:"flat-chat__placeholder-text",children:"Select an agent to start chatting"})]})});const Ne=f.contextStats,ct=!!Ne,Je=Ne?Ne.totalTokens:f.contextUsed||0,dt=Ne?Ne.contextWindow:f.contextLimit||(f.provider==="grok"?5e5:2e5),Bt=Ne?Ne.usedPercent:Math.round(Je/dt*100),De=Math.max(0,Math.min(100,Bt)),jt=Math.round(De*10)/10,ge=Math.round((100-De)*10)/10,Qe=De>=80?"#ff4a4a":De>=60?"#ff9e4a":De>=40?"#ffd700":"#4aff9e",et=(Je/1e3).toFixed(1),ut=(dt/1e3).toFixed(1),xe=f.cwd,mt=xe?Fn(xe):null,ye=((kt=f.subordinateIds)==null?void 0:kt.length)||0,tt=ye>0;return e.jsxs("div",{ref:Ye,className:`flat-terminal-wrapper ${_||Re||F?"flat-terminal-wrapper--with-side-panel":""} ${Tt?"pane-fading-out":""}`,style:{"--guake-side-panel-width":`min(${$t}px, 70%)`},children:[e.jsxs("div",{className:"flat-terminal-wrapper__header",children:[e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__header-main ${$e?"flat-terminal-wrapper__header-main--active":""}`,onClick:gt,onContextMenu:a=>{a.preventDefault(),a.stopPropagation(),_e({x:a.clientX,y:a.clientY})},title:$e?"Hide agent info":"Show agent info","aria-pressed":$e,children:[e.jsx("span",{className:`flat-terminal-wrapper__header-avatar${f.status==="working"?" is-working":""}`,children:e.jsx(xa,{agent:f,size:28})}),e.jsxs("span",{className:"flat-terminal-wrapper__header-info",children:[e.jsx("span",{className:"flat-terminal-wrapper__header-name",children:f.name}),e.jsx("span",{className:"flat-terminal-wrapper__header-status",style:{color:wa(f.status)},children:f.status})]}),f.taskLabel&&e.jsxs("span",{className:"flat-terminal-wrapper__header-task",title:f.taskLabel,children:["📋 ",f.taskLabel]}),e.jsxs("span",{className:"flat-terminal-wrapper__header-model",children:[e.jsx("img",{src:_a(f.provider,"/"),alt:f.provider,className:"flat-terminal-wrapper__header-provider-icon",title:ba(f.provider)}),(()=>{const{model:a,effort:o}=Wn(f);return e.jsxs("span",{className:"flat-terminal-wrapper__header-model-chip",title:o?`Model: ${a} · Effort: ${o}`:`Model: ${a}`,children:[e.jsx("span",{className:"flat-terminal-wrapper__header-model-name",children:a}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"flat-terminal-wrapper__header-model-sep","aria-hidden":"true",children:"·"}),e.jsx("span",{className:"flat-terminal-wrapper__header-model-effort",children:o})]})]})})()]})]}),e.jsxs("div",{className:"flat-terminal-wrapper__header-meta",children:[e.jsxs("div",{className:"flat-terminal-wrapper__view-mode",role:"group","aria-label":"Message view mode",children:[$n.map(a=>e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__view-mode-btn ${!ce&&p===a?"flat-terminal-wrapper__view-mode-btn--active":""}`,onClick:()=>{Ze(!1),x(a)},title:Bn[a],"aria-pressed":!ce&&p===a,children:[e.jsx("span",{className:"flat-terminal-wrapper__view-mode-icon","aria-hidden":"true",children:On[a]}),e.jsx("span",{className:"flat-terminal-wrapper__view-mode-label",children:zn[a]})]},a)),Ke&&e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__view-mode-btn ${ce?"flat-terminal-wrapper__view-mode-btn--active":""}`,onClick:()=>Ze(a=>!a),title:"Classic TUI — attach to the live interactive claude session in a terminal","aria-pressed":ce,children:[e.jsx("span",{className:"flat-terminal-wrapper__view-mode-icon","aria-hidden":"true",children:e.jsx(d,{name:"terminal",size:13})}),e.jsx("span",{className:"flat-terminal-wrapper__view-mode-label",children:"Classic TUI"})]})]}),e.jsxs("div",{className:"flat-terminal-wrapper__actions",role:"group","aria-label":"Terminal actions",children:[e.jsx("button",{type:"button",className:"flat-terminal-wrapper__action-btn",onClick:re,disabled:!R,title:"Back to previous agent","aria-label":"Back to previous agent",children:e.jsx(d,{name:"arrow-left",size:14})}),e.jsx("button",{type:"button",className:"flat-terminal-wrapper__action-btn",onClick:oe,disabled:!Se,title:"Forward to next agent","aria-label":"Forward to next agent",children:e.jsx(d,{name:"arrow-right",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${je?"flat-terminal-wrapper__action-btn--active":""}`,onClick:it,title:je?"Close search":"Search messages","aria-pressed":je,children:e.jsx(d,{name:je?"cross":"search",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn flat-terminal-wrapper__action-btn--danger ${Le?"flat-terminal-wrapper__action-btn--confirm":""}`,onClick:()=>Te.handleClick(Vt,()=>{var a;g.clearContext(r),(a=Ee.current)==null||a.historyLoader.clearHistory()}),title:Le?"Click again to confirm clear context":"Clear context",children:e.jsx(d,{name:Le?"question":"clear",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${_?"flat-terminal-wrapper__action-btn--active":""}`,onClick:wt,title:_?"Hide git panel":"Show git changes","aria-pressed":_,children:e.jsx(d,{name:"git-branch",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${Re?"flat-terminal-wrapper__action-btn--active":""}`,onClick:vt,title:Re?"Hide buildings panel":"Show area buildings","aria-pressed":Re,children:e.jsx(d,{name:"buildings",size:14})}),e.jsxs("div",{className:"flat-terminal-wrapper__more",ref:he,children:[e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${Ve?"flat-terminal-wrapper__action-btn--active":""}`,onClick:()=>W(a=>!a),title:"More actions","aria-expanded":Ve,children:"⋮"}),Ve&&e.jsxs("div",{className:"flat-terminal-wrapper__more-menu",role:"menu",children:[e.jsxs("button",{type:"button",role:"menuitem",className:`flat-terminal-wrapper__more-item ${F?"flat-terminal-wrapper__more-item--active":""}`,onClick:()=>{rt(),W(!1)},title:F?"Hide Debug Panel":"Show Debug Panel",children:[e.jsx(d,{name:"bug",size:14}),e.jsx("span",{children:F?"Hide Debug Panel":"Show Debug Panel"})]}),e.jsx("div",{className:"flat-terminal-wrapper__more-divider"}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item",onClick:()=>{g.collapseContext(r),W(!1)},disabled:f.status!=="idle",title:f.status!=="idle"?"Agent must be idle to collapse context":"Collapse context",children:[e.jsx(d,{name:"package",size:14}),e.jsx("span",{children:"Collapse context"})]}),tt&&e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item flat-terminal-wrapper__more-item--danger",onClick:()=>{z(r,ye),W(!1)},children:[e.jsx(d,{name:"crown",size:14}),e.jsxs("span",{children:["Clear ",ye," subordinate",ye===1?"":"s"]})]}),e.jsx("div",{className:"flat-terminal-wrapper__more-divider"}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item flat-terminal-wrapper__more-item--danger",onClick:()=>{g.killAgent(r),W(!1)},children:[e.jsx(d,{name:"cross",size:14}),e.jsx("span",{children:"Remove agent"})]})]})]})]}),e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__inspector-toggle ${C?"flat-terminal-wrapper__inspector-toggle--active":""}`,onClick:T,title:C?"Hide inspector panel":"Show inspector panel","aria-label":C?"Hide inspector panel":"Show inspector panel","aria-pressed":C,children:[e.jsx("span",{className:"flat-terminal-wrapper__inspector-icon","aria-hidden":"true",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"1.5",y:"2.5",width:"13",height:"11",rx:"1.5"}),e.jsx("line",{x1:"10",y1:"2.5",x2:"10",y2:"13.5"})]})}),e.jsx("span",{className:"flat-terminal-wrapper__inspector-label",children:"Inspector"})]}),e.jsx("button",{type:"button",className:"flat-terminal-wrapper__close",onClick:()=>g.deselectAll(),title:"Close chat","aria-label":"Close chat",children:e.jsx(d,{name:"cross",size:14})})]})]}),ze&&e.jsxs("div",{className:"flat-chat-actions-sheet-root",role:"presentation",children:[e.jsx("div",{className:"flat-chat-actions-sheet__backdrop",onClick:D}),e.jsxs("div",{className:"flat-chat-actions-sheet",role:"menu","aria-label":"Chat actions",children:[e.jsx("div",{className:"flat-chat-actions-sheet__grabber","aria-hidden":"true"}),e.jsxs("div",{className:"flat-chat-actions-sheet__title-row",children:[e.jsx("span",{className:"flat-chat-actions-sheet__title",children:f.name}),e.jsx("button",{type:"button",className:"flat-chat-actions-sheet__done",onClick:D,children:"Done"})]}),e.jsxs("div",{className:"flat-chat-actions-sheet__grid",children:[e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${je?"is-active":""}`,onClick:()=>{it(),D()},children:[e.jsx(d,{name:je?"cross":"search",size:20}),e.jsx("span",{children:je?"Close search":"Search"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${_?"is-active":""}`,onClick:()=>{wt(),D()},children:[e.jsx(d,{name:"git-branch",size:20}),e.jsx("span",{children:"Git changes"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${Re?"is-active":""}`,onClick:()=>{vt(),D()},children:[e.jsx(d,{name:"buildings",size:20}),e.jsx("span",{children:"Buildings"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${F?"is-active":""}`,onClick:()=>{rt(),D()},children:[e.jsx(d,{name:"bug",size:20}),e.jsx("span",{children:"Debug"})]})]}),e.jsxs("div",{className:"flat-chat-actions-sheet__list",children:[e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__row flat-chat-actions-sheet__row--danger ${Le?"is-armed":""}`,onClick:()=>Te.handleClick(Vt,()=>{var a;g.clearContext(r),(a=Ee.current)==null||a.historyLoader.clearHistory(),D()}),children:[e.jsx(d,{name:Le?"question":"clear",size:18}),e.jsx("span",{children:Le?"Tap again to confirm clear":"Clear context"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-chat-actions-sheet__row",disabled:f.status!=="idle",onClick:()=>{g.collapseContext(r),D()},children:[e.jsx(d,{name:"package",size:18}),e.jsx("span",{children:"Collapse context"})]}),tt&&e.jsxs("button",{type:"button",role:"menuitem",className:"flat-chat-actions-sheet__row flat-chat-actions-sheet__row--danger",onClick:()=>{z(r,ye),D()},children:[e.jsx(d,{name:"crown",size:18}),e.jsxs("span",{children:["Clear ",ye," subordinate",ye===1?"":"s"]})]}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-chat-actions-sheet__row flat-chat-actions-sheet__row--danger",onClick:()=>{g.killAgent(r),D()},children:[e.jsx(d,{name:"cross",size:18}),e.jsx("span",{children:"Remove agent"})]})]})]})]}),e.jsx(pn,{agent:f,onClick:S}),ce&&Ke?e.jsx(In,{agentId:r}):Me&&xt?e.jsx(fn,{ref:Ee,agentId:Me,agent:xt,viewMode:p,isOpen:!0,onImageClick:N,onFileClick:J,onBashClick:w,onViewMarkdown:U,keyboard:le,hasModalOpen:!1},Me):null,j&&ee&&(()=>{var X,te;const a=j.type,o={terminal:"terminal","pm2-logs":"scroll",database:"hard-drives",tests:"flask",http:"globe"},i=a==="terminal"&&!((X=ee.terminalStatus)!=null&&X.url),u=!i;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"guake-bottom-terminal-resize",onMouseDown:Dt,role:"separator","aria-orientation":"horizontal","aria-label":"Resize embedded panel"}),e.jsxs("div",{className:"flat-bottom-panel",role:"region","aria-label":`${ee.name} panel`,style:{height:Rt},children:[e.jsxs("div",{className:"flat-bottom-panel__header",children:[e.jsxs("span",{className:"flat-bottom-panel__title",children:[e.jsx(d,{name:o[a],size:12}),e.jsx("span",{children:ee.name}),i&&e.jsx("span",{className:"flat-bottom-panel__muted",children:"(starting...)"})]}),e.jsxs("span",{className:"flat-bottom-panel__header-actions",children:[a==="pm2-logs"&&e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"text",className:"guake-bottom-terminal-filter",value:Fe,onChange:L=>Pe(L.target.value),placeholder:"Filter logs","aria-label":`Filter logs for ${ee.name}`,spellCheck:!1}),e.jsx("select",{className:"guake-bottom-terminal-retention",value:We===null?"unlimited":String(We),onChange:L=>{const at=L.target.value==="unlimited"?null:Number(L.target.value);Pt(at),gn(at)},"aria-label":`Max log retention for ${ee.name}`,children:hn.map(L=>e.jsx("option",{value:L===null?"unlimited":String(L),children:L===null?"Unlimited":`${L.toLocaleString()} lines`},L===null?"unlimited":L))}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>g.clearStreamingLogs(j.buildingId),title:"Clear logs",children:e.jsx(d,{name:"trash",size:12})}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>g.sendBuildingCommand(j.buildingId,"restart"),title:"Restart",children:e.jsx(d,{name:"restart",size:12})})]}),u&&e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>{Ce(),nt(j.buildingId)},title:"Maximize — open as modal","aria-label":"Open as modal",children:e.jsx(d,{name:"fullscreen",size:12})}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:Ce,title:"Close panel","aria-label":"Close panel",children:e.jsx(d,{name:"cross",size:12})})]})]}),e.jsx("div",{className:"flat-bottom-panel__body",children:a==="terminal"?(te=ee.terminalStatus)!=null&&te.url?e.jsx(pa,{terminalUrl:ee.terminalStatus.url,visible:!0}):e.jsx("div",{className:"flat-bottom-panel__placeholder",children:"Starting terminal..."}):a==="pm2-logs"?e.jsx(xn,{buildingId:j.buildingId,filterText:Fe,maxRetention:We}):a==="database"?e.jsx(bn,{building:ee}):a==="tests"?e.jsx("div",{className:"tests-panel-host",children:e.jsx(_n,{building:ee,autoFocusSearch:!1})}):e.jsx("div",{className:"http-requests-panel-host",children:e.jsx(wn,{building:ee,autoFocusSearch:!1})})})]})]})})(),e.jsxs("div",{className:"flat-terminal-wrapper__statusbar",role:"contentinfo",children:[f.isDetached&&e.jsxs("span",{className:"flat-terminal-wrapper__detached",title:"Reattaching session...",children:[e.jsx(d,{name:"refresh",size:12}),e.jsx("span",{children:"Reattaching"})]}),xe&&mt&&e.jsxs("span",{className:"flat-terminal-wrapper__cwd",title:`Open in file explorer: ${xe}`,"aria-label":`Open ${xe} in file explorer`,role:"button",tabIndex:0,onClick:()=>g.openFileExplorer(xe),onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),g.openFileExplorer(xe))},children:[e.jsx("span",{className:"flat-terminal-wrapper__cwd-icon",children:e.jsx(d,{name:"folder",size:12})}),e.jsx("span",{className:"flat-terminal-wrapper__cwd-text",children:mt})]}),st&&st.map(({areaId:a,areaName:o,dir:i})=>{const u=bt.get(i),X=Ie.has(i),te=i.split("/").filter(Boolean).pop()||i;return e.jsxs("span",{className:"flat-terminal-wrapper__area-dir",title:`${o}: ${i}${u?` (${u.branch}${u.ahead?` ↑${u.ahead}`:""}${u.behind?` ↓${u.behind}`:""})`:""}`,onClick:()=>g.openFileExplorerForAreaFolder(a,i),children:[e.jsx(d,{name:"folder-open",size:12}),e.jsx("span",{className:"flat-terminal-wrapper__area-dir-name",children:te}),u&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"flat-terminal-wrapper__area-dir-branch",children:[e.jsx(d,{name:"git-branch",size:10})," ",u.branch]}),u.ahead>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-ahead",title:`${u.ahead} ahead`,children:[e.jsx(d,{name:"arrow-up",size:9}),u.ahead]}),u.behind>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-behind",title:`${u.behind} behind`,children:[e.jsx(d,{name:"arrow-down",size:9}),u.behind]}),e.jsx("span",{className:`flat-terminal-wrapper__area-fetch ${X?"flat-terminal-wrapper__area-fetch--fetching":""}`,title:"Git fetch",onClick:L=>{L.stopPropagation(),Oe(i)},children:e.jsx(d,{name:X?"hourglass":"download",size:12})})]})]},`${a}:${i}`)}),e.jsx(Rn,{agentId:r,disabled:((f==null?void 0:f.provider)??"claude")!=="claude"&&((f==null?void 0:f.provider)??"claude")!=="grok",contextSummary:ct?`Context: ${et}k / ${ut}k tokens (${jt}% used)`:void 0,children:e.jsxs("span",{className:"flat-terminal-wrapper__context",tabIndex:0,role:"button",onClick:()=>g.setContextModalAgentId(r),onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),g.setContextModalAgentId(r))},title:((f==null?void 0:f.provider)??"claude")!=="claude"&&((f==null?void 0:f.provider)??"claude")!=="grok"?ct?`Context usage: ${et}k / ${ut}k tokens (${jt}% used). Click to view stats.`:"Click to fetch context stats":void 0,children:[e.jsx("span",{className:"flat-terminal-wrapper__context-icon",children:e.jsx(d,{name:"dashboard",size:12})}),e.jsx("span",{className:"flat-terminal-wrapper__context-label",children:"Ctx:"}),e.jsx("span",{className:"flat-terminal-wrapper__context-bar",children:e.jsx("span",{className:"flat-terminal-wrapper__context-bar-fill",style:{width:`${De}%`,backgroundColor:Qe}})}),e.jsxs("span",{className:"flat-terminal-wrapper__context-tokens",style:{color:Qe},children:[et,"k/",ut,"k"]}),e.jsxs("span",{className:"flat-terminal-wrapper__context-free",children:["(",ge,"% free)"]}),!ct&&e.jsx("span",{className:"flat-terminal-wrapper__context-warning",title:"No context stats yet",children:e.jsx(d,{name:"warn",size:12})})]})}),e.jsx("div",{className:"flat-terminal-wrapper__statusbar-spacer","aria-hidden":"true"}),me.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area terminals",children:me.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""} ${a.hasUrl?"":"flat-terminal-wrapper__building-btn--offline"}`,title:`${o?"Hide":"Show"} terminal: ${a.name}${a.hasUrl?"":" (starting...)"}`,onClick:()=>{if(o){Ce();return}if(a.hasUrl&&ft(a.id)==="modal"){nt(a.id);return}a.hasUrl||g.sendBuildingCommand(a.id,"start"),He("terminal",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"terminal",size:14})},a.id)})}),ve.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area PM2 logs",children:ve.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""}`,title:`${o?"Hide":"Show"} logs: ${a.name}`,onClick:()=>{o?Ce():ft(a.id)==="modal"?nt(a.id):He("pm2-logs",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"scroll",size:14})},a.id)})}),Q.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area databases",children:Q.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""}`,title:`${o?"Hide":"Show"} database: ${a.name}`,onClick:()=>{o?Ce():ft(a.id)==="modal"?nt(a.id):He("database",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"hard-drives",size:14})},a.id)})}),se.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area tests",children:se.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""} ${a.working?"flat-terminal-wrapper__building-btn--tests-working":""}`,title:a.working?`Running tests: ${a.name}`:`${o?"Hide":"Show"} tests: ${a.name}`,onClick:()=>{o?Ce():ft(a.id)==="modal"?nt(a.id):He("tests",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"flask",size:14})},a.id)})}),ie.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area HTTP requests",children:ie.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""}`,title:`${o?"Hide":"Show"} HTTP requests: ${a.name}`,onClick:()=>{o?Ce():ft(a.id)==="modal"?nt(a.id):He("http",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"globe",size:14})},a.id)})}),e.jsx("div",{className:"flat-terminal-wrapper__theme",children:e.jsx(vn,{})})]}),_&&e.jsx(jn,{agentId:r,agents:Ge,onClose:Ot,branchInfoMap:bt,fetchRemote:Oe,fetchingDirs:Ie,onResizeStart:a=>lt(a,"right")}),Re&&e.jsx(Cn,{agentId:r,onClose:ot}),F&&e.jsx(kn,{agentId:r,onClose:zt})]})}),Gn={groups:[],gridCols:1,gridRows:1,positions:new Map};function Kn({onAgentClick:c,onBuildingClick:r,onBuildingDoubleClick:p,onBuildingPopup:x,onAreaContextMenu:C,onOpenSpawnModal:T,onOpenBossSpawnModal:S,onOpenAreaModal:N}){const{t:J}=Yt(["common"]),w=Pa(),U=Ra(),[z,le]=s.useState(null),[R,Se]=s.useState(null),[re,oe]=s.useState(null);fa("flatview-image-modal",z!==null,()=>le(null));const[$e,gt]=s.useState(null),[_e,we]=s.useState(null),[f,O]=s.useState(null),[Ae,Ee]=s.useState(null),[Ye,Me]=s.useState(!1),Tt=s.useCallback(()=>{Me(t=>!t)},[]),xt=s.useCallback(()=>{Me(!1)},[]),[Ke,ce]=s.useState(()=>{const t=ea(A.VIEW_MODE);return t==="simple"||t==="chat"||t==="advanced"?t:"simple"}),Ze=s.useCallback(t=>{ce(t),ta(A.VIEW_MODE,t)},[]);s.useEffect(()=>{const t=n=>{if(n.key!==A.VIEW_MODE)return;const l=n.newValue;(l==="simple"||l==="chat"||l==="advanced")&&ce(l)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)},[]);const[ze,de]=s.useState(()=>qt(A.FLAT_INSPECTOR_OPEN,!1)),[D,ue]=s.useState(!1),st=s.useCallback(()=>ue(t=>!t),[]),bt=s.useCallback(()=>ue(!1),[]);s.useEffect(()=>{window.dispatchEvent(new CustomEvent("tide-flat-agents-drawer-state",{detail:{open:D}}))},[D]),s.useEffect(()=>{window.dispatchEvent(new CustomEvent("tide-flat-inspector-state",{detail:{open:ze}}))},[ze]),s.useEffect(()=>{const t=()=>ue(k=>!k),n=()=>{de(k=>{const E=!k;return be(A.FLAT_INSPECTOR_OPEN,E),E})},l=()=>{ue(!1),de(!1),be(A.FLAT_INSPECTOR_OPEN,!1)},h=()=>ue(!1),b=()=>{de(!1),be(A.FLAT_INSPECTOR_OPEN,!1)};return window.addEventListener("tide-toggle-flat-agents-drawer",t),window.addEventListener("tide-toggle-flat-inspector",n),window.addEventListener("tide-close-flat-side-views",l),window.addEventListener("tide-close-flat-agents-drawer-only",h),window.addEventListener("tide-close-flat-inspector-only",b),()=>{window.removeEventListener("tide-toggle-flat-agents-drawer",t),window.removeEventListener("tide-toggle-flat-inspector",n),window.removeEventListener("tide-close-flat-side-views",l),window.removeEventListener("tide-close-flat-agents-drawer-only",h),window.removeEventListener("tide-close-flat-inspector-only",b)}},[]);const Oe=s.useRef(null),Ie=s.useRef(null),[me,ve]=s.useState(()=>{const t=aa(A.FLAT_MIDDLE_WIDTH,0);return t>=It?t:null}),[Q,Be]=s.useState(()=>{const t=aa(A.FLAT_INSPECTOR_WIDTH,0);return t>=Gt?t:null}),se=s.useCallback(t=>{if(typeof window>"u")return t;const n=Q!==null?Mt+Q:0,l=window.innerWidth-da-Mt-ca-n;return Math.max(It,Math.min(Math.max(l,It),t))},[Q]),ie=s.useCallback(t=>{var b;if(typeof window>"u")return t;const n=(b=Oe.current)==null?void 0:b.querySelector(".flat-middle"),l=(n==null?void 0:n.getBoundingClientRect().width)??It,h=window.innerWidth-da-l-Mt-ca-Mt;return Math.max(Gt,Math.min(Math.max(h,Gt),t))},[]);s.useEffect(()=>{if(me===null&&Q===null)return;const t=()=>{ve(n=>{if(n===null)return n;const l=se(n);return l===n?n:l}),Be(n=>{if(n===null)return n;const l=ie(n);return l===n?n:l})};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[me,Q,se,ie]);const Lt=s.useCallback(t=>{var l;if(t.button!==0)return;const n=(l=Oe.current)==null?void 0:l.querySelector(".flat-middle");n&&(t.currentTarget.setPointerCapture(t.pointerId),Ie.current={kind:"middle",startX:t.clientX,startWidth:n.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),je=s.useCallback(t=>{var l;if(t.button!==0)return;const n=(l=Oe.current)==null?void 0:l.querySelector(".flat-inspector");n&&(t.currentTarget.setPointerCapture(t.pointerId),Ie.current={kind:"inspector",startX:t.clientX,startWidth:n.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),it=s.useCallback(t=>{const n=Ie.current;if(!n||t.pointerId!==n.pointerId)return;const l=t.clientX-n.startX;n.kind==="middle"?ve(se(n.startWidth+l)):Be(ie(n.startWidth-l))},[se,ie]),Te=s.useCallback(t=>{const n=Ie.current;if(!n||t.pointerId!==n.pointerId)return;try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}if(Ie.current=null,document.body.classList.remove("flat-splitter-dragging"),!(Math.abs(t.clientX-n.startX)>2))return;const h=t.clientX-n.startX;if(n.kind==="middle"){const b=se(n.startWidth+h);ve(b),Et(A.FLAT_MIDDLE_WIDTH,b)}else{const b=ie(n.startWidth-h);Be(b),Et(A.FLAT_INSPECTOR_WIDTH,b)}},[se,ie]),Le=s.useCallback(()=>{ve(null),Et(A.FLAT_MIDDLE_WIDTH,0)},[]),j=s.useCallback(()=>{Be(null),Et(A.FLAT_INSPECTOR_WIDTH,0)},[]),[ae,ee]=s.useState(()=>ea(A.FLAT_INSPECTOR_VIEW)==="tracking"?"tracking":"agent"),Fe=s.useCallback(t=>{ee(t),ta(A.FLAT_INSPECTOR_VIEW,t)},[]),Pe=s.useCallback(()=>{de(t=>{const n=!t;return be(A.FLAT_INSPECTOR_OPEN,n),n})},[]),We=s.useCallback(()=>{de(!1),be(A.FLAT_INSPECTOR_OPEN,!1)},[]),Pt=s.useCallback(()=>{Fe("tracking"),de(!0),be(A.FLAT_INSPECTOR_OPEN,!0)},[Fe]),B=Da(),He=s.useCallback((t,n)=>{le({url:t,name:n})},[]),Ce=s.useCallback((t,n)=>{Se({command:t,output:n,isLive:!1})},[]),Rt=s.useCallback((t,n)=>{var b;const l=U.size>0?Array.from(U)[0]:null,h=l?(b=g.getState().agents.get(l))==null?void 0:b.cwd:void 0;g.setFileViewerPath(t,n,h)},[U]),Dt=s.useCallback(t=>{oe(t)},[]),$t=s.useCallback((t,n)=>{gt({agentId:t,count:n})},[]),lt=s.useCallback(t=>{p?p(t):r(t)},[r,p]),_=s.useMemo(()=>U.size>0?Array.from(U)[0]:null,[U]),_t=s.useCallback(t=>{_&&we({agentId:_,position:t})},[_]),Re=s.useCallback((t,n)=>{O({buildingId:t,position:n})},[]);s.useEffect(()=>{Me(!1)},[_]);const pe=s.useRef([]),F=s.useRef(-1),Ue=s.useRef(!1),rt=s.useRef(null),[zt,wt]=s.useState(!1),[vt,Ot]=s.useState(!1),ot=s.useRef(!1),Ge=s.useRef(null),fe=s.useRef(!1),ke=s.useMemo(()=>new Set(w.map(t=>t.id)),[w]),Ve=s.useMemo(()=>{const t=new Map(w.map(l=>[l.id,l])),n=new Map;for(const l of w)if((l.isBoss||l.class==="boss")&&l.subordinateIds&&l.subordinateIds.length>0){const h=l.subordinateIds.map(b=>t.get(b)).filter(b=>b!==void 0);h.length>0&&n.set(l.id,h)}return n},[w]),W=s.useCallback(()=>{const t=pe.current,n=F.current;wt(n>0),Ot(n>=0&&n<t.length-1)},[]),he=s.useCallback(t=>{const n=pe.current;if(n.length===0)return;let l=F.current+t;for(;l>=0&&l<n.length;){const h=n[l];if(ke.has(h)){Ue.current=!0,F.current=l,W(),g.selectAgent(h);return}l+=t}},[ke,W]),Ne=s.useCallback(()=>he(-1),[he]),ct=s.useCallback(()=>he(1),[he]);An(s.useCallback(()=>{const t=pe.current,n=F.current;return t.length>0&&n>0?(he(-1),"handled"):"exit"},[he]));const Je=s.useCallback((t,n)=>{if(typeof window>"u")return;const l=window.history.state,b={...typeof l=="object"&&l!==null?l:{},__flatAgentNav:{agentId:t}};n==="replace"?window.history.replaceState(b,"",window.location.href):window.history.pushState(b,"",window.location.href)},[]);s.useEffect(()=>{if(!_){ot.current=!1,Ge.current=null;return}if(!ot.current){Je(_,"replace"),ot.current=!0,Ge.current=_;return}if(fe.current){fe.current=!1,Ge.current=_;return}Ge.current!==_&&(Je(_,"push"),Ge.current=_)},[_,Je]),s.useEffect(()=>{const t=n=>{var k,E;const l=(E=(k=n.state)==null?void 0:k.__flatAgentNav)==null?void 0:E.agentId;if(!l||typeof l!="string"||!ke.has(l)||l===_)return;fe.current=!0,Ue.current=!0;const h=pe.current,b=h.lastIndexOf(l);b>=0?F.current=b:(h.push(l),F.current=h.length-1),W(),g.selectAgent(l)};return window.addEventListener("popstate",t),()=>window.removeEventListener("popstate",t)},[ke,_,W]),s.useEffect(()=>{if(!_){pe.current=[],F.current=-1,W();return}if(rt.current=_,Ue.current){Ue.current=!1,W();return}const t=pe.current,n=F.current;if(n>=0&&t[n]===_){W();return}const l=n<t.length-1?t.slice(0,n+1):t.slice();l.push(_),l.length>100&&l.shift(),pe.current=l,F.current=l.length-1,W()},[_,W]);const dt=s.useCallback(t=>{c(t),ue(!1)},[c]),Bt=_??"",De=s.useCallback(()=>{},[]),jt=s.useCallback(t=>{dt(t)},[dt]),ge=ze,[Qe,et]=s.useState(ge),[ut,xe]=s.useState(ge);s.useEffect(()=>{if(ge){et(!0);return}xe(!1);const t=setTimeout(()=>et(!1),240);return()=>clearTimeout(t)},[ge]),s.useEffect(()=>{if(!Qe||!ge)return;let t=0;const n=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>xe(!0))});return()=>{cancelAnimationFrame(n),cancelAnimationFrame(t)}},[Qe,ge]);const mt=s.useRef(null);s.useEffect(()=>{if(_)return;const t=n=>{if(n.key!==" "&&n.key!=="Backspace")return;const l=n.target;if(l.tagName==="INPUT"||l.tagName==="TEXTAREA"||l.isContentEditable)return;const h=rt.current;!h||!ke.has(h)||(n.preventDefault(),g.selectAgent(h))};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[_,ke]);const[ye,tt]=s.useState(new Set),Ct=s.useCallback(t=>{tt(n=>{const l=new Set(n);return l.has(t)?l.delete(t):l.add(t),l})},[]),kt=s.useCallback(t=>{tt(new Set(t))},[]),[a,o]=s.useState(()=>typeof window<"u"&&window.matchMedia("(max-width: 768px)").matches);s.useEffect(()=>{if(typeof window>"u")return;const t=window.matchMedia("(max-width: 768px)"),n=l=>o(l.matches);return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]);const[i,u]=s.useState(null),X=s.useCallback(t=>{u(n=>n===t?null:t)},[]),te=ha(),L=ga(),[at]=$a(),q=s.useMemo(()=>{if(_)return Gn;const t=new Map,n=[];for(const v of w){const I=g.getAreaForAgent(v.id);if(!na((I==null?void 0:I.id)??null))continue;if(!I||I.archived){n.push(v);continue}const P=t.get(I.id);P?P.push(v):t.set(I.id,[v])}const l=new Map,h=[];for(const v of L.values()){let I=!1;for(const P of te.values())if(!P.archived&&sa(P.id)&&g.isPositionInArea(v.position,P)){const Y=l.get(P.id);Y?Y.push(v):l.set(P.id,[v]),I=!0;break}!I&&na(null)&&h.push(v)}const b=[];for(const[,v]of te){if(v.archived||!sa(v.id))continue;const I=t.get(v.id),P=l.get(v.id)??[];(I&&I.length>0||P.length>0)&&b.push({area:v,agents:I??[],buildings:P})}(n.length>0||h.length>0)&&b.push({area:{id:"__unassigned__",name:"Unassigned",color:"#6272a4",center:{x:0,z:0},type:"circle",radius:0,directories:[],archived:!1,assignedAgentIds:[],zIndex:0},agents:n,buildings:h});const k=b.filter(v=>v.area.id!=="__unassigned__"),E=b.filter(v=>v.area.id==="__unassigned__");let m=1,M=1;const V=new Map;if(k.length>1){let v=1/0,I=-1/0,P=1/0,Y=-1/0;for(const K of k)v=Math.min(v,K.area.center.x),I=Math.max(I,K.area.center.x),P=Math.min(P,K.area.center.z),Y=Math.max(Y,K.area.center.z);const yt=I-v||1,St=Y-P||1;if(k.length<=4){m=k.length,M=1;const K=[...k].sort((Z,Ft)=>Z.area.center.x-Ft.area.center.x);for(let Z=0;Z<K.length;Z++)V.set(K[Z].area.id,{row:1,col:Z+1})}else{const K=[...k].sort((y,H)=>y.area.center.x-H.area.center.x),Z=[];for(let y=1;y<K.length;y++)Z.push(K[y].area.center.x-K[y-1].area.center.x);const Ft=Z.reduce((y,H)=>y+H,0)/Z.length||1;let Kt=1;for(const y of Z)y>Ft*1.3&&Kt++;m=Math.max(2,Math.min(Kt,k.length));const Wt=[...k].sort((y,H)=>y.area.center.z-H.area.center.z),At=[];for(let y=1;y<Wt.length;y++)At.push(Wt[y].area.center.z-Wt[y-1].area.center.z);const Ca=At.reduce((y,H)=>y+H,0)/At.length||1;let Zt=1;for(const y of At)y>Ca*1.3&&Zt++;M=Math.max(2,Math.min(Zt,k.length)),m=Math.max(m,Math.ceil(k.length/M)),M=Math.max(M,Math.ceil(k.length/m));const ka=yt/m,Na=St/M,Ht=new Set;for(const y of k){let H=Math.min(m-1,Math.max(0,Math.floor((y.area.center.x-v)/ka))),qe=Math.min(M-1,Math.max(0,Math.floor((y.area.center.z-P)/Na))),pt=`${qe},${H}`,Jt=0;const ya=M*m;for(;Ht.has(pt)&&Jt<ya;)H++,H>=m&&(H=0,qe=(qe+1)%M),pt=`${qe},${H}`,Jt++;Ht.has(pt)&&(qe=M,H=0,pt=`${qe},${H}`,M++),Ht.add(pt),V.set(y.area.id,{row:qe+1,col:H+1})}}}const $=v=>{v.sort((I,P)=>{var yt,St,K,Z;const Y=(((yt=I.position)==null?void 0:yt.z)??0)-(((St=P.position)==null?void 0:St.z)??0);return Y!==0?Y:(((K=I.position)==null?void 0:K.x)??0)-(((Z=P.position)==null?void 0:Z.x)??0)})};for(const v of k)$(v.agents);for(const v of E)$(v.agents);return{groups:[...k,...E],gridCols:m,gridRows:M,positions:V}},[w,te,L,at,_]),Xe=s.useMemo(()=>{let t=0,n=0;for(const l of q.groups)t+=l.agents.length,n+=l.agents.filter(h=>h.status==="working").length;return{areaCount:q.groups.length,agentCount:t,workingCount:n}},[q]),ne=s.useMemo(()=>{if(!_e)return[];const t=w.find(n=>n.id===_e.agentId);return t?[{id:"edit-agent",label:"Edit Agent",icon:e.jsx(d,{name:"edit",size:14}),onClick:()=>{window.dispatchEvent(new CustomEvent("tide:open-agent-edit",{detail:{agentId:t.id}}))}},{id:"open-chat",label:"Open Chat",icon:e.jsx(d,{name:"chat",size:14}),onClick:()=>c(t.id)},{id:"clone-agent",label:"Clone Agent",icon:e.jsx(d,{name:"clipboard",size:14}),onClick:()=>g.cloneAgent(t.id)},{id:"fork-agent",label:"Fork Agent (with history)",icon:e.jsx(d,{name:"git-branch",size:14}),onClick:()=>g.forkAgent(t.id)},{id:"delete-agent",label:"Delete Agent",icon:e.jsx(d,{name:"trash",size:14}),danger:!0,onClick:()=>{Ee({agentId:t.id,name:t.name})}}]:[]},[_e,w,c]),G=s.useMemo(()=>{var k;if(!f)return[];const t=L.get(f.buildingId);if(!t)return[];const n=[],l=t.type==="server"||t.type==="docker"||t.type==="terminal",h=t.status==="running",b=t.type==="boss";if(n.push({id:"open",label:t.type==="database"?"Open Database":t.type==="folder"?"Open Folder":t.type==="tests"?"Open Tests":t.type==="http"?"Open Requests":t.type==="boss"?"View Boss Logs":t.type==="terminal"?"Open Terminal":t.type==="server"&&((k=t.pm2)!=null&&k.enabled)?"View PM2 Logs":"Open",icon:e.jsx(d,{name:t.type==="database"?"database":t.type==="folder"?"folder":t.type==="tests"?"flask":t.type==="http"?"globe":t.type==="terminal"?"terminal":"eye",size:14}),onClick:()=>lt(t.id)}),l&&(h||n.push({id:"start",label:"Start",icon:e.jsx(d,{name:"play",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"start")}),h&&(n.push({id:"restart",label:"Restart",icon:e.jsx(d,{name:"refresh",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"restart")}),n.push({id:"stop",label:"Stop",icon:e.jsx(d,{name:"stop",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"stop")}))),b&&t.subordinateBuildingIds&&t.subordinateBuildingIds.length>0&&(n.push({id:"start-all",label:"Start All Subordinates",icon:e.jsx(d,{name:"launch",size:14}),onClick:()=>{for(const E of t.subordinateBuildingIds)g.sendBuildingCommand(E,"start")}}),n.push({id:"stop-all",label:"Stop All Subordinates",icon:e.jsx(d,{name:"pause",size:14}),onClick:()=>{for(const E of t.subordinateBuildingIds)g.sendBuildingCommand(E,"stop")}}),n.push({id:"restart-all",label:"Restart All Subordinates",icon:e.jsx(d,{name:"restart",size:14}),onClick:()=>{for(const E of t.subordinateBuildingIds)g.sendBuildingCommand(E,"restart")}})),l&&n.push({id:"health-check",label:"Health Check",icon:e.jsx(d,{name:"health",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"healthCheck")}),n.push({id:"divider-edit",label:"",divider:!0,onClick:()=>{}}),n.push({id:"edit",label:"Edit Building",icon:e.jsx(d,{name:"edit",size:14}),onClick:()=>{window.dispatchEvent(new CustomEvent("tide:building-edit",{detail:{buildingId:t.id}}))}}),n.push({id:"clone",label:"Clone Building",icon:e.jsx(d,{name:"copy",size:14}),onClick:()=>{g.createBuilding({name:`${t.name} (Copy)`,type:t.type,style:t.style,color:t.color,scale:t.scale,position:{x:t.position.x+2,z:t.position.z+2},cwd:t.cwd,folderPath:t.folderPath,commands:t.commands,pm2:t.pm2,docker:t.docker,database:t.database,terminal:t.terminal,urls:t.urls,subordinateBuildingIds:t.subordinateBuildingIds})}}),t.urls&&t.urls.length>0)for(const E of t.urls)n.push({id:`url-${E.label}`,label:E.label,icon:e.jsx(d,{name:"link",size:14}),onClick:()=>window.open(E.url,"_blank","noopener,noreferrer")});return n.push({id:"divider-danger",label:"",divider:!0,onClick:()=>{}}),n.push({id:"delete",label:"Delete Building",icon:e.jsx(d,{name:"trash",size:14}),danger:!0,onClick:()=>g.deleteBuilding(t.id)}),n},[f,L,lt]),Nt=s.useCallback(t=>{const n=new Set(q.groups.map(l=>l.area.id));n.delete(t),tt(n),requestAnimationFrame(()=>{const l=mt.current;if(!l)return;const h=l.querySelector(`[data-area-id="${t}"]`);if(!h)return;const b=l.getBoundingClientRect(),E=h.getBoundingClientRect().top-b.top+l.scrollTop-8;l.scrollTo({top:Math.max(0,E),behavior:"smooth"})})},[q]);return e.jsxs("div",{ref:Oe,className:`flat-view ${ge?"flat-view--with-inspector":""} ${_?"flat-view--has-chat":""} ${D?"flat-view--mobile-sidebar-open":""}`,style:(()=>{if(me===null&&Q===null)return;const t={};return me!==null&&(t["--flat-middle-width"]=`${me}px`),Q!==null&&(t["--flat-inspector-width"]=`${Q}px`),t})(),children:[D&&e.jsx("div",{className:"flat-mobile-sidebar-backdrop",onClick:bt,"aria-hidden":"true"}),e.jsxs("div",{className:"flat-middle",children:[e.jsx("div",{className:"flat-middle__header",children:e.jsxs("div",{className:"flat-middle__actions",children:[e.jsx("button",{className:"flat-cta-btn flat-cta-btn--agent",onClick:T,title:"Create new agent",children:"+ Agent"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--boss",onClick:S,title:"Create new boss agent",children:"+ Boss"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--area",onClick:N,title:"Create new area",children:"+ Area"})]})}),e.jsx("div",{className:"flat-middle__content",children:e.jsx(za,{activeAgentId:Bt,onClose:De,onSelectAgent:jt,collapsedAreas:ye,onToggleArea:Ct,onCollapseAllAreas:kt,agentListRef:mt})})]}),e.jsx("div",{className:"flat-splitter flat-splitter--middle",role:"separator","aria-orientation":"vertical","aria-label":"Resize agents panel",title:"Drag to resize · Double-click to reset",onPointerDown:Lt,onPointerMove:it,onPointerUp:Te,onPointerCancel:Te,onDoubleClick:Le}),e.jsxs("div",{className:"flat-right",children:[e.jsxs("button",{type:"button",className:"flat-mobile-sidebar-toggle","aria-label":D?"Close agents sidebar":"Open agents sidebar","aria-expanded":D,onClick:st,children:[e.jsx(d,{name:"list",size:18}),e.jsx("span",{className:"flat-mobile-sidebar-toggle__label",children:"Agents"})]}),_?e.jsx(Un,{agentId:_,terminalViewMode:Ke,onTerminalViewModeChange:Ze,inspectorOpen:ze,onToggleInspector:Pe,onShowTaskBoard:Pt,onImageClick:He,onFileClick:Rt,onBashClick:Ce,onViewMarkdown:Dt,onRequestClearSubordinates:$t,keyboard:B,canNavigateBack:zt,canNavigateForward:vt,onNavigateBack:Ne,onNavigateForward:ct,agentInfoOpen:Ye,onToggleAgentInfo:Tt,onHeaderContextMenu:_t,onBuildingContextMenu:Re}):e.jsx("div",{className:"flat-chat flat-chat--empty",children:e.jsxs("div",{className:"flat-map",children:[e.jsxs("div",{className:"flat-map__header",children:[e.jsx("span",{className:"flat-map__title",children:"🗺️ Areas"}),e.jsx("span",{className:"flat-map__hint",children:"Click an area to focus it, or an agent to chat"}),e.jsxs("span",{className:"flat-map__stats",children:[e.jsxs("span",{children:[Xe.areaCount," areas"]}),e.jsxs("span",{children:[Xe.agentCount," agents"]}),Xe.workingCount>0&&e.jsxs("span",{className:"flat-map__stats-working",children:[e.jsx("span",{className:"flat-map__stats-dot","aria-hidden":"true"}),Xe.workingCount," working"]})]}),e.jsx(Dn,{className:"flat-map__view-mode"})]}),e.jsx("div",{className:"flat-map__grid",style:{gridTemplateColumns:a?"repeat(2, minmax(0, 1fr))":`repeat(${q.gridCols}, 1fr)`},children:q.groups.length===0?e.jsx("div",{className:"flat-map__empty",children:e.jsx("span",{children:"No areas or agents yet"})}):(a?[...q.groups].sort((n,l)=>{const h=q.positions.get(n.area.id),b=q.positions.get(l.area.id);return!h&&!b?0:h?b?h.row-b.row||h.col-b.col:-1:1}):q.groups).map(n=>{var E;const l=n.area.id,h=q.positions.get(l),b=a&&i!==l,k=a&&!b;return e.jsxs("div",{className:`flat-map-area-card${b?" flat-map-area-card--collapsed":""}${k?" flat-map-area-card--expanded":""}`,style:{"--area-color":n.area.color,gridRow:a||h==null?void 0:h.row,gridColumn:a||h==null?void 0:h.col},onContextMenu:m=>{C&&(m.preventDefault(),m.stopPropagation(),C(l,{x:m.clientX,y:m.clientY}))},children:[e.jsxs("button",{type:"button",className:"flat-map-area-card__header",onClick:()=>a?X(l):Nt(l),title:a?b?`Expand ${n.area.name}`:`Collapse ${n.area.name}`:`Focus ${n.area.name} in left panel`,"aria-expanded":a?!b:void 0,children:[e.jsx("span",{className:"flat-map-area-card__color",style:{background:n.area.color}}),((E=n.area.logo)==null?void 0:E.filename)&&e.jsx("img",{className:"flat-map-area-card__logo",src:Sn(n.area.logo.filename),alt:"","aria-hidden":"true",onError:m=>{m.currentTarget.style.display="none"}}),e.jsx("span",{className:"flat-map-area-card__name",children:n.area.name}),e.jsxs("span",{className:"flat-map-area-card__count",title:`${n.agents.length} agent${n.agents.length===1?"":"s"}`,"aria-label":`${n.agents.length} agent${n.agents.length===1?"":"s"}`,children:[e.jsx(d,{name:"users",size:10}),n.agents.length]}),a&&e.jsx(d,{name:b?"caret-down":"caret-up",size:11,className:"flat-map-area-card__caret"})]}),e.jsx("div",{className:"flat-map-area-card__agents",children:n.agents.map(m=>{const M=m.isBoss||m.class==="boss",V=M?Ve.get(m.id):void 0,$=Oa(m),v=$.usedPercent>=80?"#ff4a4a":$.usedPercent>=60?"#ff9e4a":$.usedPercent>=40?"#ffd700":"#4aff9e",I=`Context: ${($.totalTokens/1e3).toFixed(1)}k / ${($.contextWindow/1e3).toFixed(1)}k (${$.usedPercent}% used, ${$.freePercent}% free)`,P=m.latestTodos&&m.latestTodos.length>0||V&&V.length>0;return e.jsx(Ba,{todos:m.latestTodos,subordinates:V,position:"top",children:e.jsxs("button",{type:"button",className:`flat-map-agent-chip ${m.status}`,onClick:()=>c(m.id),onContextMenu:Y=>{Y.preventDefault(),Y.stopPropagation(),we({agentId:m.id,position:{x:Y.clientX,y:Y.clientY}})},title:P?void 0:`${M?"Boss · ":""}Open chat with ${m.name}
|
|
1
|
+
import{r as s,H as Sa,J as Qt,K as ua,L as ma,j as e,M as pa,N as Aa,u as Yt,O as Ea,P as Ma,U as Ia,V as Ta,W as La,X as Pa,Y as Ra,Z as fa,_ as ea,S as A,$ as ta,a0 as qt,a1 as aa,a2 as Et,a3 as be,a4 as Da,s as g,a5 as ha,m as ga,a6 as $a,z as na,B as sa,I as d,a7 as za,q as Oa,a8 as Ba,a9 as xa,aa as ba,ab as _a,ac as wa,ad as Fa,ae as Wa,af as Ha,ag as Ua,ah as Ga,ai as Va,aj as Xa,ak as qa,al as Ya,am as Ka,an as Za,ao as Ja,ap as ia,C as Qa,aq as en,ar as la,as as tn,at as an,au as nn,av as sn,aw as ln,ax as rn,ay as on,az as cn,aA as dn,aB as un,aC as mn,aD as pn,aE as fn,aF as hn,aG as gn,aH as nt,aI as xn,aJ as bn,aK as _n,aL as wn,aM as ft,aN as vn,aO as jn,aP as Cn,aQ as kn,aR as Nn,aS as ra,aT as yn}from"./main-BbNRp516.js";import{g as Sn}from"./area-logos-B6CrA1uD.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";function An(c){const r=s.useRef(c);r.current=c,s.useEffect(()=>{if(!Sa())return;let p=null,x=!1;return Qt.addListener("backButton",()=>{r.current()==="exit"&&Qt.exitApp()}).then(C=>{x?C.remove():p=C}),()=>{x=!0,p&&(p.remove(),p=null)}},[])}async function En(c){const r=ua(),p=await fetch(`${ma()}/api/agents/${c}/terminal`,{method:"POST",headers:{Authorization:`Bearer ${r}`}});if(!p.ok){const x=await p.json().catch(()=>({}));throw new Error((x==null?void 0:x.error)||`Failed to start terminal (${p.status})`)}return p.json()}async function Mn(c){const r=ua();await fetch(`${ma()}/api/agents/${c}/terminal`,{method:"DELETE",headers:{Authorization:`Bearer ${r}`}})}const ht=new Map;function In({agentId:c}){const[r,p]=s.useState(null),[x,C]=s.useState(null);return s.useEffect(()=>{let T=!1;const S=ht.get(c);return S&&(clearTimeout(S),ht.delete(c)),p(null),C(null),En(c).then(N=>{T||p(N.url)}).catch(N=>{T||C(N instanceof Error?N.message:"Failed to start terminal")}),()=>{T=!0;const N=ht.get(c);N&&clearTimeout(N),ht.set(c,setTimeout(()=>{ht.delete(c),Mn(c)},2500))}},[c]),x?e.jsx("div",{className:"flat-classic-terminal flat-classic-terminal--message",children:e.jsx("span",{children:x})}):r?e.jsx("div",{className:"flat-classic-terminal",children:e.jsx(pa,{terminalUrl:r,visible:!0})}):e.jsx("div",{className:"flat-classic-terminal flat-classic-terminal--message",children:e.jsx("span",{children:"Attaching to interactive session…"})})}const Ut=new Map,Tn=6e4;function oa(c){return Number.isFinite(c)?Math.abs(c)>=1e3?c.toLocaleString(void 0,{maximumFractionDigits:0}):c.toLocaleString(void 0,{maximumFractionDigits:2}):String(c)}function Ln(c,r){var C,T,S;const p=[];if(!c.rateLimits)return p;if(c.provider==="claude"){const N=c,J=[{key:"fiveHour",label:r("terminal:usage.currentSession"),window:N.rateLimits.fiveHour},{key:"sevenDay",label:r("terminal:usage.currentWeekAll"),window:N.rateLimits.sevenDay},{key:"sevenDayOpus",label:r("terminal:usage.currentWeekOpus"),window:N.rateLimits.sevenDayOpus},{key:"sevenDaySonnet",label:r("terminal:usage.currentWeekSonnet"),window:N.rateLimits.sevenDaySonnet}];for(const w of J)w.window&&p.push({...w,window:w.window});return p}const x=c;return(C=x.rateLimits)!=null&&C.weekly&&p.push({key:"weekly",label:r("terminal:usage.weeklyLimit"),window:x.rateLimits.weekly}),(T=x.rateLimits)!=null&&T.monthly&&p.push({key:"monthly",label:r("terminal:usage.monthlyLimit"),window:x.rateLimits.monthly}),(S=x.rateLimits)!=null&&S.onDemand&&p.push({key:"onDemand",label:r("terminal:usage.onDemandLimit"),window:x.rateLimits.onDemand}),p}function Pn({agentId:c,contextSummary:r}){const{t:p}=Yt(["terminal","common"]),[x,C]=s.useState(()=>{var z;return((z=Ut.get(c))==null?void 0:z.snapshot)??null}),[T,S]=s.useState(!1),[N,J]=s.useState(null),w=s.useRef(0);s.useEffect(()=>{const z=Ut.get(c);if(z&&Date.now()-z.fetchedAt<Tn){C(z.snapshot);return}const le=++w.current;S(!0),J(null),Ea(c).then(R=>{le===w.current&&(Ut.set(c,{snapshot:R,fetchedAt:Date.now()}),C(R),S(!1))}).catch(R=>{le===w.current&&(J(R.message||"Failed to load plan limits"),S(!1))})},[c]);const U=x?Ln(x,p):[];return e.jsxs("div",{className:"plan-limits-tooltip",children:[r&&e.jsx("div",{className:"plan-limits-tooltip__context",children:r}),e.jsx("div",{className:"plan-limits-tooltip__title",children:p("terminal:usage.limits")}),T&&!x&&e.jsxs("div",{className:"plan-limits-tooltip__muted",children:[p("common:status.loading"),"…"]}),!T&&N&&!x&&e.jsx("div",{className:"plan-limits-tooltip__muted",children:p("terminal:usage.limitsError",{message:N})}),U.length>0?e.jsx("div",{className:"plan-limits-tooltip__gauges",children:U.map(({key:z,label:le,window:R})=>{const Se=Math.max(0,Math.min(100,R.utilization)),re=Ia(Se),oe=typeof R.used=="number"&&typeof R.limit=="number"&&Number.isFinite(R.used)&&Number.isFinite(R.limit);return e.jsxs("div",{className:"plan-limits-tooltip__gauge",children:[e.jsxs("div",{className:"plan-limits-tooltip__gauge-head",children:[e.jsx("span",{className:"plan-limits-tooltip__gauge-label",children:le}),e.jsx("span",{className:"plan-limits-tooltip__gauge-percent",style:{color:re},children:p("terminal:usage.percentUsed",{percent:Math.round(Se)})})]}),e.jsx("div",{className:"plan-limits-tooltip__bar",children:e.jsx("div",{className:"plan-limits-tooltip__bar-fill",style:{width:`${Se}%`,background:re}})}),e.jsxs("div",{className:"plan-limits-tooltip__reset",children:[p("terminal:usage.resets",{time:Ma(R.resetsAt)}),oe&&e.jsx("span",{style:{marginLeft:8},children:p("terminal:usage.creditsUsed",{used:oa(R.used),limit:oa(R.limit)})})]})]},z)})}):x&&!T&&e.jsx("div",{className:"plan-limits-tooltip__muted",children:x.rateLimitsError?p("terminal:usage.limitsError",{message:x.rateLimitsError}):x.cliHint})]})}function Rn({agentId:c,disabled:r,contextSummary:p,children:x}){return e.jsx(Aa,{position:"top",maxWidth:320,disabled:r,className:"plan-limits-tooltip-wrapper",triggerStyle:{display:"inline-flex",alignItems:"center"},content:e.jsx(Pn,{agentId:c,contextSummary:p}),children:x})}const Dn=s.memo(function({className:r=""}){const{t:p}=Yt(["common"]),[x,C]=Ta(),T=s.useRef(null),[S,N]=s.useState(null);s.useLayoutEffect(()=>{const w=T.current;if(!w)return;const U=w.querySelector(".view-mode-toggle__btn--active");U&&N({left:U.offsetLeft,width:U.offsetWidth})},[x]);const J=s.useCallback(w=>{if(w!==x){if(typeof window<"u"&&window.dispatchEvent(new CustomEvent("tide:viewmode-switch-pressed",{detail:{mode:w}})),w==="3d"){requestAnimationFrame(()=>C(w));return}C(w)}},[x,C]);return e.jsxs("div",{className:`view-mode-toggle ${r}`,ref:T,children:[S&&e.jsx("div",{className:"view-mode-toggle__indicator",style:{left:S.left,width:S.width}}),La.map(w=>e.jsxs("button",{className:`view-mode-toggle__btn ${x===w?"view-mode-toggle__btn--active":""}`,onClick:()=>J(w),title:p(`common:viewMode.descriptions.${w}`),children:[e.jsxs("span",{className:"view-mode-toggle__icon",children:[w==="2d"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),e.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),e.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"21"})]}),w==="3d"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5z"}),e.jsx("path",{d:"M2 17l10 5 10-5"}),e.jsx("path",{d:"M2 12l10 5 10-5"})]}),w==="flat"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"3",width:"8",height:"8",rx:"1"}),e.jsx("rect",{x:"13",y:"3",width:"8",height:"8",rx:"1"}),e.jsx("rect",{x:"3",y:"13",width:"8",height:"8",rx:"1"}),e.jsx("rect",{x:"13",y:"13",width:"8",height:"8",rx:"1"})]}),w==="dashboard"&&e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),e.jsx("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),e.jsx("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),e.jsx("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]})]}),e.jsx("span",{className:"view-mode-toggle__label",children:p(`common:viewMode.labels.${w}`)})]},w))]})}),Mt=3,It=280,ca=320,Gt=240,da=64,$n=["simple","chat","advanced"],zn={simple:"Simple",chat:"Chat",advanced:"Advanced"},On={simple:"○",chat:"◐",advanced:"◉"},Bn={simple:"Simple view — clean messages only",chat:"Chat view — assistant replies (no tool calls)",advanced:"Advanced view — everything including tools"},Vt="flat-clear-context",va="tide:flat-embedded-panels";function ja(){try{const c=localStorage.getItem(va),r=c?JSON.parse(c):{};return r&&typeof r=="object"?r:{}}catch{return{}}}function Xt(c,r){try{const p=ja();r?p[c]=r:delete p[c],localStorage.setItem(va,JSON.stringify(p))}catch{}}function Fn(c){const r=c.split("/").filter(Boolean);return r.length===0?c:r.slice(-2).join("/")}function Wn(c){if(c.provider==="codex"){const T=c.codexModel||"gpt-5.6-luna",S=Nn[T];return{model:(S==null?void 0:S.label)||T}}if(c.provider==="opencode")return{model:c.opencodeModel||"opencode"};if(c.provider==="grok"){const T=c.grokModel||"grok-4.5",S=c.effort,N=S?ra[S]:void 0;return{model:T,effort:N==null?void 0:N.label}}const r=c.model||"sonnet",p=yn[r],x=c.effort,C=x?ra[x]:void 0;return{model:(p==null?void 0:p.label)||r,effort:C==null?void 0:C.label}}function Hn(c,r){if(r.type==="rectangle"&&r.width&&r.height){const p=r.width/2,x=r.height/2;return c.x>=r.center.x-p&&c.x<=r.center.x+p&&c.z>=r.center.z-x&&c.z<=r.center.z+x}if(r.type==="circle"&&r.radius){const p=c.x-r.center.x,x=c.z-r.center.z;return p*p+x*x<=r.radius*r.radius}return!1}const Un=en.memo(function({agentId:r,terminalViewMode:p,onTerminalViewModeChange:x,inspectorOpen:C,onToggleInspector:T,onShowTaskBoard:S,onImageClick:N,onFileClick:J,onBashClick:w,onViewMarkdown:U,onRequestClearSubordinates:z,keyboard:le,canNavigateBack:R,canNavigateForward:Se,onNavigateBack:re,onNavigateForward:oe,agentInfoOpen:$e,onToggleAgentInfo:gt,onHeaderContextMenu:_e,onBuildingContextMenu:we}){var Ct,kt;const f=la(r),O=ga(),Ae=tn(),Ee=s.useRef(null),Ye=s.useRef(null),{displayedAgentId:Me,fadingOut:Tt}=an(r),xt=la(Me),Ke=!!Ae.interactiveMode&&((f==null?void 0:f.provider)??"claude")==="claude"&&!!(f!=null&&f.sessionId),[ce,Ze]=s.useState(!1),[ze,de]=s.useState(!1),D=s.useCallback(()=>de(!1),[]);fa("flat-chat-actions",ze,D),s.useEffect(()=>{const a=()=>de(o=>!o);return window.addEventListener("tide:toggle-chat-actions",a),()=>window.removeEventListener("tide:toggle-chat-actions",a)},[]),s.useEffect(()=>{Ze(!1),de(!1)},[r]),s.useEffect(()=>{!Ke&&ce&&Ze(!1)},[Ke,ce]),s.useEffect(()=>{const a=Ye.current;if(!a)return;const o=u=>{u.button===3?(u.preventDefault(),u.stopPropagation(),re()):u.button===4&&(u.preventDefault(),u.stopPropagation(),oe())},i=u=>{(u.button===3||u.button===4)&&u.preventDefault()};return a.addEventListener("mouseup",o),a.addEventListener("mousedown",i),()=>{a.removeEventListener("mouseup",o),a.removeEventListener("mousedown",i)}},[re,oe]),s.useEffect(()=>{const a=Ye.current;if(!a)return;let o=0,i=0,u=0;const X=250,te=600,L=80,at=1.5,q=ne=>{let G=ne instanceof HTMLElement?ne:null;for(;G&&G!==a;){const Nt=window.getComputedStyle(G).overflowX;if((Nt==="auto"||Nt==="scroll")&&G.scrollWidth>G.clientWidth)return!0;G=G.parentElement}return!1},Xe=ne=>{const G=Date.now();if(G<u){ne.preventDefault();return}if(Math.abs(ne.deltaX)<=Math.abs(ne.deltaY)*at){o=0;return}if(q(ne.target)){o=0;return}G-i>X&&(o=0),i=G,o+=ne.deltaX,o<=-L?(o=0,u=G+te,ne.preventDefault(),re()):o>=L&&(o=0,u=G+te,ne.preventDefault(),oe())};return a.addEventListener("wheel",Xe,{passive:!1}),()=>a.removeEventListener("wheel",Xe)},[re,oe]);const ue=ha(),st=s.useMemo(()=>{if(!f)return null;const a=new Set,o=[];for(const i of ue.values())i.archived||i.directories.length===0||i.assignedAgentIds.includes(r)&&(a.add(i.id),o.push(i));for(const i of ue.values())i.archived||i.directories.length===0||a.has(i.id)||Hn({x:f.position.x,z:f.position.z},i)&&(a.add(i.id),o.push(i));return o.length===0?null:o.flatMap(i=>i.directories.filter(u=>u&&u.trim().length>0).map(u=>({areaId:i.id,areaName:i.name,dir:u})))},[f,r,ue]),{branches:bt,fetchRemote:Oe,fetchingDirs:Ie}=nn(st),me=s.useMemo(()=>{var i;const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const u of O.values())u.type==="terminal"&&g.isPositionInArea(u.position,a)&&o.push({id:u.id,name:u.name,hasUrl:!!((i=u.terminalStatus)!=null&&i.url)});return o},[r,O]),ve=s.useMemo(()=>{var i;const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const u of O.values())u.type==="server"&&((i=u.pm2)!=null&&i.enabled)&&g.isPositionInArea(u.position,a)&&o.push({id:u.id,name:u.name});return o},[r,O]),Q=s.useMemo(()=>{const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const i of O.values())i.type==="database"&&i.database&&g.isPositionInArea(i.position,a)&&o.push({id:i.id,name:i.name});return o},[r,O]),Be=sn(),se=s.useMemo(()=>{const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const i of O.values())if(i.type==="tests"&&g.isPositionInArea(i.position,a)){const u=!!i.folderPath&&Be.some(X=>ln(X,i.folderPath));o.push({id:i.id,name:i.name,working:u})}return o},[r,O,Be]),ie=s.useMemo(()=>{const a=g.getAreaForAgent(r);if(!a)return[];const o=[];for(const i of O.values())i.type==="http"&&g.isPositionInArea(i.position,a)&&o.push({id:i.id,name:i.name});return o},[r,O]),[,Lt]=s.useReducer(a=>a+1,0),je=((Ct=Ee.current)==null?void 0:Ct.search.searchMode)??!1,it=s.useCallback(()=>{var a;(a=Ee.current)==null||a.search.toggleSearch(),Lt()},[]),Te=rn(),Le=Te.isPending(Vt),[j,ae]=s.useState(null),ee=j?O.get(j.buildingId):null,[Fe,Pe]=s.useState(""),[We,Pt]=s.useState(()=>on()),B=s.useMemo(()=>{var a;return((a=g.getAreaForAgent(r))==null?void 0:a.id)??null},[r,O]),He=s.useCallback((a,o)=>{Pe(""),ae(i=>{const u=(i==null?void 0:i.buildingId)===o?null:{type:a,buildingId:o};return B&&Xt(B,u),u})},[B]),Ce=s.useCallback(()=>{Pe(""),ae(null),B&&Xt(B,null)},[B]);s.useEffect(()=>{if((j==null?void 0:j.type)!=="pm2-logs")return;const a=j.buildingId;return g.startLogStreaming(a,200),()=>g.stopLogStreaming(a)},[j]);const{height:Rt,onResizeStart:Dt}=cn(),{sidePanelWidth:$t,handleSidePanelResizeStart:lt}=dn(),[_,_t]=s.useState(()=>qt(A.GIT_PANEL_OPEN,!1)),[Re,pe]=s.useState(()=>qt(A.BUILDINGS_PANEL_OPEN,!1)),[F,Ue]=s.useState(!1),rt=s.useCallback(()=>{Ue(a=>{const o=!a;return o&&un.setEnabled(!0),o})},[]),zt=s.useCallback(()=>Ue(!1),[]),wt=s.useCallback(()=>{_t(a=>{const o=!a;return be(A.GIT_PANEL_OPEN,o),o})},[]),vt=s.useCallback(()=>{pe(a=>{const o=!a;return be(A.BUILDINGS_PANEL_OPEN,o),o})},[]),Ot=s.useCallback(()=>{_t(!1),be(A.GIT_PANEL_OPEN,!1)},[]),ot=s.useCallback(()=>{pe(!1),be(A.BUILDINGS_PANEL_OPEN,!1)},[]),Ge=mn(),fe=s.useMemo(()=>({terminal:me,"pm2-logs":ve,database:Q,tests:se,http:ie}),[me,ve,Q,se,ie]);s.useEffect(()=>{if(!j)return;fe[j.type].some(o=>o.id===j.buildingId)||(Pe(""),ae(null))},[j,fe]);const ke=s.useRef(void 0);s.useEffect(()=>{var o;if(ke.current===B)return;ke.current=B;const a=B?ja()[B]:void 0;Pe(""),a&&((o=fe[a.type])!=null&&o.some(i=>i.id===a.buildingId))?ae(a):ae(null)},[B,fe]),s.useEffect(()=>{const a=o=>{var X;const i=o.detail;if(!(i!=null&&i.buildingId)||!(i!=null&&i.type)||!((X=fe[i.type])!=null&&X.some(te=>te.id===i.buildingId)))return;i.handled=!0,Pe("");const u={type:i.type,buildingId:i.buildingId};ae(u),B&&Xt(B,u)};return window.addEventListener("tide:dock-building-flat",a),()=>window.removeEventListener("tide:dock-building-flat",a)},[fe,B]);const[Ve,W]=s.useState(!1),he=s.useRef(null);if(s.useEffect(()=>{if(!Ve)return;const a=o=>{he.current&&!he.current.contains(o.target)&&W(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[Ve]),!f)return e.jsx("div",{className:"flat-chat flat-chat--empty",children:e.jsxs("div",{className:"flat-chat__placeholder",children:[e.jsx("span",{className:"flat-chat__placeholder-icon",children:"💬"}),e.jsx("span",{className:"flat-chat__placeholder-text",children:"Select an agent to start chatting"})]})});const Ne=f.contextStats,ct=!!Ne,Je=Ne?Ne.totalTokens:f.contextUsed||0,dt=Ne?Ne.contextWindow:f.contextLimit||(f.provider==="grok"?5e5:2e5),Bt=Ne?Ne.usedPercent:Math.round(Je/dt*100),De=Math.max(0,Math.min(100,Bt)),jt=Math.round(De*10)/10,ge=Math.round((100-De)*10)/10,Qe=De>=80?"#ff4a4a":De>=60?"#ff9e4a":De>=40?"#ffd700":"#4aff9e",et=(Je/1e3).toFixed(1),ut=(dt/1e3).toFixed(1),xe=f.cwd,mt=xe?Fn(xe):null,ye=((kt=f.subordinateIds)==null?void 0:kt.length)||0,tt=ye>0;return e.jsxs("div",{ref:Ye,className:`flat-terminal-wrapper ${_||Re||F?"flat-terminal-wrapper--with-side-panel":""} ${Tt?"pane-fading-out":""}`,style:{"--guake-side-panel-width":`min(${$t}px, 70%)`},children:[e.jsxs("div",{className:"flat-terminal-wrapper__header",children:[e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__header-main ${$e?"flat-terminal-wrapper__header-main--active":""}`,onClick:gt,onContextMenu:a=>{a.preventDefault(),a.stopPropagation(),_e({x:a.clientX,y:a.clientY})},title:$e?"Hide agent info":"Show agent info","aria-pressed":$e,children:[e.jsx("span",{className:`flat-terminal-wrapper__header-avatar${f.status==="working"?" is-working":""}`,children:e.jsx(xa,{agent:f,size:28})}),e.jsxs("span",{className:"flat-terminal-wrapper__header-info",children:[e.jsx("span",{className:"flat-terminal-wrapper__header-name",children:f.name}),e.jsx("span",{className:"flat-terminal-wrapper__header-status",style:{color:wa(f.status)},children:f.status})]}),f.taskLabel&&e.jsxs("span",{className:"flat-terminal-wrapper__header-task",title:f.taskLabel,children:["📋 ",f.taskLabel]}),e.jsxs("span",{className:"flat-terminal-wrapper__header-model",children:[e.jsx("img",{src:_a(f.provider,"/"),alt:f.provider,className:"flat-terminal-wrapper__header-provider-icon",title:ba(f.provider)}),(()=>{const{model:a,effort:o}=Wn(f);return e.jsxs("span",{className:"flat-terminal-wrapper__header-model-chip",title:o?`Model: ${a} · Effort: ${o}`:`Model: ${a}`,children:[e.jsx("span",{className:"flat-terminal-wrapper__header-model-name",children:a}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"flat-terminal-wrapper__header-model-sep","aria-hidden":"true",children:"·"}),e.jsx("span",{className:"flat-terminal-wrapper__header-model-effort",children:o})]})]})})()]})]}),e.jsxs("div",{className:"flat-terminal-wrapper__header-meta",children:[e.jsxs("div",{className:"flat-terminal-wrapper__view-mode",role:"group","aria-label":"Message view mode",children:[$n.map(a=>e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__view-mode-btn ${!ce&&p===a?"flat-terminal-wrapper__view-mode-btn--active":""}`,onClick:()=>{Ze(!1),x(a)},title:Bn[a],"aria-pressed":!ce&&p===a,children:[e.jsx("span",{className:"flat-terminal-wrapper__view-mode-icon","aria-hidden":"true",children:On[a]}),e.jsx("span",{className:"flat-terminal-wrapper__view-mode-label",children:zn[a]})]},a)),Ke&&e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__view-mode-btn ${ce?"flat-terminal-wrapper__view-mode-btn--active":""}`,onClick:()=>Ze(a=>!a),title:"Classic TUI — attach to the live interactive claude session in a terminal","aria-pressed":ce,children:[e.jsx("span",{className:"flat-terminal-wrapper__view-mode-icon","aria-hidden":"true",children:e.jsx(d,{name:"terminal",size:13})}),e.jsx("span",{className:"flat-terminal-wrapper__view-mode-label",children:"Classic TUI"})]})]}),e.jsxs("div",{className:"flat-terminal-wrapper__actions",role:"group","aria-label":"Terminal actions",children:[e.jsx("button",{type:"button",className:"flat-terminal-wrapper__action-btn",onClick:re,disabled:!R,title:"Back to previous agent","aria-label":"Back to previous agent",children:e.jsx(d,{name:"arrow-left",size:14})}),e.jsx("button",{type:"button",className:"flat-terminal-wrapper__action-btn",onClick:oe,disabled:!Se,title:"Forward to next agent","aria-label":"Forward to next agent",children:e.jsx(d,{name:"arrow-right",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${je?"flat-terminal-wrapper__action-btn--active":""}`,onClick:it,title:je?"Close search":"Search messages","aria-pressed":je,children:e.jsx(d,{name:je?"cross":"search",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn flat-terminal-wrapper__action-btn--danger ${Le?"flat-terminal-wrapper__action-btn--confirm":""}`,onClick:()=>Te.handleClick(Vt,()=>{var a;g.clearContext(r),(a=Ee.current)==null||a.historyLoader.clearHistory()}),title:Le?"Click again to confirm clear context":"Clear context",children:e.jsx(d,{name:Le?"question":"clear",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${_?"flat-terminal-wrapper__action-btn--active":""}`,onClick:wt,title:_?"Hide git panel":"Show git changes","aria-pressed":_,children:e.jsx(d,{name:"git-branch",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${Re?"flat-terminal-wrapper__action-btn--active":""}`,onClick:vt,title:Re?"Hide buildings panel":"Show area buildings","aria-pressed":Re,children:e.jsx(d,{name:"buildings",size:14})}),e.jsxs("div",{className:"flat-terminal-wrapper__more",ref:he,children:[e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${Ve?"flat-terminal-wrapper__action-btn--active":""}`,onClick:()=>W(a=>!a),title:"More actions","aria-expanded":Ve,children:"⋮"}),Ve&&e.jsxs("div",{className:"flat-terminal-wrapper__more-menu",role:"menu",children:[e.jsxs("button",{type:"button",role:"menuitem",className:`flat-terminal-wrapper__more-item ${F?"flat-terminal-wrapper__more-item--active":""}`,onClick:()=>{rt(),W(!1)},title:F?"Hide Debug Panel":"Show Debug Panel",children:[e.jsx(d,{name:"bug",size:14}),e.jsx("span",{children:F?"Hide Debug Panel":"Show Debug Panel"})]}),e.jsx("div",{className:"flat-terminal-wrapper__more-divider"}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item",onClick:()=>{g.collapseContext(r),W(!1)},disabled:f.status!=="idle",title:f.status!=="idle"?"Agent must be idle to collapse context":"Collapse context",children:[e.jsx(d,{name:"package",size:14}),e.jsx("span",{children:"Collapse context"})]}),tt&&e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item flat-terminal-wrapper__more-item--danger",onClick:()=>{z(r,ye),W(!1)},children:[e.jsx(d,{name:"crown",size:14}),e.jsxs("span",{children:["Clear ",ye," subordinate",ye===1?"":"s"]})]}),e.jsx("div",{className:"flat-terminal-wrapper__more-divider"}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item flat-terminal-wrapper__more-item--danger",onClick:()=>{g.killAgent(r),W(!1)},children:[e.jsx(d,{name:"cross",size:14}),e.jsx("span",{children:"Remove agent"})]})]})]})]}),e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__inspector-toggle ${C?"flat-terminal-wrapper__inspector-toggle--active":""}`,onClick:T,title:C?"Hide inspector panel":"Show inspector panel","aria-label":C?"Hide inspector panel":"Show inspector panel","aria-pressed":C,children:[e.jsx("span",{className:"flat-terminal-wrapper__inspector-icon","aria-hidden":"true",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"1.5",y:"2.5",width:"13",height:"11",rx:"1.5"}),e.jsx("line",{x1:"10",y1:"2.5",x2:"10",y2:"13.5"})]})}),e.jsx("span",{className:"flat-terminal-wrapper__inspector-label",children:"Inspector"})]}),e.jsx("button",{type:"button",className:"flat-terminal-wrapper__close",onClick:()=>g.deselectAll(),title:"Close chat","aria-label":"Close chat",children:e.jsx(d,{name:"cross",size:14})})]})]}),ze&&e.jsxs("div",{className:"flat-chat-actions-sheet-root",role:"presentation",children:[e.jsx("div",{className:"flat-chat-actions-sheet__backdrop",onClick:D}),e.jsxs("div",{className:"flat-chat-actions-sheet",role:"menu","aria-label":"Chat actions",children:[e.jsx("div",{className:"flat-chat-actions-sheet__grabber","aria-hidden":"true"}),e.jsxs("div",{className:"flat-chat-actions-sheet__title-row",children:[e.jsx("span",{className:"flat-chat-actions-sheet__title",children:f.name}),e.jsx("button",{type:"button",className:"flat-chat-actions-sheet__done",onClick:D,children:"Done"})]}),e.jsxs("div",{className:"flat-chat-actions-sheet__grid",children:[e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${je?"is-active":""}`,onClick:()=>{it(),D()},children:[e.jsx(d,{name:je?"cross":"search",size:20}),e.jsx("span",{children:je?"Close search":"Search"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${_?"is-active":""}`,onClick:()=>{wt(),D()},children:[e.jsx(d,{name:"git-branch",size:20}),e.jsx("span",{children:"Git changes"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${Re?"is-active":""}`,onClick:()=>{vt(),D()},children:[e.jsx(d,{name:"buildings",size:20}),e.jsx("span",{children:"Buildings"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__item ${F?"is-active":""}`,onClick:()=>{rt(),D()},children:[e.jsx(d,{name:"bug",size:20}),e.jsx("span",{children:"Debug"})]})]}),e.jsxs("div",{className:"flat-chat-actions-sheet__list",children:[e.jsxs("button",{type:"button",role:"menuitem",className:`flat-chat-actions-sheet__row flat-chat-actions-sheet__row--danger ${Le?"is-armed":""}`,onClick:()=>Te.handleClick(Vt,()=>{var a;g.clearContext(r),(a=Ee.current)==null||a.historyLoader.clearHistory(),D()}),children:[e.jsx(d,{name:Le?"question":"clear",size:18}),e.jsx("span",{children:Le?"Tap again to confirm clear":"Clear context"})]}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-chat-actions-sheet__row",disabled:f.status!=="idle",onClick:()=>{g.collapseContext(r),D()},children:[e.jsx(d,{name:"package",size:18}),e.jsx("span",{children:"Collapse context"})]}),tt&&e.jsxs("button",{type:"button",role:"menuitem",className:"flat-chat-actions-sheet__row flat-chat-actions-sheet__row--danger",onClick:()=>{z(r,ye),D()},children:[e.jsx(d,{name:"crown",size:18}),e.jsxs("span",{children:["Clear ",ye," subordinate",ye===1?"":"s"]})]}),e.jsxs("button",{type:"button",role:"menuitem",className:"flat-chat-actions-sheet__row flat-chat-actions-sheet__row--danger",onClick:()=>{g.killAgent(r),D()},children:[e.jsx(d,{name:"cross",size:18}),e.jsx("span",{children:"Remove agent"})]})]})]})]}),e.jsx(pn,{agent:f,onClick:S}),ce&&Ke?e.jsx(In,{agentId:r}):Me&&xt?e.jsx(fn,{ref:Ee,agentId:Me,agent:xt,viewMode:p,isOpen:!0,onImageClick:N,onFileClick:J,onBashClick:w,onViewMarkdown:U,keyboard:le,hasModalOpen:!1},Me):null,j&&ee&&(()=>{var X,te;const a=j.type,o={terminal:"terminal","pm2-logs":"scroll",database:"hard-drives",tests:"flask",http:"globe"},i=a==="terminal"&&!((X=ee.terminalStatus)!=null&&X.url),u=!i;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"guake-bottom-terminal-resize",onMouseDown:Dt,role:"separator","aria-orientation":"horizontal","aria-label":"Resize embedded panel"}),e.jsxs("div",{className:"flat-bottom-panel",role:"region","aria-label":`${ee.name} panel`,style:{height:Rt},children:[e.jsxs("div",{className:"flat-bottom-panel__header",children:[e.jsxs("span",{className:"flat-bottom-panel__title",children:[e.jsx(d,{name:o[a],size:12}),e.jsx("span",{children:ee.name}),i&&e.jsx("span",{className:"flat-bottom-panel__muted",children:"(starting...)"})]}),e.jsxs("span",{className:"flat-bottom-panel__header-actions",children:[a==="pm2-logs"&&e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"text",className:"guake-bottom-terminal-filter",value:Fe,onChange:L=>Pe(L.target.value),placeholder:"Filter logs","aria-label":`Filter logs for ${ee.name}`,spellCheck:!1}),e.jsx("select",{className:"guake-bottom-terminal-retention",value:We===null?"unlimited":String(We),onChange:L=>{const at=L.target.value==="unlimited"?null:Number(L.target.value);Pt(at),gn(at)},"aria-label":`Max log retention for ${ee.name}`,children:hn.map(L=>e.jsx("option",{value:L===null?"unlimited":String(L),children:L===null?"Unlimited":`${L.toLocaleString()} lines`},L===null?"unlimited":L))}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>g.clearStreamingLogs(j.buildingId),title:"Clear logs",children:e.jsx(d,{name:"trash",size:12})}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>g.sendBuildingCommand(j.buildingId,"restart"),title:"Restart",children:e.jsx(d,{name:"restart",size:12})})]}),u&&e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>{Ce(),nt(j.buildingId)},title:"Maximize — open as modal","aria-label":"Open as modal",children:e.jsx(d,{name:"fullscreen",size:12})}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:Ce,title:"Close panel","aria-label":"Close panel",children:e.jsx(d,{name:"cross",size:12})})]})]}),e.jsx("div",{className:"flat-bottom-panel__body",children:a==="terminal"?(te=ee.terminalStatus)!=null&&te.url?e.jsx(pa,{terminalUrl:ee.terminalStatus.url,visible:!0}):e.jsx("div",{className:"flat-bottom-panel__placeholder",children:"Starting terminal..."}):a==="pm2-logs"?e.jsx(xn,{buildingId:j.buildingId,filterText:Fe,maxRetention:We}):a==="database"?e.jsx(bn,{building:ee}):a==="tests"?e.jsx("div",{className:"tests-panel-host",children:e.jsx(_n,{building:ee,autoFocusSearch:!1})}):e.jsx("div",{className:"http-requests-panel-host",children:e.jsx(wn,{building:ee,autoFocusSearch:!1})})})]})]})})(),e.jsxs("div",{className:"flat-terminal-wrapper__statusbar",role:"contentinfo",children:[f.isDetached&&e.jsxs("span",{className:"flat-terminal-wrapper__detached",title:"Reattaching session...",children:[e.jsx(d,{name:"refresh",size:12}),e.jsx("span",{children:"Reattaching"})]}),xe&&mt&&e.jsxs("span",{className:"flat-terminal-wrapper__cwd",title:`Open in file explorer: ${xe}`,"aria-label":`Open ${xe} in file explorer`,role:"button",tabIndex:0,onClick:()=>g.openFileExplorer(xe),onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),g.openFileExplorer(xe))},children:[e.jsx("span",{className:"flat-terminal-wrapper__cwd-icon",children:e.jsx(d,{name:"folder",size:12})}),e.jsx("span",{className:"flat-terminal-wrapper__cwd-text",children:mt})]}),st&&st.map(({areaId:a,areaName:o,dir:i})=>{const u=bt.get(i),X=Ie.has(i),te=i.split("/").filter(Boolean).pop()||i;return e.jsxs("span",{className:"flat-terminal-wrapper__area-dir",title:`${o}: ${i}${u?` (${u.branch}${u.ahead?` ↑${u.ahead}`:""}${u.behind?` ↓${u.behind}`:""})`:""}`,onClick:()=>g.openFileExplorerForAreaFolder(a,i),children:[e.jsx(d,{name:"folder-open",size:12}),e.jsx("span",{className:"flat-terminal-wrapper__area-dir-name",children:te}),u&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"flat-terminal-wrapper__area-dir-branch",children:[e.jsx(d,{name:"git-branch",size:10})," ",u.branch]}),u.ahead>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-ahead",title:`${u.ahead} ahead`,children:[e.jsx(d,{name:"arrow-up",size:9}),u.ahead]}),u.behind>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-behind",title:`${u.behind} behind`,children:[e.jsx(d,{name:"arrow-down",size:9}),u.behind]}),e.jsx("span",{className:`flat-terminal-wrapper__area-fetch ${X?"flat-terminal-wrapper__area-fetch--fetching":""}`,title:"Git fetch",onClick:L=>{L.stopPropagation(),Oe(i)},children:e.jsx(d,{name:X?"hourglass":"download",size:12})})]})]},`${a}:${i}`)}),e.jsx(Rn,{agentId:r,disabled:((f==null?void 0:f.provider)??"claude")!=="claude"&&((f==null?void 0:f.provider)??"claude")!=="grok",contextSummary:ct?`Context: ${et}k / ${ut}k tokens (${jt}% used)`:void 0,children:e.jsxs("span",{className:"flat-terminal-wrapper__context",tabIndex:0,role:"button",onClick:()=>g.setContextModalAgentId(r),onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),g.setContextModalAgentId(r))},title:((f==null?void 0:f.provider)??"claude")!=="claude"&&((f==null?void 0:f.provider)??"claude")!=="grok"?ct?`Context usage: ${et}k / ${ut}k tokens (${jt}% used). Click to view stats.`:"Click to fetch context stats":void 0,children:[e.jsx("span",{className:"flat-terminal-wrapper__context-icon",children:e.jsx(d,{name:"dashboard",size:12})}),e.jsx("span",{className:"flat-terminal-wrapper__context-label",children:"Ctx:"}),e.jsx("span",{className:"flat-terminal-wrapper__context-bar",children:e.jsx("span",{className:"flat-terminal-wrapper__context-bar-fill",style:{width:`${De}%`,backgroundColor:Qe}})}),e.jsxs("span",{className:"flat-terminal-wrapper__context-tokens",style:{color:Qe},children:[et,"k/",ut,"k"]}),e.jsxs("span",{className:"flat-terminal-wrapper__context-free",children:["(",ge,"% free)"]}),!ct&&e.jsx("span",{className:"flat-terminal-wrapper__context-warning",title:"No context stats yet",children:e.jsx(d,{name:"warn",size:12})})]})}),e.jsx("div",{className:"flat-terminal-wrapper__statusbar-spacer","aria-hidden":"true"}),me.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area terminals",children:me.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""} ${a.hasUrl?"":"flat-terminal-wrapper__building-btn--offline"}`,title:`${o?"Hide":"Show"} terminal: ${a.name}${a.hasUrl?"":" (starting...)"}`,onClick:()=>{if(o){Ce();return}if(a.hasUrl&&ft(a.id)==="modal"){nt(a.id);return}a.hasUrl||g.sendBuildingCommand(a.id,"start"),He("terminal",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"terminal",size:14})},a.id)})}),ve.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area PM2 logs",children:ve.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""}`,title:`${o?"Hide":"Show"} logs: ${a.name}`,onClick:()=>{o?Ce():ft(a.id)==="modal"?nt(a.id):He("pm2-logs",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"scroll",size:14})},a.id)})}),Q.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area databases",children:Q.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""}`,title:`${o?"Hide":"Show"} database: ${a.name}`,onClick:()=>{o?Ce():ft(a.id)==="modal"?nt(a.id):He("database",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"hard-drives",size:14})},a.id)})}),se.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area tests",children:se.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""} ${a.working?"flat-terminal-wrapper__building-btn--tests-working":""}`,title:a.working?`Running tests: ${a.name}`:`${o?"Hide":"Show"} tests: ${a.name}`,onClick:()=>{o?Ce():ft(a.id)==="modal"?nt(a.id):He("tests",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"flask",size:14})},a.id)})}),ie.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area HTTP requests",children:ie.map(a=>{const o=(j==null?void 0:j.buildingId)===a.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${o?"flat-terminal-wrapper__building-btn--active":""}`,title:`${o?"Hide":"Show"} HTTP requests: ${a.name}`,onClick:()=>{o?Ce():ft(a.id)==="modal"?nt(a.id):He("http",a.id)},onContextMenu:i=>{i.preventDefault(),i.stopPropagation(),we(a.id,{x:i.clientX,y:i.clientY})},children:e.jsx(d,{name:"globe",size:14})},a.id)})}),e.jsx("div",{className:"flat-terminal-wrapper__theme",children:e.jsx(vn,{})})]}),_&&e.jsx(jn,{agentId:r,agents:Ge,onClose:Ot,branchInfoMap:bt,fetchRemote:Oe,fetchingDirs:Ie,onResizeStart:a=>lt(a,"right")}),Re&&e.jsx(Cn,{agentId:r,onClose:ot}),F&&e.jsx(kn,{agentId:r,onClose:zt})]})}),Gn={groups:[],gridCols:1,gridRows:1,positions:new Map};function Kn({onAgentClick:c,onBuildingClick:r,onBuildingDoubleClick:p,onBuildingPopup:x,onAreaContextMenu:C,onOpenSpawnModal:T,onOpenBossSpawnModal:S,onOpenAreaModal:N}){const{t:J}=Yt(["common"]),w=Pa(),U=Ra(),[z,le]=s.useState(null),[R,Se]=s.useState(null),[re,oe]=s.useState(null);fa("flatview-image-modal",z!==null,()=>le(null));const[$e,gt]=s.useState(null),[_e,we]=s.useState(null),[f,O]=s.useState(null),[Ae,Ee]=s.useState(null),[Ye,Me]=s.useState(!1),Tt=s.useCallback(()=>{Me(t=>!t)},[]),xt=s.useCallback(()=>{Me(!1)},[]),[Ke,ce]=s.useState(()=>{const t=ea(A.VIEW_MODE);return t==="simple"||t==="chat"||t==="advanced"?t:"simple"}),Ze=s.useCallback(t=>{ce(t),ta(A.VIEW_MODE,t)},[]);s.useEffect(()=>{const t=n=>{if(n.key!==A.VIEW_MODE)return;const l=n.newValue;(l==="simple"||l==="chat"||l==="advanced")&&ce(l)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)},[]);const[ze,de]=s.useState(()=>qt(A.FLAT_INSPECTOR_OPEN,!1)),[D,ue]=s.useState(!1),st=s.useCallback(()=>ue(t=>!t),[]),bt=s.useCallback(()=>ue(!1),[]);s.useEffect(()=>{window.dispatchEvent(new CustomEvent("tide-flat-agents-drawer-state",{detail:{open:D}}))},[D]),s.useEffect(()=>{window.dispatchEvent(new CustomEvent("tide-flat-inspector-state",{detail:{open:ze}}))},[ze]),s.useEffect(()=>{const t=()=>ue(k=>!k),n=()=>{de(k=>{const E=!k;return be(A.FLAT_INSPECTOR_OPEN,E),E})},l=()=>{ue(!1),de(!1),be(A.FLAT_INSPECTOR_OPEN,!1)},h=()=>ue(!1),b=()=>{de(!1),be(A.FLAT_INSPECTOR_OPEN,!1)};return window.addEventListener("tide-toggle-flat-agents-drawer",t),window.addEventListener("tide-toggle-flat-inspector",n),window.addEventListener("tide-close-flat-side-views",l),window.addEventListener("tide-close-flat-agents-drawer-only",h),window.addEventListener("tide-close-flat-inspector-only",b),()=>{window.removeEventListener("tide-toggle-flat-agents-drawer",t),window.removeEventListener("tide-toggle-flat-inspector",n),window.removeEventListener("tide-close-flat-side-views",l),window.removeEventListener("tide-close-flat-agents-drawer-only",h),window.removeEventListener("tide-close-flat-inspector-only",b)}},[]);const Oe=s.useRef(null),Ie=s.useRef(null),[me,ve]=s.useState(()=>{const t=aa(A.FLAT_MIDDLE_WIDTH,0);return t>=It?t:null}),[Q,Be]=s.useState(()=>{const t=aa(A.FLAT_INSPECTOR_WIDTH,0);return t>=Gt?t:null}),se=s.useCallback(t=>{if(typeof window>"u")return t;const n=Q!==null?Mt+Q:0,l=window.innerWidth-da-Mt-ca-n;return Math.max(It,Math.min(Math.max(l,It),t))},[Q]),ie=s.useCallback(t=>{var b;if(typeof window>"u")return t;const n=(b=Oe.current)==null?void 0:b.querySelector(".flat-middle"),l=(n==null?void 0:n.getBoundingClientRect().width)??It,h=window.innerWidth-da-l-Mt-ca-Mt;return Math.max(Gt,Math.min(Math.max(h,Gt),t))},[]);s.useEffect(()=>{if(me===null&&Q===null)return;const t=()=>{ve(n=>{if(n===null)return n;const l=se(n);return l===n?n:l}),Be(n=>{if(n===null)return n;const l=ie(n);return l===n?n:l})};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[me,Q,se,ie]);const Lt=s.useCallback(t=>{var l;if(t.button!==0)return;const n=(l=Oe.current)==null?void 0:l.querySelector(".flat-middle");n&&(t.currentTarget.setPointerCapture(t.pointerId),Ie.current={kind:"middle",startX:t.clientX,startWidth:n.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),je=s.useCallback(t=>{var l;if(t.button!==0)return;const n=(l=Oe.current)==null?void 0:l.querySelector(".flat-inspector");n&&(t.currentTarget.setPointerCapture(t.pointerId),Ie.current={kind:"inspector",startX:t.clientX,startWidth:n.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),it=s.useCallback(t=>{const n=Ie.current;if(!n||t.pointerId!==n.pointerId)return;const l=t.clientX-n.startX;n.kind==="middle"?ve(se(n.startWidth+l)):Be(ie(n.startWidth-l))},[se,ie]),Te=s.useCallback(t=>{const n=Ie.current;if(!n||t.pointerId!==n.pointerId)return;try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}if(Ie.current=null,document.body.classList.remove("flat-splitter-dragging"),!(Math.abs(t.clientX-n.startX)>2))return;const h=t.clientX-n.startX;if(n.kind==="middle"){const b=se(n.startWidth+h);ve(b),Et(A.FLAT_MIDDLE_WIDTH,b)}else{const b=ie(n.startWidth-h);Be(b),Et(A.FLAT_INSPECTOR_WIDTH,b)}},[se,ie]),Le=s.useCallback(()=>{ve(null),Et(A.FLAT_MIDDLE_WIDTH,0)},[]),j=s.useCallback(()=>{Be(null),Et(A.FLAT_INSPECTOR_WIDTH,0)},[]),[ae,ee]=s.useState(()=>ea(A.FLAT_INSPECTOR_VIEW)==="tracking"?"tracking":"agent"),Fe=s.useCallback(t=>{ee(t),ta(A.FLAT_INSPECTOR_VIEW,t)},[]),Pe=s.useCallback(()=>{de(t=>{const n=!t;return be(A.FLAT_INSPECTOR_OPEN,n),n})},[]),We=s.useCallback(()=>{de(!1),be(A.FLAT_INSPECTOR_OPEN,!1)},[]),Pt=s.useCallback(()=>{Fe("tracking"),de(!0),be(A.FLAT_INSPECTOR_OPEN,!0)},[Fe]),B=Da(),He=s.useCallback((t,n)=>{le({url:t,name:n})},[]),Ce=s.useCallback((t,n)=>{Se({command:t,output:n,isLive:!1})},[]),Rt=s.useCallback((t,n)=>{var b;const l=U.size>0?Array.from(U)[0]:null,h=l?(b=g.getState().agents.get(l))==null?void 0:b.cwd:void 0;g.setFileViewerPath(t,n,h)},[U]),Dt=s.useCallback(t=>{oe(t)},[]),$t=s.useCallback((t,n)=>{gt({agentId:t,count:n})},[]),lt=s.useCallback(t=>{p?p(t):r(t)},[r,p]),_=s.useMemo(()=>U.size>0?Array.from(U)[0]:null,[U]),_t=s.useCallback(t=>{_&&we({agentId:_,position:t})},[_]),Re=s.useCallback((t,n)=>{O({buildingId:t,position:n})},[]);s.useEffect(()=>{Me(!1)},[_]);const pe=s.useRef([]),F=s.useRef(-1),Ue=s.useRef(!1),rt=s.useRef(null),[zt,wt]=s.useState(!1),[vt,Ot]=s.useState(!1),ot=s.useRef(!1),Ge=s.useRef(null),fe=s.useRef(!1),ke=s.useMemo(()=>new Set(w.map(t=>t.id)),[w]),Ve=s.useMemo(()=>{const t=new Map(w.map(l=>[l.id,l])),n=new Map;for(const l of w)if((l.isBoss||l.class==="boss")&&l.subordinateIds&&l.subordinateIds.length>0){const h=l.subordinateIds.map(b=>t.get(b)).filter(b=>b!==void 0);h.length>0&&n.set(l.id,h)}return n},[w]),W=s.useCallback(()=>{const t=pe.current,n=F.current;wt(n>0),Ot(n>=0&&n<t.length-1)},[]),he=s.useCallback(t=>{const n=pe.current;if(n.length===0)return;let l=F.current+t;for(;l>=0&&l<n.length;){const h=n[l];if(ke.has(h)){Ue.current=!0,F.current=l,W(),g.selectAgent(h);return}l+=t}},[ke,W]),Ne=s.useCallback(()=>he(-1),[he]),ct=s.useCallback(()=>he(1),[he]);An(s.useCallback(()=>{const t=pe.current,n=F.current;return t.length>0&&n>0?(he(-1),"handled"):"exit"},[he]));const Je=s.useCallback((t,n)=>{if(typeof window>"u")return;const l=window.history.state,b={...typeof l=="object"&&l!==null?l:{},__flatAgentNav:{agentId:t}};n==="replace"?window.history.replaceState(b,"",window.location.href):window.history.pushState(b,"",window.location.href)},[]);s.useEffect(()=>{if(!_){ot.current=!1,Ge.current=null;return}if(!ot.current){Je(_,"replace"),ot.current=!0,Ge.current=_;return}if(fe.current){fe.current=!1,Ge.current=_;return}Ge.current!==_&&(Je(_,"push"),Ge.current=_)},[_,Je]),s.useEffect(()=>{const t=n=>{var k,E;const l=(E=(k=n.state)==null?void 0:k.__flatAgentNav)==null?void 0:E.agentId;if(!l||typeof l!="string"||!ke.has(l)||l===_)return;fe.current=!0,Ue.current=!0;const h=pe.current,b=h.lastIndexOf(l);b>=0?F.current=b:(h.push(l),F.current=h.length-1),W(),g.selectAgent(l)};return window.addEventListener("popstate",t),()=>window.removeEventListener("popstate",t)},[ke,_,W]),s.useEffect(()=>{if(!_){pe.current=[],F.current=-1,W();return}if(rt.current=_,Ue.current){Ue.current=!1,W();return}const t=pe.current,n=F.current;if(n>=0&&t[n]===_){W();return}const l=n<t.length-1?t.slice(0,n+1):t.slice();l.push(_),l.length>100&&l.shift(),pe.current=l,F.current=l.length-1,W()},[_,W]);const dt=s.useCallback(t=>{c(t),ue(!1)},[c]),Bt=_??"",De=s.useCallback(()=>{},[]),jt=s.useCallback(t=>{dt(t)},[dt]),ge=ze,[Qe,et]=s.useState(ge),[ut,xe]=s.useState(ge);s.useEffect(()=>{if(ge){et(!0);return}xe(!1);const t=setTimeout(()=>et(!1),240);return()=>clearTimeout(t)},[ge]),s.useEffect(()=>{if(!Qe||!ge)return;let t=0;const n=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>xe(!0))});return()=>{cancelAnimationFrame(n),cancelAnimationFrame(t)}},[Qe,ge]);const mt=s.useRef(null);s.useEffect(()=>{if(_)return;const t=n=>{if(n.key!==" "&&n.key!=="Backspace")return;const l=n.target;if(l.tagName==="INPUT"||l.tagName==="TEXTAREA"||l.isContentEditable)return;const h=rt.current;!h||!ke.has(h)||(n.preventDefault(),g.selectAgent(h))};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[_,ke]);const[ye,tt]=s.useState(new Set),Ct=s.useCallback(t=>{tt(n=>{const l=new Set(n);return l.has(t)?l.delete(t):l.add(t),l})},[]),kt=s.useCallback(t=>{tt(new Set(t))},[]),[a,o]=s.useState(()=>typeof window<"u"&&window.matchMedia("(max-width: 768px)").matches);s.useEffect(()=>{if(typeof window>"u")return;const t=window.matchMedia("(max-width: 768px)"),n=l=>o(l.matches);return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]);const[i,u]=s.useState(null),X=s.useCallback(t=>{u(n=>n===t?null:t)},[]),te=ha(),L=ga(),[at]=$a(),q=s.useMemo(()=>{if(_)return Gn;const t=new Map,n=[];for(const v of w){const I=g.getAreaForAgent(v.id);if(!na((I==null?void 0:I.id)??null))continue;if(!I||I.archived){n.push(v);continue}const P=t.get(I.id);P?P.push(v):t.set(I.id,[v])}const l=new Map,h=[];for(const v of L.values()){let I=!1;for(const P of te.values())if(!P.archived&&sa(P.id)&&g.isPositionInArea(v.position,P)){const Y=l.get(P.id);Y?Y.push(v):l.set(P.id,[v]),I=!0;break}!I&&na(null)&&h.push(v)}const b=[];for(const[,v]of te){if(v.archived||!sa(v.id))continue;const I=t.get(v.id),P=l.get(v.id)??[];(I&&I.length>0||P.length>0)&&b.push({area:v,agents:I??[],buildings:P})}(n.length>0||h.length>0)&&b.push({area:{id:"__unassigned__",name:"Unassigned",color:"#6272a4",center:{x:0,z:0},type:"circle",radius:0,directories:[],archived:!1,assignedAgentIds:[],zIndex:0},agents:n,buildings:h});const k=b.filter(v=>v.area.id!=="__unassigned__"),E=b.filter(v=>v.area.id==="__unassigned__");let m=1,M=1;const V=new Map;if(k.length>1){let v=1/0,I=-1/0,P=1/0,Y=-1/0;for(const K of k)v=Math.min(v,K.area.center.x),I=Math.max(I,K.area.center.x),P=Math.min(P,K.area.center.z),Y=Math.max(Y,K.area.center.z);const yt=I-v||1,St=Y-P||1;if(k.length<=4){m=k.length,M=1;const K=[...k].sort((Z,Ft)=>Z.area.center.x-Ft.area.center.x);for(let Z=0;Z<K.length;Z++)V.set(K[Z].area.id,{row:1,col:Z+1})}else{const K=[...k].sort((y,H)=>y.area.center.x-H.area.center.x),Z=[];for(let y=1;y<K.length;y++)Z.push(K[y].area.center.x-K[y-1].area.center.x);const Ft=Z.reduce((y,H)=>y+H,0)/Z.length||1;let Kt=1;for(const y of Z)y>Ft*1.3&&Kt++;m=Math.max(2,Math.min(Kt,k.length));const Wt=[...k].sort((y,H)=>y.area.center.z-H.area.center.z),At=[];for(let y=1;y<Wt.length;y++)At.push(Wt[y].area.center.z-Wt[y-1].area.center.z);const Ca=At.reduce((y,H)=>y+H,0)/At.length||1;let Zt=1;for(const y of At)y>Ca*1.3&&Zt++;M=Math.max(2,Math.min(Zt,k.length)),m=Math.max(m,Math.ceil(k.length/M)),M=Math.max(M,Math.ceil(k.length/m));const ka=yt/m,Na=St/M,Ht=new Set;for(const y of k){let H=Math.min(m-1,Math.max(0,Math.floor((y.area.center.x-v)/ka))),qe=Math.min(M-1,Math.max(0,Math.floor((y.area.center.z-P)/Na))),pt=`${qe},${H}`,Jt=0;const ya=M*m;for(;Ht.has(pt)&&Jt<ya;)H++,H>=m&&(H=0,qe=(qe+1)%M),pt=`${qe},${H}`,Jt++;Ht.has(pt)&&(qe=M,H=0,pt=`${qe},${H}`,M++),Ht.add(pt),V.set(y.area.id,{row:qe+1,col:H+1})}}}const $=v=>{v.sort((I,P)=>{var yt,St,K,Z;const Y=(((yt=I.position)==null?void 0:yt.z)??0)-(((St=P.position)==null?void 0:St.z)??0);return Y!==0?Y:(((K=I.position)==null?void 0:K.x)??0)-(((Z=P.position)==null?void 0:Z.x)??0)})};for(const v of k)$(v.agents);for(const v of E)$(v.agents);return{groups:[...k,...E],gridCols:m,gridRows:M,positions:V}},[w,te,L,at,_]),Xe=s.useMemo(()=>{let t=0,n=0;for(const l of q.groups)t+=l.agents.length,n+=l.agents.filter(h=>h.status==="working").length;return{areaCount:q.groups.length,agentCount:t,workingCount:n}},[q]),ne=s.useMemo(()=>{if(!_e)return[];const t=w.find(n=>n.id===_e.agentId);return t?[{id:"edit-agent",label:"Edit Agent",icon:e.jsx(d,{name:"edit",size:14}),onClick:()=>{window.dispatchEvent(new CustomEvent("tide:open-agent-edit",{detail:{agentId:t.id}}))}},{id:"open-chat",label:"Open Chat",icon:e.jsx(d,{name:"chat",size:14}),onClick:()=>c(t.id)},{id:"clone-agent",label:"Clone Agent",icon:e.jsx(d,{name:"clipboard",size:14}),onClick:()=>g.cloneAgent(t.id)},{id:"fork-agent",label:"Fork Agent (with history)",icon:e.jsx(d,{name:"git-branch",size:14}),onClick:()=>g.forkAgent(t.id)},{id:"delete-agent",label:"Delete Agent",icon:e.jsx(d,{name:"trash",size:14}),danger:!0,onClick:()=>{Ee({agentId:t.id,name:t.name})}}]:[]},[_e,w,c]),G=s.useMemo(()=>{var k;if(!f)return[];const t=L.get(f.buildingId);if(!t)return[];const n=[],l=t.type==="server"||t.type==="docker"||t.type==="terminal",h=t.status==="running",b=t.type==="boss";if(n.push({id:"open",label:t.type==="database"?"Open Database":t.type==="folder"?"Open Folder":t.type==="tests"?"Open Tests":t.type==="http"?"Open Requests":t.type==="boss"?"View Boss Logs":t.type==="terminal"?"Open Terminal":t.type==="server"&&((k=t.pm2)!=null&&k.enabled)?"View PM2 Logs":"Open",icon:e.jsx(d,{name:t.type==="database"?"database":t.type==="folder"?"folder":t.type==="tests"?"flask":t.type==="http"?"globe":t.type==="terminal"?"terminal":"eye",size:14}),onClick:()=>lt(t.id)}),l&&(h||n.push({id:"start",label:"Start",icon:e.jsx(d,{name:"play",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"start")}),h&&(n.push({id:"restart",label:"Restart",icon:e.jsx(d,{name:"refresh",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"restart")}),n.push({id:"stop",label:"Stop",icon:e.jsx(d,{name:"stop",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"stop")}))),b&&t.subordinateBuildingIds&&t.subordinateBuildingIds.length>0&&(n.push({id:"start-all",label:"Start All Subordinates",icon:e.jsx(d,{name:"launch",size:14}),onClick:()=>{for(const E of t.subordinateBuildingIds)g.sendBuildingCommand(E,"start")}}),n.push({id:"stop-all",label:"Stop All Subordinates",icon:e.jsx(d,{name:"pause",size:14}),onClick:()=>{for(const E of t.subordinateBuildingIds)g.sendBuildingCommand(E,"stop")}}),n.push({id:"restart-all",label:"Restart All Subordinates",icon:e.jsx(d,{name:"restart",size:14}),onClick:()=>{for(const E of t.subordinateBuildingIds)g.sendBuildingCommand(E,"restart")}})),l&&n.push({id:"health-check",label:"Health Check",icon:e.jsx(d,{name:"health",size:14}),onClick:()=>g.sendBuildingCommand(t.id,"healthCheck")}),n.push({id:"divider-edit",label:"",divider:!0,onClick:()=>{}}),n.push({id:"edit",label:"Edit Building",icon:e.jsx(d,{name:"edit",size:14}),onClick:()=>{window.dispatchEvent(new CustomEvent("tide:building-edit",{detail:{buildingId:t.id}}))}}),n.push({id:"clone",label:"Clone Building",icon:e.jsx(d,{name:"copy",size:14}),onClick:()=>{g.createBuilding({name:`${t.name} (Copy)`,type:t.type,style:t.style,color:t.color,scale:t.scale,position:{x:t.position.x+2,z:t.position.z+2},cwd:t.cwd,folderPath:t.folderPath,commands:t.commands,pm2:t.pm2,docker:t.docker,database:t.database,terminal:t.terminal,urls:t.urls,subordinateBuildingIds:t.subordinateBuildingIds})}}),t.urls&&t.urls.length>0)for(const E of t.urls)n.push({id:`url-${E.label}`,label:E.label,icon:e.jsx(d,{name:"link",size:14}),onClick:()=>window.open(E.url,"_blank","noopener,noreferrer")});return n.push({id:"divider-danger",label:"",divider:!0,onClick:()=>{}}),n.push({id:"delete",label:"Delete Building",icon:e.jsx(d,{name:"trash",size:14}),danger:!0,onClick:()=>g.deleteBuilding(t.id)}),n},[f,L,lt]),Nt=s.useCallback(t=>{const n=new Set(q.groups.map(l=>l.area.id));n.delete(t),tt(n),requestAnimationFrame(()=>{const l=mt.current;if(!l)return;const h=l.querySelector(`[data-area-id="${t}"]`);if(!h)return;const b=l.getBoundingClientRect(),E=h.getBoundingClientRect().top-b.top+l.scrollTop-8;l.scrollTo({top:Math.max(0,E),behavior:"smooth"})})},[q]);return e.jsxs("div",{ref:Oe,className:`flat-view ${ge?"flat-view--with-inspector":""} ${_?"flat-view--has-chat":""} ${D?"flat-view--mobile-sidebar-open":""}`,style:(()=>{if(me===null&&Q===null)return;const t={};return me!==null&&(t["--flat-middle-width"]=`${me}px`),Q!==null&&(t["--flat-inspector-width"]=`${Q}px`),t})(),children:[D&&e.jsx("div",{className:"flat-mobile-sidebar-backdrop",onClick:bt,"aria-hidden":"true"}),e.jsxs("div",{className:"flat-middle",children:[e.jsx("div",{className:"flat-middle__header",children:e.jsxs("div",{className:"flat-middle__actions",children:[e.jsx("button",{className:"flat-cta-btn flat-cta-btn--agent",onClick:T,title:"Create new agent",children:"+ Agent"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--boss",onClick:S,title:"Create new boss agent",children:"+ Boss"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--area",onClick:N,title:"Create new area",children:"+ Area"})]})}),e.jsx("div",{className:"flat-middle__content",children:e.jsx(za,{activeAgentId:Bt,onClose:De,onSelectAgent:jt,collapsedAreas:ye,onToggleArea:Ct,onCollapseAllAreas:kt,agentListRef:mt})})]}),e.jsx("div",{className:"flat-splitter flat-splitter--middle",role:"separator","aria-orientation":"vertical","aria-label":"Resize agents panel",title:"Drag to resize · Double-click to reset",onPointerDown:Lt,onPointerMove:it,onPointerUp:Te,onPointerCancel:Te,onDoubleClick:Le}),e.jsxs("div",{className:"flat-right",children:[e.jsxs("button",{type:"button",className:"flat-mobile-sidebar-toggle","aria-label":D?"Close agents sidebar":"Open agents sidebar","aria-expanded":D,onClick:st,children:[e.jsx(d,{name:"list",size:18}),e.jsx("span",{className:"flat-mobile-sidebar-toggle__label",children:"Agents"})]}),_?e.jsx(Un,{agentId:_,terminalViewMode:Ke,onTerminalViewModeChange:Ze,inspectorOpen:ze,onToggleInspector:Pe,onShowTaskBoard:Pt,onImageClick:He,onFileClick:Rt,onBashClick:Ce,onViewMarkdown:Dt,onRequestClearSubordinates:$t,keyboard:B,canNavigateBack:zt,canNavigateForward:vt,onNavigateBack:Ne,onNavigateForward:ct,agentInfoOpen:Ye,onToggleAgentInfo:Tt,onHeaderContextMenu:_t,onBuildingContextMenu:Re}):e.jsx("div",{className:"flat-chat flat-chat--empty",children:e.jsxs("div",{className:"flat-map",children:[e.jsxs("div",{className:"flat-map__header",children:[e.jsx("span",{className:"flat-map__title",children:"🗺️ Areas"}),e.jsx("span",{className:"flat-map__hint",children:"Click an area to focus it, or an agent to chat"}),e.jsxs("span",{className:"flat-map__stats",children:[e.jsxs("span",{children:[Xe.areaCount," areas"]}),e.jsxs("span",{children:[Xe.agentCount," agents"]}),Xe.workingCount>0&&e.jsxs("span",{className:"flat-map__stats-working",children:[e.jsx("span",{className:"flat-map__stats-dot","aria-hidden":"true"}),Xe.workingCount," working"]})]}),e.jsx(Dn,{className:"flat-map__view-mode"})]}),e.jsx("div",{className:"flat-map__grid",style:{gridTemplateColumns:a?"repeat(2, minmax(0, 1fr))":`repeat(${q.gridCols}, 1fr)`},children:q.groups.length===0?e.jsx("div",{className:"flat-map__empty",children:e.jsx("span",{children:"No areas or agents yet"})}):(a?[...q.groups].sort((n,l)=>{const h=q.positions.get(n.area.id),b=q.positions.get(l.area.id);return!h&&!b?0:h?b?h.row-b.row||h.col-b.col:-1:1}):q.groups).map(n=>{var E;const l=n.area.id,h=q.positions.get(l),b=a&&i!==l,k=a&&!b;return e.jsxs("div",{className:`flat-map-area-card${b?" flat-map-area-card--collapsed":""}${k?" flat-map-area-card--expanded":""}`,style:{"--area-color":n.area.color,gridRow:a||h==null?void 0:h.row,gridColumn:a||h==null?void 0:h.col},onContextMenu:m=>{C&&(m.preventDefault(),m.stopPropagation(),C(l,{x:m.clientX,y:m.clientY}))},children:[e.jsxs("button",{type:"button",className:"flat-map-area-card__header",onClick:()=>a?X(l):Nt(l),title:a?b?`Expand ${n.area.name}`:`Collapse ${n.area.name}`:`Focus ${n.area.name} in left panel`,"aria-expanded":a?!b:void 0,children:[e.jsx("span",{className:"flat-map-area-card__color",style:{background:n.area.color}}),((E=n.area.logo)==null?void 0:E.filename)&&e.jsx("img",{className:"flat-map-area-card__logo",src:Sn(n.area.logo.filename),alt:"","aria-hidden":"true",onError:m=>{m.currentTarget.style.display="none"}}),e.jsx("span",{className:"flat-map-area-card__name",children:n.area.name}),e.jsxs("span",{className:"flat-map-area-card__count",title:`${n.agents.length} agent${n.agents.length===1?"":"s"}`,"aria-label":`${n.agents.length} agent${n.agents.length===1?"":"s"}`,children:[e.jsx(d,{name:"users",size:10}),n.agents.length]}),a&&e.jsx(d,{name:b?"caret-down":"caret-up",size:11,className:"flat-map-area-card__caret"})]}),e.jsx("div",{className:"flat-map-area-card__agents",children:n.agents.map(m=>{const M=m.isBoss||m.class==="boss",V=M?Ve.get(m.id):void 0,$=Oa(m),v=$.usedPercent>=80?"#ff4a4a":$.usedPercent>=60?"#ff9e4a":$.usedPercent>=40?"#ffd700":"#4aff9e",I=`Context: ${($.totalTokens/1e3).toFixed(1)}k / ${($.contextWindow/1e3).toFixed(1)}k (${$.usedPercent}% used, ${$.freePercent}% free)`,P=m.latestTodos&&m.latestTodos.length>0||V&&V.length>0;return e.jsx(Ba,{todos:m.latestTodos,subordinates:V,position:"top",children:e.jsxs("button",{type:"button",className:`flat-map-agent-chip ${m.status}`,onClick:()=>c(m.id),onContextMenu:Y=>{Y.preventDefault(),Y.stopPropagation(),we({agentId:m.id,position:{x:Y.clientX,y:Y.clientY}})},title:P?void 0:`${M?"Boss · ":""}Open chat with ${m.name}
|
|
2
2
|
${I}`,children:[e.jsx(xa,{agent:m,size:16}),M&&e.jsx("span",{className:"flat-map-agent-chip__crown","aria-hidden":"true",children:e.jsx(d,{name:"crown",size:11,color:"#ffd700",weight:"fill"})}),e.jsx("span",{className:"flat-map-agent-chip__name",children:m.name}),e.jsx("img",{src:_a(m.provider,"/"),alt:m.provider,className:"flat-map-agent-chip__provider-icon",title:ba(m.provider)}),e.jsx("span",{className:"flat-map-agent-chip__dot",style:{backgroundColor:wa(m.status)}}),m.latestTodos&&m.latestTodos.length>0&&e.jsx(Fa,{todos:m.latestTodos,maxDots:6}),M&&V&&V.length>0&&e.jsx(Wa,{subordinates:V,maxDots:6}),e.jsx("span",{className:"flat-map-agent-chip__context-bar","aria-hidden":"true",children:e.jsx("span",{className:"flat-map-agent-chip__context-bar-fill",style:{width:`${$.usedPercent}%`,backgroundColor:v}})})]})},m.id)})}),n.area.directories.length>0&&e.jsx("div",{className:"flat-map-area-card__folders",role:"group","aria-label":`${n.area.name} folders`,children:n.area.directories.map(m=>{const M=m.split("/").filter(Boolean).pop()||m;return e.jsxs("button",{type:"button",className:"flat-map-folder-chip",onClick:V=>{V.stopPropagation(),g.openFileExplorerForAreaFolder(l,m)},title:`Open in file explorer: ${m}`,children:[e.jsx(d,{name:"folder-open",size:12}),e.jsx("span",{className:"flat-map-folder-chip__name",children:M})]},m)})}),n.buildings.length>0&&e.jsx("div",{className:"flat-map-area-card__buildings",children:n.buildings.map(m=>{var V;const M=(V=Ha[m.type])==null?void 0:V.color;return e.jsxs("button",{type:"button",className:`flat-map-building-chip flat-map-building-chip--${m.status}`,style:M?{"--building-type-color":M}:void 0,onClick:$=>{if(x){const v=$.currentTarget.getBoundingClientRect();x(m.id,{x:v.right,y:v.top+v.height/2})}else lt(m.id)},onContextMenu:$=>{$.preventDefault(),$.stopPropagation(),O({buildingId:m.id,position:{x:$.clientX,y:$.clientY}})},title:`${m.name} · ${m.type} · ${m.status}`,children:[e.jsx(d,{name:Ua(m.type),size:12,color:M}),e.jsx("span",{className:"flat-map-building-chip__name",children:m.name}),e.jsx("span",{className:"flat-map-building-chip__dot",style:{backgroundColor:Ga(m.status)}})]},m.id)})})]},l)})})]})})]}),ge&&e.jsx("div",{className:"flat-splitter flat-splitter--inspector",role:"separator","aria-orientation":"vertical","aria-label":"Resize inspector panel",title:"Drag to resize · Double-click to reset",onPointerDown:je,onPointerMove:it,onPointerUp:Te,onPointerCancel:Te,onDoubleClick:j}),Qe&&e.jsxs("aside",{className:`flat-inspector ${ut?"flat-inspector--open":"flat-inspector--closing"}`,"aria-label":"Inspector panel",children:[e.jsxs("div",{className:"flat-inspector__header",children:[e.jsxs("div",{className:"flat-inspector__tabs",role:"tablist","aria-label":"Inspector view",children:[e.jsx("button",{type:"button",role:"tab","aria-selected":ae==="agent",className:`flat-inspector__tab ${ae==="agent"?"flat-inspector__tab--active":""}`,onClick:()=>Fe("agent"),children:"Agent"}),e.jsx("button",{type:"button",role:"tab","aria-selected":ae==="tracking",className:`flat-inspector__tab ${ae==="tracking"?"flat-inspector__tab--active":""}`,onClick:()=>Fe("tracking"),children:"Tracking"})]}),e.jsx("button",{type:"button",className:"flat-inspector__close",onClick:We,title:"Close inspector","aria-label":"Close inspector",children:"✕"})]}),e.jsx("div",{className:"flat-inspector__body",children:ae==="tracking"?e.jsx(Va,{activeAgentId:_??"",onSelectAgent:t=>{c(t),window.innerWidth<=768&&We()}}):(()=>{if(!_)return e.jsx("div",{className:"flat-inspector__empty",children:e.jsx("span",{children:"Select an agent to inspect"})});const t=w.find(n=>n.id===_);return t?e.jsx(Xa,{agent:t,onFocusAgent:n=>{c(n),window.innerWidth<=768&&We()},onKillAgent:n=>g.killAgent(n)}):e.jsx("div",{className:"flat-inspector__empty",children:e.jsx("span",{children:"Agent not found"})})})()})]}),z&&e.jsx(qa,{url:z.url,name:z.name,onClose:()=>le(null)}),R&&e.jsx(Ya,{state:R,onClose:()=>Se(null)}),e.jsx(Ka,{agent:_?w.find(t=>t.id===_)??null:null,content:re,onClose:()=>oe(null)}),$e&&e.jsx(Za,{action:"clear-subordinates",selectedAgentId:$e.agentId,subordinateCount:$e.count,onClose:()=>gt(null),onClearHistory:()=>{}}),e.jsx(Ja,{agent:_?w.find(t=>t.id===_)??null:null,isOpen:Ye&&!!_,onClose:xt}),e.jsx(ia,{isOpen:_e!==null,position:(_e==null?void 0:_e.position)??{x:0,y:0},worldPosition:{x:0,z:0},actions:ne,onClose:()=>we(null)}),e.jsx(ia,{isOpen:f!==null,position:(f==null?void 0:f.position)??{x:0,y:0},worldPosition:{x:0,z:0},actions:G,onClose:()=>O(null)}),e.jsx(Qa,{isOpen:Ae!==null,title:J("common:confirm.removeAgentTitle"),message:J("common:confirm.removeAgentMessage",{name:(Ae==null?void 0:Ae.name)??""}),confirmLabel:J("common:buttons.remove"),cancelLabel:J("common:buttons.cancel"),variant:"danger",onConfirm:()=>{Ae&&g.removeAgentFromServer(Ae.agentId)},onClose:()=>Ee(null)})]})}export{Kn as FlatView};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{bZ as He,r as t,s as I,k as ye,b_ as Ee,i as Oe,j as e,I as O,u as fe,b$ as ze,Z as Te,c0 as Be,c1 as Ue,q as Ke,c2 as We,c3 as De,c4 as Ve,ak as Ge,al as qe,am as Ye,bk as Je,_ as Me,S as le,bd as Ze,ba as Xe,a9 as Qe,$ as Ie,aC as et,a5 as tt,c5 as st,t as Z,c6 as nt}from"./main-
|
|
1
|
+
import{bZ as He,r as t,s as I,k as ye,b_ as Ee,i as Oe,j as e,I as O,u as fe,b$ as ze,Z as Te,c0 as Be,c1 as Ue,q as Ke,c2 as We,c3 as De,c4 as Ve,ak as Ge,al as qe,am as Ye,bk as Je,_ as Me,S as le,bd as Ze,ba as Xe,a9 as Qe,$ as Ie,aC as et,a5 as tt,c5 as st,t as Z,c6 as nt}from"./main-BbNRp516.js";import{FileExplorerPanel as at}from"./index-B_RzzK2X.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const Se={status:"all",activity:"all",sort:"activity"},ct={"1h":3600*1e3,"6h":360*60*1e3,"24h":1440*60*1e3},Ae=20,me=3,lt={idle:"#4aff9e",working:"#4a9eff",waiting:"#ff9e4a",waiting_permission:"#ffcc00",error:"#ff4a4a",offline:"#888888",orphaned:"#ff9e4a"},ot=12e4;function rt(s){return s.trim().replace(/\r\n/g,`
|
|
2
2
|
`)}function $e(s,a){return`${s}:${rt(a)}`}function it(s,a,c,f){if(s.uuid&&a.has(s.uuid))return!1;if(s.uuid)return!0;const p=s.isUserPrompt?"user":"assistant",d=$e(p,s.text),M=s.timestamp||0,A=c.get(d);return A!==void 0&&Math.abs(M-A)<=ot?!1:M>f}function dt({isOpen:s,agents:a}){const c=He(),[f,p]=t.useState(new Map),d=t.useRef(new Set);t.useRef(a);const M=t.useMemo(()=>Array.from(a.keys()).sort().join(","),[a]),A=t.useMemo(()=>Array.from(a.values()).map(j=>`${j.id}:${j.sessionId||""}`).sort().join(","),[a]);t.useEffect(()=>{s||(d.current.clear(),p(new Map))},[s]),t.useEffect(()=>{if(!s)return;const j=new Set(Array.from(a.keys()));for(const i of d.current)j.has(i)||d.current.delete(i);let h=null;c>0&&(h=I.preserveOutputs(),d.current.clear());const v=async(i,k,$=0)=>{if(d.current.add(i.id),$>0&&await new Promise(x=>setTimeout(x,$)),p(x=>{const b=new Map(x);return b.set(i.id,{agentId:i.id,messages:[],loading:!0,hasMore:!1,totalCount:0}),b}),!i.sessionId){k&&k.length>0&&I.mergeOutputsWithHistory(i.id,[],k),p(x=>{const b=new Map(x);return b.set(i.id,{agentId:i.id,messages:[],loading:!1,hasMore:!1,totalCount:0}),b});return}try{const b=await(await Oe(ye(`/api/agents/${i.id}/history?limit=${Ee}&offset=0`))).json(),P=b.messages||[],W=P.length>0?Math.max(...P.map(w=>w.timestamp?new Date(w.timestamp).getTime():0)):0,Y=new Set(P.map(w=>w.uuid).filter(w=>!!w)),V=new Map;for(const w of P){if(w.type!=="user"&&w.type!=="assistant")continue;const o=$e(w.type,w.content),L=w.timestamp?new Date(w.timestamp).getTime():0,K=V.get(o)??0;L>K&&V.set(o,L)}const G=I.getOutputs(i.id),U=(k&&k.length>0?[...k,...G]:G).filter(w=>it(w,Y,V,W));I.clearOutputs(i.id);for(const w of U)I.addOutput(i.id,w);p(w=>{const o=new Map(w);return o.set(i.id,{agentId:i.id,messages:P,loading:!1,hasMore:b.hasMore||!1,totalCount:b.totalCount||0}),o})}catch(x){if(console.error(`Failed to load history for ${i.name}:`,x),k&&k.length>0){I.clearOutputs(i.id);for(const b of k)I.addOutput(i.id,b)}p(b=>{const P=new Map(b);return P.set(i.id,{agentId:i.id,messages:[],loading:!1,hasMore:!1,totalCount:0}),P})}},u=c>0?500:0,D=Array.from(a.values());for(const i of D)if(!d.current.has(i.id)){const k=h==null?void 0:h.get(i.id);v(i,k,u)}},[s,M,A,c]);const R=t.useRef(a),N=t.useRef(f);R.current=a,N.current=f;const C=t.useCallback(async j=>{const h=R.current.get(j),v=N.current.get(j);if(!(h!=null&&h.sessionId)||!v||!v.hasMore)return;const u=v.messages.length;try{const i=await(await fetch(ye(`/api/agents/${j}/history?limit=${Ee}&offset=${u}`))).json();i.messages&&i.messages.length>0&&p(k=>{const $=new Map(k),x=k.get(j);return x&&$.set(j,{...x,messages:[...i.messages,...x.messages],hasMore:i.hasMore||!1}),$})}catch(D){console.error(`Failed to load more history for agent ${j}:`,D)}},[]),E=t.useCallback(j=>{d.current.delete(j),p(h=>{const v=new Map(h),u=h.get(j);return u&&v.set(j,{...u,messages:[],hasMore:!1,totalCount:0,loading:!1}),v})},[]);return{histories:f,loadMoreHistory:C,clearAgentHistory:E}}function ut({command:s,onCommandChange:a,useTextarea:c,forceTextarea:f,onForceTextarea:p,onSend:d,canSend:M,attachedFiles:A,onAddFile:R,onRemoveFile:N,uploadFile:C,onAddPastedText:E,placeholder:j="Message...",className:h="",compact:v=!1,inputRef:u}){const D=t.useRef(null),i=t.useRef(null),k=t.useRef(c);t.useEffect(()=>{if(c&&!k.current&&i.current){const o=i.current;o.focus(),o.selectionStart=o.selectionEnd=o.value.length}k.current=c},[c]),t.useEffect(()=>{const o=i.current;if(!o||!c)return;o.style.height="auto";const L=v?120:180,K=Math.min(o.scrollHeight,L);o.style.height=`${K}px`},[s,c,v]);const $=t.useCallback(async o=>{const L=o.clipboardData.items;for(const z of L)if(z.type.startsWith("image/")){o.preventDefault();const F=z.getAsFile();if(F){const _=await C(F);_&&R(_)}return}const K=o.clipboardData.files;if(K.length>0){o.preventDefault();for(const z of K){const F=await C(z);F&&R(F)}return}const B=o.clipboardData.getData("text"),te=(B.match(/\n/g)||[]).length+1;if(te>5){o.preventDefault();const F=`[Pasted text #${E(B)} +${te} lines]`,_=o.target,se=_.selectionStart||0,ae=_.selectionEnd||0,ne=s.slice(0,se)+F+s.slice(ae);a(ne),c||p(!0)}},[s,a,c,p,C,R,E]),x=t.useCallback(async o=>{const L=o.target.files;if(L){for(const K of L){const B=await C(K);B&&R(B)}D.current&&(D.current.value="")}},[C,R]),b=t.useCallback(o=>{if(o.key==="Enter"&&o.shiftKey){c||(o.preventDefault(),p(!0));return}o.key==="Enter"&&(o.preventDefault(),d())},[c,p,d]),P=t.useCallback(o=>{},[]),W=t.useCallback(o=>{o.button===1&&(o.preventDefault(),o.stopPropagation())},[]),Y=t.useCallback(o=>{i.current=o,u==null||u(o)},[u]),V=v?"agent-panel-input":"guake-input",G=v?"agent-panel-input-container":"guake-input-container",X=v?"agent-panel-attach-btn":"guake-attach-btn",U=v?"agent-panel-send-btn":"",w=c?v?"agent-panel-input-expanded":"guake-input-expanded":"";return e.jsxs(e.Fragment,{children:[A.length>0&&e.jsx("div",{className:v?"agent-panel-attachments":"guake-attachments",children:A.map(o=>e.jsxs("div",{className:`${v?"agent-panel-attachment":"guake-attachment"} ${o.isImage?"is-image":""}`,children:[e.jsx("span",{className:v?"agent-panel-attachment-icon":"guake-attachment-icon",children:e.jsx(O,{name:o.isImage?"file":"paperclip",size:12})}),e.jsx("span",{className:v?"agent-panel-attachment-name":"guake-attachment-name",title:o.path,children:o.name}),!v&&e.jsxs("span",{className:"guake-attachment-size",children:["(",Math.round(o.size/1024),"KB)"]}),e.jsx("button",{className:v?"agent-panel-attachment-remove":"guake-attachment-remove",onClick:()=>N(o.id),title:"Remove",children:"×"})]},o.id))}),e.jsxs("div",{className:`${V} ${w} ${h}`,children:[e.jsx("input",{ref:D,type:"file",multiple:!0,onChange:x,style:{display:"none"},accept:"*"}),e.jsxs("div",{className:G,onAuxClick:W,children:[e.jsx("button",{className:X,onClick:()=>{var o;return(o=D.current)==null?void 0:o.click()},title:"Attach file (or paste image)",children:e.jsx(O,{name:"paperclip",size:14})}),c?e.jsx("textarea",{ref:Y,placeholder:j,value:s,onChange:o=>a(o.target.value),onKeyDown:b,onPaste:$,onMouseDown:P}):e.jsx("input",{ref:u,type:"text",placeholder:j,value:s,onChange:o=>a(o.target.value),onKeyDown:b,onPaste:$,onMouseDown:P}),e.jsx("button",{className:U,onClick:d,disabled:!M,title:"Send",children:e.jsx(O,{name:"send",size:14})})]})]})]})}function mt(s){const a=Math.floor(s/1e3),c=Math.floor(a/60),f=a%60;return`${c}:${f.toString().padStart(2,"0")}`}const ft=t.memo(function({agentId:a,isWorking:c,timestamp:f}){const{t:p}=fe(["terminal"]),[d,M]=t.useState(0);return t.useEffect(()=>{if(!c||!f){M(0);return}M(Date.now()-f);const A=setInterval(()=>{M(Date.now()-f)},1e3);return()=>clearInterval(A)},[c,f]),c?e.jsxs("div",{className:"guake-stop-bar",children:[e.jsx("span",{className:"guake-elapsed-timer",children:mt(d)}),e.jsxs("button",{className:"guake-stop-btn",onClick:()=>I.stopAgent(a),title:p("terminal:input.stopOperation"),children:[e.jsx("span",{className:"stop-icon",children:e.jsx(O,{name:"stop",size:12,weight:"fill"})}),e.jsx("span",{className:"stop-label",children:p("terminal:input.stop")})]})]}):null});function pt({agent:s,history:a,outputs:c,isExpanded:f,isFocused:p,advancedView:d,onExpand:M,onFocus:A,inputRef:R,onLoadMore:N,onClearHistory:C}){const{t:E}=fe(["terminal","common"]),j=ze(s.id),h=t.useRef(null),[v,u]=t.useState(!1),D=t.useRef(0),i=t.useRef(!1),[k,$]=t.useState(!0),[x,b]=t.useState(!1),[P,W]=t.useState(null),[Y,V]=t.useState(null),[G,X]=t.useState(null);Te(`commander-image-modal-${s.id}`,P!==null,()=>W(null));const{command:U,setCommand:w,forceTextarea:o,setForceTextarea:L,useTextarea:K,setPastedTexts:B,incrementPastedCount:te,resetPastedCount:z,attachedFiles:F,setAttachedFiles:_,removeAttachedFile:se,uploadFile:ae,expandPastedTexts:ne}=Be({selectedAgentId:s.id}),ce=U.trim().length>0||F.length>0,n=Ue({outputs:c,viewMode:d?"advanced":"simple"}),l=t.useMemo(()=>{const S=Ke(s);return{usedPercent:S.usedPercent,freePercent:S.freePercent,hasData:!!s.contextStats,totalTokens:S.totalTokens,contextWindow:S.contextWindow}},[s.contextStats,s.contextUsed,s.contextLimit]),g=t.useCallback(()=>{!v&&(a!=null&&a.hasMore)&&N&&(u(!0),D.current=h.current?h.current.scrollHeight-h.current.scrollTop:0,N())},[v,a==null?void 0:a.hasMore,N]);t.useEffect(()=>{v&&a&&!a.loading&&u(!1)},[a,v]);const m=t.useCallback(()=>{i.current=!0,$(!1)},[]),T=t.useRef(f),Q=t.useRef(p);t.useEffect(()=>{(f&&!T.current||p&&!Q.current)&&(i.current=!1,$(!0),b(!0)),T.current=f,Q.current=p},[f,p]);const ee=t.useRef(a==null?void 0:a.loading);t.useEffect(()=>{ee.current&&!(a!=null&&a.loading)&&(i.current=!1,$(!0),b(!0)),ee.current=a==null?void 0:a.loading},[a==null?void 0:a.loading]),t.useEffect(()=>{if(!x)return;const S=h.current;if(!S)return;const y=performance.now();let H=0,ue=-1,be;const Re=()=>{const{scrollTop:Fe,scrollHeight:Ne,clientHeight:Le}=S,_e=Ne-Fe-Le<=2;if(Math.abs(Ne-ue)<=1&&_e?H+=1:H=0,ue=Ne,H>=3){b(!1);return}if(performance.now()-y>5e3){b(!1);return}be=requestAnimationFrame(Re)};return be=requestAnimationFrame(Re),()=>cancelAnimationFrame(be)},[x]),t.useEffect(()=>{i.current||$(!0)},[n.length]);const q=t.useCallback(()=>!1,[]),ie=t.useCallback(S=>{const y=te();return B(H=>new Map(H).set(y,S)),y},[te,B]),he=t.useCallback(S=>{_(y=>[...y,S])},[_]),xe=t.useCallback(()=>{if(!ce)return;if(U.trim()==="/clear"&&F.length===0){I.clearContext(s.id),C(),w(""),L(!1),B(new Map),_([]),z();return}let S=ne(U.trim());if(F.length>0){const y=F.map(H=>H.isImage?`[Image: ${H.path}]`:`[File: ${H.path}]`).join(`
|
|
3
3
|
`);S=S?`${S}
|
|
4
4
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/web-
|
|
2
|
-
import{d4 as e,c9 as o}from"./main-
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/web-BCXtfjWo.js","assets/main-BbNRp516.js","assets/vendor-react--Eh9ivFN.js","assets/vendor-three-Chj50gSY.js","assets/main-BZcOdtO_.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{d4 as e,c9 as o}from"./main-BbNRp516.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";var i;(function(r){r.Heavy="HEAVY",r.Medium="MEDIUM",r.Light="LIGHT"})(i||(i={}));var t;(function(r){r.Success="SUCCESS",r.Warning="WARNING",r.Error="ERROR"})(t||(t={}));const c=e("Haptics",{web:()=>o(()=>import("./web-BCXtfjWo.js"),__vite__mapDeps([0,1,2,3,4])).then(r=>new r.HapticsWeb)});export{c as Haptics,i as ImpactStyle,t as NotificationType};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{aq as ts,u as rs,aU as _s,aV as vs,aW as Is,j as s,I as U,a9 as $s,aX as Es,aY as Ds,aZ as Ms,a_ as Ls,r as o,ag as Xs,aC as Ss,m as Ps,a5 as Ys,Y as Rs,a$ as Gs,b0 as Us,b1 as Fs,b2 as Zs,b3 as Hs,s as M,b4 as Ws,t as G}from"./main-DM6oMRZH.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const bs=ts.memo(({agent:a,isSelected:z,isKeyboardFocused:F=!1,onSelect:L,onDoubleClick:r,onChat:g,onFocus:h,onKill:w,onDragStart:X})=>{const{t:x}=rs(["dashboard","common"]),S=_s().has(a.id),N=vs(a.status),Z=Is(a),j=Ls(Z),I=a.taskLabel?s.jsxs(s.Fragment,{children:[s.jsx(U,{name:"task",size:12})," ",a.taskLabel]}):a.currentTask||a.lastAssignedTask,m=a.status==="idle"&&a.lastActivity>0,[,H]=ts.useState(0);return ts.useEffect(()=>{if(!m)return;const b=window.setInterval(()=>H(q=>q+1),15e3);return()=>window.clearInterval(b)},[m]),s.jsxs("div",{className:`dash-card dash-card--${N} ${z?"dash-card--selected":""} ${F?"dash-card--keyboard-focused":""}`,"data-agent-id":a.id,onClick:()=>L(a.id),onDoubleClick:b=>{b.stopPropagation(),r(a.id)},onDragStart:b=>{X==null||X(a),b.dataTransfer.effectAllowed="move"},draggable:!0,title:x("cards.doubleClickHint"),children:[s.jsxs("div",{className:"dash-card__row1",children:[s.jsx("span",{className:`dash-card__status-dot dash-card__status-dot--${N}`}),s.jsx("span",{className:"dash-card__name",children:a.name}),s.jsxs("span",{className:"dash-card__class",children:[s.jsx($s,{agent:a,size:14})," ",a.class]}),s.jsxs("span",{className:`dash-card__provider dash-card__provider--${a.provider}`,children:[s.jsx(U,{name:a.provider==="codex"||a.provider==="opencode"||a.provider==="grok"?"status-pending":"robot",size:11,weight:a.provider==="codex"||a.provider==="opencode"||a.provider==="grok"?"fill":"regular",color:a.provider==="codex"?"#a16207":a.provider==="opencode"?"#4ade80":a.provider==="grok"?"#6366f1":void 0})," ",a.provider]}),S&&s.jsx("span",{className:"dash-card__unseen-badge",title:"New output available - click to view",children:"!"})]}),s.jsxs("div",{className:"dash-card__row2",children:[s.jsx("span",{className:`dash-card__status dash-card__status--${N}`,children:S?"Unseen":a.status}),s.jsxs("div",{className:"dash-card__context",children:[s.jsx("div",{className:"dash-card__context-bar",children:s.jsx("div",{className:`dash-card__context-fill dash-card__context-fill--${j}`,style:{width:`${Z}%`}})}),s.jsxs("span",{className:`dash-card__context-pct dash-card__context-pct--${j}`,children:[Z,"%"]})]})]}),s.jsxs("div",{className:"dash-card__row3",children:[s.jsxs("span",{className:"dash-card__workdir",title:a.cwd,children:[s.jsx(U,{name:"folder",size:11})," ",a.cwd.split("/").pop()||a.cwd]}),m&&s.jsxs("span",{className:"dash-card__idle-time",style:{color:Ms(a.lastActivity)},title:Ds(a.lastActivity),children:[s.jsx(U,{name:"status-waiting-input",size:10})," ",Es(a.lastActivity)]})]}),I&&s.jsx("div",{className:"dash-card__row4",children:s.jsx("span",{className:"dash-card__task",children:I})}),s.jsxs("div",{className:"dash-card__actions",children:[g&&s.jsx("button",{className:"dash-card__action-btn dash-card__action-btn--chat",onClick:b=>{b.stopPropagation(),g(a.id)},title:x("cards.openTerminal"),children:x("cards.chat")}),w&&s.jsx("button",{className:"dash-card__action-btn dash-card__action-btn--danger",onClick:b=>{b.stopPropagation(),w(a.id)},title:x("cards.killAgent"),children:x("cards.stop")})]})]})});bs.displayName="AgentCard";const fs=({buildings:a,onSelectBuilding:z})=>{const{t:F}=rs(["dashboard"]),L=o.useMemo(()=>Array.from(a.values()).sort((r,g)=>r.name.localeCompare(g.name)),[a]);return s.jsxs("div",{className:"dashboard-view__buildings",children:[s.jsxs("div",{className:"dashboard-view__buildings-header",children:[s.jsx("span",{className:"dashboard-view__buildings-title",children:F("buildings.title")}),s.jsx("span",{className:"dashboard-view__buildings-count",children:L.length})]}),s.jsx("div",{className:"dashboard-view__buildings-row",children:L.map(r=>{const g=vs(r.status),h=Xs(r.type);return s.jsxs("button",{className:`dash-pill dash-pill--${g}`,onClick:()=>z==null?void 0:z(r.id),title:`${r.name} (${r.type}) - ${r.status}`,children:[s.jsx("span",{className:"dash-pill__icon",children:s.jsx(U,{name:h,size:14})}),s.jsx("span",{className:"dash-pill__name",children:r.name}),s.jsx("span",{className:`dash-pill__dot dash-pill__dot--${g}`})]},r.id)})})]})};fs.displayName="BuildingPills";function qs({onSelectAgent:a,onFocusAgent:z,onKillAgent:F,onSelectBuilding:L,onOpenTerminal:r,onFocusZone:g}){const{t:h}=rs(["dashboard","common"]),w=Ss(),X=Ps(),x=Ys(),ns=Rs(),S=_s(),[N,Z]=o.useState(""),[j,I]=o.useState("all"),[m,H]=o.useState("zone"),[b,q]=o.useState(new Set),[k,J]=o.useState(null),[ws,B]=o.useState(null),[P,Q]=o.useState(!1),[p,W]=o.useState(null),K=o.useMemo(()=>{const e=Array.from(w.values());return{total:e.length,working:e.filter(d=>d.status==="working"||d.status==="waiting"||d.status==="waiting_permission").length,idle:e.filter(d=>d.status==="idle").length,error:e.filter(d=>d.status==="error"||d.status==="offline"||d.status==="orphaned").length}},[w]),is=o.useMemo(()=>m==="zone"?Gs(w,x):m==="status"?Us(w,S):Fs(w),[w,x,m,S]),T=o.useMemo(()=>{const e=N.toLowerCase().trim(),d=is.map(l=>({...l,agents:l.agents.filter(_=>{if(j==="working"){if(_.status!=="working"&&_.status!=="waiting"&&_.status!=="waiting_permission")return!1}else if(j==="error"&&_.status!=="error"&&_.status!=="offline"&&_.status!=="orphaned")return!1;return!(e&&!_.name.toLowerCase().includes(e)&&!_.class.toLowerCase().includes(e))})}));return m==="zone"?d:d.filter(l=>l.agents.length>0)},[is,j,N,m]),O=o.useCallback(e=>e.area?`area:${e.area.id}`:`${m}:${e.label}`,[m]),ss=o.useMemo(()=>T.map(e=>({...e,sortedAgents:m==="status"?Zs(e.agents,{prioritizeRecentlyIdle:!0}):Hs(e.agents)})),[T,m]),C=o.useMemo(()=>{const e=[];return ss.forEach(d=>{const l=O(d);b.has(l)||e.push(...d.sortedAgents)}),e},[ss,b,O]),ps=o.useCallback(e=>{q(d=>{const l=new Set(d);return l.has(e)?l.delete(e):l.add(e),l})},[]),gs=o.useCallback(e=>{r==null||r(e)},[r]),xs=o.useCallback(e=>{a==null||a(e),Q(!0),W(e)},[a]),js=o.useCallback(e=>{r==null||r(e)},[r]),Ns=o.useCallback(e=>{J(e)},[]),ks=o.useCallback((e,d)=>{e.preventDefault(),e.dataTransfer.dropEffect="move",B(d)},[]),Cs=o.useCallback(()=>{B(null)},[]),ys=o.useCallback(e=>{if(!k)return;if(e===null){const $=M.getState(),t=Array.from($.areas.values()).find(n=>n.assignedAgentIds.includes(k.id));t&&M.unassignAgentFromArea(k.id,t.id),J(null),B(null);return}const d=x.get(e);if(!d)return;const l=Array.from(w.values()),_=Ws(d,l,k.position);M.updateAgent({...k,position:{...k.position,x:_.x,z:_.z}}),M.assignAgentToArea(k.id,e),J(null),B(null)},[k,x,w]);return o.useEffect(()=>{if(C.length===0){Q(!1),W(null);return}P&&(!p||!C.some(e=>e.id===p))&&(W(C[0].id),a==null||a(C[0].id))},[C,P,p,a]),o.useEffect(()=>{const e=t=>t instanceof HTMLElement?t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.tagName==="SELECT"||t.isContentEditable:!1,d=t=>t instanceof HTMLElement?!!t.closest(".guake-terminal")||t.classList.contains("guake-input")||t.classList.contains("agent-panel-input"):!1,l=t=>{const n=Array.from(document.querySelectorAll(".dash-card[data-agent-id]")).find(A=>A.dataset.agentId===t);n==null||n.scrollIntoView({block:"nearest",inline:"nearest"})},_=(t,n)=>{var os,cs,ls,us,hs,ms;const A=Array.from(document.querySelectorAll(".dash-card[data-agent-id]")).map(i=>{const u=i.dataset.agentId;if(!u)return null;const y=i.getBoundingClientRect();return{id:u,centerX:y.left+y.width/2,centerY:y.top+y.height/2,height:y.height}}).filter(i=>i!==null).sort((i,u)=>i.centerY-u.centerY||i.centerX-u.centerX);if(A.length===0)return t;const es=A.reduce((i,u)=>i+u.height,0)/A.length,as=Math.max(18,es*.6),f=[];for(const i of A){const u=f[f.length-1];if(!u){f.push([{id:i.id,centerX:i.centerX,centerY:i.centerY}]);continue}const y=u.reduce((As,zs)=>As+zs.centerY,0)/u.length;Math.abs(i.centerY-y)<=as?u.push({id:i.id,centerX:i.centerX,centerY:i.centerY}):f.push([{id:i.id,centerX:i.centerX,centerY:i.centerY}])}f.forEach(i=>i.sort((u,y)=>u.centerX-y.centerX));const Y=f.findIndex(i=>i.some(u=>u.id===t));if(Y===-1)return((cs=(os=f[0])==null?void 0:os[0])==null?void 0:cs.id)??t;const E=f[Y],v=E.findIndex(i=>i.id===t);if(v===-1)return((us=(ls=f[0])==null?void 0:ls[0])==null?void 0:us.id)??t;if(n==="left")return((hs=E[Math.max(0,v-1)])==null?void 0:hs.id)??t;if(n==="right")return((ms=E[Math.min(E.length-1,v+1)])==null?void 0:ms.id)??t;const V=n==="up"?Math.max(0,Y-1):Math.min(f.length-1,Y+1),c=f[V],R=E[v].centerX;let D=c[0],ds=Math.abs(D.centerX-R);for(const i of c){const u=Math.abs(i.centerX-R);u<ds&&(D=i,ds=u)}return(D==null?void 0:D.id)??t},$=t=>{const n=M.getShortcuts(),A=n.find(c=>c.id==="dashboard-selector-toggle"),es=n.find(c=>c.id==="dashboard-vim-left"),as=n.find(c=>c.id==="dashboard-vim-down"),f=n.find(c=>c.id==="dashboard-vim-up"),Y=n.find(c=>c.id==="dashboard-vim-right"),E=n.find(c=>c.id==="open-terminal"),v=M.getState();if(e(t.target))if(!v.terminalOpen&&d(t.target)&&document.activeElement instanceof HTMLElement)document.activeElement.blur();else return;if(G(t,A)){if(C.length===0)return;t.preventDefault(),t.stopPropagation(),Q(!0),W(c=>{const R=c&&C.some(D=>D.id===c)?c:C[0].id;return a==null||a(R),window.setTimeout(()=>l(R),0),R});return}const V=G(t,es)||t.key==="ArrowLeft"?"left":G(t,as)||t.key==="ArrowDown"?"down":G(t,f)||t.key==="ArrowUp"?"up":G(t,Y)||t.key==="ArrowRight"?"right":null;if(V&&P&&p){t.preventDefault(),t.stopPropagation();const c=_(p,V);c!==p&&(W(c),a==null||a(c),window.setTimeout(()=>l(c),0));return}if(G(t,E)){if(v.terminalOpen)return;if(P&&p&&v.agents.has(p)){t.preventDefault(),r==null||r(p);return}if(v.selectedAgentIds.size===1){t.preventDefault();const c=Array.from(v.selectedAgentIds)[0];r==null||r(c);return}if(v.lastSelectedAgentId&&v.agents.has(v.lastSelectedAgentId)){t.preventDefault(),r==null||r(v.lastSelectedAgentId);return}}};return document.addEventListener("keydown",$,!0),()=>document.removeEventListener("keydown",$,!0)},[C,P,p,r,a]),o.useEffect(()=>{const e=document.activeElement;e instanceof HTMLElement&&e.closest(".guake-terminal")&&!M.getState().terminalOpen&&e.blur()},[]),s.jsxs("div",{className:"dashboard-view",children:[s.jsxs("div",{className:"dashboard-view__topbar",children:[s.jsxs("div",{className:"dashboard-view__metrics",children:[s.jsxs("button",{className:`dashboard-view__metric-btn ${j==="all"?"dashboard-view__metric-btn--active":""}`,onClick:()=>I("all"),children:[s.jsx("span",{className:"dashboard-view__metric-value",children:K.total}),s.jsx("span",{className:"dashboard-view__metric-label",children:h("common:labels.agents")})]}),s.jsxs("button",{className:`dashboard-view__metric-btn dashboard-view__metric-btn--working ${j==="working"?"dashboard-view__metric-btn--active":""}`,onClick:()=>I("working"),children:[s.jsx("span",{className:"dashboard-view__metric-value",children:K.working}),s.jsx("span",{className:"dashboard-view__metric-label",children:h("common:status.working")})]}),s.jsxs("button",{className:"dashboard-view__metric-btn dashboard-view__metric-btn--idle ",onClick:()=>I("all"),children:[s.jsx("span",{className:"dashboard-view__metric-value",children:K.idle}),s.jsx("span",{className:"dashboard-view__metric-label",children:h("common:status.idle")})]}),s.jsxs("button",{className:`dashboard-view__metric-btn dashboard-view__metric-btn--error ${j==="error"?"dashboard-view__metric-btn--active":""}`,onClick:()=>I("error"),children:[s.jsx("span",{className:"dashboard-view__metric-value",children:K.error}),s.jsx("span",{className:"dashboard-view__metric-label",children:h("common:status.error")})]})]}),s.jsx("input",{className:"dashboard-view__search",type:"text",placeholder:h("searchPlaceholder"),value:N,onChange:e=>Z(e.target.value)})]}),s.jsxs("div",{className:"dashboard-view__grouping",children:[s.jsx("button",{className:`dashboard-view__grouping-btn ${m==="zone"?"dashboard-view__grouping-btn--active":""}`,onClick:()=>H("zone"),children:h("grouping.byZone")}),s.jsx("button",{className:`dashboard-view__grouping-btn ${m==="status"?"dashboard-view__grouping-btn--active":""}`,onClick:()=>H("status"),children:h("grouping.byStatus")}),s.jsx("button",{className:`dashboard-view__grouping-btn ${m==="activity"?"dashboard-view__grouping-btn--active":""}`,onClick:()=>H("activity"),children:h("grouping.byActivity")})]}),s.jsxs("div",{className:"dashboard-view__content",children:[ss.map(e=>{const d=O(e),l=b.has(d),_=e.sortedAgents,$=e.agents.filter(n=>n.status==="working"||n.status==="waiting"||n.status==="waiting_permission").length,t=e.agents.filter(n=>S.has(n.id)).length;return s.jsxs("div",{className:`dashboard-view__zone ${ws===(e.area?e.area.id:null)&&k?"dashboard-view__zone--drag-over":""}`,onDragOver:n=>ks(n,e.area?e.area.id:null),onDragLeave:Cs,onDrop:()=>ys(e.area?e.area.id:null),children:[s.jsxs("div",{className:"dashboard-view__zone-header",onClick:()=>ps(d),children:[s.jsxs("div",{className:"dashboard-view__zone-left",children:[s.jsx("span",{className:`dashboard-view__zone-chevron ${l?"dashboard-view__zone-chevron--collapsed":""}`,children:s.jsx(U,{name:"caret-down",size:12})}),s.jsx("span",{className:"dashboard-view__zone-dot",style:{backgroundColor:e.color}}),s.jsx("span",{className:"dashboard-view__zone-name",children:e.label}),s.jsxs("span",{className:"dashboard-view__zone-count",children:[h("agentCount",{count:e.agents.length}),$>0&&s.jsxs("span",{className:"dashboard-view__zone-working",children:[" · ",$," ",h("working")]}),t>0&&s.jsxs("span",{className:"dashboard-view__zone-unseen",children:[" · ",t," Unseen"]})]})]}),e.area&&g&&s.jsx("button",{className:"dashboard-view__zone-focus",onClick:n=>{n.stopPropagation(),g(e.area.id)},title:h("focusZone"),children:h("focusZone")})]}),!l&&s.jsx("div",{className:"dashboard-view__zone-grid",children:_.map(n=>s.jsx(bs,{agent:n,isSelected:ns.has(n.id),isKeyboardFocused:P&&p===n.id,onSelect:xs,onDoubleClick:gs,onChat:js,onFocus:z,onKill:F,onDragStart:Ns},n.id))})]},d)}),T.length===0&&s.jsx("div",{className:"dashboard-view__empty",children:N?h("noAgentsMatching",{search:N}):h("noAgentsSpawned")}),X.size>0&&s.jsx(fs,{buildings:X,onSelectBuilding:L})]})]})}export{qs as DashboardView};
|
|
1
|
+
import{aq as ts,u as rs,aU as _s,aV as vs,aW as Is,j as s,I as U,a9 as $s,aX as Es,aY as Ds,aZ as Ms,a_ as Ls,r as o,ag as Xs,aC as Ss,m as Ps,a5 as Ys,Y as Rs,a$ as Gs,b0 as Us,b1 as Fs,b2 as Zs,b3 as Hs,s as M,b4 as Ws,t as G}from"./main-BbNRp516.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const bs=ts.memo(({agent:a,isSelected:z,isKeyboardFocused:F=!1,onSelect:L,onDoubleClick:r,onChat:g,onFocus:h,onKill:w,onDragStart:X})=>{const{t:x}=rs(["dashboard","common"]),S=_s().has(a.id),N=vs(a.status),Z=Is(a),j=Ls(Z),I=a.taskLabel?s.jsxs(s.Fragment,{children:[s.jsx(U,{name:"task",size:12})," ",a.taskLabel]}):a.currentTask||a.lastAssignedTask,m=a.status==="idle"&&a.lastActivity>0,[,H]=ts.useState(0);return ts.useEffect(()=>{if(!m)return;const b=window.setInterval(()=>H(q=>q+1),15e3);return()=>window.clearInterval(b)},[m]),s.jsxs("div",{className:`dash-card dash-card--${N} ${z?"dash-card--selected":""} ${F?"dash-card--keyboard-focused":""}`,"data-agent-id":a.id,onClick:()=>L(a.id),onDoubleClick:b=>{b.stopPropagation(),r(a.id)},onDragStart:b=>{X==null||X(a),b.dataTransfer.effectAllowed="move"},draggable:!0,title:x("cards.doubleClickHint"),children:[s.jsxs("div",{className:"dash-card__row1",children:[s.jsx("span",{className:`dash-card__status-dot dash-card__status-dot--${N}`}),s.jsx("span",{className:"dash-card__name",children:a.name}),s.jsxs("span",{className:"dash-card__class",children:[s.jsx($s,{agent:a,size:14})," ",a.class]}),s.jsxs("span",{className:`dash-card__provider dash-card__provider--${a.provider}`,children:[s.jsx(U,{name:a.provider==="codex"||a.provider==="opencode"||a.provider==="grok"?"status-pending":"robot",size:11,weight:a.provider==="codex"||a.provider==="opencode"||a.provider==="grok"?"fill":"regular",color:a.provider==="codex"?"#a16207":a.provider==="opencode"?"#4ade80":a.provider==="grok"?"#6366f1":void 0})," ",a.provider]}),S&&s.jsx("span",{className:"dash-card__unseen-badge",title:"New output available - click to view",children:"!"})]}),s.jsxs("div",{className:"dash-card__row2",children:[s.jsx("span",{className:`dash-card__status dash-card__status--${N}`,children:S?"Unseen":a.status}),s.jsxs("div",{className:"dash-card__context",children:[s.jsx("div",{className:"dash-card__context-bar",children:s.jsx("div",{className:`dash-card__context-fill dash-card__context-fill--${j}`,style:{width:`${Z}%`}})}),s.jsxs("span",{className:`dash-card__context-pct dash-card__context-pct--${j}`,children:[Z,"%"]})]})]}),s.jsxs("div",{className:"dash-card__row3",children:[s.jsxs("span",{className:"dash-card__workdir",title:a.cwd,children:[s.jsx(U,{name:"folder",size:11})," ",a.cwd.split("/").pop()||a.cwd]}),m&&s.jsxs("span",{className:"dash-card__idle-time",style:{color:Ms(a.lastActivity)},title:Ds(a.lastActivity),children:[s.jsx(U,{name:"status-waiting-input",size:10})," ",Es(a.lastActivity)]})]}),I&&s.jsx("div",{className:"dash-card__row4",children:s.jsx("span",{className:"dash-card__task",children:I})}),s.jsxs("div",{className:"dash-card__actions",children:[g&&s.jsx("button",{className:"dash-card__action-btn dash-card__action-btn--chat",onClick:b=>{b.stopPropagation(),g(a.id)},title:x("cards.openTerminal"),children:x("cards.chat")}),w&&s.jsx("button",{className:"dash-card__action-btn dash-card__action-btn--danger",onClick:b=>{b.stopPropagation(),w(a.id)},title:x("cards.killAgent"),children:x("cards.stop")})]})]})});bs.displayName="AgentCard";const fs=({buildings:a,onSelectBuilding:z})=>{const{t:F}=rs(["dashboard"]),L=o.useMemo(()=>Array.from(a.values()).sort((r,g)=>r.name.localeCompare(g.name)),[a]);return s.jsxs("div",{className:"dashboard-view__buildings",children:[s.jsxs("div",{className:"dashboard-view__buildings-header",children:[s.jsx("span",{className:"dashboard-view__buildings-title",children:F("buildings.title")}),s.jsx("span",{className:"dashboard-view__buildings-count",children:L.length})]}),s.jsx("div",{className:"dashboard-view__buildings-row",children:L.map(r=>{const g=vs(r.status),h=Xs(r.type);return s.jsxs("button",{className:`dash-pill dash-pill--${g}`,onClick:()=>z==null?void 0:z(r.id),title:`${r.name} (${r.type}) - ${r.status}`,children:[s.jsx("span",{className:"dash-pill__icon",children:s.jsx(U,{name:h,size:14})}),s.jsx("span",{className:"dash-pill__name",children:r.name}),s.jsx("span",{className:`dash-pill__dot dash-pill__dot--${g}`})]},r.id)})})]})};fs.displayName="BuildingPills";function qs({onSelectAgent:a,onFocusAgent:z,onKillAgent:F,onSelectBuilding:L,onOpenTerminal:r,onFocusZone:g}){const{t:h}=rs(["dashboard","common"]),w=Ss(),X=Ps(),x=Ys(),ns=Rs(),S=_s(),[N,Z]=o.useState(""),[j,I]=o.useState("all"),[m,H]=o.useState("zone"),[b,q]=o.useState(new Set),[k,J]=o.useState(null),[ws,B]=o.useState(null),[P,Q]=o.useState(!1),[p,W]=o.useState(null),K=o.useMemo(()=>{const e=Array.from(w.values());return{total:e.length,working:e.filter(d=>d.status==="working"||d.status==="waiting"||d.status==="waiting_permission").length,idle:e.filter(d=>d.status==="idle").length,error:e.filter(d=>d.status==="error"||d.status==="offline"||d.status==="orphaned").length}},[w]),is=o.useMemo(()=>m==="zone"?Gs(w,x):m==="status"?Us(w,S):Fs(w),[w,x,m,S]),T=o.useMemo(()=>{const e=N.toLowerCase().trim(),d=is.map(l=>({...l,agents:l.agents.filter(_=>{if(j==="working"){if(_.status!=="working"&&_.status!=="waiting"&&_.status!=="waiting_permission")return!1}else if(j==="error"&&_.status!=="error"&&_.status!=="offline"&&_.status!=="orphaned")return!1;return!(e&&!_.name.toLowerCase().includes(e)&&!_.class.toLowerCase().includes(e))})}));return m==="zone"?d:d.filter(l=>l.agents.length>0)},[is,j,N,m]),O=o.useCallback(e=>e.area?`area:${e.area.id}`:`${m}:${e.label}`,[m]),ss=o.useMemo(()=>T.map(e=>({...e,sortedAgents:m==="status"?Zs(e.agents,{prioritizeRecentlyIdle:!0}):Hs(e.agents)})),[T,m]),C=o.useMemo(()=>{const e=[];return ss.forEach(d=>{const l=O(d);b.has(l)||e.push(...d.sortedAgents)}),e},[ss,b,O]),ps=o.useCallback(e=>{q(d=>{const l=new Set(d);return l.has(e)?l.delete(e):l.add(e),l})},[]),gs=o.useCallback(e=>{r==null||r(e)},[r]),xs=o.useCallback(e=>{a==null||a(e),Q(!0),W(e)},[a]),js=o.useCallback(e=>{r==null||r(e)},[r]),Ns=o.useCallback(e=>{J(e)},[]),ks=o.useCallback((e,d)=>{e.preventDefault(),e.dataTransfer.dropEffect="move",B(d)},[]),Cs=o.useCallback(()=>{B(null)},[]),ys=o.useCallback(e=>{if(!k)return;if(e===null){const $=M.getState(),t=Array.from($.areas.values()).find(n=>n.assignedAgentIds.includes(k.id));t&&M.unassignAgentFromArea(k.id,t.id),J(null),B(null);return}const d=x.get(e);if(!d)return;const l=Array.from(w.values()),_=Ws(d,l,k.position);M.updateAgent({...k,position:{...k.position,x:_.x,z:_.z}}),M.assignAgentToArea(k.id,e),J(null),B(null)},[k,x,w]);return o.useEffect(()=>{if(C.length===0){Q(!1),W(null);return}P&&(!p||!C.some(e=>e.id===p))&&(W(C[0].id),a==null||a(C[0].id))},[C,P,p,a]),o.useEffect(()=>{const e=t=>t instanceof HTMLElement?t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.tagName==="SELECT"||t.isContentEditable:!1,d=t=>t instanceof HTMLElement?!!t.closest(".guake-terminal")||t.classList.contains("guake-input")||t.classList.contains("agent-panel-input"):!1,l=t=>{const n=Array.from(document.querySelectorAll(".dash-card[data-agent-id]")).find(A=>A.dataset.agentId===t);n==null||n.scrollIntoView({block:"nearest",inline:"nearest"})},_=(t,n)=>{var os,cs,ls,us,hs,ms;const A=Array.from(document.querySelectorAll(".dash-card[data-agent-id]")).map(i=>{const u=i.dataset.agentId;if(!u)return null;const y=i.getBoundingClientRect();return{id:u,centerX:y.left+y.width/2,centerY:y.top+y.height/2,height:y.height}}).filter(i=>i!==null).sort((i,u)=>i.centerY-u.centerY||i.centerX-u.centerX);if(A.length===0)return t;const es=A.reduce((i,u)=>i+u.height,0)/A.length,as=Math.max(18,es*.6),f=[];for(const i of A){const u=f[f.length-1];if(!u){f.push([{id:i.id,centerX:i.centerX,centerY:i.centerY}]);continue}const y=u.reduce((As,zs)=>As+zs.centerY,0)/u.length;Math.abs(i.centerY-y)<=as?u.push({id:i.id,centerX:i.centerX,centerY:i.centerY}):f.push([{id:i.id,centerX:i.centerX,centerY:i.centerY}])}f.forEach(i=>i.sort((u,y)=>u.centerX-y.centerX));const Y=f.findIndex(i=>i.some(u=>u.id===t));if(Y===-1)return((cs=(os=f[0])==null?void 0:os[0])==null?void 0:cs.id)??t;const E=f[Y],v=E.findIndex(i=>i.id===t);if(v===-1)return((us=(ls=f[0])==null?void 0:ls[0])==null?void 0:us.id)??t;if(n==="left")return((hs=E[Math.max(0,v-1)])==null?void 0:hs.id)??t;if(n==="right")return((ms=E[Math.min(E.length-1,v+1)])==null?void 0:ms.id)??t;const V=n==="up"?Math.max(0,Y-1):Math.min(f.length-1,Y+1),c=f[V],R=E[v].centerX;let D=c[0],ds=Math.abs(D.centerX-R);for(const i of c){const u=Math.abs(i.centerX-R);u<ds&&(D=i,ds=u)}return(D==null?void 0:D.id)??t},$=t=>{const n=M.getShortcuts(),A=n.find(c=>c.id==="dashboard-selector-toggle"),es=n.find(c=>c.id==="dashboard-vim-left"),as=n.find(c=>c.id==="dashboard-vim-down"),f=n.find(c=>c.id==="dashboard-vim-up"),Y=n.find(c=>c.id==="dashboard-vim-right"),E=n.find(c=>c.id==="open-terminal"),v=M.getState();if(e(t.target))if(!v.terminalOpen&&d(t.target)&&document.activeElement instanceof HTMLElement)document.activeElement.blur();else return;if(G(t,A)){if(C.length===0)return;t.preventDefault(),t.stopPropagation(),Q(!0),W(c=>{const R=c&&C.some(D=>D.id===c)?c:C[0].id;return a==null||a(R),window.setTimeout(()=>l(R),0),R});return}const V=G(t,es)||t.key==="ArrowLeft"?"left":G(t,as)||t.key==="ArrowDown"?"down":G(t,f)||t.key==="ArrowUp"?"up":G(t,Y)||t.key==="ArrowRight"?"right":null;if(V&&P&&p){t.preventDefault(),t.stopPropagation();const c=_(p,V);c!==p&&(W(c),a==null||a(c),window.setTimeout(()=>l(c),0));return}if(G(t,E)){if(v.terminalOpen)return;if(P&&p&&v.agents.has(p)){t.preventDefault(),r==null||r(p);return}if(v.selectedAgentIds.size===1){t.preventDefault();const c=Array.from(v.selectedAgentIds)[0];r==null||r(c);return}if(v.lastSelectedAgentId&&v.agents.has(v.lastSelectedAgentId)){t.preventDefault(),r==null||r(v.lastSelectedAgentId);return}}};return document.addEventListener("keydown",$,!0),()=>document.removeEventListener("keydown",$,!0)},[C,P,p,r,a]),o.useEffect(()=>{const e=document.activeElement;e instanceof HTMLElement&&e.closest(".guake-terminal")&&!M.getState().terminalOpen&&e.blur()},[]),s.jsxs("div",{className:"dashboard-view",children:[s.jsxs("div",{className:"dashboard-view__topbar",children:[s.jsxs("div",{className:"dashboard-view__metrics",children:[s.jsxs("button",{className:`dashboard-view__metric-btn ${j==="all"?"dashboard-view__metric-btn--active":""}`,onClick:()=>I("all"),children:[s.jsx("span",{className:"dashboard-view__metric-value",children:K.total}),s.jsx("span",{className:"dashboard-view__metric-label",children:h("common:labels.agents")})]}),s.jsxs("button",{className:`dashboard-view__metric-btn dashboard-view__metric-btn--working ${j==="working"?"dashboard-view__metric-btn--active":""}`,onClick:()=>I("working"),children:[s.jsx("span",{className:"dashboard-view__metric-value",children:K.working}),s.jsx("span",{className:"dashboard-view__metric-label",children:h("common:status.working")})]}),s.jsxs("button",{className:"dashboard-view__metric-btn dashboard-view__metric-btn--idle ",onClick:()=>I("all"),children:[s.jsx("span",{className:"dashboard-view__metric-value",children:K.idle}),s.jsx("span",{className:"dashboard-view__metric-label",children:h("common:status.idle")})]}),s.jsxs("button",{className:`dashboard-view__metric-btn dashboard-view__metric-btn--error ${j==="error"?"dashboard-view__metric-btn--active":""}`,onClick:()=>I("error"),children:[s.jsx("span",{className:"dashboard-view__metric-value",children:K.error}),s.jsx("span",{className:"dashboard-view__metric-label",children:h("common:status.error")})]})]}),s.jsx("input",{className:"dashboard-view__search",type:"text",placeholder:h("searchPlaceholder"),value:N,onChange:e=>Z(e.target.value)})]}),s.jsxs("div",{className:"dashboard-view__grouping",children:[s.jsx("button",{className:`dashboard-view__grouping-btn ${m==="zone"?"dashboard-view__grouping-btn--active":""}`,onClick:()=>H("zone"),children:h("grouping.byZone")}),s.jsx("button",{className:`dashboard-view__grouping-btn ${m==="status"?"dashboard-view__grouping-btn--active":""}`,onClick:()=>H("status"),children:h("grouping.byStatus")}),s.jsx("button",{className:`dashboard-view__grouping-btn ${m==="activity"?"dashboard-view__grouping-btn--active":""}`,onClick:()=>H("activity"),children:h("grouping.byActivity")})]}),s.jsxs("div",{className:"dashboard-view__content",children:[ss.map(e=>{const d=O(e),l=b.has(d),_=e.sortedAgents,$=e.agents.filter(n=>n.status==="working"||n.status==="waiting"||n.status==="waiting_permission").length,t=e.agents.filter(n=>S.has(n.id)).length;return s.jsxs("div",{className:`dashboard-view__zone ${ws===(e.area?e.area.id:null)&&k?"dashboard-view__zone--drag-over":""}`,onDragOver:n=>ks(n,e.area?e.area.id:null),onDragLeave:Cs,onDrop:()=>ys(e.area?e.area.id:null),children:[s.jsxs("div",{className:"dashboard-view__zone-header",onClick:()=>ps(d),children:[s.jsxs("div",{className:"dashboard-view__zone-left",children:[s.jsx("span",{className:`dashboard-view__zone-chevron ${l?"dashboard-view__zone-chevron--collapsed":""}`,children:s.jsx(U,{name:"caret-down",size:12})}),s.jsx("span",{className:"dashboard-view__zone-dot",style:{backgroundColor:e.color}}),s.jsx("span",{className:"dashboard-view__zone-name",children:e.label}),s.jsxs("span",{className:"dashboard-view__zone-count",children:[h("agentCount",{count:e.agents.length}),$>0&&s.jsxs("span",{className:"dashboard-view__zone-working",children:[" · ",$," ",h("working")]}),t>0&&s.jsxs("span",{className:"dashboard-view__zone-unseen",children:[" · ",t," Unseen"]})]})]}),e.area&&g&&s.jsx("button",{className:"dashboard-view__zone-focus",onClick:n=>{n.stopPropagation(),g(e.area.id)},title:h("focusZone"),children:h("focusZone")})]}),!l&&s.jsx("div",{className:"dashboard-view__zone-grid",children:_.map(n=>s.jsx(bs,{agent:n,isSelected:ns.has(n.id),isKeyboardFocused:P&&p===n.id,onSelect:xs,onDoubleClick:gs,onChat:js,onFocus:z,onKill:F,onDragStart:Ns},n.id))})]},d)}),T.length===0&&s.jsx("div",{className:"dashboard-view__empty",children:N?h("noAgentsMatching",{search:N}):h("noAgentsSpawned")}),X.size>0&&s.jsx(fs,{buildings:X,onSelectBuilding:L})]})]})}export{qs as DashboardView};
|