tide-commander 1.84.0 → 1.84.2

package/dist/assets/{index-PODdyb5M.js → index-DRsHxeh_.js}

@@ -1 +1 @@
-import{a7 as as,u as ts,an as vs,ao as bs,ap as zs,j as s,I as F,W as Is,aq as Es,ar as $s,as as Ds,at as Ms,r as c,_ as Ls,ad as Ss,O as Xs,N as Ps,B as Rs,au as Ys,av as Gs,aw as Us,ax as ms,ay as _s,s as M,az as Fs,n as U}from"./main-BIcU95YM.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const fs=as.memo(({agent:a,isSelected:A,isKeyboardFocused:L=!1,onSelect:S,onDoubleClick:n,onChat:g,onFocus:h,onKill:w,onDragStart:X})=>{const{t:x}=ts(["dashboard","common"]),P=vs().has(a.id),N=bs(a.status),B=zs(a),j=Ms(B),I=a.taskLabel?s.jsxs(s.Fragment,{children:[s.jsx(F,{name:"task",size:12})," ",a.taskLabel]}):a.currentTask||a.lastAssignedTask,m=a.status==="idle"&&a.lastActivity>0,[,H]=as.useState(0);return as.useEffect(()=>{if(!m)return;const b=window.setInterval(()=>H(T=>T+1),15e3);return()=>window.clearInterval(b)},[m]),s.jsxs("div",{className:`dash-card dash-card--${N} ${A?"dash-card--selected":""} ${L?"dash-card--keyboard-focused":""}`,"data-agent-id":a.id,onClick:S,onDoubleClick:b=>{b.stopPropagation(),n()},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(Is,{agent:a,size:14})," ",a.class]}),s.jsxs("span",{className:`dash-card__provider dash-card__provider--${a.provider}`,children:[s.jsx(F,{name:a.provider==="codex"||a.provider==="opencode"?"status-pending":"robot",size:11,weight:a.provider==="codex"||a.provider==="opencode"?"fill":"regular",color:a.provider==="codex"?"#a16207":a.provider==="opencode"?"#4ade80":void 0})," ",a.provider]}),P&&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:P?"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:`${B}%`}})}),s.jsxs("span",{className:`dash-card__context-pct dash-card__context-pct--${j}`,children:[B,"%"]})]})]}),s.jsxs("div",{className:"dash-card__row3",children:[s.jsxs("span",{className:"dash-card__workdir",title:a.cwd,children:[s.jsx(F,{name:"folder",size:11})," ",a.cwd.split("/").pop()||a.cwd]}),m&&s.jsxs("span",{className:"dash-card__idle-time",style:{color:Ds(a.lastActivity)},title:$s(a.lastActivity),children:[s.jsx(F,{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()},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()},title:x("cards.killAgent"),children:x("cards.stop")})]})]})});fs.displayName="AgentCard";const ws=({buildings:a,onSelectBuilding:A})=>{const{t:L}=ts(["dashboard"]),S=c.useMemo(()=>Array.from(a.values()).sort((n,g)=>n.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:L("buildings.title")}),s.jsx("span",{className:"dashboard-view__buildings-count",children:S.length})]}),s.jsx("div",{className:"dashboard-view__buildings-row",children:S.map(n=>{const g=bs(n.status),h=Ls(n.type);return s.jsxs("button",{className:`dash-pill dash-pill--${g}`,onClick:()=>A==null?void 0:A(n.id),title:`${n.name} (${n.type}) - ${n.status}`,children:[s.jsx("span",{className:"dash-pill__icon",children:s.jsx(F,{name:h,size:14})}),s.jsx("span",{className:"dash-pill__name",children:n.name}),s.jsx("span",{className:`dash-pill__dot dash-pill__dot--${g}`})]},n.id)})})]})};ws.displayName="BuildingPills";function Zs({onSelectAgent:a,onFocusAgent:A,onKillAgent:L,onSelectBuilding:S,onOpenTerminal:n,onFocusZone:g}){const{t:h}=ts(["dashboard","common"]),w=Ss(),X=Xs(),x=Ps(),rs=Rs(),P=vs(),[N,B]=c.useState(""),[j,I]=c.useState("all"),[m,H]=c.useState("zone"),[b,T]=c.useState(new Set),[k,J]=c.useState(null),[ps,Z]=c.useState(null),[R,Q]=c.useState(!1),[p,W]=c.useState(null),K=c.useMemo(()=>{const e=Array.from(w.values());return{total:e.length,working:e.filter(i=>i.status==="working"||i.status==="waiting"||i.status==="waiting_permission").length,idle:e.filter(i=>i.status==="idle").length,error:e.filter(i=>i.status==="error"||i.status==="offline"||i.status==="orphaned").length}},[w]),ns=c.useMemo(()=>m==="zone"?Ys(w,x):m==="status"?Gs(w,P):Us(w),[w,x,m,P]),V=c.useMemo(()=>{const e=N.toLowerCase().trim(),i=ns.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"?i:i.filter(l=>l.agents.length>0)},[ns,j,N,m]),O=c.useCallback(e=>e.area?`area:${e.area.id}`:`${m}:${e.label}`,[m]),y=c.useMemo(()=>{const e=[];return V.forEach(i=>{const l=O(i);if(b.has(l))return;const _=m==="status"?ms(i.agents,{prioritizeRecentlyIdle:!0}):_s(i.agents);e.push(..._)}),e},[V,b,m,O]),gs=c.useCallback(e=>{T(i=>{const l=new Set(i);return l.has(e)?l.delete(e):l.add(e),l})},[]),xs=c.useCallback(e=>{n==null||n(e)},[n]),js=c.useCallback(e=>{J(e)},[]),Ns=c.useCallback((e,i)=>{e.preventDefault(),e.dataTransfer.dropEffect="move",Z(i)},[]),ks=c.useCallback(()=>{Z(null)},[]),ys=c.useCallback(e=>{if(!k)return;if(e===null){const E=M.getState(),t=Array.from(E.areas.values()).find(r=>r.assignedAgentIds.includes(k.id));t&&M.unassignAgentFromArea(k.id,t.id),J(null),Z(null);return}const i=x.get(e);if(!i)return;const l=Array.from(w.values()),_=Fs(i,l,k.position);M.updateAgent({...k,position:{...k.position,x:_.x,z:_.z}}),M.assignAgentToArea(k.id,e),J(null),Z(null)},[k,x,w]);return c.useEffect(()=>{if(y.length===0){Q(!1),W(null);return}R&&(!p||!y.some(e=>e.id===p))&&(W(y[0].id),a==null||a(y[0].id))},[y,R,p,a]),c.useEffect(()=>{const e=t=>t instanceof HTMLElement?t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.tagName==="SELECT"||t.isContentEditable:!1,i=t=>t instanceof HTMLElement?!!t.closest(".guake-terminal")||t.classList.contains("guake-input")||t.classList.contains("agent-panel-input"):!1,l=t=>{const r=Array.from(document.querySelectorAll(".dash-card[data-agent-id]")).find(z=>z.dataset.agentId===t);r==null||r.scrollIntoView({block:"nearest",inline:"nearest"})},_=(t,r)=>{var ds,os,cs,ls,us,hs;const z=Array.from(document.querySelectorAll(".dash-card[data-agent-id]")).map(d=>{const u=d.dataset.agentId;if(!u)return null;const C=d.getBoundingClientRect();return{id:u,centerX:C.left+C.width/2,centerY:C.top+C.height/2,height:C.height}}).filter(d=>d!==null).sort((d,u)=>d.centerY-u.centerY||d.centerX-u.centerX);if(z.length===0)return t;const ss=z.reduce((d,u)=>d+u.height,0)/z.length,es=Math.max(18,ss*.6),f=[];for(const d of z){const u=f[f.length-1];if(!u){f.push([{id:d.id,centerX:d.centerX,centerY:d.centerY}]);continue}const C=u.reduce((Cs,As)=>Cs+As.centerY,0)/u.length;Math.abs(d.centerY-C)<=es?u.push({id:d.id,centerX:d.centerX,centerY:d.centerY}):f.push([{id:d.id,centerX:d.centerX,centerY:d.centerY}])}f.forEach(d=>d.sort((u,C)=>u.centerX-C.centerX));const Y=f.findIndex(d=>d.some(u=>u.id===t));if(Y===-1)return((os=(ds=f[0])==null?void 0:ds[0])==null?void 0:os.id)??t;const $=f[Y],v=$.findIndex(d=>d.id===t);if(v===-1)return((ls=(cs=f[0])==null?void 0:cs[0])==null?void 0:ls.id)??t;if(r==="left")return((us=$[Math.max(0,v-1)])==null?void 0:us.id)??t;if(r==="right")return((hs=$[Math.min($.length-1,v+1)])==null?void 0:hs.id)??t;const q=r==="up"?Math.max(0,Y-1):Math.min(f.length-1,Y+1),o=f[q],G=$[v].centerX;let D=o[0],is=Math.abs(D.centerX-G);for(const d of o){const u=Math.abs(d.centerX-G);u<is&&(D=d,is=u)}return(D==null?void 0:D.id)??t},E=t=>{const r=M.getShortcuts(),z=r.find(o=>o.id==="dashboard-selector-toggle"),ss=r.find(o=>o.id==="dashboard-vim-left"),es=r.find(o=>o.id==="dashboard-vim-down"),f=r.find(o=>o.id==="dashboard-vim-up"),Y=r.find(o=>o.id==="dashboard-vim-right"),$=r.find(o=>o.id==="open-terminal"),v=M.getState();if(e(t.target))if(!v.terminalOpen&&i(t.target)&&document.activeElement instanceof HTMLElement)document.activeElement.blur();else return;if(U(t,z)){if(y.length===0)return;t.preventDefault(),t.stopPropagation(),Q(!0),W(o=>{const G=o&&y.some(D=>D.id===o)?o:y[0].id;return a==null||a(G),window.setTimeout(()=>l(G),0),G});return}const q=U(t,ss)||t.key==="ArrowLeft"?"left":U(t,es)||t.key==="ArrowDown"?"down":U(t,f)||t.key==="ArrowUp"?"up":U(t,Y)||t.key==="ArrowRight"?"right":null;if(q&&R&&p){t.preventDefault(),t.stopPropagation();const o=_(p,q);o!==p&&(W(o),a==null||a(o),window.setTimeout(()=>l(o),0));return}if(U(t,$)){if(v.terminalOpen)return;if(R&&p&&v.agents.has(p)){t.preventDefault(),n==null||n(p);return}if(v.selectedAgentIds.size===1){t.preventDefault();const o=Array.from(v.selectedAgentIds)[0];n==null||n(o);return}if(v.lastSelectedAgentId&&v.agents.has(v.lastSelectedAgentId)){t.preventDefault(),n==null||n(v.lastSelectedAgentId);return}}};return document.addEventListener("keydown",E,!0),()=>document.removeEventListener("keydown",E,!0)},[y,R,p,n,a]),c.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=>B(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:[V.map(e=>{const i=O(e),l=b.has(i),_=m==="status"?ms(e.agents,{prioritizeRecentlyIdle:!0}):_s(e.agents),E=e.agents.filter(r=>r.status==="working"||r.status==="waiting"||r.status==="waiting_permission").length,t=e.agents.filter(r=>P.has(r.id)).length;return s.jsxs("div",{className:`dashboard-view__zone ${ps===(e.area?e.area.id:null)&&k?"dashboard-view__zone--drag-over":""}`,onDragOver:r=>Ns(r,e.area?e.area.id:null),onDragLeave:ks,onDrop:()=>ys(e.area?e.area.id:null),children:[s.jsxs("div",{className:"dashboard-view__zone-header",onClick:()=>gs(i),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(F,{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}),E>0&&s.jsxs("span",{className:"dashboard-view__zone-working",children:[" · ",E," ",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:r=>{r.stopPropagation(),g(e.area.id)},title:h("focusZone"),children:h("focusZone")})]}),!l&&s.jsx("div",{className:"dashboard-view__zone-grid",children:_.map(r=>s.jsx(fs,{agent:r,isSelected:rs.has(r.id),isKeyboardFocused:R&&p===r.id,onSelect:()=>{a==null||a(r.id),Q(!0),W(r.id)},onDoubleClick:()=>xs(r.id),onChat:()=>n==null?void 0:n(r.id),onFocus:A?()=>A(r.id):void 0,onKill:L?()=>L(r.id):void 0,onDragStart:js},r.id))})]},i)}),V.length===0&&s.jsx("div",{className:"dashboard-view__empty",children:N?h("noAgentsMatching",{search:N}):h("noAgentsSpawned")}),X.size>0&&s.jsx(ws,{buildings:X,onSelectBuilding:S})]})]})}export{Zs as DashboardView};
+import{a7 as as,u as ts,an as vs,ao as bs,ap as zs,j as s,I as F,W as Is,aq as Es,ar as $s,as as Ds,at as Ms,r as c,_ as Ls,ad as Ss,O as Xs,N as Ps,B as Rs,au as Ys,av as Gs,aw as Us,ax as ms,ay as _s,s as M,az as Fs,n as U}from"./main-BlnQCHb9.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const fs=as.memo(({agent:a,isSelected:A,isKeyboardFocused:L=!1,onSelect:S,onDoubleClick:n,onChat:g,onFocus:h,onKill:w,onDragStart:X})=>{const{t:x}=ts(["dashboard","common"]),P=vs().has(a.id),N=bs(a.status),B=zs(a),j=Ms(B),I=a.taskLabel?s.jsxs(s.Fragment,{children:[s.jsx(F,{name:"task",size:12})," ",a.taskLabel]}):a.currentTask||a.lastAssignedTask,m=a.status==="idle"&&a.lastActivity>0,[,H]=as.useState(0);return as.useEffect(()=>{if(!m)return;const b=window.setInterval(()=>H(T=>T+1),15e3);return()=>window.clearInterval(b)},[m]),s.jsxs("div",{className:`dash-card dash-card--${N} ${A?"dash-card--selected":""} ${L?"dash-card--keyboard-focused":""}`,"data-agent-id":a.id,onClick:S,onDoubleClick:b=>{b.stopPropagation(),n()},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(Is,{agent:a,size:14})," ",a.class]}),s.jsxs("span",{className:`dash-card__provider dash-card__provider--${a.provider}`,children:[s.jsx(F,{name:a.provider==="codex"||a.provider==="opencode"?"status-pending":"robot",size:11,weight:a.provider==="codex"||a.provider==="opencode"?"fill":"regular",color:a.provider==="codex"?"#a16207":a.provider==="opencode"?"#4ade80":void 0})," ",a.provider]}),P&&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:P?"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:`${B}%`}})}),s.jsxs("span",{className:`dash-card__context-pct dash-card__context-pct--${j}`,children:[B,"%"]})]})]}),s.jsxs("div",{className:"dash-card__row3",children:[s.jsxs("span",{className:"dash-card__workdir",title:a.cwd,children:[s.jsx(F,{name:"folder",size:11})," ",a.cwd.split("/").pop()||a.cwd]}),m&&s.jsxs("span",{className:"dash-card__idle-time",style:{color:Ds(a.lastActivity)},title:$s(a.lastActivity),children:[s.jsx(F,{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()},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()},title:x("cards.killAgent"),children:x("cards.stop")})]})]})});fs.displayName="AgentCard";const ws=({buildings:a,onSelectBuilding:A})=>{const{t:L}=ts(["dashboard"]),S=c.useMemo(()=>Array.from(a.values()).sort((n,g)=>n.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:L("buildings.title")}),s.jsx("span",{className:"dashboard-view__buildings-count",children:S.length})]}),s.jsx("div",{className:"dashboard-view__buildings-row",children:S.map(n=>{const g=bs(n.status),h=Ls(n.type);return s.jsxs("button",{className:`dash-pill dash-pill--${g}`,onClick:()=>A==null?void 0:A(n.id),title:`${n.name} (${n.type}) - ${n.status}`,children:[s.jsx("span",{className:"dash-pill__icon",children:s.jsx(F,{name:h,size:14})}),s.jsx("span",{className:"dash-pill__name",children:n.name}),s.jsx("span",{className:`dash-pill__dot dash-pill__dot--${g}`})]},n.id)})})]})};ws.displayName="BuildingPills";function Zs({onSelectAgent:a,onFocusAgent:A,onKillAgent:L,onSelectBuilding:S,onOpenTerminal:n,onFocusZone:g}){const{t:h}=ts(["dashboard","common"]),w=Ss(),X=Xs(),x=Ps(),rs=Rs(),P=vs(),[N,B]=c.useState(""),[j,I]=c.useState("all"),[m,H]=c.useState("zone"),[b,T]=c.useState(new Set),[k,J]=c.useState(null),[ps,Z]=c.useState(null),[R,Q]=c.useState(!1),[p,W]=c.useState(null),K=c.useMemo(()=>{const e=Array.from(w.values());return{total:e.length,working:e.filter(i=>i.status==="working"||i.status==="waiting"||i.status==="waiting_permission").length,idle:e.filter(i=>i.status==="idle").length,error:e.filter(i=>i.status==="error"||i.status==="offline"||i.status==="orphaned").length}},[w]),ns=c.useMemo(()=>m==="zone"?Ys(w,x):m==="status"?Gs(w,P):Us(w),[w,x,m,P]),V=c.useMemo(()=>{const e=N.toLowerCase().trim(),i=ns.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"?i:i.filter(l=>l.agents.length>0)},[ns,j,N,m]),O=c.useCallback(e=>e.area?`area:${e.area.id}`:`${m}:${e.label}`,[m]),y=c.useMemo(()=>{const e=[];return V.forEach(i=>{const l=O(i);if(b.has(l))return;const _=m==="status"?ms(i.agents,{prioritizeRecentlyIdle:!0}):_s(i.agents);e.push(..._)}),e},[V,b,m,O]),gs=c.useCallback(e=>{T(i=>{const l=new Set(i);return l.has(e)?l.delete(e):l.add(e),l})},[]),xs=c.useCallback(e=>{n==null||n(e)},[n]),js=c.useCallback(e=>{J(e)},[]),Ns=c.useCallback((e,i)=>{e.preventDefault(),e.dataTransfer.dropEffect="move",Z(i)},[]),ks=c.useCallback(()=>{Z(null)},[]),ys=c.useCallback(e=>{if(!k)return;if(e===null){const E=M.getState(),t=Array.from(E.areas.values()).find(r=>r.assignedAgentIds.includes(k.id));t&&M.unassignAgentFromArea(k.id,t.id),J(null),Z(null);return}const i=x.get(e);if(!i)return;const l=Array.from(w.values()),_=Fs(i,l,k.position);M.updateAgent({...k,position:{...k.position,x:_.x,z:_.z}}),M.assignAgentToArea(k.id,e),J(null),Z(null)},[k,x,w]);return c.useEffect(()=>{if(y.length===0){Q(!1),W(null);return}R&&(!p||!y.some(e=>e.id===p))&&(W(y[0].id),a==null||a(y[0].id))},[y,R,p,a]),c.useEffect(()=>{const e=t=>t instanceof HTMLElement?t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.tagName==="SELECT"||t.isContentEditable:!1,i=t=>t instanceof HTMLElement?!!t.closest(".guake-terminal")||t.classList.contains("guake-input")||t.classList.contains("agent-panel-input"):!1,l=t=>{const r=Array.from(document.querySelectorAll(".dash-card[data-agent-id]")).find(z=>z.dataset.agentId===t);r==null||r.scrollIntoView({block:"nearest",inline:"nearest"})},_=(t,r)=>{var ds,os,cs,ls,us,hs;const z=Array.from(document.querySelectorAll(".dash-card[data-agent-id]")).map(d=>{const u=d.dataset.agentId;if(!u)return null;const C=d.getBoundingClientRect();return{id:u,centerX:C.left+C.width/2,centerY:C.top+C.height/2,height:C.height}}).filter(d=>d!==null).sort((d,u)=>d.centerY-u.centerY||d.centerX-u.centerX);if(z.length===0)return t;const ss=z.reduce((d,u)=>d+u.height,0)/z.length,es=Math.max(18,ss*.6),f=[];for(const d of z){const u=f[f.length-1];if(!u){f.push([{id:d.id,centerX:d.centerX,centerY:d.centerY}]);continue}const C=u.reduce((Cs,As)=>Cs+As.centerY,0)/u.length;Math.abs(d.centerY-C)<=es?u.push({id:d.id,centerX:d.centerX,centerY:d.centerY}):f.push([{id:d.id,centerX:d.centerX,centerY:d.centerY}])}f.forEach(d=>d.sort((u,C)=>u.centerX-C.centerX));const Y=f.findIndex(d=>d.some(u=>u.id===t));if(Y===-1)return((os=(ds=f[0])==null?void 0:ds[0])==null?void 0:os.id)??t;const $=f[Y],v=$.findIndex(d=>d.id===t);if(v===-1)return((ls=(cs=f[0])==null?void 0:cs[0])==null?void 0:ls.id)??t;if(r==="left")return((us=$[Math.max(0,v-1)])==null?void 0:us.id)??t;if(r==="right")return((hs=$[Math.min($.length-1,v+1)])==null?void 0:hs.id)??t;const q=r==="up"?Math.max(0,Y-1):Math.min(f.length-1,Y+1),o=f[q],G=$[v].centerX;let D=o[0],is=Math.abs(D.centerX-G);for(const d of o){const u=Math.abs(d.centerX-G);u<is&&(D=d,is=u)}return(D==null?void 0:D.id)??t},E=t=>{const r=M.getShortcuts(),z=r.find(o=>o.id==="dashboard-selector-toggle"),ss=r.find(o=>o.id==="dashboard-vim-left"),es=r.find(o=>o.id==="dashboard-vim-down"),f=r.find(o=>o.id==="dashboard-vim-up"),Y=r.find(o=>o.id==="dashboard-vim-right"),$=r.find(o=>o.id==="open-terminal"),v=M.getState();if(e(t.target))if(!v.terminalOpen&&i(t.target)&&document.activeElement instanceof HTMLElement)document.activeElement.blur();else return;if(U(t,z)){if(y.length===0)return;t.preventDefault(),t.stopPropagation(),Q(!0),W(o=>{const G=o&&y.some(D=>D.id===o)?o:y[0].id;return a==null||a(G),window.setTimeout(()=>l(G),0),G});return}const q=U(t,ss)||t.key==="ArrowLeft"?"left":U(t,es)||t.key==="ArrowDown"?"down":U(t,f)||t.key==="ArrowUp"?"up":U(t,Y)||t.key==="ArrowRight"?"right":null;if(q&&R&&p){t.preventDefault(),t.stopPropagation();const o=_(p,q);o!==p&&(W(o),a==null||a(o),window.setTimeout(()=>l(o),0));return}if(U(t,$)){if(v.terminalOpen)return;if(R&&p&&v.agents.has(p)){t.preventDefault(),n==null||n(p);return}if(v.selectedAgentIds.size===1){t.preventDefault();const o=Array.from(v.selectedAgentIds)[0];n==null||n(o);return}if(v.lastSelectedAgentId&&v.agents.has(v.lastSelectedAgentId)){t.preventDefault(),n==null||n(v.lastSelectedAgentId);return}}};return document.addEventListener("keydown",E,!0),()=>document.removeEventListener("keydown",E,!0)},[y,R,p,n,a]),c.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=>B(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:[V.map(e=>{const i=O(e),l=b.has(i),_=m==="status"?ms(e.agents,{prioritizeRecentlyIdle:!0}):_s(e.agents),E=e.agents.filter(r=>r.status==="working"||r.status==="waiting"||r.status==="waiting_permission").length,t=e.agents.filter(r=>P.has(r.id)).length;return s.jsxs("div",{className:`dashboard-view__zone ${ps===(e.area?e.area.id:null)&&k?"dashboard-view__zone--drag-over":""}`,onDragOver:r=>Ns(r,e.area?e.area.id:null),onDragLeave:ks,onDrop:()=>ys(e.area?e.area.id:null),children:[s.jsxs("div",{className:"dashboard-view__zone-header",onClick:()=>gs(i),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(F,{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}),E>0&&s.jsxs("span",{className:"dashboard-view__zone-working",children:[" · ",E," ",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:r=>{r.stopPropagation(),g(e.area.id)},title:h("focusZone"),children:h("focusZone")})]}),!l&&s.jsx("div",{className:"dashboard-view__zone-grid",children:_.map(r=>s.jsx(fs,{agent:r,isSelected:rs.has(r.id),isKeyboardFocused:R&&p===r.id,onSelect:()=>{a==null||a(r.id),Q(!0),W(r.id)},onDoubleClick:()=>xs(r.id),onChat:()=>n==null?void 0:n(r.id),onFocus:A?()=>A(r.id):void 0,onKill:L?()=>L(r.id):void 0,onDragStart:js},r.id))})]},i)}),V.length===0&&s.jsx("div",{className:"dashboard-view__empty",children:N?h("noAgentsMatching",{search:N}):h("noAgentsSpawned")}),X.size>0&&s.jsx(ws,{buildings:X,onSelectBuilding:S})]})]})}export{Zs as DashboardView};

package/dist/assets/{index-tHNe6ADC.js → index-DYml8LTk.js}

@@ -1 +1 @@
-import{u as J,a as Z,r,s as u,j as e,D as le,I as H,C as ce,b as ie,c as de,d as oe,g as me,e as ue,Q as be,R as he}from"./main-BIcU95YM.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const _e=({building:a,connections:x,activeConnectionId:l,activeDatabase:c,collapsed:j,onToggleCollapse:p,onConnectionChange:Q,onDatabaseChange:N,onInsertTable:A,onSelectTableQuery:P})=>{const{t:o}=J(["terminal"]),q=Z(a.id),[M,R]=r.useState(new Set),[w,n]=r.useState(""),[d,T]=r.useState(""),[E,k]=r.useState(!1),[U,F]=r.useState(null),z=r.useRef(null),S=r.useRef(null),O=r.useRef(null),y=l?q.databases.get(l)??[]:[],I=l&&c?`${l}:${c}`:"",f=I?q.tables.get(I)??[]:[],_=l?q.connectionStatus.get(l):void 0,D=r.useMemo(()=>{if(!w.trim())return y;const t=w.toLowerCase();return y.filter(m=>m.toLowerCase().includes(t))},[y,w]),h=r.useMemo(()=>{if(!d.trim())return f;const t=d.toLowerCase();return f.filter(m=>m.name.toLowerCase().includes(t))},[f,d]);r.useEffect(()=>{const t=m=>{S.current&&!S.current.contains(m.target)&&k(!1)};return E&&document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[E]),r.useEffect(()=>{l&&!_&&u.testDatabaseConnection(a.id,l)},[a.id,l,_]),r.useEffect(()=>{l&&(_!=null&&_.connected)&&y.length===0&&u.listDatabases(a.id,l)},[a.id,l,_==null?void 0:_.connected,y.length]),r.useEffect(()=>{l&&c&&f.length===0&&u.listTables(a.id,l,c)},[a.id,l,c,f.length]),r.useEffect(()=>{F(null),T("")},[l,c]);const v=r.useCallback(t=>{R(m=>{const g=new Set(m);if(g.has(t))g.delete(t);else if(g.add(t),l&&c){const C=`${l}:${c}:${t}`;q.tableSchemas.has(C)||u.getTableSchema(a.id,l,c,t)}return g})},[a.id,l,c,q.tableSchemas]),K=t=>{if(!l||!c)return null;const m=`${l}:${c}:${t}`;return q.tableSchemas.get(m)};return j?e.jsx("div",{className:"database-sidebar database-sidebar--collapsed",children:e.jsx("button",{className:"database-sidebar__toggle",onClick:p,title:o("terminal:database.expandSidebar"),children:"»"})}):e.jsxs("div",{className:"database-sidebar",children:[e.jsxs("div",{className:"database-sidebar__header",children:[e.jsx("span",{children:o("terminal:database.explorer")}),e.jsx("button",{className:"database-sidebar__toggle",onClick:p,title:o("terminal:database.collapseSidebar"),children:"«"})]}),e.jsxs("div",{className:"database-sidebar__section",children:[e.jsx("div",{className:"database-sidebar__section-title",children:o("terminal:database.connection")}),e.jsx("select",{className:"database-sidebar__select",value:l||"",onChange:t=>Q(t.target.value),children:x.length===0?e.jsx("option",{value:"",children:o("terminal:database.noConnections")}):x.map(t=>{var m;return e.jsxs("option",{value:t.id,children:[((m=le[t.engine])==null?void 0:m.icon)??"🗄️"," ",t.name]},t.id)})}),_&&e.jsx("div",{className:`database-sidebar__status ${_.connected?"database-sidebar__status--connected":"database-sidebar__status--error"}`,children:_.connected?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"database-sidebar__status-icon",children:"✓"}),o("terminal:database.connected"),_.serverVersion&&e.jsxs("span",{className:"database-sidebar__version",children:["(",_.serverVersion,")"]})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"database-sidebar__status-icon",children:"✗"}),_.error||o("terminal:database.disconnected")]})})]}),y.length>0&&e.jsxs("div",{className:"database-sidebar__section",children:[e.jsx("div",{className:"database-sidebar__section-title",children:o("terminal:database.databaseTitle")}),e.jsxs("div",{className:"database-sidebar__searchable-select",ref:S,children:[e.jsx("input",{ref:z,className:"database-sidebar__search-input",type:"text",value:E?w:c||"",placeholder:o("terminal:database.selectDatabase"),onChange:t=>{n(t.target.value),E||k(!0)},onFocus:()=>{k(!0),n("")},onKeyDown:t=>{var m,g;t.key==="Escape"?(k(!1),n(""),(m=z.current)==null||m.blur()):t.key==="Enter"&&D.length===1&&(N(D[0]),k(!1),n(""),(g=z.current)==null||g.blur())}}),E&&e.jsx("div",{className:"database-sidebar__dropdown",children:D.length===0?e.jsx("div",{className:"database-sidebar__dropdown-empty",children:"No matches"}):D.map(t=>e.jsx("div",{className:`database-sidebar__dropdown-item ${t===c?"database-sidebar__dropdown-item--active":""}`,onMouseDown:m=>{m.preventDefault(),N(t),k(!1),n("")},children:t},t))})]})]}),f.length>0&&e.jsxs("div",{className:"database-sidebar__section database-sidebar__section--tables",children:[e.jsx("div",{className:"database-sidebar__section-title",children:d.trim()?o("terminal:database.tablesCount",{count:h.length})+` / ${f.length}`:o("terminal:database.tablesCount",{count:f.length})}),e.jsxs("div",{className:"database-sidebar__table-filter",children:[e.jsx("input",{ref:O,className:"database-sidebar__table-filter-input",type:"text",value:d,placeholder:o("terminal:database.filterTables"),onChange:t=>T(t.target.value),onKeyDown:t=>{var m;t.key==="Escape"&&(d?T(""):(m=O.current)==null||m.blur(),t.stopPropagation())}}),d&&e.jsx("button",{className:"database-sidebar__table-filter-clear",onClick:()=>{var t;T(""),(t=O.current)==null||t.focus()},title:"Clear filter",children:"×"})]}),e.jsxs("div",{className:"database-sidebar__tables",children:[d.trim()&&h.length===0&&e.jsx("div",{className:"database-sidebar__tables-empty",children:o("terminal:database.noTablesMatch")}),h.map(t=>{const m=M.has(t.name),g=m?K(t.name):null;return e.jsxs("div",{className:"database-sidebar__table",children:[e.jsxs("div",{className:"database-sidebar__table-header",children:[e.jsx("button",{className:"database-sidebar__table-expand",onClick:()=>v(t.name),title:m?"Collapse table schema":"Expand table schema",children:e.jsx(H,{name:m?"caret-down":"caret-right",size:10})}),e.jsx("span",{className:"database-sidebar__table-icon",children:e.jsx(H,{name:t.type==="view"?"eye":"clipboard",size:12})}),e.jsx("span",{className:`database-sidebar__table-name ${U===t.name?"database-sidebar__table-name--selected":""}`,onClick:()=>F(t.name),onDoubleClick:()=>{F(t.name),P(t.name)},children:t.name}),e.jsx("button",{className:"database-sidebar__table-insert",onClick:C=>{C.stopPropagation(),A(t.name)},title:o("terminal:database.insertTableName"),children:"+"})]}),m&&g&&e.jsx("div",{className:"database-sidebar__table-columns",children:g.columns.map(C=>e.jsxs("div",{className:"database-sidebar__column",onClick:()=>A(C.name),title:`${C.type}${C.nullable?" NULL":" NOT NULL"}${C.primaryKey?" PK":""}`,children:[e.jsx("span",{className:"database-sidebar__column-icon",children:C.primaryKey?e.jsx(H,{name:"key",size:11}):null}),e.jsx("span",{className:"database-sidebar__column-name",children:C.name}),e.jsx("span",{className:"database-sidebar__column-type",children:C.type})]},C.name))})]},t.name)})]})]})]})},xe=({buildingId:a,history:x,onLoadQuery:l})=>{const{t:c}=J(["terminal","common"]),[j,p]=r.useState(""),[Q,N]=r.useState(!1),[A,P]=r.useState(!1),o=r.useMemo(()=>{let n=x;if(Q&&(n=n.filter(d=>d.favorite)),j.trim()){const d=j.toLowerCase();n=n.filter(T=>T.query.toLowerCase().includes(d)||T.database.toLowerCase().includes(d))}return n},[x,Q,j]),q=n=>{const d=new Date(n),E=new Date().getTime()-d.getTime();return E<1440*60*1e3?d.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):E<10080*60*1e3?d.toLocaleDateString([],{weekday:"short"})+" "+d.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):d.toLocaleDateString([],{month:"short",day:"numeric"})},M=r.useCallback((n,d)=>{d.stopPropagation(),u.toggleQueryFavorite(a,n)},[a]),R=r.useCallback((n,d)=>{d.stopPropagation(),u.deleteQueryFromHistory(a,n)},[a]),w=r.useCallback(()=>{P(!0)},[]);return x.length===0?e.jsxs("div",{className:"query-history query-history--empty",children:[e.jsx("p",{children:c("terminal:database.noHistory")}),e.jsx("p",{children:c("terminal:database.queriesAppearHere")})]}):e.jsxs("div",{className:"query-history",children:[e.jsxs("div",{className:"query-history__toolbar",children:[e.jsx("input",{type:"text",className:"query-history__search",placeholder:c("terminal:database.searchQueries"),value:j,onChange:n=>p(n.target.value)}),e.jsxs("label",{className:"query-history__filter",children:[e.jsx("input",{type:"checkbox",checked:Q,onChange:n=>N(n.target.checked)}),c("terminal:database.favoritesOnly")]}),e.jsx("button",{className:"query-history__clear",onClick:w,title:c("terminal:database.clearAll"),children:c("terminal:database.clearAll")})]}),e.jsxs("div",{className:"query-history__list",children:[o.map(n=>e.jsxs("div",{className:`query-history__item ${n.status==="error"?"query-history__item--error":""}`,onClick:()=>l(n.query),children:[e.jsxs("div",{className:"query-history__item-header",children:[e.jsx("span",{className:`query-history__status ${n.status==="success"?"query-history__status--success":"query-history__status--error"}`,children:e.jsx(H,{name:n.status==="success"?"check":"cross",size:12})}),e.jsx("span",{className:"query-history__database",children:n.database}),e.jsx("span",{className:"query-history__date",children:q(n.executedAt)}),e.jsxs("span",{className:"query-history__duration",children:[n.duration,"ms"]}),n.rowCount!==void 0&&e.jsx("span",{className:"query-history__row-count",children:c("terminal:database.rowCount",{count:n.rowCount})})]}),e.jsx("div",{className:"query-history__query",children:e.jsx("code",{children:n.query.length>200?n.query.substring(0,200)+"...":n.query})}),n.error&&e.jsx("div",{className:"query-history__error",children:n.error}),e.jsxs("div",{className:"query-history__actions",children:[e.jsx("button",{className:`query-history__favorite ${n.favorite?"query-history__favorite--active":""}`,onClick:d=>M(n.id,d),title:n.favorite?c("terminal:database.removeFromFavorites"):c("terminal:database.addToFavorites"),children:e.jsx(H,{name:"star",size:12,weight:n.favorite?"fill":"regular",color:n.favorite?"#facc15":void 0})}),e.jsx("button",{className:"query-history__delete",onClick:d=>R(n.id,d),title:c("terminal:database.deleteFromHistory"),children:e.jsx(H,{name:"trash",size:12})})]})]},n.id)),o.length===0&&e.jsx("div",{className:"query-history__no-results",children:c("terminal:database.noQueriesMatch")})]}),e.jsx(ce,{isOpen:A,title:c("terminal:database.clearAll"),message:c("terminal:database.confirmClearHistory"),confirmLabel:c("terminal:database.clearAll"),cancelLabel:c("common:buttons.cancel"),variant:"danger",onConfirm:()=>u.clearQueryHistory(a),onClose:()=>P(!1)})]})},pe=({tabs:a,activeTabId:x,onTabClick:l,onTabClose:c})=>{const{t:j}=J(["terminal"]);return e.jsx("div",{className:"database-tabs",children:a.map(p=>e.jsxs("div",{className:`database-tabs__tab ${x===p.id?"database-tabs__tab--active":""}`,children:[e.jsxs("button",{className:"database-tabs__tab-label",onClick:()=>l(p),title:`${p.connectionName} / ${p.database}`,children:[p.database,e.jsx("span",{className:"database-tabs__tab-connection",children:p.connectionName})]}),e.jsx("button",{className:"database-tabs__tab-close",onClick:()=>c(p.id),title:j("terminal:database.closeTab"),"aria-label":`Close ${p.database} tab`,children:"×"})]},p.id))})},ee=a=>`db-panel-${a}`;function fe(a){try{const x=localStorage.getItem(ee(a));return x?JSON.parse(x):{}}catch{return{}}}function je(a,x){try{localStorage.setItem(ee(a),JSON.stringify(x))}catch{}}const Ce=({building:a,onClose:x})=>{var B,Y,W,X;const{t:l}=J(["terminal","common"]),c=Z(a.id),j=ie(a.id),p=de(a.id),Q=oe(a.id),N=r.useRef(fe(a.id)),A=r.useRef(null),P=r.useRef(0),o=((B=a.database)==null?void 0:B.connections)??[],q=(s,i)=>`${s}:${i}`,M=s=>s?(N.current.queries??{})[s]??"":N.current.generalQuery??"",[R,w]=r.useState("results"),[n,d]=r.useState(0),[T,E]=r.useState(!1),[k,U]=r.useState(!1),[F,z]=r.useState(()=>(N.current.openTabs??[]).map(i=>{var b;return{id:`${i.connectionId}:${i.database}`,connectionId:i.connectionId,connectionName:((b=o.find(L=>L.id===i.connectionId))==null?void 0:b.name)??i.connectionId,database:i.database}})),[S,O]=r.useState(N.current.activeTabId??null),[y,I]=r.useState(()=>{const s=N.current.queries??{};return N.current.generalQuery,s}),[f,_]=r.useState(M(S)),D=r.useCallback(s=>{_(i=>{const b=typeof s=="function"?s(i):s;return I(L=>{const $={...L};return S&&($[S]=b),$}),b})},[S]),h=c.activeConnectionId??N.current.connectionId??((Y=a.database)==null?void 0:Y.activeConnectionId)??((W=o[0])==null?void 0:W.id),v=c.activeDatabase??N.current.database??((X=a.database)==null?void 0:X.activeDatabase),K=o.find(s=>s.id===h),t=r.useCallback((s,i)=>{var $;const b=q(s,i),L=(($=o.find(G=>G.id===s))==null?void 0:$.name)??s;z(G=>{if(G.some(re=>re.id===b))return G;const ne={id:b,connectionId:s,connectionName:L,database:i};return[...G,ne]}),O(b),_(y[b]??""),u.setActiveConnection(a.id,s),u.setActiveDatabase(a.id,i)},[a.id,o,y]),m=r.useCallback(s=>{z(i=>i.filter(b=>b.id!==s)),S===s&&z(i=>{if(i.length>0){const b=i[0];O(b.id),_(y[b.id]??""),u.setActiveConnection(a.id,b.connectionId),u.setActiveDatabase(a.id,b.database)}else O(null),_("");return i})},[S,a.id,y]),g=r.useCallback(s=>{O(s.id),_(y[s.id]??""),u.setActiveConnection(a.id,s.connectionId),u.setActiveDatabase(a.id,s.database)},[a.id,y]);r.useEffect(()=>{if(!k&&o.length>0){const s=N.current;s.connectionId&&o.some(i=>i.id===s.connectionId)&&(u.setActiveConnection(a.id,s.connectionId),u.listDatabases(a.id,s.connectionId),s.database&&(u.setActiveDatabase(a.id,s.database),u.listTables(a.id,s.connectionId,s.database))),U(!0)}},[a.id,o,k]),r.useEffect(()=>{u.requestQueryHistory(a.id)},[a.id]),r.useEffect(()=>{const s=i=>{i.key==="Escape"&&(i.preventDefault(),i.stopPropagation(),x())};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[x]),r.useEffect(()=>{k&&h&&je(a.id,{connectionId:h,database:v,lastQuery:f,queries:y,generalQuery:"",openTabs:F.map(s=>({connectionId:s.connectionId,database:s.database})),activeTabId:S??void 0})},[a.id,h,v,f,k,F,S,y]);const C=r.useCallback(s=>{var i;if(!(!h||!v||!f.trim()||Q))if(s==="cursor"){const b=(i=A.current)==null?void 0:i.querySelector(".query-editor__textarea"),L=(b==null?void 0:b.selectionStart)??P.current,$=me(f,L);$&&u.executeQuery(a.id,h,v,$)}else{const b=ue(f);b.length<=1?u.executeQuery(a.id,h,v,f.trim()):b.forEach((L,$)=>{setTimeout(()=>{u.executeQuery(a.id,h,v,L.sql)},$*150)})}},[a.id,h,v,f,Q]),ae=r.useCallback(s=>{D(s),w("results")},[]),se=r.useCallback(s=>{u.setActiveConnection(a.id,s),u.listDatabases(a.id,s)},[a.id]),te=r.useCallback(s=>{h&&(t(h,s),u.listTables(a.id,h,s))},[a.id,h,t]),V=j[n];return o.length===0?e.jsxs("div",{className:"database-panel",ref:A,children:[e.jsxs("div",{className:"database-panel__header",children:[e.jsxs("div",{className:"database-panel__title",children:[e.jsx("span",{className:"database-panel__icon",children:e.jsx(H,{name:"database",size:16})}),e.jsx("span",{className:"database-panel__name",children:a.name})]}),e.jsx("button",{className:"database-panel__close",onClick:x,children:"×"})]}),e.jsx("div",{className:"database-panel__body",children:e.jsxs("div",{className:"database-panel__no-connections",children:[e.jsx("div",{className:"database-panel__no-connections-icon",children:e.jsx(H,{name:"plug",size:32})}),e.jsx("h3",{children:l("terminal:database.noConnections")}),e.jsx("p",{children:l("terminal:database.noConnectionsDesc")}),e.jsx("p",{children:l("terminal:database.toGetStarted")}),e.jsxs("ol",{children:[e.jsx("li",{children:l("terminal:database.step1Close")}),e.jsx("li",{children:l("terminal:database.step2Settings")}),e.jsx("li",{children:l("terminal:database.step3AddConnection")}),e.jsx("li",{children:l("terminal:database.step4Reopen")})]})]})})]}):e.jsxs("div",{className:"database-panel",ref:A,children:[e.jsxs("div",{className:"database-panel__header",children:[e.jsxs("div",{className:"database-panel__title",children:[e.jsx("span",{className:"database-panel__icon",children:(K==null?void 0:K.engine)==="mysql"?"🐬":"🐘"}),e.jsx("span",{className:"database-panel__name",children:a.name}),K&&e.jsxs("span",{className:"database-panel__connection-info",children:[K.name," / ",v||l("terminal:database.noDatabaseSelected")]})]}),e.jsx("button",{className:"database-panel__close",onClick:x,children:"×"})]}),e.jsxs("div",{className:"database-panel__body",children:[e.jsx(_e,{building:a,connections:o,activeConnectionId:h,activeDatabase:v,collapsed:T,onToggleCollapse:()=>E(!T),onConnectionChange:se,onDatabaseChange:te,onInsertTable:s=>D(i=>i+` ${s}`),onSelectTableQuery:s=>{const i=`SELECT * FROM ${s}`;D(i),h&&v&&u.executeQuery(a.id,h,v,i)}}),e.jsxs("div",{className:"database-panel__main",children:[F.length>0&&e.jsx(pe,{tabs:F,activeTabId:S,onTabClick:g,onTabClose:m}),e.jsx(be,{query:f,onChange:D,onExecute:C,isExecuting:Q,disabled:!h||!v}),e.jsxs("div",{className:"database-panel__tabs",children:[e.jsxs("button",{className:`database-panel__tab ${R==="results"?"database-panel__tab--active":""}`,onClick:()=>w("results"),children:[l("terminal:database.results"),j.length>0&&e.jsx("span",{className:"database-panel__tab-badge",children:j.length})]}),e.jsxs("button",{className:`database-panel__tab ${R==="history"?"database-panel__tab--active":""}`,onClick:()=>w("history"),children:[l("terminal:database.history"),p.length>0&&e.jsx("span",{className:"database-panel__tab-badge",children:p.length})]}),R==="results"&&j.length>1&&e.jsxs("div",{className:"database-panel__result-nav",children:[e.jsxs("button",{disabled:n>=j.length-1,onClick:()=>d(s=>s+1),children:["← ",l("terminal:database.older")]}),e.jsxs("span",{children:[n+1," / ",j.length]}),e.jsxs("button",{disabled:n<=0,onClick:()=>d(s=>s-1),children:[l("terminal:database.newer")," →"]})]})]}),e.jsx("div",{className:"database-panel__tab-content",children:R==="results"?V?e.jsx(he,{result:V,buildingId:a.id,building:a}):e.jsxs("div",{className:"database-panel__empty",children:[e.jsx("p",{children:l("terminal:database.noResultsYet")}),e.jsx("p",{children:l("terminal:database.selectDbAndRun")})]}):e.jsx(xe,{buildingId:a.id,history:p,onLoadQuery:ae})})]})]})]})};export{Ce as DatabasePanel,_e as DatabaseSidebar,pe as DatabaseTabs,be as QueryEditor,xe as QueryHistoryPanel,he as ResultsTable};
+import{u as J,a as Z,r,s as u,j as e,D as le,I as H,C as ce,b as ie,c as de,d as oe,g as me,e as ue,Q as be,R as he}from"./main-BlnQCHb9.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const _e=({building:a,connections:x,activeConnectionId:l,activeDatabase:c,collapsed:j,onToggleCollapse:p,onConnectionChange:Q,onDatabaseChange:N,onInsertTable:A,onSelectTableQuery:P})=>{const{t:o}=J(["terminal"]),q=Z(a.id),[M,R]=r.useState(new Set),[w,n]=r.useState(""),[d,T]=r.useState(""),[E,k]=r.useState(!1),[U,F]=r.useState(null),z=r.useRef(null),S=r.useRef(null),O=r.useRef(null),y=l?q.databases.get(l)??[]:[],I=l&&c?`${l}:${c}`:"",f=I?q.tables.get(I)??[]:[],_=l?q.connectionStatus.get(l):void 0,D=r.useMemo(()=>{if(!w.trim())return y;const t=w.toLowerCase();return y.filter(m=>m.toLowerCase().includes(t))},[y,w]),h=r.useMemo(()=>{if(!d.trim())return f;const t=d.toLowerCase();return f.filter(m=>m.name.toLowerCase().includes(t))},[f,d]);r.useEffect(()=>{const t=m=>{S.current&&!S.current.contains(m.target)&&k(!1)};return E&&document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[E]),r.useEffect(()=>{l&&!_&&u.testDatabaseConnection(a.id,l)},[a.id,l,_]),r.useEffect(()=>{l&&(_!=null&&_.connected)&&y.length===0&&u.listDatabases(a.id,l)},[a.id,l,_==null?void 0:_.connected,y.length]),r.useEffect(()=>{l&&c&&f.length===0&&u.listTables(a.id,l,c)},[a.id,l,c,f.length]),r.useEffect(()=>{F(null),T("")},[l,c]);const v=r.useCallback(t=>{R(m=>{const g=new Set(m);if(g.has(t))g.delete(t);else if(g.add(t),l&&c){const C=`${l}:${c}:${t}`;q.tableSchemas.has(C)||u.getTableSchema(a.id,l,c,t)}return g})},[a.id,l,c,q.tableSchemas]),K=t=>{if(!l||!c)return null;const m=`${l}:${c}:${t}`;return q.tableSchemas.get(m)};return j?e.jsx("div",{className:"database-sidebar database-sidebar--collapsed",children:e.jsx("button",{className:"database-sidebar__toggle",onClick:p,title:o("terminal:database.expandSidebar"),children:"»"})}):e.jsxs("div",{className:"database-sidebar",children:[e.jsxs("div",{className:"database-sidebar__header",children:[e.jsx("span",{children:o("terminal:database.explorer")}),e.jsx("button",{className:"database-sidebar__toggle",onClick:p,title:o("terminal:database.collapseSidebar"),children:"«"})]}),e.jsxs("div",{className:"database-sidebar__section",children:[e.jsx("div",{className:"database-sidebar__section-title",children:o("terminal:database.connection")}),e.jsx("select",{className:"database-sidebar__select",value:l||"",onChange:t=>Q(t.target.value),children:x.length===0?e.jsx("option",{value:"",children:o("terminal:database.noConnections")}):x.map(t=>{var m;return e.jsxs("option",{value:t.id,children:[((m=le[t.engine])==null?void 0:m.icon)??"🗄️"," ",t.name]},t.id)})}),_&&e.jsx("div",{className:`database-sidebar__status ${_.connected?"database-sidebar__status--connected":"database-sidebar__status--error"}`,children:_.connected?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"database-sidebar__status-icon",children:"✓"}),o("terminal:database.connected"),_.serverVersion&&e.jsxs("span",{className:"database-sidebar__version",children:["(",_.serverVersion,")"]})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"database-sidebar__status-icon",children:"✗"}),_.error||o("terminal:database.disconnected")]})})]}),y.length>0&&e.jsxs("div",{className:"database-sidebar__section",children:[e.jsx("div",{className:"database-sidebar__section-title",children:o("terminal:database.databaseTitle")}),e.jsxs("div",{className:"database-sidebar__searchable-select",ref:S,children:[e.jsx("input",{ref:z,className:"database-sidebar__search-input",type:"text",value:E?w:c||"",placeholder:o("terminal:database.selectDatabase"),onChange:t=>{n(t.target.value),E||k(!0)},onFocus:()=>{k(!0),n("")},onKeyDown:t=>{var m,g;t.key==="Escape"?(k(!1),n(""),(m=z.current)==null||m.blur()):t.key==="Enter"&&D.length===1&&(N(D[0]),k(!1),n(""),(g=z.current)==null||g.blur())}}),E&&e.jsx("div",{className:"database-sidebar__dropdown",children:D.length===0?e.jsx("div",{className:"database-sidebar__dropdown-empty",children:"No matches"}):D.map(t=>e.jsx("div",{className:`database-sidebar__dropdown-item ${t===c?"database-sidebar__dropdown-item--active":""}`,onMouseDown:m=>{m.preventDefault(),N(t),k(!1),n("")},children:t},t))})]})]}),f.length>0&&e.jsxs("div",{className:"database-sidebar__section database-sidebar__section--tables",children:[e.jsx("div",{className:"database-sidebar__section-title",children:d.trim()?o("terminal:database.tablesCount",{count:h.length})+` / ${f.length}`:o("terminal:database.tablesCount",{count:f.length})}),e.jsxs("div",{className:"database-sidebar__table-filter",children:[e.jsx("input",{ref:O,className:"database-sidebar__table-filter-input",type:"text",value:d,placeholder:o("terminal:database.filterTables"),onChange:t=>T(t.target.value),onKeyDown:t=>{var m;t.key==="Escape"&&(d?T(""):(m=O.current)==null||m.blur(),t.stopPropagation())}}),d&&e.jsx("button",{className:"database-sidebar__table-filter-clear",onClick:()=>{var t;T(""),(t=O.current)==null||t.focus()},title:"Clear filter",children:"×"})]}),e.jsxs("div",{className:"database-sidebar__tables",children:[d.trim()&&h.length===0&&e.jsx("div",{className:"database-sidebar__tables-empty",children:o("terminal:database.noTablesMatch")}),h.map(t=>{const m=M.has(t.name),g=m?K(t.name):null;return e.jsxs("div",{className:"database-sidebar__table",children:[e.jsxs("div",{className:"database-sidebar__table-header",children:[e.jsx("button",{className:"database-sidebar__table-expand",onClick:()=>v(t.name),title:m?"Collapse table schema":"Expand table schema",children:e.jsx(H,{name:m?"caret-down":"caret-right",size:10})}),e.jsx("span",{className:"database-sidebar__table-icon",children:e.jsx(H,{name:t.type==="view"?"eye":"clipboard",size:12})}),e.jsx("span",{className:`database-sidebar__table-name ${U===t.name?"database-sidebar__table-name--selected":""}`,onClick:()=>F(t.name),onDoubleClick:()=>{F(t.name),P(t.name)},children:t.name}),e.jsx("button",{className:"database-sidebar__table-insert",onClick:C=>{C.stopPropagation(),A(t.name)},title:o("terminal:database.insertTableName"),children:"+"})]}),m&&g&&e.jsx("div",{className:"database-sidebar__table-columns",children:g.columns.map(C=>e.jsxs("div",{className:"database-sidebar__column",onClick:()=>A(C.name),title:`${C.type}${C.nullable?" NULL":" NOT NULL"}${C.primaryKey?" PK":""}`,children:[e.jsx("span",{className:"database-sidebar__column-icon",children:C.primaryKey?e.jsx(H,{name:"key",size:11}):null}),e.jsx("span",{className:"database-sidebar__column-name",children:C.name}),e.jsx("span",{className:"database-sidebar__column-type",children:C.type})]},C.name))})]},t.name)})]})]})]})},xe=({buildingId:a,history:x,onLoadQuery:l})=>{const{t:c}=J(["terminal","common"]),[j,p]=r.useState(""),[Q,N]=r.useState(!1),[A,P]=r.useState(!1),o=r.useMemo(()=>{let n=x;if(Q&&(n=n.filter(d=>d.favorite)),j.trim()){const d=j.toLowerCase();n=n.filter(T=>T.query.toLowerCase().includes(d)||T.database.toLowerCase().includes(d))}return n},[x,Q,j]),q=n=>{const d=new Date(n),E=new Date().getTime()-d.getTime();return E<1440*60*1e3?d.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):E<10080*60*1e3?d.toLocaleDateString([],{weekday:"short"})+" "+d.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):d.toLocaleDateString([],{month:"short",day:"numeric"})},M=r.useCallback((n,d)=>{d.stopPropagation(),u.toggleQueryFavorite(a,n)},[a]),R=r.useCallback((n,d)=>{d.stopPropagation(),u.deleteQueryFromHistory(a,n)},[a]),w=r.useCallback(()=>{P(!0)},[]);return x.length===0?e.jsxs("div",{className:"query-history query-history--empty",children:[e.jsx("p",{children:c("terminal:database.noHistory")}),e.jsx("p",{children:c("terminal:database.queriesAppearHere")})]}):e.jsxs("div",{className:"query-history",children:[e.jsxs("div",{className:"query-history__toolbar",children:[e.jsx("input",{type:"text",className:"query-history__search",placeholder:c("terminal:database.searchQueries"),value:j,onChange:n=>p(n.target.value)}),e.jsxs("label",{className:"query-history__filter",children:[e.jsx("input",{type:"checkbox",checked:Q,onChange:n=>N(n.target.checked)}),c("terminal:database.favoritesOnly")]}),e.jsx("button",{className:"query-history__clear",onClick:w,title:c("terminal:database.clearAll"),children:c("terminal:database.clearAll")})]}),e.jsxs("div",{className:"query-history__list",children:[o.map(n=>e.jsxs("div",{className:`query-history__item ${n.status==="error"?"query-history__item--error":""}`,onClick:()=>l(n.query),children:[e.jsxs("div",{className:"query-history__item-header",children:[e.jsx("span",{className:`query-history__status ${n.status==="success"?"query-history__status--success":"query-history__status--error"}`,children:e.jsx(H,{name:n.status==="success"?"check":"cross",size:12})}),e.jsx("span",{className:"query-history__database",children:n.database}),e.jsx("span",{className:"query-history__date",children:q(n.executedAt)}),e.jsxs("span",{className:"query-history__duration",children:[n.duration,"ms"]}),n.rowCount!==void 0&&e.jsx("span",{className:"query-history__row-count",children:c("terminal:database.rowCount",{count:n.rowCount})})]}),e.jsx("div",{className:"query-history__query",children:e.jsx("code",{children:n.query.length>200?n.query.substring(0,200)+"...":n.query})}),n.error&&e.jsx("div",{className:"query-history__error",children:n.error}),e.jsxs("div",{className:"query-history__actions",children:[e.jsx("button",{className:`query-history__favorite ${n.favorite?"query-history__favorite--active":""}`,onClick:d=>M(n.id,d),title:n.favorite?c("terminal:database.removeFromFavorites"):c("terminal:database.addToFavorites"),children:e.jsx(H,{name:"star",size:12,weight:n.favorite?"fill":"regular",color:n.favorite?"#facc15":void 0})}),e.jsx("button",{className:"query-history__delete",onClick:d=>R(n.id,d),title:c("terminal:database.deleteFromHistory"),children:e.jsx(H,{name:"trash",size:12})})]})]},n.id)),o.length===0&&e.jsx("div",{className:"query-history__no-results",children:c("terminal:database.noQueriesMatch")})]}),e.jsx(ce,{isOpen:A,title:c("terminal:database.clearAll"),message:c("terminal:database.confirmClearHistory"),confirmLabel:c("terminal:database.clearAll"),cancelLabel:c("common:buttons.cancel"),variant:"danger",onConfirm:()=>u.clearQueryHistory(a),onClose:()=>P(!1)})]})},pe=({tabs:a,activeTabId:x,onTabClick:l,onTabClose:c})=>{const{t:j}=J(["terminal"]);return e.jsx("div",{className:"database-tabs",children:a.map(p=>e.jsxs("div",{className:`database-tabs__tab ${x===p.id?"database-tabs__tab--active":""}`,children:[e.jsxs("button",{className:"database-tabs__tab-label",onClick:()=>l(p),title:`${p.connectionName} / ${p.database}`,children:[p.database,e.jsx("span",{className:"database-tabs__tab-connection",children:p.connectionName})]}),e.jsx("button",{className:"database-tabs__tab-close",onClick:()=>c(p.id),title:j("terminal:database.closeTab"),"aria-label":`Close ${p.database} tab`,children:"×"})]},p.id))})},ee=a=>`db-panel-${a}`;function fe(a){try{const x=localStorage.getItem(ee(a));return x?JSON.parse(x):{}}catch{return{}}}function je(a,x){try{localStorage.setItem(ee(a),JSON.stringify(x))}catch{}}const Ce=({building:a,onClose:x})=>{var B,Y,W,X;const{t:l}=J(["terminal","common"]),c=Z(a.id),j=ie(a.id),p=de(a.id),Q=oe(a.id),N=r.useRef(fe(a.id)),A=r.useRef(null),P=r.useRef(0),o=((B=a.database)==null?void 0:B.connections)??[],q=(s,i)=>`${s}:${i}`,M=s=>s?(N.current.queries??{})[s]??"":N.current.generalQuery??"",[R,w]=r.useState("results"),[n,d]=r.useState(0),[T,E]=r.useState(!1),[k,U]=r.useState(!1),[F,z]=r.useState(()=>(N.current.openTabs??[]).map(i=>{var b;return{id:`${i.connectionId}:${i.database}`,connectionId:i.connectionId,connectionName:((b=o.find(L=>L.id===i.connectionId))==null?void 0:b.name)??i.connectionId,database:i.database}})),[S,O]=r.useState(N.current.activeTabId??null),[y,I]=r.useState(()=>{const s=N.current.queries??{};return N.current.generalQuery,s}),[f,_]=r.useState(M(S)),D=r.useCallback(s=>{_(i=>{const b=typeof s=="function"?s(i):s;return I(L=>{const $={...L};return S&&($[S]=b),$}),b})},[S]),h=c.activeConnectionId??N.current.connectionId??((Y=a.database)==null?void 0:Y.activeConnectionId)??((W=o[0])==null?void 0:W.id),v=c.activeDatabase??N.current.database??((X=a.database)==null?void 0:X.activeDatabase),K=o.find(s=>s.id===h),t=r.useCallback((s,i)=>{var $;const b=q(s,i),L=(($=o.find(G=>G.id===s))==null?void 0:$.name)??s;z(G=>{if(G.some(re=>re.id===b))return G;const ne={id:b,connectionId:s,connectionName:L,database:i};return[...G,ne]}),O(b),_(y[b]??""),u.setActiveConnection(a.id,s),u.setActiveDatabase(a.id,i)},[a.id,o,y]),m=r.useCallback(s=>{z(i=>i.filter(b=>b.id!==s)),S===s&&z(i=>{if(i.length>0){const b=i[0];O(b.id),_(y[b.id]??""),u.setActiveConnection(a.id,b.connectionId),u.setActiveDatabase(a.id,b.database)}else O(null),_("");return i})},[S,a.id,y]),g=r.useCallback(s=>{O(s.id),_(y[s.id]??""),u.setActiveConnection(a.id,s.connectionId),u.setActiveDatabase(a.id,s.database)},[a.id,y]);r.useEffect(()=>{if(!k&&o.length>0){const s=N.current;s.connectionId&&o.some(i=>i.id===s.connectionId)&&(u.setActiveConnection(a.id,s.connectionId),u.listDatabases(a.id,s.connectionId),s.database&&(u.setActiveDatabase(a.id,s.database),u.listTables(a.id,s.connectionId,s.database))),U(!0)}},[a.id,o,k]),r.useEffect(()=>{u.requestQueryHistory(a.id)},[a.id]),r.useEffect(()=>{const s=i=>{i.key==="Escape"&&(i.preventDefault(),i.stopPropagation(),x())};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[x]),r.useEffect(()=>{k&&h&&je(a.id,{connectionId:h,database:v,lastQuery:f,queries:y,generalQuery:"",openTabs:F.map(s=>({connectionId:s.connectionId,database:s.database})),activeTabId:S??void 0})},[a.id,h,v,f,k,F,S,y]);const C=r.useCallback(s=>{var i;if(!(!h||!v||!f.trim()||Q))if(s==="cursor"){const b=(i=A.current)==null?void 0:i.querySelector(".query-editor__textarea"),L=(b==null?void 0:b.selectionStart)??P.current,$=me(f,L);$&&u.executeQuery(a.id,h,v,$)}else{const b=ue(f);b.length<=1?u.executeQuery(a.id,h,v,f.trim()):b.forEach((L,$)=>{setTimeout(()=>{u.executeQuery(a.id,h,v,L.sql)},$*150)})}},[a.id,h,v,f,Q]),ae=r.useCallback(s=>{D(s),w("results")},[]),se=r.useCallback(s=>{u.setActiveConnection(a.id,s),u.listDatabases(a.id,s)},[a.id]),te=r.useCallback(s=>{h&&(t(h,s),u.listTables(a.id,h,s))},[a.id,h,t]),V=j[n];return o.length===0?e.jsxs("div",{className:"database-panel",ref:A,children:[e.jsxs("div",{className:"database-panel__header",children:[e.jsxs("div",{className:"database-panel__title",children:[e.jsx("span",{className:"database-panel__icon",children:e.jsx(H,{name:"database",size:16})}),e.jsx("span",{className:"database-panel__name",children:a.name})]}),e.jsx("button",{className:"database-panel__close",onClick:x,children:"×"})]}),e.jsx("div",{className:"database-panel__body",children:e.jsxs("div",{className:"database-panel__no-connections",children:[e.jsx("div",{className:"database-panel__no-connections-icon",children:e.jsx(H,{name:"plug",size:32})}),e.jsx("h3",{children:l("terminal:database.noConnections")}),e.jsx("p",{children:l("terminal:database.noConnectionsDesc")}),e.jsx("p",{children:l("terminal:database.toGetStarted")}),e.jsxs("ol",{children:[e.jsx("li",{children:l("terminal:database.step1Close")}),e.jsx("li",{children:l("terminal:database.step2Settings")}),e.jsx("li",{children:l("terminal:database.step3AddConnection")}),e.jsx("li",{children:l("terminal:database.step4Reopen")})]})]})})]}):e.jsxs("div",{className:"database-panel",ref:A,children:[e.jsxs("div",{className:"database-panel__header",children:[e.jsxs("div",{className:"database-panel__title",children:[e.jsx("span",{className:"database-panel__icon",children:(K==null?void 0:K.engine)==="mysql"?"🐬":"🐘"}),e.jsx("span",{className:"database-panel__name",children:a.name}),K&&e.jsxs("span",{className:"database-panel__connection-info",children:[K.name," / ",v||l("terminal:database.noDatabaseSelected")]})]}),e.jsx("button",{className:"database-panel__close",onClick:x,children:"×"})]}),e.jsxs("div",{className:"database-panel__body",children:[e.jsx(_e,{building:a,connections:o,activeConnectionId:h,activeDatabase:v,collapsed:T,onToggleCollapse:()=>E(!T),onConnectionChange:se,onDatabaseChange:te,onInsertTable:s=>D(i=>i+` ${s}`),onSelectTableQuery:s=>{const i=`SELECT * FROM ${s}`;D(i),h&&v&&u.executeQuery(a.id,h,v,i)}}),e.jsxs("div",{className:"database-panel__main",children:[F.length>0&&e.jsx(pe,{tabs:F,activeTabId:S,onTabClick:g,onTabClose:m}),e.jsx(be,{query:f,onChange:D,onExecute:C,isExecuting:Q,disabled:!h||!v}),e.jsxs("div",{className:"database-panel__tabs",children:[e.jsxs("button",{className:`database-panel__tab ${R==="results"?"database-panel__tab--active":""}`,onClick:()=>w("results"),children:[l("terminal:database.results"),j.length>0&&e.jsx("span",{className:"database-panel__tab-badge",children:j.length})]}),e.jsxs("button",{className:`database-panel__tab ${R==="history"?"database-panel__tab--active":""}`,onClick:()=>w("history"),children:[l("terminal:database.history"),p.length>0&&e.jsx("span",{className:"database-panel__tab-badge",children:p.length})]}),R==="results"&&j.length>1&&e.jsxs("div",{className:"database-panel__result-nav",children:[e.jsxs("button",{disabled:n>=j.length-1,onClick:()=>d(s=>s+1),children:["← ",l("terminal:database.older")]}),e.jsxs("span",{children:[n+1," / ",j.length]}),e.jsxs("button",{disabled:n<=0,onClick:()=>d(s=>s-1),children:[l("terminal:database.newer")," →"]})]})]}),e.jsx("div",{className:"database-panel__tab-content",children:R==="results"?V?e.jsx(he,{result:V,buildingId:a.id,building:a}):e.jsxs("div",{className:"database-panel__empty",children:[e.jsx("p",{children:l("terminal:database.noResultsYet")}),e.jsx("p",{children:l("terminal:database.selectDbAndRun")})]}):e.jsx(xe,{buildingId:a.id,history:p,onLoadQuery:ae})})]})]})]})};export{Ce as DatabasePanel,_e as DatabaseSidebar,pe as DatabaseTabs,be as QueryEditor,xe as QueryHistoryPanel,he as ResultsTable};

package/dist/assets/{index-DAeO95Ee.js → index-PmiCO3k8.js}

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