tide-commander 1.76.1 → 1.77.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{BossLogsModal-BvqhFr-_.js → BossLogsModal-DadqfwM-.js} +1 -1
- package/dist/assets/{BossSpawnModal-BqeggU8B.js → BossSpawnModal-BfBD2177.js} +1 -1
- package/dist/assets/{ControlsModal-CSoosVZr.js → ControlsModal-C7k19rVV.js} +1 -1
- package/dist/assets/{DockerLogsModal-5ka7WQGS.js → DockerLogsModal-zerJaMSY.js} +1 -1
- package/dist/assets/{EmbeddedEditor-kjkjmn6F.js → EmbeddedEditor-C_sbdn9e.js} +1 -1
- package/dist/assets/{GmailOAuthSetup-DnKKZb60.js → GmailOAuthSetup-CWUAVZZM.js} +1 -1
- package/dist/assets/{GoogleOAuthSetup-BTj7FsrM.js → GoogleOAuthSetup-E7aWGuMy.js} +1 -1
- package/dist/assets/{IframeModal-nxTVYdR0.js → IframeModal-BNwvP8Po.js} +1 -1
- package/dist/assets/{IntegrationsPanel-BvtjQzY0.js → IntegrationsPanel-CWQ5Uum4.js} +2 -2
- package/dist/assets/{LogViewerModal-By8qYc9w.js → LogViewerModal-BCXMLdRH.js} +1 -1
- package/dist/assets/{MonitoringModal-LHdMN5Or.js → MonitoringModal-DK79sc5N.js} +1 -1
- package/dist/assets/{PM2LogsModal-DP_YALRa.js → PM2LogsModal-Bh3w4epV.js} +1 -1
- package/dist/assets/{RestoreArchivedAreaModal-CVO0oR47.js → RestoreArchivedAreaModal-B-H5Skrp.js} +1 -1
- package/dist/assets/{Scene2DCanvas-DfUD0nME.js → Scene2DCanvas-B9UN5ZKm.js} +1 -1
- package/dist/assets/{SceneManager-Bg-SrewQ.js → SceneManager-FjdQYco5.js} +1 -1
- package/dist/assets/{SkillsPanel-5QZS4STu.js → SkillsPanel-B9C8MwOF.js} +1 -1
- package/dist/assets/{SpawnModal-a2FD8WPF.js → SpawnModal-D_LcFbP1.js} +1 -1
- package/dist/assets/{SubordinateAssignmentModal-BeJbKpsd.js → SubordinateAssignmentModal-BoanKhXq.js} +1 -1
- package/dist/assets/{TriggerManagerPanel-DPWafr0E.js → TriggerManagerPanel-Ck-tzKLv.js} +1 -1
- package/dist/assets/{WorkflowEditorPanel-DmuyeVwF.js → WorkflowEditorPanel-Bwvw_Vgj.js} +1 -1
- package/dist/assets/{index-Bke3uhph.js → index-7isjCekP.js} +1 -1
- package/dist/assets/{index-DYLNcrZv.js → index-8lOgiTZV.js} +1 -1
- package/dist/assets/{index-CiKHoc8R.js → index-B5v0FpYR.js} +1 -1
- package/dist/assets/{index-DayvqdK7.js → index-BAwissdJ.js} +1 -1
- package/dist/assets/index-BJJScfkg.js +5 -0
- package/dist/assets/{index-Bj1Pqg6L.js → index-BKq2RkPI.js} +3 -3
- package/dist/assets/{index-CJxPWWsK.js → index-Baz89OXb.js} +2 -2
- package/dist/assets/index-DMa3VOph.js +2 -0
- package/dist/assets/{index-CKVdchOZ.js → index-DvKJEzc1.js} +1 -1
- package/dist/assets/{main-fW1jgDdk.js → main-CiaEK7il.js} +89 -89
- package/dist/assets/{web-DtSOZSKy.js → web-BdPxI-ix.js} +1 -1
- package/dist/assets/{web-hgiguPCO.js → web-C1fk4YYO.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/index-BvsiXRZ_.js +0 -5
- package/dist/assets/index-_wAKWXkS.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c5 as a}from"./main-
|
|
1
|
+
import{c5 as a}from"./main-CiaEK7il.js";import{ImpactStyle as i,NotificationType as r}from"./index-Baz89OXb.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";class h extends a{constructor(){super(...arguments),this.selectionStarted=!1}async impact(t){const e=this.patternForImpact(t==null?void 0:t.style);this.vibrateWithPattern(e)}async notification(t){const e=this.patternForNotification(t==null?void 0:t.type);this.vibrateWithPattern(e)}async vibrate(t){const e=(t==null?void 0:t.duration)||300;this.vibrateWithPattern([e])}async selectionStart(){this.selectionStarted=!0}async selectionChanged(){this.selectionStarted&&this.vibrateWithPattern([70])}async selectionEnd(){this.selectionStarted=!1}patternForImpact(t=i.Heavy){return t===i.Medium?[43]:t===i.Light?[20]:[61]}patternForNotification(t=r.Success){return t===r.Warning?[30,40,30,50,60]:t===r.Error?[27,45,50]:[35,65,21]}vibrateWithPattern(t){if(navigator.vibrate)navigator.vibrate(t);else throw this.unavailable("Browser does not support the vibrate API")}}export{h as HapticsWeb};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c5 as s}from"./main-
|
|
1
|
+
import{c5 as s}from"./main-CiaEK7il.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";class l extends s{constructor(){super(...arguments),this.pending=[],this.deliveredNotifications=[],this.hasNotificationSupport=()=>{if(!("Notification"in window)||!Notification.requestPermission)return!1;if(Notification.permission!=="granted")try{new Notification("")}catch(i){if(i instanceof Error&&i.name==="TypeError")return!1}return!0}}async getDeliveredNotifications(){const i=[];for(const t of this.deliveredNotifications){const e={title:t.title,id:parseInt(t.tag),body:t.body};i.push(e)}return{notifications:i}}async removeDeliveredNotifications(i){for(const t of i.notifications){const e=this.deliveredNotifications.find(n=>n.tag===String(t.id));e==null||e.close(),this.deliveredNotifications=this.deliveredNotifications.filter(()=>!e)}}async removeAllDeliveredNotifications(){for(const i of this.deliveredNotifications)i.close();this.deliveredNotifications=[]}async createChannel(){throw this.unimplemented("Not implemented on web.")}async deleteChannel(){throw this.unimplemented("Not implemented on web.")}async listChannels(){throw this.unimplemented("Not implemented on web.")}async schedule(i){if(!this.hasNotificationSupport())throw this.unavailable("Notifications not supported in this browser.");for(const t of i.notifications)this.sendNotification(t);return{notifications:i.notifications.map(t=>({id:t.id}))}}async getPending(){return{notifications:this.pending}}async registerActionTypes(){throw this.unimplemented("Not implemented on web.")}async cancel(i){this.pending=this.pending.filter(t=>!i.notifications.find(e=>e.id===t.id))}async areEnabled(){const{display:i}=await this.checkPermissions();return{value:i==="granted"}}async changeExactNotificationSetting(){throw this.unimplemented("Not implemented on web.")}async checkExactNotificationSetting(){throw this.unimplemented("Not implemented on web.")}async requestPermissions(){if(!this.hasNotificationSupport())throw this.unavailable("Notifications not supported in this browser.");return{display:this.transformNotificationPermission(await Notification.requestPermission())}}async checkPermissions(){if(!this.hasNotificationSupport())throw this.unavailable("Notifications not supported in this browser.");return{display:this.transformNotificationPermission(Notification.permission)}}transformNotificationPermission(i){switch(i){case"granted":return"granted";case"denied":return"denied";default:return"prompt"}}sendPending(){var i;const t=[],e=new Date().getTime();for(const n of this.pending)!((i=n.schedule)===null||i===void 0)&&i.at&&n.schedule.at.getTime()<=e&&(this.buildNotification(n),t.push(n));this.pending=this.pending.filter(n=>!t.find(o=>o===n))}sendNotification(i){var t;if(!((t=i.schedule)===null||t===void 0)&&t.at){const e=i.schedule.at.getTime()-new Date().getTime();this.pending.push(i),setTimeout(()=>{this.sendPending()},e);return}this.buildNotification(i)}buildNotification(i){const t=new Notification(i.title,{body:i.body,tag:String(i.id)});return t.addEventListener("click",this.onClick.bind(this,i),!1),t.addEventListener("show",this.onShow.bind(this,i),!1),t.addEventListener("close",()=>{this.deliveredNotifications=this.deliveredNotifications.filter(()=>!this)},!1),this.deliveredNotifications.push(t),t}onClick(i){const t={actionId:"tap",notification:i};this.notifyListeners("localNotificationActionPerformed",t)}onShow(i){this.notifyListeners("localNotificationReceived",i)}}export{l as LocalNotificationsWeb};
|
package/dist/index.html
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
<link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16x16.png" />
|
|
23
23
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png" />
|
|
24
24
|
<title>Tide Commander</title>
|
|
25
|
-
<script type="module" crossorigin src="/assets/main-
|
|
25
|
+
<script type="module" crossorigin src="/assets/main-CiaEK7il.js"></script>
|
|
26
26
|
<link rel="modulepreload" crossorigin href="/assets/vendor-react--Eh9ivFN.js">
|
|
27
27
|
<link rel="modulepreload" crossorigin href="/assets/vendor-three-Chj50gSY.js">
|
|
28
28
|
<link rel="stylesheet" crossorigin href="/assets/main-Co2mNETL.css">
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import{b9 as Oe,r as t,s as I,l as ye,ba as Ee,aE as _e,j as e,I as z,u as fe,bb as ze,bc as Te,bd as Be,be as Ue,m as Ke,bf as We,bg as De,bh as Ve,$ as Ge,a0 as qe,bi as Ye,aN as Je,E as Me,S as ce,aH as Xe,aD as Qe,V as Ze,G as Ie,ab as et,N as tt,bj as st,n as X,bk as nt}from"./main-fW1jgDdk.js";import{F as at}from"./index-Bj1Pqg6L.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const Se={status:"all",activity:"all",sort:"activity"},lt={"1h":3600*1e3,"6h":360*60*1e3,"24h":1440*60*1e3},Ae=20,me=3,ct={idle:"#4aff9e",working:"#4a9eff",waiting:"#ff9e4a",waiting_permission:"#ffcc00",error:"#ff4a4a",offline:"#888888",orphaned:"#ff9e4a"},ot=12e4;function rt(n){return n.trim().replace(/\r\n/g,`
|
|
2
|
-
`)}function $e(n,a){return`${n}:${rt(a)}`}function it(n,a,l,f){if(n.uuid&&a.has(n.uuid))return!1;const p=n.isUserPrompt?"user":"assistant",d=$e(p,n.text),M=n.timestamp||0,A=l.get(d);return A!==void 0&&Math.abs(M-A)<=ot?!1:M>f}function dt({isOpen:n,agents:a}){const l=Oe(),[f,p]=t.useState(new Map),d=t.useRef(new Set);t.useRef(a);const M=t.useMemo(()=>Array.from(a.keys()).sort().join(","),[a]),A=t.useMemo(()=>Array.from(a.values()).map(j=>`${j.id}:${j.sessionId||""}`).sort().join(","),[a]);t.useEffect(()=>{n||(d.current.clear(),p(new Map))},[n]),t.useEffect(()=>{if(!n)return;const j=new Set(Array.from(a.keys()));for(const i of d.current)j.has(i)||d.current.delete(i);let h=null;l>0&&(h=I.preserveOutputs(),d.current.clear());const v=async(i,C,F=0)=>{if(d.current.add(i.id),F>0&&await new Promise(x=>setTimeout(x,F)),p(x=>{const k=new Map(x);return k.set(i.id,{agentId:i.id,messages:[],loading:!0,hasMore:!1,totalCount:0}),k}),!i.sessionId){C&&C.length>0&&I.mergeOutputsWithHistory(i.id,[],C),p(x=>{const k=new Map(x);return k.set(i.id,{agentId:i.id,messages:[],loading:!1,hasMore:!1,totalCount:0}),k});return}try{const k=await(await _e(ye(`/api/agents/${i.id}/history?limit=${Ee}&offset=0`))).json(),P=k.messages||[],W=P.length>0?Math.max(...P.map(w=>w.timestamp?new Date(w.timestamp).getTime():0)):0,Y=new Set(P.map(w=>w.uuid).filter(w=>!!w)),V=new Map;for(const w of P){if(w.type!=="user"&&w.type!=="assistant")continue;const o=$e(w.type,w.content),L=w.timestamp?new Date(w.timestamp).getTime():0,K=V.get(o)??0;L>K&&V.set(o,L)}const G=I.getOutputs(i.id),U=(C&&C.length>0?[...C,...G]:G).filter(w=>it(w,Y,V,W));I.clearOutputs(i.id);for(const w of U)I.addOutput(i.id,w);p(w=>{const o=new Map(w);return o.set(i.id,{agentId:i.id,messages:P,loading:!1,hasMore:k.hasMore||!1,totalCount:k.totalCount||0}),o})}catch(x){if(console.error(`Failed to load history for ${i.name}:`,x),C&&C.length>0){I.clearOutputs(i.id);for(const k of C)I.addOutput(i.id,k)}p(k=>{const P=new Map(k);return P.set(i.id,{agentId:i.id,messages:[],loading:!1,hasMore:!1,totalCount:0}),P})}},u=l>0?500:0,D=Array.from(a.values());for(const i of D)if(!d.current.has(i.id)){const C=h==null?void 0:h.get(i.id);v(i,C,u)}},[n,M,A,l]);const R=t.useRef(a),S=t.useRef(f);R.current=a,S.current=f;const b=t.useCallback(async j=>{const h=R.current.get(j),v=S.current.get(j);if(!(h!=null&&h.sessionId)||!v||!v.hasMore)return;const u=v.messages.length;try{const i=await(await fetch(ye(`/api/agents/${j}/history?limit=${Ee}&offset=${u}`))).json();i.messages&&i.messages.length>0&&p(C=>{const F=new Map(C),x=C.get(j);return x&&F.set(j,{...x,messages:[...i.messages,...x.messages],hasMore:i.hasMore||!1}),F})}catch(D){console.error(`Failed to load more history for agent ${j}:`,D)}},[]),E=t.useCallback(j=>{d.current.delete(j),p(h=>{const v=new Map(h),u=h.get(j);return u&&v.set(j,{...u,messages:[],hasMore:!1,totalCount:0,loading:!1}),v})},[]);return{histories:f,loadMoreHistory:b,clearAgentHistory:E}}function ut({command:n,onCommandChange:a,useTextarea:l,forceTextarea:f,onForceTextarea:p,onSend:d,canSend:M,attachedFiles:A,onAddFile:R,onRemoveFile:S,uploadFile:b,onAddPastedText:E,placeholder:j="Message...",className:h="",compact:v=!1,inputRef:u}){const D=t.useRef(null),i=t.useRef(null),C=t.useRef(l);t.useEffect(()=>{if(l&&!C.current&&i.current){const o=i.current;o.focus(),o.selectionStart=o.selectionEnd=o.value.length}C.current=l},[l]),t.useEffect(()=>{const o=i.current;if(!o||!l)return;o.style.height="auto";const L=v?120:180,K=Math.min(o.scrollHeight,L);o.style.height=`${K}px`},[n,l,v]);const F=t.useCallback(async o=>{const L=o.clipboardData.items;for(const _ of L)if(_.type.startsWith("image/")){o.preventDefault();const $=_.getAsFile();if($){const H=await b($);H&&R(H)}return}const K=o.clipboardData.files;if(K.length>0){o.preventDefault();for(const _ of K){const $=await b(_);$&&R($)}return}const B=o.clipboardData.getData("text"),te=(B.match(/\n/g)||[]).length+1;if(te>5){o.preventDefault();const $=`[Pasted text #${E(B)} +${te} lines]`,H=o.target,se=H.selectionStart||0,ae=H.selectionEnd||0,ne=n.slice(0,se)+$+n.slice(ae);a(ne),l||p(!0)}},[n,a,l,p,b,R,E]),x=t.useCallback(async o=>{const L=o.target.files;if(L){for(const K of L){const B=await b(K);B&&R(B)}D.current&&(D.current.value="")}},[b,R]),k=t.useCallback(o=>{if(o.key==="Enter"&&o.shiftKey){l||(o.preventDefault(),p(!0));return}o.key==="Enter"&&(o.preventDefault(),d())},[l,p,d]),P=t.useCallback(o=>{},[]),W=t.useCallback(o=>{o.button===1&&(o.preventDefault(),o.stopPropagation())},[]),Y=t.useCallback(o=>{i.current=o,u==null||u(o)},[u]),V=v?"agent-panel-input":"guake-input",G=v?"agent-panel-input-container":"guake-input-container",Q=v?"agent-panel-attach-btn":"guake-attach-btn",U=v?"agent-panel-send-btn":"",w=l?v?"agent-panel-input-expanded":"guake-input-expanded":"";return e.jsxs(e.Fragment,{children:[A.length>0&&e.jsx("div",{className:v?"agent-panel-attachments":"guake-attachments",children:A.map(o=>e.jsxs("div",{className:`${v?"agent-panel-attachment":"guake-attachment"} ${o.isImage?"is-image":""}`,children:[e.jsx("span",{className:v?"agent-panel-attachment-icon":"guake-attachment-icon",children:e.jsx(z,{name:o.isImage?"file":"paperclip",size:12})}),e.jsx("span",{className:v?"agent-panel-attachment-name":"guake-attachment-name",title:o.path,children:o.name}),!v&&e.jsxs("span",{className:"guake-attachment-size",children:["(",Math.round(o.size/1024),"KB)"]}),e.jsx("button",{className:v?"agent-panel-attachment-remove":"guake-attachment-remove",onClick:()=>S(o.id),title:"Remove",children:"×"})]},o.id))}),e.jsxs("div",{className:`${V} ${w} ${h}`,children:[e.jsx("input",{ref:D,type:"file",multiple:!0,onChange:x,style:{display:"none"},accept:"*"}),e.jsxs("div",{className:G,onAuxClick:W,children:[e.jsx("button",{className:Q,onClick:()=>{var o;return(o=D.current)==null?void 0:o.click()},title:"Attach file (or paste image)",children:e.jsx(z,{name:"paperclip",size:14})}),l?e.jsx("textarea",{ref:Y,placeholder:j,value:n,onChange:o=>a(o.target.value),onKeyDown:k,onPaste:F,onMouseDown:P}):e.jsx("input",{ref:u,type:"text",placeholder:j,value:n,onChange:o=>a(o.target.value),onKeyDown:k,onPaste:F,onMouseDown:P}),e.jsx("button",{className:U,onClick:d,disabled:!M,title:"Send",children:e.jsx(z,{name:"send",size:14})})]})]})]})}function mt(n){const a=Math.floor(n/1e3),l=Math.floor(a/60),f=a%60;return`${l}:${f.toString().padStart(2,"0")}`}const ft=t.memo(function({agentId:a,isWorking:l,timestamp:f}){const{t:p}=fe(["terminal"]),[d,M]=t.useState(0);return t.useEffect(()=>{if(!l||!f){M(0);return}M(Date.now()-f);const A=setInterval(()=>{M(Date.now()-f)},1e3);return()=>clearInterval(A)},[l,f]),l?e.jsxs("div",{className:"guake-stop-bar",children:[e.jsx("span",{className:"guake-elapsed-timer",children:mt(d)}),e.jsxs("button",{className:"guake-stop-btn",onClick:()=>I.stopAgent(a),title:p("terminal:input.stopOperation"),children:[e.jsx("span",{className:"stop-icon",children:e.jsx(z,{name:"stop",size:12,weight:"fill"})}),e.jsx("span",{className:"stop-label",children:p("terminal:input.stop")})]})]}):null});function pt({agent:n,history:a,outputs:l,isExpanded:f,isFocused:p,advancedView:d,onExpand:M,onFocus:A,inputRef:R,onLoadMore:S,onClearHistory:b}){const{t:E}=fe(["terminal","common"]),j=ze(n.id),h=t.useRef(null),[v,u]=t.useState(!1),D=t.useRef(0),i=t.useRef(!1),[C,F]=t.useState(!0),[x,k]=t.useState(!1),[P,W]=t.useState(null),[Y,V]=t.useState(null),[G,Q]=t.useState(null);Te(`commander-image-modal-${n.id}`,P!==null,()=>W(null));const{command:U,setCommand:w,forceTextarea:o,setForceTextarea:L,useTextarea:K,setPastedTexts:B,incrementPastedCount:te,resetPastedCount:_,attachedFiles:$,setAttachedFiles:H,removeAttachedFile:se,uploadFile:ae,expandPastedTexts:ne}=Be({selectedAgentId:n.id}),le=U.trim().length>0||$.length>0,s=Ue({outputs:l,viewMode:d?"advanced":"simple"}),c=t.useMemo(()=>{const N=Ke(n);return{usedPercent:N.usedPercent,freePercent:N.freePercent,hasData:!!n.contextStats,totalTokens:N.totalTokens,contextWindow:N.contextWindow}},[n.contextStats,n.contextUsed,n.contextLimit]),g=t.useCallback(()=>{!v&&(a!=null&&a.hasMore)&&S&&(u(!0),D.current=h.current?h.current.scrollHeight-h.current.scrollTop:0,S())},[v,a==null?void 0:a.hasMore,S]);t.useEffect(()=>{v&&a&&!a.loading&&u(!1)},[a,v]);const m=t.useCallback(()=>{i.current=!0,F(!1)},[]),T=t.useRef(f),Z=t.useRef(p);t.useEffect(()=>{(f&&!T.current||p&&!Z.current)&&(i.current=!1,F(!0),k(!0)),T.current=f,Z.current=p},[f,p]);const ee=t.useRef(a==null?void 0:a.loading);t.useEffect(()=>{ee.current&&!(a!=null&&a.loading)&&(i.current=!1,F(!0),k(!0)),ee.current=a==null?void 0:a.loading},[a==null?void 0:a.loading]),t.useEffect(()=>{if(!x)return;const N=h.current;if(!N)return;const y=performance.now();let O=0,ue=-1,ke;const Re=()=>{const{scrollTop:Fe,scrollHeight:Ne,clientHeight:Le}=N,He=Ne-Fe-Le<=2;if(Math.abs(Ne-ue)<=1&&He?O+=1:O=0,ue=Ne,O>=3){k(!1);return}if(performance.now()-y>5e3){k(!1);return}ke=requestAnimationFrame(Re)};return ke=requestAnimationFrame(Re),()=>cancelAnimationFrame(ke)},[x]),t.useEffect(()=>{i.current||F(!0)},[s.length]);const q=t.useCallback(()=>!1,[]),ie=t.useCallback(N=>{const y=te();return B(O=>new Map(O).set(y,N)),y},[te,B]),he=t.useCallback(N=>{H(y=>[...y,N])},[H]),xe=t.useCallback(()=>{if(!le)return;if(U.trim()==="/clear"&&$.length===0){I.clearContext(n.id),b(),w(""),L(!1),B(new Map),H([]),_();return}let N=ne(U.trim());if($.length>0){const y=$.map(O=>O.isImage?`[Image: ${O.path}]`:`[File: ${O.path}]`).join(`
|
|
3
|
-
`);N=N?`${N}
|
|
4
|
-
|
|
5
|
-
${y}`:y}I.sendCommand(n.id,N),w(""),L(!1),B(new Map),H([]),_()},[n.id,U,le,$,ne,b,_,w,L,B,H]),ge=t.useCallback((N,y)=>{W({url:N,name:y})},[]),ve=t.useCallback((N,y)=>{const O=We(N,n.cwd),ue=O.line?{...y||{},targetLine:O.line}:y;I.setFileViewerPath(O.path,ue,n.cwd)},[n.cwd]),je=t.useCallback((N,y)=>{V({command:N,output:y,isLive:y==="Running..."})},[]),we=t.useCallback(N=>{Q(N)},[]),Ce=t.useCallback(()=>{k(!1),i.current=!0,F(!1)},[]),be=t.useCallback(()=>W(null),[]),r=t.useCallback(()=>V(null),[]),J=t.useCallback(()=>Q(null),[]),de=t.useCallback(N=>{N.stopPropagation(),M()},[M]),oe=ct[n.status]||"#888888",re=(a==null?void 0:a.messages)||[];return e.jsxs("div",{className:`agent-panel ${n.status==="working"?"working":""} ${f?"expanded":""} ${p?"focused":""}`,onClick:p?void 0:A,children:[e.jsxs("div",{className:"agent-panel-header",onClick:p?A:void 0,children:[e.jsxs("div",{className:"agent-panel-info",children:[e.jsx("span",{className:"agent-panel-status",style:{background:oe},title:n.status}),e.jsxs("span",{className:"agent-panel-name",children:[(n.isBoss||n.class==="boss")&&e.jsx("span",{className:"agent-panel-boss-crown",children:e.jsx(z,{name:"crown",size:14})}),n.name]}),e.jsx("span",{className:`agent-panel-status-label ${n.status}`,children:n.status}),e.jsx("span",{className:"agent-panel-class",children:n.class}),e.jsx("span",{className:`agent-panel-provider ${n.provider==="codex"?"codex":n.provider==="opencode"?"opencode":"claude"}`,children:n.provider||"claude"}),e.jsxs("span",{className:"agent-panel-id",title:`ID: ${n.id}`,children:["[",n.id.substring(0,4),"]"]}),n.taskLabel?e.jsxs("div",{className:"agent-panel-task agent-panel-task-label",title:n.taskLabel,children:[e.jsx(z,{name:"task",size:12})," ",n.taskLabel]}):n.currentTask?e.jsxs("div",{className:"agent-panel-task",title:n.currentTask,children:[n.currentTask.substring(0,40),"..."]}):null]}),e.jsxs("div",{className:"agent-panel-context",title:`Context: ${Math.round(c.usedPercent)}% used (${De(c.totalTokens)} / ${De(c.contextWindow)})`,children:[e.jsx("div",{className:"agent-panel-context-bar",style:{background:c.freePercent<20?"#ff4a4a":c.freePercent<50?"#ff9e4a":"#4aff9e",width:`${c.freePercent}%`}}),e.jsxs("span",{className:"agent-panel-context-text",children:[Math.round(c.freePercent),"%"]})]}),e.jsx("div",{className:"agent-panel-actions",children:e.jsx("button",{className:"agent-panel-expand",onClick:de,title:E(f?"commander.collapsePanel":"commander.expandPanel"),children:f?e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("polyline",{points:"4 14 10 14 10 20"}),e.jsx("polyline",{points:"20 10 14 10 14 4"}),e.jsx("line",{x1:"14",y1:"10",x2:"21",y2:"3"}),e.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}):e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("polyline",{points:"9 21 3 21 3 15"}),e.jsx("line",{x1:"21",y1:"3",x2:"14",y2:"10"}),e.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]})})})]}),e.jsx("div",{className:"agent-panel-content",ref:h,children:a!=null&&a.loading?e.jsx("div",{className:"agent-panel-loading",children:E("common:status.loading")}):e.jsx(e.Fragment,{children:!re.length&&!s.length?e.jsxs("div",{className:"agent-panel-empty",children:[E("commander.noMessages"),!n.sessionId&&e.jsx("div",{style:{fontSize:"10px",color:"#666"},children:E("commander.noSessionId")})]}):e.jsx(Ve,{historyMessages:re,liveOutputs:s,agentId:n.id,viewMode:d?"advanced":"simple",selectedMessageIndex:null,isMessageSelected:q,onImageClick:ge,onFileClick:ve,onBashClick:je,onViewMarkdown:we,scrollContainerRef:h,onScrollTopReached:g,isLoadingMore:v,hasMore:a==null?void 0:a.hasMore,shouldAutoScroll:C,onUserScroll:m,pinToBottom:x,onPinCancel:Ce,isLoadingHistory:a==null?void 0:a.loading})})}),e.jsxs("div",{className:`guake-input-wrapper ${n.status==="working"?"has-stop-btn is-working":""}`,children:[e.jsx(ft,{agentId:n.id,isWorking:n.status==="working",timestamp:j==null?void 0:j.timestamp}),e.jsx(ut,{command:U,onCommandChange:w,useTextarea:K,forceTextarea:o,onForceTextarea:L,onSend:xe,canSend:le,attachedFiles:$,onAddFile:he,onRemoveFile:se,uploadFile:ae,onAddPastedText:ie,placeholder:E("commander.command",{name:n.name}),compact:!1,inputRef:R})]}),P&&e.jsx(Ge,{url:P.url,name:P.name,onClose:be}),Y&&e.jsx(qe,{state:Y,onClose:r}),e.jsx(Ye,{agent:n,content:G,onClose:J})]})}function ht({currentArea:n,onClose:a}){const{t:l}=fe(["terminal","common"]),[f,p]=t.useState(()=>{const u=new Set(Array.from(I.getState().agents.values()).map(D=>D.name));return Je.find(D=>!u.has(D))||`Agent-${Date.now().toString(36)}`}),[d,M]=t.useState(()=>Me(ce.LAST_CWD)),[A,R]=t.useState("scout"),[S,b]=t.useState("claude"),[E,j]=t.useState(!1),h=()=>{if(!f.trim()||!d.trim())return;j(!0),Ie(ce.LAST_CWD,d);let u;n&&(u={x:n.center.x,z:n.center.z}),I.spawnAgent(f.trim(),A,d.trim(),u,void 0,void 0,void 0,void 0,S),setTimeout(()=>{a()},500)},v=u=>{u.key==="Enter"&&!u.shiftKey&&(u.preventDefault(),h()),u.key==="Escape"&&a()};return e.jsx("div",{className:"commander-spawn-overlay",onClick:a,children:e.jsxs("div",{className:"commander-spawn-form",onClick:u=>u.stopPropagation(),children:[e.jsxs("div",{className:"commander-spawn-header",children:[e.jsx("h3",{children:l("spawn.addNewAgent")}),n&&e.jsxs("span",{className:"commander-spawn-area",children:[e.jsx("span",{className:"commander-spawn-area-dot",style:{background:n.color}}),n.name]})]}),e.jsxs("div",{className:"commander-spawn-body",children:[e.jsxs("div",{className:"commander-spawn-field",children:[e.jsx("label",{children:l("common:labels.name")}),e.jsx("input",{type:"text",value:f,onChange:u=>p(u.target.value),onKeyDown:v,autoFocus:!0})]}),e.jsxs("div",{className:"commander-spawn-field",children:[e.jsx("label",{children:l("common:labels.workingDirectory")}),e.jsx(Xe,{value:d,onChange:M,onSubmit:h,placeholder:l("spawn.workingDirPlaceholder"),directoriesOnly:!0})]}),e.jsxs("div",{className:"commander-spawn-field",children:[e.jsx("label",{children:l("common:labels.class")}),e.jsx("div",{className:"commander-spawn-classes",children:Qe.map(u=>e.jsxs("button",{className:`commander-spawn-class ${A===u.id?"selected":""}`,onClick:()=>R(u.id),children:[e.jsx(Ze,{classId:u.id,size:18,className:"commander-spawn-class-icon"}),e.jsx("span",{children:u.name})]},u.id))})]}),e.jsxs("div",{className:"commander-spawn-field",children:[e.jsx("label",{children:l("common:labels.runtime")}),e.jsxs("div",{className:"commander-spawn-classes",children:[e.jsxs("button",{className:`commander-spawn-class ${S==="claude"?"selected":""}`,onClick:()=>b("claude"),children:[e.jsx("span",{className:"commander-spawn-class-icon",children:e.jsx(z,{name:"brain",size:14})}),e.jsx("span",{children:"Claude"})]}),e.jsxs("button",{className:`commander-spawn-class ${S==="codex"?"selected":""}`,onClick:()=>b("codex"),children:[e.jsx("span",{className:"commander-spawn-class-icon",children:e.jsx(z,{name:"gear",size:14})}),e.jsx("span",{children:"Codex"})]}),e.jsxs("button",{className:`commander-spawn-class ${S==="opencode"?"selected":""}`,onClick:()=>b("opencode"),children:[e.jsx("span",{className:"commander-spawn-class-icon",children:e.jsx(z,{name:"status-pending",size:12,weight:"fill",color:"#4ade80"})}),e.jsx("span",{children:"OpenCode"})]})]})]})]}),e.jsxs("div",{className:"commander-spawn-footer",children:[e.jsx("button",{className:"commander-spawn-cancel",onClick:a,children:l("common:buttons.cancel")}),e.jsx("button",{className:"commander-spawn-submit",onClick:h,disabled:!f.trim()||!d.trim()||E,children:l(E?"common:buttons.deploying":"common:buttons.deploy")})]})]})})}const Pe=t.memo(function({agent:a,history:l,isExpanded:f,isFocused:p,advancedView:d,index:M,onExpand:A,onCollapse:R,onFocus:S,onInputRef:b,onLoadMore:E,onClearHistory:j}){const h=nt(a.id),v=t.useCallback(()=>{f?R():A(a.id)},[a.id,f,A,R]),u=t.useCallback(()=>{S(p?-1:M)},[M,p,S]),D=t.useCallback(F=>{b(a.id,F)},[a.id,b]),i=t.useCallback(()=>{E(a.id)},[a.id,E]),C=t.useCallback(()=>{j(a.id)},[a.id,j]);return e.jsx(pt,{agent:a,history:l,outputs:h,isExpanded:f,isFocused:p,advancedView:d,onExpand:v,onFocus:u,inputRef:D,onLoadMore:i,onClearHistory:C})});function Ct({isOpen:n,onClose:a}){const{t:l}=fe(["terminal","common"]),f=et(),p=tt(),[d,M]=t.useState(()=>Me(ce.COMMANDER_TAB,"all")),[A,R]=t.useState(0),[S,b]=t.useState(null),E=t.useRef(null),[j,h]=t.useState(0),[v,u]=t.useState(!1),[D,i]=t.useState(null),[C,F]=t.useState(!1),[x,k]=t.useState(()=>{try{const s=Me(ce.COMMANDER_FILTERS,"");if(s)return{...Se,...JSON.parse(s)}}catch{}return Se}),P=t.useRef(new Map),W=t.useRef([]),Y=t.useRef(0),V=t.useRef([]),G=t.useRef(d),{histories:Q,loadMoreHistory:U,clearAgentHistory:w}=dt({isOpen:n,agents:f});t.useEffect(()=>{n||(b(null),h(0),u(!1))},[n]);const o=t.useMemo(()=>{const s=Array.from(p.values()).sort((g,m)=>g.name.localeCompare(m.name)),c=[{id:"all",name:l("common:labels.all")}];for(const g of s)c.push({id:g.id,name:g.name,color:g.color});return c.push({id:"unassigned",name:l("commander.unassigned")}),c},[p]),L=t.useMemo(()=>d==="all"||d==="unassigned"?null:p.get(d)||null,[d,p]),K=t.useMemo(()=>{const s=new Map;s.set("all",f.size);let c=0;for(const g of f.values()){const m=I.getAreaForAgent(g.id);m?s.set(m.id,(s.get(m.id)||0)+1):c++}return s.set("unassigned",c),s},[f]),B=x.status!=="all"||x.activity!=="all"||x.sort!=="activity",te=(x.status!=="all"?1:0)+(x.activity!=="all"?1:0)+(x.sort!=="activity"?1:0),_=t.useMemo(()=>{const s=m=>m.isBoss===!0||m.class==="boss",c=Date.now();let g=Array.from(f.values());if(d==="unassigned"?g=g.filter(m=>!I.getAreaForAgent(m.id)):d!=="all"&&(g=g.filter(m=>{const T=I.getAreaForAgent(m.id);return(T==null?void 0:T.id)===d})),x.status!=="all"&&(g=g.filter(m=>{switch(x.status){case"working":return m.status==="working";case"idle":return m.status==="idle";case"error":return m.status==="error"||m.status==="waiting"||m.status==="waiting_permission";case"offline":return m.status==="offline"||m.status==="orphaned";default:return!0}})),x.activity!=="all"){const m=lt[x.activity];g=g.filter(T=>c-(T.lastActivity||0)<m)}return g.sort((m,T)=>{var Z,ee;if(s(m)&&!s(T))return-1;if(!s(m)&&s(T))return 1;switch(x.sort){case"activity":return(T.lastActivity||0)-(m.lastActivity||0);case"name":return m.name.localeCompare(T.name);case"created":return(m.createdAt||0)-(T.createdAt||0);case"context":{const q=((Z=m.contextStats)==null?void 0:Z.usedPercent)??(m.contextUsed||0)/(m.contextLimit||2e5)*100;return(((ee=T.contextStats)==null?void 0:ee.usedPercent)??(T.contextUsed||0)/(T.contextLimit||2e5)*100)-q}default:return(T.lastActivity||0)-(m.lastActivity||0)}}),g},[f,d,x]),$=Math.ceil(_.length/Ae),H=t.useMemo(()=>_.slice(A*Ae,(A+1)*Ae),[_,A]);W.current=H,E.current=S,Y.current=j,V.current=o,G.current=d,Te("commander-expanded",S!==null,()=>b(null));const se=st();t.useEffect(()=>{n&&se&&(b(se),I.clearCommanderExpandRequest())},[n,se]);const ae=t.useCallback(()=>b(null),[]),ne=t.useCallback(s=>b(s),[]),le=t.useCallback(s=>h(s),[]),pe=t.useCallback((s,c)=>{c?P.current.set(s,c):P.current.delete(s)},[]);return t.useEffect(()=>{R(0),Ie(ce.COMMANDER_TAB,d)},[d]),t.useEffect(()=>{Ie(ce.COMMANDER_FILTERS,JSON.stringify(x)),R(0)},[x]),t.useEffect(()=>{var c;if(!n||window.matchMedia("(pointer: coarse)").matches)return;const s=S||((c=W.current[j])==null?void 0:c.id);if(s){const g=P.current.get(s);g&&document.activeElement!==g&&setTimeout(()=>g.focus(),50)}},[n,j,S]),t.useEffect(()=>{if(!n)return;const s=c=>{const g=I.getShortcuts(),m=c.target,T=m.tagName==="INPUT"||m.tagName==="TEXTAREA",Z=W.current,ee=Z.length-1,q=E.current,ie=g.find(r=>r.id==="commander-close");if(X(c,ie)){const{fileViewerPath:r,contextModalAgentId:J}=I.getState();if(r||J)return;c.preventDefault(),c.stopImmediatePropagation(),q?b(null):a();return}const he=g.find(r=>r.id==="commander-vim-left");if(X(c,he)&&!q){c.preventDefault(),h(r=>r>0?r-1:r);return}const xe=g.find(r=>r.id==="commander-vim-right");if(X(c,xe)&&!q){c.preventDefault(),h(r=>r<ee?r+1:r);return}const ge=g.find(r=>r.id==="commander-vim-up");if(X(c,ge)&&!q){c.preventDefault(),h(r=>r>=me?r-me:r);return}const ve=g.find(r=>r.id==="commander-vim-down");if(X(c,ve)&&!q){c.preventDefault(),h(r=>r+me<=ee?r+me:r);return}const je=g.find(r=>r.id==="commander-expand");if(X(c,je)){if(c.preventDefault(),q)b(null);else{const r=Z[Y.current];r&&b(r.id)}return}const we=g.find(r=>r.id==="commander-new-agent");if(X(c,we)){c.preventDefault(),u(!0);return}const Ce=g.find(r=>r.id==="commander-next-tab"),be=g.find(r=>r.id==="commander-prev-tab");if(!T){const r=V.current;if(X(c,Ce)){const J=I.getState().latestNotificationAgentId;if(J){if(c.preventDefault(),c.stopPropagation(),!I.getState().agents.get(J)){I.setLatestNotificationAgentId(null);return}const y=I.getAreaForAgent(J);y&&r.some(O=>O.id===y.id)?M(y.id):M("unassigned"),b(J),h(0),R(0),I.setLatestNotificationAgentId(null);return}c.preventDefault(),c.stopPropagation();const oe=(r.findIndex(re=>re.id===G.current)+1)%r.length;M(r[oe].id),h(0);return}if(X(c,be)){c.preventDefault(),c.stopPropagation();const de=(r.findIndex(oe=>oe.id===G.current)-1+r.length)%r.length;M(r[de].id),h(0);return}}};return document.addEventListener("keydown",s,!0),()=>document.removeEventListener("keydown",s,!0)},[n,a]),n?e.jsx("div",{className:"commander-overlay",onClick:a,children:e.jsxs("div",{className:"commander-view",onClick:s=>s.stopPropagation(),children:[e.jsxs("div",{className:"commander-header",children:[e.jsxs("div",{className:"commander-title-section",children:[e.jsx("h2",{className:"commander-title",children:l("commander.title")}),e.jsx("span",{className:"commander-shortcuts",children:l("commander.shortcuts")})]}),e.jsxs("div",{className:"commander-controls",children:[e.jsx("button",{className:`commander-view-toggle ${C?"active":""}`,onClick:()=>F(!C),title:l(C?"commander.simple":"commander.advanced"),children:C?e.jsxs(e.Fragment,{children:[e.jsx(z,{name:"target",size:12})," ",l("commander.advanced")]}):e.jsxs(e.Fragment,{children:[e.jsx(z,{name:"status-pending",size:12})," ",l("commander.simple")]})}),e.jsx("button",{className:"commander-add-btn",onClick:()=>u(!0),title:l("commander.addAgent"),children:l("commander.addAgent")}),e.jsx("button",{className:"commander-close",onClick:a,children:l("commander.close")})]})]}),e.jsx("div",{className:"commander-tabs",children:o.map(s=>{const c=s.id!=="all"&&s.id!=="unassigned"?p.get(s.id):null,g=c&&c.directories&&c.directories.length>0;return e.jsxs("button",{className:`commander-tab ${d===s.id?"active":""}`,onClick:()=>{M(s.id),h(0)},style:s.color?{borderBottomColor:d===s.id?s.color:"transparent"}:void 0,children:[s.color&&e.jsx("span",{className:"commander-tab-dot",style:{background:s.color}}),e.jsx("span",{children:s.name}),e.jsx("span",{className:"commander-tab-count",children:K.get(s.id)||0}),g&&e.jsx("span",{className:"commander-tab-folder",onClick:m=>{m.stopPropagation(),i(s.id)},title:l("commander.openFileExplorer"),children:e.jsx(z,{name:"folder",size:12})})]},s.id)})}),e.jsxs("div",{className:"commander-filters",children:[e.jsxs("div",{className:"commander-filter-group",children:[e.jsx("span",{className:"commander-filter-label",children:l("commander.filters.status")}),["all","working","idle","error","offline"].map(s=>e.jsx("button",{className:`commander-filter-btn ${x.status===s?"active":""}`,onClick:()=>k(c=>({...c,status:s})),children:s==="all"?l("commander.filters.all"):s==="error"?l("commander.filters.needsAttn"):s.charAt(0).toUpperCase()+s.slice(1)},s))]}),e.jsxs("div",{className:"commander-filter-group",children:[e.jsx("span",{className:"commander-filter-label",children:l("commander.filters.active")}),["all","1h","6h","24h"].map(s=>e.jsx("button",{className:`commander-filter-btn ${x.activity===s?"active":""}`,onClick:()=>k(c=>({...c,activity:s})),children:s==="all"?l("commander.filters.any"):`< ${s}`},s))]}),e.jsxs("div",{className:"commander-filter-group",children:[e.jsx("span",{className:"commander-filter-label",children:l("commander.filters.sort")}),["activity","name","created","context"].map(s=>e.jsx("button",{className:`commander-filter-btn ${x.sort===s?"active":""}`,onClick:()=>k(c=>({...c,sort:s})),children:s==="activity"?l("commander.filters.recent"):s==="context"?l("commander.filters.context"):s.charAt(0).toUpperCase()+s.slice(1)},s))]}),B&&e.jsx("button",{className:"commander-filter-clear",onClick:()=>k(Se),title:l("commander.clearFilters"),children:l("commander.filters.clearFilters",{count:te})})]}),$>1&&e.jsxs("div",{className:"commander-pagination",children:[e.jsxs("button",{className:"commander-page-btn",onClick:()=>R(s=>Math.max(0,s-1)),disabled:A===0,children:[e.jsx(z,{name:"caret-left",size:12})," ",l("commander.prev")]}),e.jsx("span",{className:"commander-page-info",children:l("commander.page",{current:A+1,total:$,count:_.length})}),e.jsxs("button",{className:"commander-page-btn",onClick:()=>R(s=>Math.min($-1,s+1)),disabled:A===$-1,children:[l("commander.next")," ",e.jsx(z,{name:"caret-right",size:12})]})]}),e.jsx("div",{className:`commander-grid ${S?"has-expanded":""}`,"data-agent-count":S?1:H.length,children:H.length===0?e.jsx("div",{className:"commander-empty",children:l(d==="all"?"commander.noAgentsAll":d==="unassigned"?"commander.noAgentsUnassigned":"commander.noAgentsArea")}):S?(()=>{const s=f.get(S);return s?e.jsx(Pe,{agent:s,history:Q.get(s.id),isExpanded:!0,isFocused:!0,advancedView:C,index:0,onExpand:ne,onCollapse:ae,onFocus:le,onInputRef:pe,onLoadMore:U,onClearHistory:w},s.id):null})():H.map((s,c)=>e.jsx(Pe,{agent:s,history:Q.get(s.id),isExpanded:!1,isFocused:c===j,advancedView:C,index:c,onExpand:ne,onCollapse:ae,onFocus:le,onInputRef:pe,onLoadMore:U,onClearHistory:w},s.id))}),v&&e.jsx(ht,{currentArea:L,onClose:()=>u(!1)}),D&&e.jsx(at,{isOpen:!0,areaId:D,onClose:()=>i(null),onChangeArea:s=>i(s)})]})}):null}export{Ct as CommanderView};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{u as Et,z as yt,B as Pt,r as n,E as ht,S as w,G as gt,H as dt,J as xt,K as Xe,L as pe,M as Dt,s as C,N as Ct,O as Rt,v as zt,w as Lt,j as e,I as u,P as $t,m as Ot,U as Ft,V as jt,W as Nt,X as Bt,Y as Wt,Z as Ht,_ as Gt,$ as Vt,a0 as Ut,a1 as Xt,a2 as qt,a3 as Kt,C as Yt,a4 as Zt,a5 as Jt,a6 as Qt,a7 as ea,a8 as ta,a9 as aa,aa as na,ab as sa,ac as la,ad as ra,ae as ia,af as oa,ag as ca,ah as da,ai as pa,aj as ua,ak as ma}from"./main-fW1jgDdk.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const qe=3,Ke=280,_t=320,ct=240,bt=64,fa=["simple","chat","advanced"],ha={simple:"Simple",chat:"Chat",advanced:"Advanced"},ga={simple:"○",chat:"◐",advanced:"◉"},xa={simple:"Simple view — clean messages only",chat:"Chat view — assistant replies (no tool calls)",advanced:"Advanced view — everything including tools"},wt="flat-clear-context";function _a(f){const c=f.split("/").filter(Boolean);return c.length===0?f:c.slice(-2).join("/")}function ba(f){if(f.provider==="codex"){const ne=f.codexModel||"gpt-5.3-codex",R=pa[ne];return{model:(R==null?void 0:R.label)||ne}}if(f.provider==="opencode")return{model:f.opencodeModel||"opencode"};const c=f.model||"sonnet",N=ma[c],T=f.effort,D=T?ua[T]:void 0;return{model:(N==null?void 0:N.label)||c,effort:D==null?void 0:D.label}}function wa(f,c){if(c.type==="rectangle"&&c.width&&c.height){const N=c.width/2,T=c.height/2;return f.x>=c.center.x-N&&f.x<=c.center.x+N&&f.z>=c.center.z-T&&f.z<=c.center.z+T}if(c.type==="circle"&&c.radius){const N=f.x-c.center.x,T=f.z-c.center.z;return N*N+T*T<=c.radius*c.radius}return!1}const Ca=Zt.memo(function({agentId:c,terminalViewMode:N,onTerminalViewModeChange:T,inspectorOpen:D,onToggleInspector:ne,onImageClick:R,onFileClick:S,onBashClick:ue,onViewMarkdown:me,onRequestClearSubordinates:ke,onOpenBuilding:fe,keyboard:Ae,canNavigateBack:he,canNavigateForward:Ie,onNavigateBack:y,onNavigateForward:se,agentInfoOpen:z,onToggleAgentInfo:Se}){var $e,Oe,je,Fe;const p=Jt(c),P=Qt(),le=n.useRef(null),Me=n.useRef(null);n.useEffect(()=>{const l=Me.current;if(!l)return;const d=i=>{i.button===3?(i.preventDefault(),i.stopPropagation(),y()):i.button===4&&(i.preventDefault(),i.stopPropagation(),se())},o=i=>{(i.button===3||i.button===4)&&i.preventDefault()};return l.addEventListener("mouseup",d),l.addEventListener("mousedown",o),()=>{l.removeEventListener("mouseup",d),l.removeEventListener("mousedown",o)}},[y,se]);const ge=Ct(),re=n.useMemo(()=>{if(!p)return null;const l=new Set,d=[];for(const o of ge.values())o.archived||o.directories.length===0||o.assignedAgentIds.includes(c)&&(l.add(o.id),d.push(o));for(const o of ge.values())o.archived||o.directories.length===0||l.has(o.id)||wa({x:p.position.x,z:p.position.z},o)&&(l.add(o.id),d.push(o));return d.length===0?null:d.flatMap(o=>o.directories.filter(i=>i&&i.trim().length>0).map(i=>({areaId:o.id,areaName:o.name,dir:i})))},[p,c,ge]),{branches:Te,fetchRemote:xe,fetchingDirs:_e}=ea(re),F=n.useMemo(()=>{var o;const l=C.getAreaForAgent(c);if(!l)return[];const d=[];for(const i of P.values())i.type==="terminal"&&C.isPositionInArea(i.position,l)&&d.push({id:i.id,name:i.name,hasUrl:!!((o=i.terminalStatus)!=null&&o.url)});return d},[c,P]),ie=n.useMemo(()=>{var o;const l=C.getAreaForAgent(c);if(!l)return[];const d=[];for(const i of P.values())i.type==="server"&&((o=i.pm2)!=null&&o.enabled)&&C.isPositionInArea(i.position,l)&&d.push({id:i.id,name:i.name});return d},[c,P]),Ee=n.useMemo(()=>{const l=C.getAreaForAgent(c);if(!l)return[];const d=[];for(const o of P.values())o.type==="database"&&o.database&&C.isPositionInArea(o.position,l)&&d.push({id:o.id,name:o.name});return d},[c,P]),[,Ye]=n.useReducer(l=>l+1,0),B=(($e=le.current)==null?void 0:$e.search.searchMode)??!1,J=n.useCallback(()=>{var l;(l=le.current)==null||l.search.toggleSearch(),Ye()},[]),U=ta(),X=U.isPending(wt),[k,W]=n.useState(null),M=k?P.get(k):null,{height:q,onResizeStart:Ze}=aa(),[Q,be]=n.useState(()=>dt(w.GIT_PANEL_OPEN,!1)),[L,ye]=n.useState(()=>dt(w.BUILDINGS_PANEL_OPEN,!1)),[ee,K]=n.useState(!1),Je=n.useCallback(()=>{K(l=>{const d=!l;return d&&na.setEnabled(!0),d})},[]),Pe=n.useCallback(()=>K(!1),[]),Qe=n.useCallback(()=>{be(l=>{const d=!l;return pe(w.GIT_PANEL_OPEN,d),d})},[]),et=n.useCallback(()=>{ye(l=>{const d=!l;return pe(w.BUILDINGS_PANEL_OPEN,d),d})},[]),tt=n.useCallback(()=>{be(!1),pe(w.GIT_PANEL_OPEN,!1)},[]),at=n.useCallback(()=>{ye(!1),pe(w.BUILDINGS_PANEL_OPEN,!1)},[]),nt=sa();n.useEffect(()=>{if(!k)return;F.some(d=>d.id===k)||W(null)},[k,F]);const[te,Y]=n.useState(!1),we=n.useRef(null);if(n.useEffect(()=>{if(!te)return;const l=d=>{we.current&&!we.current.contains(d.target)&&Y(!1)};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)},[te]),!p)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 H=p.contextStats,b=!!H,Z=H?H.totalTokens:p.contextUsed||0,G=H?H.contextWindow:p.contextLimit||2e5,Ce=H?H.usedPercent:Math.round(Z/G*100),V=Math.max(0,Math.min(100,Ce)),st=Math.max(0,100-V),De=V>=80?"#ff4a4a":V>=60?"#ff9e4a":V>=40?"#ffd700":"#4aff9e",Re=(Z/1e3).toFixed(1),ze=(G/1e3).toFixed(1),$=p.cwd,Le=$?_a($):null,E=((Oe=p.subordinateIds)==null?void 0:Oe.length)||0,oe=E>0;return e.jsxs("div",{ref:Me,className:`flat-terminal-wrapper ${Q||L||ee?"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 ${z?"flat-terminal-wrapper__header-main--active":""}`,onClick:Se,title:z?"Hide agent info":"Show agent info","aria-pressed":z,children:[e.jsx(jt,{agent:p,size:28}),e.jsxs("span",{className:"flat-terminal-wrapper__header-info",children:[e.jsx("span",{className:"flat-terminal-wrapper__header-name",children:p.name}),e.jsx("span",{className:"flat-terminal-wrapper__header-status",style:{color:Nt(p.status)},children:p.status})]}),p.taskLabel&&e.jsxs("span",{className:"flat-terminal-wrapper__header-task",title:p.taskLabel,children:["📋 ",p.taskLabel]}),e.jsxs("span",{className:"flat-terminal-wrapper__header-model",children:[e.jsx("img",{src:p.provider==="codex"?"/assets/codex.png":p.provider==="opencode"?"/assets/opencode.png":"/assets/claude.png",alt:p.provider,className:"flat-terminal-wrapper__header-provider-icon",title:p.provider==="codex"?"Codex Agent":p.provider==="opencode"?"OpenCode Agent":"Claude Agent"}),(()=>{const{model:l,effort:d}=ba(p);return e.jsxs("span",{className:"flat-terminal-wrapper__header-model-chip",title:d?`Model: ${l} · Effort: ${d}`:`Model: ${l}`,children:[e.jsx("span",{className:"flat-terminal-wrapper__header-model-name",children:l}),d&&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:d})]})]})})()]})]}),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:fa.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:xa[l],"aria-pressed":N===l,children:[e.jsx("span",{className:"flat-terminal-wrapper__view-mode-icon","aria-hidden":"true",children:ga[l]}),e.jsx("span",{className:"flat-terminal-wrapper__view-mode-label",children:ha[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:y,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:se,disabled:!Ie,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 ${B?"flat-terminal-wrapper__action-btn--active":""}`,onClick:J,title:B?"Close search":"Search messages","aria-pressed":B,children:e.jsx(u,{name:B?"cross":"search",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn flat-terminal-wrapper__action-btn--danger ${X?"flat-terminal-wrapper__action-btn--confirm":""}`,onClick:()=>U.handleClick(wt,()=>{var l;C.clearContext(c),(l=le.current)==null||l.historyLoader.clearHistory()}),title:X?"Click again to confirm clear context":"Clear context",children:e.jsx(u,{name:X?"question":"clear",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${Q?"flat-terminal-wrapper__action-btn--active":""}`,onClick:Qe,title:Q?"Hide git panel":"Show git changes","aria-pressed":Q,children:e.jsx(u,{name:"git-branch",size:14})}),e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${L?"flat-terminal-wrapper__action-btn--active":""}`,onClick:et,title:L?"Hide buildings panel":"Show area buildings","aria-pressed":L,children:e.jsx(u,{name:"buildings",size:14})}),e.jsxs("div",{className:"flat-terminal-wrapper__more",ref:we,children:[e.jsx("button",{type:"button",className:`flat-terminal-wrapper__action-btn ${te?"flat-terminal-wrapper__action-btn--active":""}`,onClick:()=>Y(l=>!l),title:"More actions","aria-expanded":te,children:"⋮"}),te&&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 ${ee?"flat-terminal-wrapper__more-item--active":""}`,onClick:()=>{Je(),Y(!1)},title:ee?"Hide Debug Panel":"Show Debug Panel",children:[e.jsx(u,{name:"bug",size:14}),e.jsx("span",{children:ee?"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:()=>{C.collapseContext(c),Y(!1)},disabled:p.status!=="idle",title:p.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:()=>{ke(c,E),Y(!1)},children:[e.jsx(u,{name:"crown",size:14}),e.jsxs("span",{children:["Clear ",E," subordinate",E===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:()=>{C.killAgent(c),Y(!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 ${D?"flat-terminal-wrapper__inspector-toggle--active":""}`,onClick:ne,title:D?"Hide inspector panel":"Show inspector panel","aria-label":D?"Hide inspector panel":"Show inspector panel","aria-pressed":D,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:()=>C.deselectAll(),title:"Close chat","aria-label":"Close chat",children:e.jsx(u,{name:"cross",size:14})})]})]}),e.jsx(la,{ref:le,agentId:c,agent:p,viewMode:N,isOpen:!0,onImageClick:R,onFileClick:S,onBashClick:ue,onViewMarkdown:me,keyboard:Ae,hasModalOpen:!1}),M&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"guake-bottom-terminal-resize",onMouseDown:Ze,role:"separator","aria-orientation":"horizontal","aria-label":"Resize embedded terminal"}),e.jsxs("div",{className:"flat-bottom-panel",role:"region","aria-label":`Embedded terminal: ${M.name}`,style:{height:q},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:M.name}),!((je=M.terminalStatus)!=null&&je.url)&&e.jsx("span",{className:"flat-bottom-panel__muted",children:"(starting...)"})]}),e.jsx("button",{type:"button",className:"flat-bottom-panel__close",onClick:()=>W(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:(Fe=M.terminalStatus)!=null&&Fe.url?e.jsx(ra,{terminalUrl:M.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:[p.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"})]}),$&&Le&&e.jsxs("span",{className:"flat-terminal-wrapper__cwd",title:$,onClick:()=>C.setFileViewerPath($),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:Le})]}),re&&re.map(({areaId:l,areaName:d,dir:o})=>{const i=Te.get(o),Be=_e.has(o),We=o.split("/").filter(Boolean).pop()||o;return e.jsxs("span",{className:"flat-terminal-wrapper__area-dir",title:`${d}: ${o}${i?` (${i.branch}${i.ahead?` ↑${i.ahead}`:""}${i.behind?` ↓${i.behind}`:""})`:""}`,onClick:()=>C.openFileExplorerForAreaFolder(l,o),children:[e.jsx(u,{name:"folder-open",size:12}),e.jsx("span",{className:"flat-terminal-wrapper__area-dir-name",children:We}),i&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"flat-terminal-wrapper__area-dir-branch",children:[e.jsx(u,{name:"git-branch",size:10})," ",i.branch]}),i.ahead>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-ahead",title:`${i.ahead} ahead`,children:[e.jsx(u,{name:"arrow-up",size:9}),i.ahead]}),i.behind>0&&e.jsxs("span",{className:"flat-terminal-wrapper__branch-behind",title:`${i.behind} behind`,children:[e.jsx(u,{name:"arrow-down",size:9}),i.behind]}),e.jsx("span",{className:`flat-terminal-wrapper__area-fetch ${Be?"flat-terminal-wrapper__area-fetch--fetching":""}`,title:"Git fetch",onClick:lt=>{lt.stopPropagation(),xe(o)},children:e.jsx(u,{name:Be?"hourglass":"download",size:12})})]})]},`${l}:${o}`)}),e.jsxs("span",{className:"flat-terminal-wrapper__context",onClick:()=>C.setContextModalAgentId(c),title:b?`Context usage: ${Re}k / ${ze}k tokens (${V}% 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:`${V}%`,backgroundColor:De}})}),e.jsxs("span",{className:"flat-terminal-wrapper__context-tokens",style:{color:De},children:[Re,"k/",ze,"k"]}),e.jsxs("span",{className:"flat-terminal-wrapper__context-free",children:["(",st,"% free)"]}),!b&&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"}),F.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area terminals",children:F.map(l=>{const d=k===l.id;return e.jsx("button",{type:"button",className:`flat-terminal-wrapper__building-btn ${d?"flat-terminal-wrapper__building-btn--active":""} ${l.hasUrl?"":"flat-terminal-wrapper__building-btn--offline"}`,title:`${d?"Hide":"Show"} terminal: ${l.name}${l.hasUrl?"":" (starting...)"}`,onClick:()=>{if(d){W(null);return}l.hasUrl||C.sendBuildingCommand(l.id,"start"),W(l.id)},children:e.jsx(u,{name:"terminal",size:14})},l.id)})}),ie.length>0&&e.jsx("span",{className:"flat-terminal-wrapper__buildings",role:"group","aria-label":"Area PM2 logs",children:ie.map(l=>e.jsx("button",{type:"button",className:"flat-terminal-wrapper__building-btn",title:`Open logs: ${l.name}`,onClick:()=>fe(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:()=>fe(l.id),children:e.jsx(u,{name:"hard-drives",size:14})},l.id))}),e.jsx("div",{className:"flat-terminal-wrapper__theme",children:e.jsx(ia,{})})]}),Q&&e.jsx(oa,{agentId:c,agents:nt,onClose:tt,branchInfoMap:Te,fetchRemote:xe,fetchingDirs:_e}),L&&e.jsx(ca,{agentId:c,onClose:at}),ee&&e.jsx(da,{agentId:c,onClose:Pe})]})});function ka({onAgentClick:f,onBuildingClick:c,onBuildingDoubleClick:N,onOpenSpawnModal:T,onOpenBossSpawnModal:D,onOpenAreaModal:ne}){const{t:R}=Et(["common"]),S=yt(),ue=Pt(),[me,ke]=n.useState(null),[fe,Ae]=n.useState(null),[he,Ie]=n.useState(null),[y,se]=n.useState(null),[z,Se]=n.useState(null),[p,P]=n.useState(!1),le=n.useCallback(()=>{P(t=>!t)},[]),Me=n.useCallback(()=>{P(!1)},[]),[ge,re]=n.useState(()=>{const t=ht(w.VIEW_MODE);return t==="simple"||t==="chat"||t==="advanced"?t:"simple"}),Te=n.useCallback(t=>{re(t),gt(w.VIEW_MODE,t)},[]);n.useEffect(()=>{const t=a=>{if(a.key!==w.VIEW_MODE)return;const s=a.newValue;(s==="simple"||s==="chat"||s==="advanced")&&re(s)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)},[]);const[xe,_e]=n.useState(()=>dt(w.FLAT_INSPECTOR_OPEN,!1)),[F,ie]=n.useState(!1),Ee=n.useCallback(()=>ie(t=>!t),[]),Ye=n.useCallback(()=>ie(!1),[]),B=n.useRef(null),J=n.useRef(null),[U,X]=n.useState(()=>{const t=xt(w.FLAT_MIDDLE_WIDTH,0);return t>=Ke?t:null}),[k,W]=n.useState(()=>{const t=xt(w.FLAT_INSPECTOR_WIDTH,0);return t>=ct?t:null}),M=n.useCallback(t=>{if(typeof window>"u")return t;const a=k!==null?qe+k:0,s=window.innerWidth-bt-qe-_t-a;return Math.max(Ke,Math.min(Math.max(s,Ke),t))},[k]),q=n.useCallback(t=>{var _;if(typeof window>"u")return t;const a=(_=B.current)==null?void 0:_.querySelector(".flat-middle"),s=(a==null?void 0:a.getBoundingClientRect().width)??Ke,r=window.innerWidth-bt-s-qe-_t-qe;return Math.max(ct,Math.min(Math.max(r,ct),t))},[]);n.useEffect(()=>{if(U===null&&k===null)return;const t=()=>{X(a=>{if(a===null)return a;const s=M(a);return s===a?a:s}),W(a=>{if(a===null)return a;const s=q(a);return s===a?a:s})};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[U,k,M,q]);const Ze=n.useCallback(t=>{var s;if(t.button!==0)return;const a=(s=B.current)==null?void 0:s.querySelector(".flat-middle");a&&(t.currentTarget.setPointerCapture(t.pointerId),J.current={kind:"middle",startX:t.clientX,startWidth:a.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),Q=n.useCallback(t=>{var s;if(t.button!==0)return;const a=(s=B.current)==null?void 0:s.querySelector(".flat-inspector");a&&(t.currentTarget.setPointerCapture(t.pointerId),J.current={kind:"inspector",startX:t.clientX,startWidth:a.getBoundingClientRect().width,pointerId:t.pointerId},document.body.classList.add("flat-splitter-dragging"))},[]),be=n.useCallback(t=>{const a=J.current;if(!a||t.pointerId!==a.pointerId)return;const s=t.clientX-a.startX;a.kind==="middle"?X(M(a.startWidth+s)):W(q(a.startWidth-s))},[M,q]),L=n.useCallback(t=>{const a=J.current;if(!a||t.pointerId!==a.pointerId)return;try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}if(J.current=null,document.body.classList.remove("flat-splitter-dragging"),!(Math.abs(t.clientX-a.startX)>2))return;const r=t.clientX-a.startX;if(a.kind==="middle"){const _=M(a.startWidth+r);X(_),Xe(w.FLAT_MIDDLE_WIDTH,_)}else{const _=q(a.startWidth-r);W(_),Xe(w.FLAT_INSPECTOR_WIDTH,_)}},[M,q]),ye=n.useCallback(()=>{X(null),Xe(w.FLAT_MIDDLE_WIDTH,0)},[]),ee=n.useCallback(()=>{W(null),Xe(w.FLAT_INSPECTOR_WIDTH,0)},[]),[K,Je]=n.useState(()=>ht(w.FLAT_INSPECTOR_VIEW)==="tracking"?"tracking":"agent"),Pe=n.useCallback(t=>{Je(t),gt(w.FLAT_INSPECTOR_VIEW,t)},[]),Qe=n.useCallback(()=>{_e(t=>{const a=!t;return pe(w.FLAT_INSPECTOR_OPEN,a),a})},[]),et=n.useCallback(()=>{_e(!1),pe(w.FLAT_INSPECTOR_OPEN,!1)},[]),tt=Dt(),at=n.useCallback((t,a)=>{ke({url:t,name:a})},[]),nt=n.useCallback((t,a)=>{Ae({command:t,output:a,isLive:!1})},[]),te=n.useCallback((t,a)=>{C.setFileViewerPath(t,a)},[]),Y=n.useCallback(t=>{},[]),we=n.useCallback((t,a)=>{Ie({agentId:t,count:a})},[]),H=n.useCallback(t=>{N?N(t):c(t)},[c,N]),b=n.useMemo(()=>ue.size>0?Array.from(ue)[0]:null,[ue]);n.useEffect(()=>{P(!1)},[b]);const Z=n.useRef([]),G=n.useRef(-1),Ce=n.useRef(!1),V=n.useRef(null),[st,De]=n.useState(!1),[Re,ze]=n.useState(!1),$=n.useMemo(()=>new Set(S.map(t=>t.id)),[S]),Le=n.useMemo(()=>{const t=new Map(S.map(s=>[s.id,s])),a=new Map;for(const s of S)if((s.isBoss||s.class==="boss")&&s.subordinateIds&&s.subordinateIds.length>0){const r=s.subordinateIds.map(_=>t.get(_)).filter(_=>_!==void 0);r.length>0&&a.set(s.id,r)}return a},[S]),E=n.useCallback(()=>{const t=Z.current,a=G.current;De(a>0),ze(a>=0&&a<t.length-1)},[]),oe=n.useCallback(t=>{const a=Z.current;if(a.length===0)return;let s=G.current+t;for(;s>=0&&s<a.length;){const r=a[s];if($.has(r)){Ce.current=!0,G.current=s,E(),C.selectAgent(r);return}s+=t}},[$,E]),$e=n.useCallback(()=>oe(-1),[oe]),Oe=n.useCallback(()=>oe(1),[oe]);n.useEffect(()=>{if(!b){Z.current=[],G.current=-1,E();return}if(V.current=b,Ce.current){Ce.current=!1,E();return}const t=Z.current,a=G.current;if(a>=0&&t[a]===b){E();return}const s=a<t.length-1?t.slice(0,a+1):t.slice();s.push(b),s.length>100&&s.shift(),Z.current=s,G.current=s.length-1,E()},[b,E]);const je=n.useCallback(t=>{f(t),ie(!1)},[f]),Fe=b??"",l=n.useCallback(()=>{},[]),d=n.useCallback(t=>{je(t)},[je]),o=xe,i=n.useRef(null);n.useEffect(()=>{if(b)return;const t=a=>{if(a.key!==" "&&a.key!=="Backspace")return;const s=a.target;if(s.tagName==="INPUT"||s.tagName==="TEXTAREA"||s.isContentEditable)return;const r=V.current;!r||!$.has(r)||(a.preventDefault(),C.selectAgent(r))};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[b,$]);const[Be,We]=n.useState(new Set),lt=n.useCallback(t=>{We(a=>{const s=new Set(a);return s.has(t)?s.delete(t):s.add(t),s})},[]),pt=Ct(),[vt]=Rt(),ce=n.useMemo(()=>{const t=new Map,a=[];for(const m of S){const x=C.getAreaForAgent(m.id);if(!zt((x==null?void 0:x.id)??null))continue;if(!x||x.archived){a.push(m);continue}const O=t.get(x.id);O?O.push(m):t.set(x.id,[m])}const s=[];for(const[,m]of pt){if(m.archived||!Lt(m.id))continue;const x=t.get(m.id);x&&x.length>0&&s.push({area:m,agents:x})}a.length>0&&s.push({area:{id:"__unassigned__",name:"Unassigned",color:"#6272a4",center:{x:0,z:0},type:"circle",radius:0,directories:[],archived:!1,assignedAgentIds:[],zIndex:0},agents:a});const r=s.filter(m=>m.area.id!=="__unassigned__"),_=s.filter(m=>m.area.id==="__unassigned__");let j=1,g=1;const Ne=new Map;if(r.length>1){let m=1/0,x=-1/0,O=1/0,de=-1/0;for(const A of r)m=Math.min(m,A.area.center.x),x=Math.max(x,A.area.center.x),O=Math.min(O,A.area.center.z),de=Math.max(de,A.area.center.z);const Ge=x-m||1,Ve=de-O||1;if(r.length<=4){j=r.length,g=1;const A=[...r].sort((I,rt)=>I.area.center.x-rt.area.center.x);for(let I=0;I<A.length;I++)Ne.set(A[I].area.id,{row:1,col:I+1})}else{const A=[...r].sort((h,v)=>h.area.center.x-v.area.center.x),I=[];for(let h=1;h<A.length;h++)I.push(A[h].area.center.x-A[h-1].area.center.x);const rt=I.reduce((h,v)=>h+v,0)/I.length||1;let ut=1;for(const h of I)h>rt*1.3&&ut++;j=Math.max(2,Math.min(ut,r.length));const it=[...r].sort((h,v)=>h.area.center.z-v.area.center.z),Ue=[];for(let h=1;h<it.length;h++)Ue.push(it[h].area.center.z-it[h-1].area.center.z);const It=Ue.reduce((h,v)=>h+v,0)/Ue.length||1;let mt=1;for(const h of Ue)h>It*1.3&&mt++;g=Math.max(2,Math.min(mt,r.length)),j=Math.max(j,Math.ceil(r.length/g)),g=Math.max(g,Math.ceil(r.length/j));const St=Ge/j,Mt=Ve/g,ot=new Set;for(const h of r){let v=Math.min(j-1,Math.max(0,Math.floor((h.area.center.x-m)/St))),ae=Math.min(g-1,Math.max(0,Math.floor((h.area.center.z-O)/Mt))),ve=`${ae},${v}`,ft=0;const Tt=g*j;for(;ot.has(ve)&&ft<Tt;)v++,v>=j&&(v=0,ae=(ae+1)%g),ve=`${ae},${v}`,ft++;ot.has(ve)&&(ae=g,v=0,ve=`${ae},${v}`,g++),ot.add(ve),Ne.set(h.area.id,{row:ae+1,col:v+1})}}}const He=m=>{m.sort((x,O)=>{var Ge,Ve,A,I;const de=(((Ge=x.position)==null?void 0:Ge.z)??0)-(((Ve=O.position)==null?void 0:Ve.z)??0);return de!==0?de:(((A=x.position)==null?void 0:A.x)??0)-(((I=O.position)==null?void 0:I.x)??0)})};for(const m of r)He(m.agents);for(const m of _)He(m.agents);return{groups:[...r,..._],gridCols:j,gridRows:g,positions:Ne}},[S,pt,vt]),kt=n.useMemo(()=>{if(!y)return[];const t=S.find(a=>a.id===y.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:()=>f(t.id)},{id:"delete-agent",label:"Delete Agent",icon:e.jsx(u,{name:"trash",size:14}),danger:!0,onClick:()=>{Se({agentId:t.id,name:t.name})}}]:[]},[y,S,f]),At=n.useCallback(t=>{const a=new Set(ce.groups.map(s=>s.area.id));a.delete(t),We(a),requestAnimationFrame(()=>{const s=i.current;if(!s)return;const r=s.querySelector(`[data-area-id="${t}"]`);if(!r)return;const _=s.getBoundingClientRect(),g=r.getBoundingClientRect().top-_.top+s.scrollTop-8;s.scrollTo({top:Math.max(0,g),behavior:"smooth"})})},[ce]);return e.jsxs("div",{ref:B,className:`flat-view ${o?"flat-view--with-inspector":""} ${b?"flat-view--has-chat":""} ${F?"flat-view--mobile-sidebar-open":""}`,style:(()=>{if(U===null&&k===null)return;const t={};return U!==null&&(t["--flat-middle-width"]=`${U}px`),k!==null&&(t["--flat-inspector-width"]=`${k}px`),t})(),children:[F&&e.jsx("div",{className:"flat-mobile-sidebar-backdrop",onClick:Ye,"aria-hidden":"true"}),e.jsxs("div",{className:"flat-middle",children:[e.jsxs("div",{className:"flat-middle__header",children:[e.jsx("h2",{className:"flat-middle__title",children:"👥 Agents"}),e.jsxs("div",{className:"flat-middle__actions",children:[e.jsx("button",{className:"flat-cta-btn flat-cta-btn--agent",onClick:T,title:"Create new agent",children:"+ Agent"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--boss",onClick:D,title:"Create new boss agent",children:"+ Boss"}),e.jsx("button",{className:"flat-cta-btn flat-cta-btn--area",onClick:ne,title:"Create new area",children:"+ Area"})]})]}),e.jsx("div",{className:"flat-middle__content",children:e.jsx($t,{activeAgentId:Fe,onClose:l,onSelectAgent:d,collapsedAreas:Be,onToggleArea:lt,agentListRef:i})})]}),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:Ze,onPointerMove:be,onPointerUp:L,onPointerCancel:L,onDoubleClick:ye}),e.jsxs("div",{className:"flat-right",children:[e.jsxs("button",{type:"button",className:"flat-mobile-sidebar-toggle","aria-label":F?"Close agents sidebar":"Open agents sidebar","aria-expanded":F,onClick:Ee,children:[e.jsx(u,{name:"list",size:18}),e.jsx("span",{className:"flat-mobile-sidebar-toggle__label",children:"Agents"})]}),b?e.jsx(Ca,{agentId:b,terminalViewMode:ge,onTerminalViewModeChange:Te,inspectorOpen:xe,onToggleInspector:Qe,onImageClick:at,onFileClick:te,onBashClick:nt,onViewMarkdown:Y,onRequestClearSubordinates:we,onOpenBuilding:H,keyboard:tt,canNavigateBack:st,canNavigateForward:Re,onNavigateBack:$e,onNavigateForward:Oe,agentInfoOpen:p,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(${ce.gridCols}, 1fr)`},children:ce.groups.length===0?e.jsx("div",{className:"flat-map__empty",children:e.jsx("span",{children:"No areas or agents yet"})}):ce.groups.map(t=>{const a=t.area.id,s=ce.positions.get(a);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:()=>At(a),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 _=r.isBoss||r.class==="boss",j=_?Le.get(r.id):void 0,g=Ot(r),Ne=g.usedPercent>=80?"#ff4a4a":g.usedPercent>=60?"#ff9e4a":g.usedPercent>=40?"#ffd700":"#4aff9e",He=`Context: ${(g.totalTokens/1e3).toFixed(1)}k / ${(g.contextWindow/1e3).toFixed(1)}k (${g.usedPercent}% used, ${g.freePercent}% free)`,m=r.latestTodos&&r.latestTodos.length>0||j&&j.length>0;return e.jsx(Ft,{todos:r.latestTodos,subordinates:j,position:"top",children:e.jsxs("button",{type:"button",className:`flat-map-agent-chip ${r.status}`,onClick:()=>f(r.id),onContextMenu:x=>{x.preventDefault(),x.stopPropagation(),se({agentId:r.id,position:{x:x.clientX,y:x.clientY}})},title:m?void 0:`${_?"Boss · ":""}Open chat with ${r.name}
|
|
2
|
-
${He}`,children:[e.jsx(jt,{agent:r,size:16}),_&&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:Nt(r.status)}}),r.latestTodos&&r.latestTodos.length>0&&e.jsx(Bt,{todos:r.latestTodos,maxDots:6}),_&&j&&j.length>0&&e.jsx(Wt,{subordinates:j,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:`${g.usedPercent}%`,backgroundColor:Ne}})})]})},r.id)})})]},a)})})]})})]}),o&&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:Q,onPointerMove:be,onPointerUp:L,onPointerCancel:L,onDoubleClick:ee}),o&&e.jsxs("aside",{className:"flat-inspector","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":K==="agent",className:`flat-inspector__tab ${K==="agent"?"flat-inspector__tab--active":""}`,onClick:()=>Pe("agent"),children:"Agent"}),e.jsx("button",{type:"button",role:"tab","aria-selected":K==="tracking",className:`flat-inspector__tab ${K==="tracking"?"flat-inspector__tab--active":""}`,onClick:()=>Pe("tracking"),children:"Tracking"})]}),e.jsx("button",{type:"button",className:"flat-inspector__close",onClick:et,title:"Close inspector","aria-label":"Close inspector",children:"✕"})]}),e.jsx("div",{className:"flat-inspector__body",children:K==="tracking"?e.jsx(Ht,{activeAgentId:b??"",onSelectAgent:t=>f(t)}):(()=>{if(!b)return e.jsx("div",{className:"flat-inspector__empty",children:e.jsx("span",{children:"Select an agent to inspect"})});const t=S.find(a=>a.id===b);return t?e.jsx(Gt,{agent:t,onFocusAgent:a=>f(a),onKillAgent:a=>C.killAgent(a)}):e.jsx("div",{className:"flat-inspector__empty",children:e.jsx("span",{children:"Agent not found"})})})()})]}),me&&e.jsx(Vt,{url:me.url,name:me.name,onClose:()=>ke(null)}),fe&&e.jsx(Ut,{state:fe,onClose:()=>Ae(null)}),he&&e.jsx(Xt,{action:"clear-subordinates",selectedAgentId:he.agentId,subordinateCount:he.count,onClose:()=>Ie(null),onClearHistory:()=>{}}),e.jsx(qt,{agent:b?S.find(t=>t.id===b)??null:null,isOpen:p&&!!b,onClose:Me}),e.jsx(Kt,{isOpen:y!==null,position:(y==null?void 0:y.position)??{x:0,y:0},worldPosition:{x:0,z:0},actions:kt,onClose:()=>se(null)}),e.jsx(Yt,{isOpen:z!==null,title:R("common:confirm.removeAgentTitle"),message:R("common:confirm.removeAgentMessage",{name:(z==null?void 0:z.name)??""}),confirmLabel:R("common:buttons.remove"),cancelLabel:R("common:buttons.cancel"),variant:"danger",onConfirm:()=>{z&&C.removeAgentFromServer(z.agentId)},onClose:()=>Se(null)})]})}export{ka as FlatView};
|