tide-commander 1.87.0 → 1.89.0

package/dist/assets/index-fZfyvIUZ.js

@@ -0,0 +1,2 @@
+import{r as a,z as sn,B as St,u as Bt,E as ln,j as e,V as rn,G as on,H as cn,J as Mt,S as y,K as Tt,L as jt,M as Pt,N as ct,O as ie,P as dn,s as b,U as Ft,W as Wt,X as un,v as Lt,w as Rt,I as u,Y as pn,m as mn,Z as fn,_ as Ht,$ as Vt,a0 as hn,a1 as gn,a2 as xn,a3 as bn,a4 as _n,a5 as wn,a6 as vn,a7 as Cn,a8 as jn,a9 as Nn,aa as Dt,C as kn,ab as yn,ac as An,ad as In,ae as En,af as Sn,ag as Mn,ah as Tn,ai as Pn,aj as Ln,ak as Rn,al as Dn,am as zn,an as On,ao as $n,ap as Bn,aq as Fn}from"./main-D-YFCprA.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";function Wn(w){const o=a.useRef(w);o.current=w,a.useEffect(()=>{if(!sn())return;let v=null,I=!1;return St.addListener("backButton",()=>{o.current()==="exit"&&St.exitApp()}).then(E=>{I?E.remove():v=E}),()=>{I=!0,v&&(v.remove(),v=null)}},[])}const Hn=a.memo(function({className:o=""}){const{t:v}=Bt(["common"]),[I,E]=ln(),Y=a.useRef(null),[O,Te]=a.useState(null);a.useLayoutEffect(()=>{const g=Y.current;if(!g)return;const K=g.querySelector(".view-mode-toggle__btn--active");K&&Te({left:K.offsetLeft,width:K.offsetWidth})},[I]);const le=a.useCallback(g=>{if(g!==I){if(typeof window<"u"&&window.dispatchEvent(new CustomEvent("tide:viewmode-switch-pressed",{detail:{mode:g}})),g==="3d"){requestAnimationFrame(()=>E(g));return}E(g)}},[I,E]);return e.jsxs("div",{className:`view-mode-toggle ${o}`,ref:Y,children:[O&&e.jsx("div",{className:"view-mode-toggle__indicator",style:{left:O.left,width:O.width}}),rn.map(g=>e.jsxs("button",{className:`view-mode-toggle__btn ${I===g?"view-mode-toggle__btn--active":""}`,onClick:()=>le(g),title:v(`common:viewMode.descriptions.${g}`),children:[e.jsxs("span",{className:"view-mode-toggle__icon",children:[g==="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"})]}),g==="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"})]}),g==="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"})]}),g==="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:v(`common:viewMode.labels.${g}`)})]},g))]})}),dt=3,ut=280,zt=320,Ct=240,Ot=64,Vn=["simple","chat","advanced"],Gn={simple:"Simple",chat:"Chat",advanced:"Advanced"},Xn={simple:"○",chat:"◐",advanced:"◉"},Un={simple:"Simple view — clean messages only",chat:"Chat view — assistant replies (no tool calls)",advanced:"Advanced view — everything including tools"},$t="flat-clear-context";function qn(w){const o=w.split("/").filter(Boolean);return o.length===0?w:o.slice(-2).join("/")}function Yn(w){if(w.provider==="codex"){const Y=w.codexModel||"gpt-5.3-codex",O=$n[Y];return{model:(O==null?void 0:O.label)||Y}}if(w.provider==="opencode")return{model:w.opencodeModel||"opencode"};const o=w.model||"sonnet",v=Fn[o],I=w.effort,E=I?Bn[I]:void 0;return{model:(v==null?void 0:v.label)||o,effort:E==null?void 0:E.label}}function Kn(w,o){if(o.type==="rectangle"&&o.width&&o.height){const v=o.width/2,I=o.height/2;return w.x>=o.center.x-v&&w.x<=o.center.x+v&&w.z>=o.center.z-I&&w.z<=o.center.z+I}if(o.type==="circle"&&o.radius){const v=w.x-o.center.x,I=w.z-o.center.z;return v*v+I*I<=o.radius*o.radius}return!1}const Zn=yn.memo(function({agentId:o,terminalViewMode:v,onTerminalViewModeChange:I,inspectorOpen:E,onToggleInspector:Y,onImageClick:O,onFileClick:Te,onBashClick:le,onViewMarkdown:g,onRequestClearSubordinates:K,onOpenBuilding:je,keyboard:$e,canNavigateBack:Be,canNavigateForward:Fe,onNavigateBack:Z,onNavigateForward:re,agentInfoOpen:$,onToggleAgentInfo:We}){var de,Se,ae,tt;const f=An(o),G=Wt(),B=a.useRef(null),Ne=a.useRef(null);a.useEffect(()=>{const i=Ne.current;if(!i)return;const r=c=>{c.button===3?(c.preventDefault(),c.stopPropagation(),Z()):c.button===4&&(c.preventDefault(),c.stopPropagation(),re())},d=c=>{(c.button===3||c.button===4)&&c.preventDefault()};return i.addEventListener("mouseup",r),i.addEventListener("mousedown",d),()=>{i.removeEventListener("mouseup",r),i.removeEventListener("mousedown",d)}},[Z,re]),a.useEffect(()=>{const i=Ne.current;if(!i)return;let r=0,d=0,c=0;const ue=250,_e=600,Me=80,gt=1.5,xt=T=>{let S=T instanceof HTMLElement?T:null;for(;S&&S!==i;){const nt=window.getComputedStyle(S).overflowX;if((nt==="auto"||nt==="scroll")&&S.scrollWidth>S.clientWidth)return!0;S=S.parentElement}return!1},V=T=>{const S=Date.now();if(S<c){T.preventDefault();return}if(Math.abs(T.deltaX)<=Math.abs(T.deltaY)*gt){r=0;return}if(xt(T.target)){r=0;return}S-d>ue&&(r=0),d=S,r+=T.deltaX,r<=-Me?(r=0,c=S+_e,T.preventDefault(),Z()):r>=Me&&(r=0,c=S+_e,T.preventDefault(),re())};return i.addEventListener("wheel",V,{passive:!1}),()=>i.removeEventListener("wheel",V)},[Z,re]);const ke=Ft(),pe=a.useMemo(()=>{if(!f)return null;const i=new Set,r=[];for(const d of ke.values())d.archived||d.directories.length===0||d.assignedAgentIds.includes(o)&&(i.add(d.id),r.push(d));for(const d of ke.values())d.archived||d.directories.length===0||i.has(d.id)||Kn({x:f.position.x,z:f.position.z},d)&&(i.add(d.id),r.push(d));return r.length===0?null:r.flatMap(d=>d.directories.filter(c=>c&&c.trim().length>0).map(c=>({areaId:d.id,areaName:d.name,dir:c})))},[f,o,ke]),{branches:He,fetchRemote:Ve,fetchingDirs:Ge}=In(pe),me=a.useMemo(()=>{var d;const i=b.getAreaForAgent(o);if(!i)return[];const r=[];for(const c of G.values())c.type==="terminal"&&b.isPositionInArea(c.position,i)&&r.push({id:c.id,name:c.name,hasUrl:!!((d=c.terminalStatus)!=null&&d.url)});return r},[o,G]),Xe=a.useMemo(()=>{var d;const i=b.getAreaForAgent(o);if(!i)return[];const r=[];for(const c of G.values())c.type==="server"&&((d=c.pm2)!=null&&d.enabled)&&b.isPositionInArea(c.position,i)&&r.push({id:c.id,name:c.name});return r},[o,G]),fe=a.useMemo(()=>{const i=b.getAreaForAgent(o);if(!i)return[];const r=[];for(const d of G.values())d.type==="database"&&d.database&&b.isPositionInArea(d.position,i)&&r.push({id:d.id,name:d.name});return r},[o,G]),[,he]=a.useReducer(i=>i+1,0),F=((de=B.current)==null?void 0:de.search.searchMode)??!1,oe=a.useCallback(()=>{var i;(i=B.current)==null||i.search.toggleSearch(),he()},[]),Ue=En(),Pe=Ue.isPending($t),[W,X]=a.useState(null),R=W?G.get(W):null,{height:ye,onResizeStart:U}=Sn(),[q,J]=a.useState(()=>jt(y.GIT_PANEL_OPEN,!1)),[D,qe]=a.useState(()=>jt(y.BUILDINGS_PANEL_OPEN,!1)),[ge,Le]=a.useState(!1),Ae=a.useCallback(()=>{Le(i=>{const r=!i;return r&&Mn.setEnabled(!0),r})},[]),pt=a.useCallback(()=>Le(!1),[]),mt=a.useCallback(()=>{J(i=>{const r=!i;return ie(y.GIT_PANEL_OPEN,r),r})},[]),xe=a.useCallback(()=>{qe(i=>{const r=!i;return ie(y.BUILDINGS_PANEL_OPEN,r),r})},[]),ft=a.useCallback(()=>{J(!1),ie(y.GIT_PANEL_OPEN,!1)},[]),Ye=a.useCallback(()=>{qe(!1),ie(y.BUILDINGS_PANEL_OPEN,!1)},[]),ht=Tn();a.useEffect(()=>{if(!W)return;me.some(r=>r.id===W)||X(null)},[W,me]);const[Q,ce]=a.useState(!1),Re=a.useRef(null);if(a.useEffect(()=>{if(!Q)return;const i=r=>{Re.current&&!Re.current.contains(r.target)&&ce(!1)};return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[Q]),!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 ee=f.contextStats,Ke=!!ee,Ze=ee?ee.totalTokens:f.contextUsed||0,Je=ee?ee.contextWindow:f.contextLimit||2e5,Ie=ee?ee.usedPercent:Math.round(Ze/Je*100),h=Math.max(0,Math.min(100,Ie)),te=Math.round(h*10)/10,H=Math.round((100-h)*10)/10,be=h>=80?"#ff4a4a":h>=60?"#ff9e4a":h>=40?"#ffd700":"#4aff9e",De=(Ze/1e3).toFixed(1),Qe=(Je/1e3).toFixed(1),ne=f.cwd,et=ne?qn(ne):null,Ee=((Se=f.subordinateIds)==null?void 0:Se.length)||0,ze=Ee>0;return e.jsxs("div",{ref:Ne,className:`flat-terminal-wrapper ${q||D||ge?"flat-terminal-wrapper--with-side-panel":""}`,children:[e.jsxs("div",{className:"flat-terminal-wrapper__header",children:[e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__header-main ${$?"flat-terminal-wrapper__header-main--active":""}`,onClick:We,title:$?"Hide agent info":"Show agent info","aria-pressed":$,children:[e.jsx(Ht,{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:Vt(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:f.provider==="codex"?"/assets/codex.png":f.provider==="opencode"?"/assets/opencode.png":"/assets/claude.png",alt:f.provider,className:"flat-terminal-wrapper__header-provider-icon",title:f.provider==="codex"?"Codex Agent":f.provider==="opencode"?"OpenCode Agent":"Claude Agent"}),(()=>{const{model:i,effort:r}=Yn(f);return e.jsxs("span",{className:"flat-terminal-wrapper__header-model-chip",title:r?`Model: ${i} · Effort: ${r}`:`Model: ${i}`,children:[e.jsx("span",{className:"flat-terminal-wrapper__header-model-name",children:i}),r&&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:r})]})]})})()]})]}),e.jsxs("div",{className:"flat-terminal-wrapper__header-meta",children:[e.jsx("div",{className:"flat-terminal-wrapper__view-mode",role:"group","aria-label":"Message view mode",children:Vn.map(i=>e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__view-mode-btn ${v===i?"flat-terminal-wrapper__view-mode-btn--active":""}`,onClick:()=>I(i),title:Un[i],"aria-pressed":v===i,children:[e.jsx("span",{className:"flat-terminal-wrapper__view-mode-icon","aria-hidden":"true",children:Xn[i]}),e.jsx("span",{className:"flat-terminal-wrapper__view-mode-label",children:Gn[i]})]},i))}),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:Z,disabled:!Be,title:"Back to previous agent","aria-label":"Back to previous agent",children:e.jsx(u,{name:"arrow-left",size:14})}),e.jsx("button",{type:"button",className:"flat-terminal-wrapper__action-btn",onClick:re,disabled:!Fe,title:"Forward to next agent","aria-label":"Forward to next agent",children:e.jsx(u,{name:"arrow-right",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${F?"flat-terminal-wrapper__action-btn--active":""}`,onClick:oe,title:F?"Close search":"Search messages","aria-pressed":F,children:e.jsx(u,{name:F?"cross":"search",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn flat-terminal-wrapper__action-btn--danger ${Pe?"flat-terminal-wrapper__action-btn--confirm":""}`,onClick:()=>Ue.handleClick($t,()=>{var i;b.clearContext(o),(i=B.current)==null||i.historyLoader.clearHistory()}),title:Pe?"Click again to confirm clear context":"Clear context",children:e.jsx(u,{name:Pe?"question":"clear",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${q?"flat-terminal-wrapper__action-btn--active":""}`,onClick:mt,title:q?"Hide git panel":"Show git changes","aria-pressed":q,children:e.jsx(u,{name:"git-branch",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${D?"flat-terminal-wrapper__action-btn--active":""}`,onClick:xe,title:D?"Hide buildings panel":"Show area buildings","aria-pressed":D,children:e.jsx(u,{name:"buildings",size:14})}),e.jsxs("div",{className:"flat-terminal-wrapper__more",ref:Re,children:[e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${Q?"flat-terminal-wrapper__action-btn--active":""}`,onClick:()=>ce(i=>!i),title:"More actions","aria-expanded":Q,children:"⋮"}),Q&&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 ${ge?"flat-terminal-wrapper__more-item--active":""}`,onClick:()=>{Ae(),ce(!1)},title:ge?"Hide Debug Panel":"Show Debug Panel",children:[e.jsx(u,{name:"bug",size:14}),e.jsx("span",{children:ge?"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:()=>{b.collapseContext(o),ce(!1)},disabled:f.status!=="idle",title:f.status!=="idle"?"Agent must be idle to collapse context":"Collapse context",children:[e.jsx(u,{name:"package",size:14}),e.jsx("span",{children:"Collapse context"})]}),ze&&e.jsxs("button",{type:"button",role:"menuitem",className:"flat-terminal-wrapper__more-item flat-terminal-wrapper__more-item--danger",onClick:()=>{K(o,Ee),ce(!1)},children:[e.jsx(u,{name:"crown",size:14}),e.jsxs("span",{children:["Clear ",Ee," subordinate",Ee===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:()=>{b.killAgent(o),ce(!1)},children:[e.jsx(u,{name:"cross",size:14}),e.jsx("span",{children:"Remove agent"})]})]})]})]}),e.jsxs("button",{type:"button",className:`flat-terminal-wrapper__inspector-toggle ${E?"flat-terminal-wrapper__inspector-toggle--active":""}`,onClick:Y,title:E?"Hide inspector panel":"Show inspector panel","aria-label":E?"Hide inspector panel":"Show inspector panel","aria-pressed":E,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:()=>b.deselectAll(),title:"Close chat","aria-label":"Close chat",children:e.jsx(u,{name:"cross",size:14})})]})]}),e.jsx(Pn,{ref:B,agentId:o,agent:f,viewMode:v,isOpen:!0,onImageClick:O,onFileClick:Te,onBashClick:le,onViewMarkdown:g,keyboard:$e,hasModalOpen:!1}),R&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"guake-bottom-terminal-resize",onMouseDown:U,role:"separator","aria-orientation":"horizontal","aria-label":"Resize embedded terminal"}),e.jsxs("div",{className:"flat-bottom-panel",role:"region","aria-label":`Embedded terminal: ${R.name}`,style:{height:ye},children:[e.jsxs("div",{className:"flat-bottom-panel__header",children:[e.jsxs("span",{className:"flat-bottom-panel__title",children:[e.jsx(u,{name:"terminal",size:12}),e.jsx("span",{children:R.name}),!((ae=R.terminalStatus)!=null&&ae.url)&&e.jsx("span",{className:"flat-bottom-panel__muted",children:"(starting...)"})]}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>X(null),title:"Close embedded terminal","aria-label":"Close embedded terminal",children:e.jsx(u,{name:"cross",size:12})})]}),e.jsx("div",{className:"flat-bottom-panel__body",children:(tt=R.terminalStatus)!=null&&tt.url?e.jsx(Ln,{terminalUrl:R.terminalStatus.url,visible:!0}):e.jsx("div",{className:"flat-bottom-panel__placeholder",children:"Starting terminal..."})})]})]}),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(u,{name:"refresh",size:12}),e.jsx("span",{children:"Reattaching"})]}),ne&&et&&e.jsxs("span",{className:"flat-terminal-wrapper__cwd",title:`Open in file explorer: ${ne}`,"aria-label":`Open ${ne} in file explorer`,role:"button",tabIndex:0,onClick:()=>b.openFileExplorer(ne),onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),b.openFileExplorer(ne))},children:[e.jsx("span",{className:"flat-terminal-wrapper__cwd-icon",children:e.jsx(u,{name:"folder",size:12})}),e.jsx("span",{className:"flat-terminal-wrapper__cwd-text",children:et})]}),pe&&pe.map(({areaId:i,areaName:r,dir:d})=>{const c=He.get(d),ue=Ge.has(d),_e=d.split("/").filter(Boolean).pop()||d;return e.jsxs("span",{className:"flat-terminal-wrapper__area-dir",title:`${r}: ${d}${c?` (${c.branch}${c.ahead?` ↑${c.ahead}`:""}${c.behind?` ↓${c.behind}`:""})`:""}`,onClick:()=>b.openFileExplorerForAreaFolder(i,d),children:[e.jsx(u,{name:"folder-open",size:12}),e.jsx("span",{className:"flat-terminal-wrapper__area-dir-name",children:_e}),c&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"flat-terminal-wrapper__area-dir-branch",children:[e.jsx(u,{name:"git-branch",size:10})," ",c.branch]}),c.ahead>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-ahead",title:`${c.ahead} ahead`,children:[e.jsx(u,{name:"arrow-up",size:9}),c.ahead]}),c.behind>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-behind",title:`${c.behind} behind`,children:[e.jsx(u,{name:"arrow-down",size:9}),c.behind]}),e.jsx("span",{className:`flat-terminal-wrapper__area-fetch ${ue?"flat-terminal-wrapper__area-fetch--fetching":""}`,title:"Git fetch",onClick:Me=>{Me.stopPropagation(),Ve(d)},children:e.jsx(u,{name:ue?"hourglass":"download",size:12})})]})]},`${i}:${d}`)}),e.jsxs("span",{className:"flat-terminal-wrapper__context",onClick:()=>b.setContextModalAgentId(o),title:Ke?`Context usage: ${De}k / ${Qe}k tokens (${te}% used). Click to view stats.`:"Click to fetch context stats",children:[e.jsx("span",{className:"flat-terminal-wrapper__context-icon",children:e.jsx(u,{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:`${h}%`,backgroundColor:be}})}),e.jsxs("span",{className:"flat-terminal-wrapper__context-tokens",style:{color:be},children:[De,"k/",Qe,"k"]}),e.jsxs("span",{className:"flat-terminal-wrapper__context-free",children:["(",H,"% free)"]}),!Ke&&e.jsx("span",{className:"flat-terminal-wrapper__context-warning",title:"No context stats yet",children:e.jsx(u,{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(i=>{const r=W===i.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${r?"flat-terminal-wrapper__building-btn--active":""} ${i.hasUrl?"":"flat-terminal-wrapper__building-btn--offline"}`,title:`${r?"Hide":"Show"} terminal: ${i.name}${i.hasUrl?"":" (starting...)"}`,onClick:()=>{if(r){X(null);return}i.hasUrl||b.sendBuildingCommand(i.id,"start"),X(i.id)},children:e.jsx(u,{name:"terminal",size:14})},i.id)})}),Xe.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area PM2 logs",children:Xe.map(i=>e.jsx("button",{type:"button",className:"flat-terminal-wrapper__building-btn",title:`Open logs: ${i.name}`,onClick:()=>je(i.id),children:e.jsx(u,{name:"scroll",size:14})},i.id))}),fe.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area databases",children:fe.map(i=>e.jsx("button",{type:"button",className:"flat-terminal-wrapper__building-btn",title:`Open database: ${i.name}`,onClick:()=>je(i.id),children:e.jsx(u,{name:"hard-drives",size:14})},i.id))}),e.jsx("div",{className:"flat-terminal-wrapper__theme",children:e.jsx(Rn,{})})]}),q&&e.jsx(Dn,{agentId:o,agents:ht,onClose:ft,branchInfoMap:He,fetchRemote:Ve,fetchingDirs:Ge}),D&&e.jsx(zn,{agentId:o,onClose:Ye}),ge&&e.jsx(On,{agentId:o,onClose:pt})]})});function ta({onAgentClick:w,onBuildingClick:o,onBuildingDoubleClick:v,onBuildingPopup:I,onAreaContextMenu:E,onOpenSpawnModal:Y,onOpenBossSpawnModal:O,onOpenAreaModal:Te}){const{t:le}=Bt(["common"]),g=on(),K=cn(),[je,$e]=a.useState(null),[Be,Fe]=a.useState(null),[Z,re]=a.useState(null),[$,We]=a.useState(null),[f,G]=a.useState(null),[B,Ne]=a.useState(null),[ke,pe]=a.useState(!1),He=a.useCallback(()=>{pe(t=>!t)},[]),Ve=a.useCallback(()=>{pe(!1)},[]),[Ge,me]=a.useState(()=>{const t=Mt(y.VIEW_MODE);return t==="simple"||t==="chat"||t==="advanced"?t:"simple"}),Xe=a.useCallback(t=>{me(t),Tt(y.VIEW_MODE,t)},[]);a.useEffect(()=>{const t=n=>{if(n.key!==y.VIEW_MODE)return;const s=n.newValue;(s==="simple"||s==="chat"||s==="advanced")&&me(s)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)},[]);const[fe,he]=a.useState(()=>jt(y.FLAT_INSPECTOR_OPEN,!1)),[F,oe]=a.useState(!1),Ue=a.useCallback(()=>oe(t=>!t),[]),Pe=a.useCallback(()=>oe(!1),[]);a.useEffect(()=>{window.dispatchEvent(new CustomEvent("tide-flat-agents-drawer-state",{detail:{open:F}}))},[F]),a.useEffect(()=>{window.dispatchEvent(new CustomEvent("tide-flat-inspector-state",{detail:{open:fe}}))},[fe]),a.useEffect(()=>{const t=()=>oe(_=>!_),n=()=>{he(_=>{const l=!_;return ie(y.FLAT_INSPECTOR_OPEN,l),l})},s=()=>{oe(!1),he(!1),ie(y.FLAT_INSPECTOR_OPEN,!1)},p=()=>oe(!1),m=()=>{he(!1),ie(y.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",s),window.addEventListener("tide-close-flat-agents-drawer-only",p),window.addEventListener("tide-close-flat-inspector-only",m),()=>{window.removeEventListener("tide-toggle-flat-agents-drawer",t),window.removeEventListener("tide-toggle-flat-inspector",n),window.removeEventListener("tide-close-flat-side-views",s),window.removeEventListener("tide-close-flat-agents-drawer-only",p),window.removeEventListener("tide-close-flat-inspector-only",m)}},[]);const W=a.useRef(null),X=a.useRef(null),[R,ye]=a.useState(()=>{const t=Pt(y.FLAT_MIDDLE_WIDTH,0);return t>=ut?t:null}),[U,q]=a.useState(()=>{const t=Pt(y.FLAT_INSPECTOR_WIDTH,0);return t>=Ct?t:null}),J=a.useCallback(t=>{if(typeof window>"u")return t;const n=U!==null?dt+U:0,s=window.innerWidth-Ot-dt-zt-n;return Math.max(ut,Math.min(Math.max(s,ut),t))},[U]),D=a.useCallback(t=>{var m;if(typeof window>"u")return t;const n=(m=W.current)==null?void 0:m.querySelector(".flat-middle"),s=(n==null?void 0:n.getBoundingClientRect().width)??ut,p=window.innerWidth-Ot-s-dt-zt-dt;return Math.max(Ct,Math.min(Math.max(p,Ct),t))},[]);a.useEffect(()=>{if(R===null&&U===null)return;const t=()=>{ye(n=>{if(n===null)return n;const s=J(n);return s===n?n:s}),q(n=>{if(n===null)return n;const s=D(n);return s===n?n:s})};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[R,U,J,D]);const qe=a.useCallback(t=>{var s;if(t.button!==0)return;const n=(s=W.current)==null?void 0:s.querySelector(".flat-middle");n&&(t.currentTarget.setPointerCapture(t.pointerId),X.current={kind:"middle",startX:t.clientX,startWidth:n.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),ge=a.useCallback(t=>{var s;if(t.button!==0)return;const n=(s=W.current)==null?void 0:s.querySelector(".flat-inspector");n&&(t.currentTarget.setPointerCapture(t.pointerId),X.current={kind:"inspector",startX:t.clientX,startWidth:n.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),Le=a.useCallback(t=>{const n=X.current;if(!n||t.pointerId!==n.pointerId)return;const s=t.clientX-n.startX;n.kind==="middle"?ye(J(n.startWidth+s)):q(D(n.startWidth-s))},[J,D]),Ae=a.useCallback(t=>{const n=X.current;if(!n||t.pointerId!==n.pointerId)return;try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}if(X.current=null,document.body.classList.remove("flat-splitter-dragging"),!(Math.abs(t.clientX-n.startX)>2))return;const p=t.clientX-n.startX;if(n.kind==="middle"){const m=J(n.startWidth+p);ye(m),ct(y.FLAT_MIDDLE_WIDTH,m)}else{const m=D(n.startWidth-p);q(m),ct(y.FLAT_INSPECTOR_WIDTH,m)}},[J,D]),pt=a.useCallback(()=>{ye(null),ct(y.FLAT_MIDDLE_WIDTH,0)},[]),mt=a.useCallback(()=>{q(null),ct(y.FLAT_INSPECTOR_WIDTH,0)},[]),[xe,ft]=a.useState(()=>Mt(y.FLAT_INSPECTOR_VIEW)==="tracking"?"tracking":"agent"),Ye=a.useCallback(t=>{ft(t),Tt(y.FLAT_INSPECTOR_VIEW,t)},[]),ht=a.useCallback(()=>{he(t=>{const n=!t;return ie(y.FLAT_INSPECTOR_OPEN,n),n})},[]),Q=a.useCallback(()=>{he(!1),ie(y.FLAT_INSPECTOR_OPEN,!1)},[]),ce=dn(),Re=a.useCallback((t,n)=>{$e({url:t,name:n})},[]),ee=a.useCallback((t,n)=>{Fe({command:t,output:n,isLive:!1})},[]),Ke=a.useCallback((t,n)=>{b.setFileViewerPath(t,n)},[]),Ze=a.useCallback(t=>{},[]),Je=a.useCallback((t,n)=>{re({agentId:t,count:n})},[]),Ie=a.useCallback(t=>{v?v(t):o(t)},[o,v]),h=a.useMemo(()=>K.size>0?Array.from(K)[0]:null,[K]);a.useEffect(()=>{pe(!1)},[h]);const te=a.useRef([]),H=a.useRef(-1),be=a.useRef(!1),De=a.useRef(null),[Qe,ne]=a.useState(!1),[et,Ee]=a.useState(!1),ze=a.useRef(!1),de=a.useRef(null),Se=a.useRef(!1),ae=a.useMemo(()=>new Set(g.map(t=>t.id)),[g]),tt=a.useMemo(()=>{const t=new Map(g.map(s=>[s.id,s])),n=new Map;for(const s of g)if((s.isBoss||s.class==="boss")&&s.subordinateIds&&s.subordinateIds.length>0){const p=s.subordinateIds.map(m=>t.get(m)).filter(m=>m!==void 0);p.length>0&&n.set(s.id,p)}return n},[g]),i=a.useCallback(()=>{const t=te.current,n=H.current;ne(n>0),Ee(n>=0&&n<t.length-1)},[]),r=a.useCallback(t=>{const n=te.current;if(n.length===0)return;let s=H.current+t;for(;s>=0&&s<n.length;){const p=n[s];if(ae.has(p)){be.current=!0,H.current=s,i(),b.selectAgent(p);return}s+=t}},[ae,i]),d=a.useCallback(()=>r(-1),[r]),c=a.useCallback(()=>r(1),[r]);Wn(a.useCallback(()=>{const t=te.current,n=H.current;return t.length>0&&n>0?(r(-1),"handled"):"exit"},[r]));const ue=a.useCallback((t,n)=>{if(typeof window>"u")return;const s=window.history.state,m={...typeof s=="object"&&s!==null?s:{},__flatAgentNav:{agentId:t}};n==="replace"?window.history.replaceState(m,"",window.location.href):window.history.pushState(m,"",window.location.href)},[]);a.useEffect(()=>{if(!h){ze.current=!1,de.current=null;return}if(!ze.current){ue(h,"replace"),ze.current=!0,de.current=h;return}if(Se.current){Se.current=!1,de.current=h;return}de.current!==h&&(ue(h,"push"),de.current=h)},[h,ue]),a.useEffect(()=>{const t=n=>{var _,l;const s=(l=(_=n.state)==null?void 0:_.__flatAgentNav)==null?void 0:l.agentId;if(!s||typeof s!="string"||!ae.has(s)||s===h)return;Se.current=!0,be.current=!0;const p=te.current,m=p.lastIndexOf(s);m>=0?H.current=m:(p.push(s),H.current=p.length-1),i(),b.selectAgent(s)};return window.addEventListener("popstate",t),()=>window.removeEventListener("popstate",t)},[ae,h,i]),a.useEffect(()=>{if(!h){te.current=[],H.current=-1,i();return}if(De.current=h,be.current){be.current=!1,i();return}const t=te.current,n=H.current;if(n>=0&&t[n]===h){i();return}const s=n<t.length-1?t.slice(0,n+1):t.slice();s.push(h),s.length>100&&s.shift(),te.current=s,H.current=s.length-1,i()},[h,i]);const _e=a.useCallback(t=>{w(t),oe(!1)},[w]),Me=h??"",gt=a.useCallback(()=>{},[]),xt=a.useCallback(t=>{_e(t)},[_e]),V=fe,[T,S]=a.useState(V),[nt,Nt]=a.useState(V);a.useEffect(()=>{if(V){S(!0);return}Nt(!1);const t=setTimeout(()=>S(!1),240);return()=>clearTimeout(t)},[V]),a.useEffect(()=>{if(!T||!V)return;let t=0;const n=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>Nt(!0))});return()=>{cancelAnimationFrame(n),cancelAnimationFrame(t)}},[T,V]);const kt=a.useRef(null);a.useEffect(()=>{if(h)return;const t=n=>{if(n.key!==" "&&n.key!=="Backspace")return;const s=n.target;if(s.tagName==="INPUT"||s.tagName==="TEXTAREA"||s.isContentEditable)return;const p=De.current;!p||!ae.has(p)||(n.preventDefault(),b.selectAgent(p))};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[h,ae]);const[Gt,yt]=a.useState(new Set),Xt=a.useCallback(t=>{yt(n=>{const s=new Set(n);return s.has(t)?s.delete(t):s.add(t),s})},[]),[we,Ut]=a.useState(()=>typeof window<"u"&&window.matchMedia("(max-width: 768px)").matches);a.useEffect(()=>{if(typeof window>"u")return;const t=window.matchMedia("(max-width: 768px)"),n=s=>Ut(s.matches);return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]);const[at,qt]=a.useState(null),Yt=a.useCallback(t=>{qt(n=>n===t?null:t)},[]),bt=Ft(),st=Wt(),[Kt]=un(),ve=a.useMemo(()=>{const t=new Map,n=[];for(const x of g){const k=b.getAreaForAgent(x.id);if(!Lt((k==null?void 0:k.id)??null))continue;if(!k||k.archived){n.push(x);continue}const j=t.get(k.id);j?j.push(x):t.set(k.id,[x])}const s=new Map,p=[];for(const x of st.values()){let k=!1;for(const j of bt.values())if(!j.archived&&Rt(j.id)&&b.isPositionInArea(x.position,j)){const se=s.get(j.id);se?se.push(x):s.set(j.id,[x]),k=!0;break}!k&&Lt(null)&&p.push(x)}const m=[];for(const[,x]of bt){if(x.archived||!Rt(x.id))continue;const k=t.get(x.id),j=s.get(x.id)??[];(k&&k.length>0||j.length>0)&&m.push({area:x,agents:k??[],buildings:j})}(n.length>0||p.length>0)&&m.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:p});const _=m.filter(x=>x.area.id!=="__unassigned__"),l=m.filter(x=>x.area.id==="__unassigned__");let A=1,N=1;const z=new Map;if(_.length>1){let x=1/0,k=-1/0,j=1/0,se=-1/0;for(const P of _)x=Math.min(x,P.area.center.x),k=Math.max(k,P.area.center.x),j=Math.min(j,P.area.center.z),se=Math.max(se,P.area.center.z);const lt=k-x||1,rt=se-j||1;if(_.length<=4){A=_.length,N=1;const P=[..._].sort((L,_t)=>L.area.center.x-_t.area.center.x);for(let L=0;L<P.length;L++)z.set(P[L].area.id,{row:1,col:L+1})}else{const P=[..._].sort((C,M)=>C.area.center.x-M.area.center.x),L=[];for(let C=1;C<P.length;C++)L.push(P[C].area.center.x-P[C-1].area.center.x);const _t=L.reduce((C,M)=>C+M,0)/L.length||1;let At=1;for(const C of L)C>_t*1.3&&At++;A=Math.max(2,Math.min(At,_.length));const wt=[..._].sort((C,M)=>C.area.center.z-M.area.center.z),ot=[];for(let C=1;C<wt.length;C++)ot.push(wt[C].area.center.z-wt[C-1].area.center.z);const en=ot.reduce((C,M)=>C+M,0)/ot.length||1;let It=1;for(const C of ot)C>en*1.3&&It++;N=Math.max(2,Math.min(It,_.length)),A=Math.max(A,Math.ceil(_.length/N)),N=Math.max(N,Math.ceil(_.length/A));const tn=lt/A,nn=rt/N,vt=new Set;for(const C of _){let M=Math.min(A-1,Math.max(0,Math.floor((C.area.center.x-x)/tn))),Ce=Math.min(N-1,Math.max(0,Math.floor((C.area.center.z-j)/nn))),Oe=`${Ce},${M}`,Et=0;const an=N*A;for(;vt.has(Oe)&&Et<an;)M++,M>=A&&(M=0,Ce=(Ce+1)%N),Oe=`${Ce},${M}`,Et++;vt.has(Oe)&&(Ce=N,M=0,Oe=`${Ce},${M}`,N++),vt.add(Oe),z.set(C.area.id,{row:Ce+1,col:M+1})}}}const it=x=>{x.sort((k,j)=>{var lt,rt,P,L;const se=(((lt=k.position)==null?void 0:lt.z)??0)-(((rt=j.position)==null?void 0:rt.z)??0);return se!==0?se:(((P=k.position)==null?void 0:P.x)??0)-(((L=j.position)==null?void 0:L.x)??0)})};for(const x of _)it(x.agents);for(const x of l)it(x.agents);return{groups:[..._,...l],gridCols:A,gridRows:N,positions:z}},[g,bt,st,Kt]),Zt=a.useMemo(()=>{if(!$)return[];const t=g.find(n=>n.id===$.agentId);return t?[{id:"edit-agent",label:"Edit Agent",icon:e.jsx(u,{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(u,{name:"chat",size:14}),onClick:()=>w(t.id)},{id:"delete-agent",label:"Delete Agent",icon:e.jsx(u,{name:"trash",size:14}),danger:!0,onClick:()=>{Ne({agentId:t.id,name:t.name})}}]:[]},[$,g,w]),Jt=a.useMemo(()=>{var _;if(!f)return[];const t=st.get(f.buildingId);if(!t)return[];const n=[],s=t.type==="server"||t.type==="docker"||t.type==="terminal",p=t.status==="running",m=t.type==="boss";if(n.push({id:"open",label:t.type==="database"?"Open Database":t.type==="folder"?"Open Folder":t.type==="boss"?"View Boss Logs":t.type==="terminal"?"Open Terminal":t.type==="server"&&((_=t.pm2)!=null&&_.enabled)?"View PM2 Logs":"Open",icon:e.jsx(u,{name:t.type==="database"?"database":t.type==="folder"?"folder":t.type==="terminal"?"terminal":"eye",size:14}),onClick:()=>Ie(t.id)}),s&&(p||n.push({id:"start",label:"Start",icon:e.jsx(u,{name:"play",size:14}),onClick:()=>b.sendBuildingCommand(t.id,"start")}),p&&(n.push({id:"restart",label:"Restart",icon:e.jsx(u,{name:"refresh",size:14}),onClick:()=>b.sendBuildingCommand(t.id,"restart")}),n.push({id:"stop",label:"Stop",icon:e.jsx(u,{name:"stop",size:14}),onClick:()=>b.sendBuildingCommand(t.id,"stop")}))),m&&t.subordinateBuildingIds&&t.subordinateBuildingIds.length>0&&(n.push({id:"start-all",label:"Start All Subordinates",icon:e.jsx(u,{name:"launch",size:14}),onClick:()=>{for(const l of t.subordinateBuildingIds)b.sendBuildingCommand(l,"start")}}),n.push({id:"stop-all",label:"Stop All Subordinates",icon:e.jsx(u,{name:"pause",size:14}),onClick:()=>{for(const l of t.subordinateBuildingIds)b.sendBuildingCommand(l,"stop")}}),n.push({id:"restart-all",label:"Restart All Subordinates",icon:e.jsx(u,{name:"restart",size:14}),onClick:()=>{for(const l of t.subordinateBuildingIds)b.sendBuildingCommand(l,"restart")}})),s&&n.push({id:"health-check",label:"Health Check",icon:e.jsx(u,{name:"health",size:14}),onClick:()=>b.sendBuildingCommand(t.id,"healthCheck")}),n.push({id:"divider-edit",label:"",divider:!0,onClick:()=>{}}),n.push({id:"edit",label:"Edit Building",icon:e.jsx(u,{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(u,{name:"copy",size:14}),onClick:()=>{b.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 l of t.urls)n.push({id:`url-${l.label}`,label:l.label,icon:e.jsx(u,{name:"link",size:14}),onClick:()=>window.open(l.url,"_blank","noopener,noreferrer")});return n.push({id:"divider-danger",label:"",divider:!0,onClick:()=>{}}),n.push({id:"delete",label:"Delete Building",icon:e.jsx(u,{name:"trash",size:14}),danger:!0,onClick:()=>b.deleteBuilding(t.id)}),n},[f,st,Ie]),Qt=a.useCallback(t=>{const n=new Set(ve.groups.map(s=>s.area.id));n.delete(t),yt(n),requestAnimationFrame(()=>{const s=kt.current;if(!s)return;const p=s.querySelector(`[data-area-id="${t}"]`);if(!p)return;const m=s.getBoundingClientRect(),l=p.getBoundingClientRect().top-m.top+s.scrollTop-8;s.scrollTo({top:Math.max(0,l),behavior:"smooth"})})},[ve]);return e.jsxs("div",{ref:W,className:`flat-view ${V?"flat-view--with-inspector":""} ${h?"flat-view--has-chat":""} ${F?"flat-view--mobile-sidebar-open":""}`,style:(()=>{if(R===null&&U===null)return;const t={};return R!==null&&(t["--flat-middle-width"]=`${R}px`),U!==null&&(t["--flat-inspector-width"]=`${U}px`),t})(),children:[F&&e.jsx("div",{className:"flat-mobile-sidebar-backdrop",onClick:Pe,"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:Y,title:"Create new agent",children:"+ Agent"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--boss",onClick:O,title:"Create new boss agent",children:"+ Boss"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--area",onClick:Te,title:"Create new area",children:"+ Area"})]})}),e.jsx("div",{className:"flat-middle__content",children:e.jsx(pn,{activeAgentId:Me,onClose:gt,onSelectAgent:xt,collapsedAreas:Gt,onToggleArea:Xt,agentListRef:kt})})]}),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:qe,onPointerMove:Le,onPointerUp:Ae,onPointerCancel:Ae,onDoubleClick:pt}),e.jsxs("div",{className:"flat-right",children:[e.jsxs("button",{type:"button",className:"flat-mobile-sidebar-toggle","aria-label":F?"Close agents sidebar":"Open agents sidebar","aria-expanded":F,onClick:Ue,children:[e.jsx(u,{name:"list",size:18}),e.jsx("span",{className:"flat-mobile-sidebar-toggle__label",children:"Agents"})]}),h?e.jsx(Zn,{agentId:h,terminalViewMode:Ge,onTerminalViewModeChange:Xe,inspectorOpen:fe,onToggleInspector:ht,onImageClick:Re,onFileClick:Ke,onBashClick:ee,onViewMarkdown:Ze,onRequestClearSubordinates:Je,onOpenBuilding:Ie,keyboard:ce,canNavigateBack:Qe,canNavigateForward:et,onNavigateBack:d,onNavigateForward:c,agentInfoOpen:ke,onToggleAgentInfo:He}):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.jsx(Hn,{className:"flat-map__view-mode"})]}),e.jsx("div",{className:"flat-map__grid",style:{gridTemplateColumns:`repeat(${ve.gridCols}, 1fr)`},children:ve.groups.length===0?e.jsx("div",{className:"flat-map__empty",children:e.jsx("span",{children:"No areas or agents yet"})}):(()=>{var n;const t=we&&at?((n=ve.positions.get(at))==null?void 0:n.row)??null:null;return ve.groups.map(s=>{const p=s.area.id,m=ve.positions.get(p),_=we&&at!==p;return we&&t!=null&&(m==null?void 0:m.row)===t&&p!==at?null:e.jsxs("div",{className:`flat-map-area-card${_?" flat-map-area-card--collapsed":""}`,style:{"--area-color":s.area.color,gridRow:m==null?void 0:m.row,gridColumn:m==null?void 0:m.col},onContextMenu:l=>{E&&(l.preventDefault(),l.stopPropagation(),E(p,{x:l.clientX,y:l.clientY}))},children:[e.jsxs("button",{type:"button",className:"flat-map-area-card__header",onClick:()=>we?Yt(p):Qt(p),title:we?_?`Expand ${s.area.name}`:`Collapse ${s.area.name}`:`Focus ${s.area.name} in left panel`,"aria-expanded":we?!_:void 0,children:[e.jsx("span",{className:"flat-map-area-card__color",style:{background:s.area.color}}),e.jsx("span",{className:"flat-map-area-card__name",children:s.area.name}),e.jsx("span",{className:"flat-map-area-card__count",children:s.agents.length}),we&&e.jsx(u,{name:_?"caret-down":"caret-up",size:11,className:"flat-map-area-card__caret"})]}),e.jsx("div",{className:"flat-map-area-card__agents",children:s.agents.map(l=>{const A=l.isBoss||l.class==="boss",N=A?tt.get(l.id):void 0,z=mn(l),it=z.usedPercent>=80?"#ff4a4a":z.usedPercent>=60?"#ff9e4a":z.usedPercent>=40?"#ffd700":"#4aff9e",x=`Context: ${(z.totalTokens/1e3).toFixed(1)}k / ${(z.contextWindow/1e3).toFixed(1)}k (${z.usedPercent}% used, ${z.freePercent}% free)`,k=l.latestTodos&&l.latestTodos.length>0||N&&N.length>0;return e.jsx(fn,{todos:l.latestTodos,subordinates:N,position:"top",children:e.jsxs("button",{type:"button",className:`flat-map-agent-chip ${l.status}`,onClick:()=>w(l.id),onContextMenu:j=>{j.preventDefault(),j.stopPropagation(),We({agentId:l.id,position:{x:j.clientX,y:j.clientY}})},title:k?void 0:`${A?"Boss · ":""}Open chat with ${l.name}
+${x}`,children:[e.jsx(Ht,{agent:l,size:16}),A&&e.jsx("span",{className:"flat-map-agent-chip__crown","aria-hidden":"true",children:e.jsx(u,{name:"crown",size:11,color:"#ffd700",weight:"fill"})}),e.jsx("span",{className:"flat-map-agent-chip__name",children:l.name}),e.jsx("img",{src:l.provider==="codex"?"/assets/codex.png":l.provider==="opencode"?"/assets/opencode.png":"/assets/claude.png",alt:l.provider,className:"flat-map-agent-chip__provider-icon",title:l.provider==="codex"?"Codex Agent":l.provider==="opencode"?"OpenCode Agent":"Claude Agent"}),e.jsx("span",{className:"flat-map-agent-chip__dot",style:{backgroundColor:Vt(l.status)}}),l.latestTodos&&l.latestTodos.length>0&&e.jsx(hn,{todos:l.latestTodos,maxDots:6}),A&&N&&N.length>0&&e.jsx(gn,{subordinates:N,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:`${z.usedPercent}%`,backgroundColor:it}})})]})},l.id)})}),s.buildings.length>0&&e.jsx("div",{className:"flat-map-area-card__buildings",children:s.buildings.map(l=>e.jsxs("button",{type:"button",className:`flat-map-building-chip flat-map-building-chip--${l.status}`,onClick:A=>{if(I){const N=A.currentTarget.getBoundingClientRect();I(l.id,{x:N.right,y:N.top+N.height/2})}else Ie(l.id)},onContextMenu:A=>{A.preventDefault(),A.stopPropagation(),G({buildingId:l.id,position:{x:A.clientX,y:A.clientY}})},title:`${l.name} · ${l.type} · ${l.status}`,children:[e.jsx(u,{name:xn(l.type),size:12}),e.jsx("span",{className:"flat-map-building-chip__name",children:l.name}),e.jsx("span",{className:"flat-map-building-chip__dot",style:{backgroundColor:bn(l.status)}})]},l.id))})]},p)})})()})]})})]}),V&&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:ge,onPointerMove:Le,onPointerUp:Ae,onPointerCancel:Ae,onDoubleClick:mt}),T&&e.jsxs("aside",{className:`flat-inspector ${nt?"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":xe==="agent",className:`flat-inspector__tab ${xe==="agent"?"flat-inspector__tab--active":""}`,onClick:()=>Ye("agent"),children:"Agent"}),e.jsx("button",{type:"button",role:"tab","aria-selected":xe==="tracking",className:`flat-inspector__tab ${xe==="tracking"?"flat-inspector__tab--active":""}`,onClick:()=>Ye("tracking"),children:"Tracking"})]}),e.jsx("button",{type:"button",className:"flat-inspector__close",onClick:Q,title:"Close inspector","aria-label":"Close inspector",children:"✕"})]}),e.jsx("div",{className:"flat-inspector__body",children:xe==="tracking"?e.jsx(_n,{activeAgentId:h??"",onSelectAgent:t=>{w(t),window.innerWidth<=768&&Q()}}):(()=>{if(!h)return e.jsx("div",{className:"flat-inspector__empty",children:e.jsx("span",{children:"Select an agent to inspect"})});const t=g.find(n=>n.id===h);return t?e.jsx(wn,{agent:t,onFocusAgent:n=>{w(n),window.innerWidth<=768&&Q()},onKillAgent:n=>b.killAgent(n)}):e.jsx("div",{className:"flat-inspector__empty",children:e.jsx("span",{children:"Agent not found"})})})()})]}),je&&e.jsx(vn,{url:je.url,name:je.name,onClose:()=>$e(null)}),Be&&e.jsx(Cn,{state:Be,onClose:()=>Fe(null)}),Z&&e.jsx(jn,{action:"clear-subordinates",selectedAgentId:Z.agentId,subordinateCount:Z.count,onClose:()=>re(null),onClearHistory:()=>{}}),e.jsx(Nn,{agent:h?g.find(t=>t.id===h)??null:null,isOpen:ke&&!!h,onClose:Ve}),e.jsx(Dt,{isOpen:$!==null,position:($==null?void 0:$.position)??{x:0,y:0},worldPosition:{x:0,z:0},actions:Zt,onClose:()=>We(null)}),e.jsx(Dt,{isOpen:f!==null,position:(f==null?void 0:f.position)??{x:0,y:0},worldPosition:{x:0,z:0},actions:Jt,onClose:()=>G(null)}),e.jsx(kn,{isOpen:B!==null,title:le("common:confirm.removeAgentTitle"),message:le("common:confirm.removeAgentMessage",{name:(B==null?void 0:B.name)??""}),confirmLabel:le("common:buttons.remove"),cancelLabel:le("common:buttons.cancel"),variant:"danger",onConfirm:()=>{B&&b.removeAgentFromServer(B.agentId)},onClose:()=>Ne(null)})]})}export{ta as FlatView};