@sapienx/agentos 0.3.11 → 0.3.14

package/bundle/.next/static/chunks/5261.29ae1e1fe185a617.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5261],{5261:(e,t,a)=>{a.r(t),a.d(t,{MissionCanvas:()=>eb});var n=a(6366),r=a(1179),s=a(7489);a(8954);var i=a(430),o=a(3351),l=a(8072),d=a(8413),c=a(7978),u=a(9613),p=a(7882),g=a(6658),x=a(474),h=a(6761),m=a(6595),b=a(4822),f=a(2842),w=a(2711);let y={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.022,delayChildren:.03}},exit:{opacity:0,transition:{duration:.14,ease:"easeInOut"}}},v={hidden:{opacity:0,y:10},visible:{opacity:1,y:0,transition:{duration:.22,ease:[.22,1,.36,1]}},exit:{opacity:0,y:-8,transition:{duration:.14,ease:"easeOut"}}};function j({label:e}){return(0,n.jsx)(p.N,{initial:!1,mode:"wait",children:(0,n.jsx)(g.P.span,{variants:y,initial:"hidden",animate:"visible",exit:"exit","aria-label":e,className:"inline-block max-w-full whitespace-nowrap",children:Array.from(e).map((t,a)=>(0,n.jsx)(g.P.span,{variants:v,"aria-hidden":"true",className:"inline-block",children:" "===t?"\xa0":t},`${e}:${a}:${t}`))},e)})}function k({label:e,value:t,onClick:a,ariaLabel:r}){let s=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("p",{className:"text-[15px] font-semibold leading-none text-white",children:t}),(0,n.jsx)("p",{className:"mt-1 text-[8px] uppercase tracking-[0.18em] text-slate-500",children:e})]});return a?(0,n.jsx)("button",{type:"button","aria-label":r??e,className:"nodrag nopan w-full rounded-[16px] border border-white/[0.08] bg-white/[0.03] px-2.5 py-2 text-center shadow-[inset_0_1px_0_rgba(255,255,255,0.04)] transition-all duration-200 hover:-translate-y-0.5 hover:border-cyan-300/18 hover:bg-cyan-400/[0.06] hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/40 focus-visible:ring-offset-0",onClick:e=>{e.stopPropagation(),a()},onPointerDown:e=>e.stopPropagation(),children:s}):(0,n.jsx)("div",{className:"w-full rounded-[16px] border border-white/[0.08] bg-white/[0.03] px-2.5 py-2 text-center shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]",children:s})}function _({label:e,value:t}){return(0,n.jsxs)("div",{className:"flex items-start justify-between gap-2 rounded-[12px] border border-white/[0.06] bg-white/[0.02] px-2.5 py-1.5",children:[(0,n.jsx)("span",{className:"shrink-0 text-[8px] uppercase tracking-[0.18em] text-slate-500",children:e}),(0,n.jsx)("span",{className:"min-w-0 text-right text-[9px] leading-4 text-slate-100",children:t})]})}function N({label:e,onClick:t,danger:a=!1}){return(0,n.jsx)("button",{type:"button",className:(0,o.cn)("nodrag nopan flex w-full items-center rounded-[10px] px-2.5 py-2 text-left text-[11px] transition-colors",a?"text-rose-200 hover:bg-rose-400/10 hover:text-rose-100":"text-slate-200 hover:bg-white/[0.06] hover:text-white"),onClick:t,children:(0,n.jsx)("span",{children:e})})}var C=a(3875),I=a(8907),A=a(473),E=a(345),P=a(5054),$=a(576),M=a(3932),z=a(6287),S=a(656),T=a(4606),O=a(5027),F=a(4318),L=a(3688),R=a(736),D=a(8790);let H=[];function W(e){return"submitting"===e||"accepted"===e||"waiting-for-heartbeat"===e||"waiting-for-runtime"===e||"runtime-observed"===e}function U({icon:e,label:t,value:a,active:r=!1,onClick:s}){return(0,n.jsxs)("button",{type:"button",className:(0,o.cn)("nodrag nopan flex min-h-[38px] w-full items-center justify-between rounded-[12px] border border-white/[0.08] bg-[linear-gradient(180deg,rgba(11,18,32,0.86),rgba(8,13,24,0.82))] px-2.5 py-1.5 text-left transition-colors hover:border-amber-300/20 hover:bg-amber-400/[0.06]",r&&"border-amber-300/30 bg-amber-400/[0.08]"),onClick:e=>{e.stopPropagation(),s?.()},onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsxs)("div",{className:"flex min-w-0 items-center gap-1.5 text-[9px] uppercase tracking-[0.16em] text-slate-400",children:[(0,n.jsx)(e,{className:"h-3 w-3 shrink-0"}),(0,n.jsx)("span",{className:"truncate",children:t})]}),a?(0,n.jsx)("span",{className:"ml-2 shrink-0 font-mono text-[10px] text-slate-200",children:a}):null]})}function Z(e){return"object"==typeof e&&null!==e&&"string"==typeof e.id&&"string"==typeof e.title&&"string"==typeof e.detail}function B({icon:e,label:t,destructive:a=!1,disabled:r=!1,onClick:s}){return(0,n.jsxs)("button",{type:"button",disabled:r,className:(0,o.cn)("nodrag nopan flex w-full items-center gap-2 rounded-[10px] px-2.5 py-2 text-left text-[11px] transition-colors",r?"cursor-not-allowed text-slate-500":a?"text-rose-100 hover:bg-rose-400/10 hover:text-rose-50":"text-slate-200 hover:bg-white/[0.06] hover:text-white"),onClick:s,children:[(0,n.jsx)(e,{className:(0,o.cn)("h-3.5 w-3.5",a?"text-rose-300":"text-cyan-300")}),(0,n.jsx)("span",{children:t})]})}function J(e){let t="string"==typeof e.metadata.dispatchStatus?e.metadata.dispatchStatus:null,a=e.status;return"cancelled"===t||"aborted"===t||"cancelled"===a||"aborted"===a}var V=a(3633),q=a(8049),G=a(2937),X=a(9568);let Y=["34, 211, 238","59, 130, 246","99, 102, 241","139, 92, 246","168, 85, 247","236, 72, 153","244, 63, 94","249, 115, 22","245, 158, 11","34, 197, 94","20, 184, 166","14, 165, 233"];function Q({icon:e,label:t,value:a}){return(0,n.jsxs)("div",{className:"workspace-node__chip inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1",children:[(0,n.jsx)(e,{className:"workspace-node__chip-icon h-3 w-3 text-inherit"}),(0,n.jsx)("span",{className:"workspace-node__chip-label text-[9px] uppercase tracking-[0.16em] text-inherit",children:t}),(0,n.jsx)("span",{className:"workspace-node__chip-value font-display text-[12px] text-inherit",children:a})]})}function K({value:e,taskCardsHidden:t,disabled:a,onToggle:r}){return(0,n.jsxs)("button",{type:"button","aria-pressed":t,"aria-label":t?"Show task cards in this workspace":"Hide task cards in this workspace",title:t?"Show task cards in this workspace":"Hide task cards in this workspace",disabled:a,onClick:e=>{e.stopPropagation(),r()},onPointerDown:e=>e.stopPropagation(),className:(0,o.cn)("workspace-node__chip workspace-node__task-toggle nodrag nopan inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 focus-visible:outline-none disabled:cursor-default disabled:opacity-50",a&&"pointer-events-none"),children:[t?(0,n.jsx)($.A,{className:"workspace-node__chip-icon h-3 w-3 text-inherit"}):(0,n.jsx)(X.A,{className:"workspace-node__chip-icon h-3 w-3 text-inherit"}),(0,n.jsx)("span",{className:(0,o.cn)("workspace-node__chip-label text-[9px] uppercase tracking-[0.16em] text-inherit"),children:"Runs"}),(0,n.jsx)("span",{className:"workspace-node__chip-value font-display text-[12px] text-inherit",children:e})]})}let ee={workspace:function({data:e,selected:t}){var a;return(0,n.jsx)(g.P.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},style:{"--workspace-accent-rgb":Y[function(e){let t=0;for(let a=0;a<e.length;a+=1)t=31*t+e.charCodeAt(a)|0;return Math.abs(t)}((a=e.workspace.id).trim()||a)%Y.length]},className:(0,o.cn)("workspace-node relative isolate h-full overflow-hidden rounded-[26px] border p-3 backdrop-blur-xl",e.emphasis?"opacity-100":"opacity-[0.92]",t&&"workspace-node--selected"),children:(0,n.jsxs)("div",{className:"relative z-10 flex items-start justify-between gap-4",children:[(0,n.jsxs)("div",{className:"min-w-0 space-y-1.5",children:[(0,n.jsxs)("div",{className:"workspace-node__header inline-flex items-center gap-2 rounded-full px-2.5 py-1.5",children:[(0,n.jsx)("div",{className:"workspace-node__header-icon rounded-full p-1.5",children:(0,n.jsx)(V.A,{className:"h-3 w-3"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"workspace-node__title font-display text-[12px] tracking-[0.04em]",children:e.workspace.name}),(0,n.jsx)("p",{className:"workspace-node__slug text-[9px] uppercase tracking-[0.22em]",children:e.workspace.slug})]})]}),(0,n.jsx)("p",{className:"workspace-node__path max-w-[300px] truncate pl-1 text-[9px] uppercase tracking-[0.16em]",children:(0,w.$7)(e.workspace.path)})]}),(0,n.jsxs)("div",{className:"flex shrink-0 max-w-[48%] flex-wrap items-center justify-end gap-1.5",children:[(0,n.jsx)(h.E,{variant:"muted","data-health":e.workspace.health,className:(0,o.cn)("workspace-node__health",function(e){switch(e){case"engaged":return"border-cyan-300/30 bg-cyan-300/14 text-cyan-50";case"monitoring":return"border-emerald-300/30 bg-emerald-300/14 text-emerald-50";case"ready":return"border-amber-300/30 bg-amber-300/14 text-amber-50";case"offline":return"border-rose-300/30 bg-rose-300/14 text-rose-50";default:return"border-white/12 bg-white/[0.07] text-slate-100"}}(e.workspace.health)),children:e.workspace.health}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-1.5",children:[(0,n.jsx)(Q,{icon:q.A,label:"Agents",value:String(e.workspace.agentIds.length)}),(0,n.jsx)(Q,{icon:G.A,label:"Models",value:String(e.workspace.modelIds.length)}),(0,n.jsx)(K,{value:String(e.workspace.activeRuntimeIds.length),taskCardsHidden:e.taskCardsHidden,disabled:0===e.taskCardCount||!e.onToggleTaskCards,onToggle:()=>e.onToggleTaskCards?.()})]})]})]})})},agent:function({data:e,selected:t}){var a,y;let[v,C]=(0,i.useState)(!1),[I,A]=(0,i.useState)(!1),E=(0,i.useRef)(null),P=`agent-drawer-${e.agent.id}`,$=(0,w.CK)(e.agent),M=(a=e.agent.id,y=!!e.chatOpen,(0,i.useSyncExternalStore)(e=>{if(y)return()=>{};let t=t=>{let n=t.detail;n&&n.agentId!==a||e()},n=t=>{t.key&&(t.key.startsWith(b.uA)||t.key.startsWith(b.EB))&&e()};return window.addEventListener(b.sN,t),window.addEventListener("storage",n),()=>{window.removeEventListener(b.sN,t),window.removeEventListener("storage",n)}},()=>{if(y)return 0;let e=(0,b.YN)(a),t=(0,b.WL)(a);return(0,b.SG)(e,t)},()=>0)),z=M>0&&!e.chatOpen,S=Math.max(0,Number(e.activeTaskCount??0)),T=t||e.composerFocused||e.taskFocused,O=!!e.creationPulse,F="engaged"===e.agent.status?"bg-cyan-300":"monitoring"===e.agent.status?"bg-emerald-300":"ready"===e.agent.status?"bg-amber-200":"offline"===e.agent.status?"bg-rose-300":"bg-slate-500",L=(0,f.Cf)(e.agent.policy.preset),R=e.agent.skills,D=e.agent.tools.filter(e=>"fs.workspaceOnly"!==e),H=R.length>0?R:L.skillIds,W=D.length>0?D:L.tools,U=e.agent.observedTools??[],Z=W.length,B=U.length,J=t=>{e.onInspect?.(e.agent.id,t)},V=t=>{e.onConfigureCapabilities?e.onConfigureCapabilities(e.agent.id,t):J(t)},q="engaged"===e.agent.status?"default":"monitoring"===e.agent.status?"success":"ready"===e.agent.status?"warning":"offline"===e.agent.status?"danger":"muted",G="unassigned"===e.agent.modelId?"default model":(0,w.JZ)(e.agent.modelId),X=e.agent.identity.theme??(0,f._P)(e.agent.policy.preset),Y=H.length,Q=e.agent.heartbeat.enabled?e.agent.heartbeat.every??("number"==typeof e.agent.heartbeat.everyMs?`${Math.round(e.agent.heartbeat.everyMs/1e3)}s`:null):null,K="string"==typeof e.agent.currentAction?e.agent.currentAction.trim():"",ee=e.agent.profile?.purpose?.trim()||K||"OpenClaw operator",et=e.agent.lastActiveAt?(0,w.fw)(e.agent.lastActiveAt,e.relativeTimeReferenceMs):"never",ea=`${(0,f.bQ)(e.agent.policy.fileAccess)} \xb7 Heartbeat ${e.agent.heartbeat.enabled?Q??"on":"off"} \xb7 Last seen ${et}`,en=H.slice(0,4),er=W.slice(0,3),es=U.slice(0,3),ei=Math.max(H.length-en.length,0),eo=Math.max(W.length-er.length,0),el=Math.max(B-es.length,0);return(0,i.useEffect)(()=>{if(!v)return;let e=e=>{E.current?.contains(e.target)||C(!1)};return window.addEventListener("pointerdown",e),()=>window.removeEventListener("pointerdown",e)},[v]),(0,n.jsxs)("div",{className:(0,o.cn)("agent-node relative isolate w-[272px] overflow-visible rounded-[24px] border border-white/[0.08] bg-[linear-gradient(180deg,rgba(18,20,26,0.96),rgba(9,11,15,0.96))] pt-0 pb-0 shadow-[0_20px_44px_rgba(0,0,0,0.34)] backdrop-blur-xl",e.emphasis?"opacity-100":"opacity-72",t&&"border-cyan-300/[0.42] shadow-[0_22px_48px_rgba(34,211,238,0.16)]",O&&"border-cyan-200/50 shadow-[0_24px_56px_rgba(34,211,238,0.22)]",T&&"border-cyan-200/[0.54] shadow-[0_24px_56px_rgba(34,211,238,0.22)]"),children:[O?(0,n.jsxs)(g.P.div,{"aria-hidden":"true",initial:{opacity:0,scale:.96},animate:{opacity:[0,1,.72,0],scale:[.96,1.01,1.015,1.02]},transition:{duration:1.7,times:[0,.16,.55,1],ease:"easeOut"},className:"pointer-events-none absolute inset-[-4px] z-[5] rounded-[28px]",children:[(0,n.jsx)("div",{className:"absolute inset-0 rounded-[28px] border border-cyan-300/60 bg-cyan-300/10 shadow-[0_0_0_1px_rgba(34,211,238,0.14),0_0_34px_rgba(34,211,238,0.28)]"}),(0,n.jsx)("div",{className:"absolute inset-[10px] rounded-[20px] bg-[radial-gradient(circle_at_center,rgba(34,211,238,0.18),transparent_62%)] opacity-90"})]}):null,(0,n.jsxs)("div",{className:"pointer-events-none absolute inset-0 overflow-hidden rounded-[24px]",children:[(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_18%_10%,rgba(34,211,238,0.18),transparent_36%),radial-gradient(circle_at_84%_18%,rgba(16,185,129,0.08),transparent_28%)]"}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-y-4 left-0 w-[3px] rounded-r-full bg-[linear-gradient(180deg,rgba(125,211,252,0.9),rgba(34,211,238,0.14))]"}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-x-3 top-0 h-px bg-cyan-200/10"}),(0,n.jsx)("div",{className:"pointer-events-none absolute right-2 top-2 h-10 w-10 rounded-full bg-cyan-300/10 blur-xl"})]}),T?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{"aria-hidden":"true",className:"agent-node__composer-glow pointer-events-none absolute inset-[-1px] z-0 rounded-[25px]"}),(0,n.jsxs)("svg",{"aria-hidden":"true",className:"agent-node__composer-svg pointer-events-none absolute inset-[-1px] z-20 h-[calc(100%+2px)] w-[calc(100%+2px)] overflow-hidden rounded-[25px]",viewBox:"0 0 100 100",preserveAspectRatio:"none",children:[(0,n.jsx)("rect",{x:"0",y:"0",width:"100",height:"100",rx:"8.5",ry:"8.5",pathLength:100,className:"agent-node__composer-rail"}),(0,n.jsx)("rect",{x:"0",y:"0",width:"100",height:"100",rx:"8.5",ry:"8.5",pathLength:100,className:"agent-node__composer-trace agent-node__composer-trace--glow"}),(0,n.jsx)("rect",{x:"0",y:"0",width:"100",height:"100",rx:"8.5",ry:"8.5",pathLength:100,className:"agent-node__composer-trace agent-node__composer-trace--tail"}),(0,n.jsx)("rect",{x:"0",y:"0",width:"100",height:"100",rx:"8.5",ry:"8.5",pathLength:100,className:"agent-node__composer-trace agent-node__composer-trace--core"})]})]}):null,(0,n.jsxs)("div",{className:"relative z-10",children:[(0,n.jsx)(r.h7,{type:"source",id:"source-right",position:s.yX.Right,className:"!z-30 !h-2.5 !w-2.5 !border-0 !bg-cyan-300/90 shadow-[0_0_14px_rgba(103,232,249,0.42)]"}),(0,n.jsx)(r.h7,{type:"source",id:"source-surface",position:s.yX.Top,style:{left:14,top:6},className:"!z-30 !h-2.5 !w-2.5 !border-0 !bg-cyan-100/90 shadow-[0_0_16px_rgba(125,211,252,0.5)]"}),(0,n.jsxs)("div",{className:"relative rounded-t-[24px]",children:[(0,n.jsxs)("div",{className:"relative h-[144px] overflow-hidden rounded-t-[24px] border-b border-white/[0.12] bg-[linear-gradient(180deg,rgba(14,16,20,0.98),rgba(8,10,14,0.95))]",children:[(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_20%_10%,rgba(34,211,238,0.22),transparent_34%),radial-gradient(circle_at_82%_18%,rgba(251,191,36,0.16),transparent_30%)]"}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-px bg-white/10"}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-[linear-gradient(180deg,transparent,rgba(8,10,14,0.82))]"}),(0,n.jsx)("video",{className:"pointer-events-none absolute inset-0 h-full w-full object-cover object-center brightness-[0.88] contrast-[1.04] saturate-[0.92]",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"metadata","aria-hidden":"true",children:(0,n.jsx)("source",{src:"/assets/agent.mp4",type:"video/mp4"})}),(0,n.jsx)(g.P.div,{"aria-hidden":"true",initial:{opacity:0},animate:{opacity:1},transition:{duration:.8,ease:"easeOut"},className:"pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(3,4,7,0.48),rgba(3,4,7,0.84)),radial-gradient(circle_at_center,transparent_38%,rgba(3,4,7,0.34)_100%),radial-gradient(circle_at_20%_10%,rgba(34,211,238,0.07),transparent_34%),radial-gradient(circle_at_82%_18%,rgba(251,191,36,0.04),transparent_28%)]"}),(0,n.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute -bottom-2 right-5 h-12 w-12 rounded-full bg-cyan-300/14 blur-2xl"}),(0,n.jsx)("div",{className:"absolute inset-x-0 bottom-0 z-30 p-3.5",children:(0,n.jsxs)("div",{className:"max-w-[80%]",children:[(0,n.jsxs)("div",{className:"flex items-center gap-1.5 text-[9px] uppercase tracking-[0.22em] text-white/65",children:[(0,n.jsx)(x.m,{tone:F,pulse:"engaged"===e.agent.status||"monitoring"===e.agent.status}),"Agent"]}),(0,n.jsx)("p",{className:"mt-1 truncate font-display text-[1.08rem] leading-5 text-white",children:(0,n.jsx)(j,{label:$})}),(0,n.jsx)("p",{className:"mt-0.5 truncate text-[10px] uppercase tracking-[0.16em] text-amber-200/90",children:X})]})})]}),(0,n.jsxs)("div",{className:"absolute right-2 top-2 z-40",ref:E,children:[(0,n.jsx)("button",{type:"button","aria-label":`${$} actions`,onClick:e=>{e.stopPropagation(),C(e=>!e)},onPointerDown:e=>e.stopPropagation(),className:"nodrag nopan inline-flex rounded-full border border-white/[0.08] bg-slate-950/60 p-1.5 text-slate-300 shadow-[0_10px_22px_rgba(0,0,0,0.22)] transition-colors hover:bg-slate-900/75 hover:text-white",children:(0,n.jsx)(l.A,{className:"h-3.5 w-3.5"})}),v?(0,n.jsxs)("div",{className:"absolute right-0 top-[calc(100%+8px)] z-50 min-w-[136px] rounded-[14px] border border-white/[0.1] bg-slate-950/96 p-1.5 shadow-[0_20px_44px_rgba(0,0,0,0.42)] backdrop-blur-xl",onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsx)(N,{label:e.focused?"Clear focus":"Focus",onClick:()=>{e.onFocus?.(e.agent.id),C(!1)}}),(0,n.jsx)(N,{label:"Edit",onClick:()=>{e.onEdit?.(e.agent.id),C(!1)}}),(0,n.jsx)(N,{label:"Delete",danger:!0,onClick:()=>{e.onDelete?.(e.agent.id),C(!1)}})]}):null]})]}),(0,n.jsxs)("div",{className:"px-3.5 pt-3.5 pb-3.5",children:[(0,n.jsxs)("div",{className:"mt-2 flex flex-wrap items-center gap-1.5",children:[(0,n.jsx)(h.E,{variant:q,children:e.agent.status}),e.taskFocused?(0,n.jsx)(h.E,{variant:"default",children:"Working now"}):S>0?(0,n.jsxs)(h.E,{variant:"success",children:[S," live task",1===S?"":"s"]}):null,(0,n.jsx)("button",{type:"button","aria-label":`Change model for ${$}`,title:`Change model for ${$}`,className:"nodrag nopan group rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/35 focus-visible:ring-offset-0",onClick:t=>{t.stopPropagation(),e.onConfigureModel?.(e.agent.id)},onPointerDown:e=>e.stopPropagation(),children:(0,n.jsx)(h.E,{variant:"muted",className:"max-w-[150px] truncate transition-colors group-hover:border-cyan-300/25 group-hover:bg-cyan-300/10 group-hover:text-cyan-100",children:G})})]}),(0,n.jsxs)("div",{className:"mt-2.5",children:[(0,n.jsx)("p",{className:"line-clamp-2 text-[12px] leading-5 text-slate-300",children:ee}),(0,n.jsx)("p",{className:"mt-2 truncate text-[9px] uppercase tracking-[0.18em] text-slate-500",children:ea})]}),(0,n.jsxs)("div",{className:"mt-3 grid grid-cols-3 gap-2",children:[(0,n.jsx)(k,{label:"Skills",value:Y,ariaLabel:`Open skills for ${$}`,onClick:()=>V("skills")}),(0,n.jsx)(k,{label:"Tools",value:Z,ariaLabel:`Open tools for ${$}`,onClick:()=>V("tools")}),(0,n.jsx)(k,{label:"Sessions",value:e.agent.sessionCount,ariaLabel:`Open sessions for ${$}`,onClick:()=>J("sessions")})]}),(0,n.jsxs)("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[(0,n.jsxs)("button",{type:"button","aria-label":z?`${M} unread message${1===M?"":"s"} for ${$}`:`Message ${$}`,title:z?`${M} unread message${1===M?"":"s"}`:`Message ${$}`,className:"nodrag nopan relative inline-flex h-10 items-center justify-center gap-1.5 rounded-full border border-white/[0.08] bg-white/[0.05] px-3.5 text-[12px] text-slate-200 transition-colors hover:bg-white/[0.08] hover:text-white",onClick:t=>{t.stopPropagation(),e.onMessage?.(e.agent.id)},onPointerDown:e=>e.stopPropagation(),children:[z?(0,n.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute -right-0.5 -top-0.5 inline-flex min-h-4 min-w-4 items-center justify-center rounded-full border border-[#05070d] bg-rose-400 px-1 text-[9px] font-semibold leading-none text-white shadow-[0_0_0_2px_rgba(255,255,255,0.03),0_0_16px_rgba(251,113,133,0.42)]",children:M>9?"9+":M}):null,(0,n.jsx)(d.A,{className:"h-3.5 w-3.5"}),(0,n.jsx)("span",{children:"Message"})]}),(0,n.jsxs)("button",{type:"button",className:(0,o.cn)("nodrag nopan inline-flex h-10 items-center justify-center gap-1.5 rounded-full border px-3.5 text-[12px] transition-colors",e.focused?"border-amber-200/45 bg-[linear-gradient(180deg,rgba(252,211,77,0.96),rgba(217,119,6,0.9))] text-slate-950 shadow-[0_12px_30px_rgba(245,158,11,0.38)]":"border-amber-300/20 bg-[linear-gradient(180deg,rgba(251,191,36,0.18),rgba(217,119,6,0.28))] text-amber-50 shadow-[0_10px_24px_rgba(245,158,11,0.18)] hover:border-amber-200/30 hover:text-white"),onClick:t=>{t.stopPropagation(),e.onFocus?.(e.agent.id)},onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsx)(c.A,{className:"h-3.5 w-3.5"}),(0,n.jsx)("span",{children:e.focused?"Focused":"Focus"})]})]})]}),(0,n.jsxs)("div",{className:"overflow-hidden rounded-b-[24px] border-t border-white/[0.08] bg-white/[0.03] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]",children:[(0,n.jsxs)("button",{type:"button","aria-expanded":I,"aria-controls":P,className:"nodrag nopan group flex h-9 w-full items-center gap-2 px-2.5 text-left transition-colors hover:bg-white/[0.04]",onClick:e=>{e.stopPropagation(),A(e=>!e)},onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsxs)("div",{className:"flex min-w-0 items-center gap-1.5",children:[(0,n.jsx)("span",{"aria-hidden":"true",className:"h-1.5 w-1.5 shrink-0 rounded-full bg-cyan-300/75 shadow-[0_0_10px_rgba(34,211,238,0.35)]"}),(0,n.jsx)("p",{className:"truncate text-[8px] uppercase tracking-[0.22em] leading-none text-slate-500 transition-colors group-hover:text-slate-400",children:"Agent details"})]}),(0,n.jsxs)("p",{className:"ml-auto min-w-0 truncate text-[8px] leading-none text-slate-400",children:[Y," skill",1===Y?"":"s"," \xb7 ",Z," tool",1===Z?"":"s"," \xb7 ",(0,f._P)(e.agent.policy.preset)," policy"]}),(0,n.jsx)("div",{className:"shrink-0 rounded-full border border-white/[0.08] bg-white/[0.04] p-0.5 text-slate-400 transition-colors group-hover:border-white/[0.12] group-hover:text-slate-200",children:(0,n.jsx)(u.A,{className:(0,o.cn)("h-2.5 w-2.5 transition-transform duration-200",I&&"rotate-180")})})]}),(0,n.jsx)(p.N,{initial:!1,children:I?(0,n.jsx)(g.P.div,{id:P,initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},className:"nodrag nopan overflow-hidden nowheel border-t border-white/[0.08]",onClick:e=>e.stopPropagation(),children:(0,n.jsx)("div",{className:"px-2.5 py-2",children:(0,n.jsx)(m.F,{className:"h-[116px] w-full pr-2",children:(0,n.jsxs)("div",{className:"space-y-2",children:[(0,n.jsxs)("div",{className:"flex flex-wrap gap-1.5",children:[(0,n.jsxs)(h.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Skills ",Y]}),(0,n.jsxs)(h.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Tools ",Z]}),(0,n.jsx)(h.E,{variant:L.badgeVariant,className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:(0,f._P)(e.agent.policy.preset)})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"mb-1 text-[8px] uppercase tracking-[0.22em] text-slate-500",children:"Skills"}),(0,n.jsxs)("div",{className:"flex flex-wrap gap-1",children:[en.length>0?en.map(e=>(0,n.jsx)(h.E,{variant:"muted",className:"max-w-full truncate text-[10px]",children:(0,f.aB)(e)},e)):(0,n.jsx)(h.E,{variant:"muted",className:"text-[10px]",children:"No explicit skills"}),ei>0?(0,n.jsxs)(h.E,{variant:"muted",className:"text-[10px]",children:["+",ei]}):null]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"mb-1 text-[8px] uppercase tracking-[0.22em] text-slate-500",children:"Tools"}),(0,n.jsxs)("div",{className:"flex flex-wrap gap-1",children:[er.length>0?er.map(e=>(0,n.jsx)(h.E,{variant:"warning",className:"max-w-full truncate text-[10px]",children:(0,f.aB)(e)},e)):(0,n.jsx)(h.E,{variant:"muted",className:"text-[10px]",children:"No explicit tools"}),eo>0?(0,n.jsxs)(h.E,{variant:"muted",className:"text-[10px]",children:["+",eo]}):null]})]}),U.length>0?(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"mb-1 text-[8px] uppercase tracking-[0.22em] text-slate-500",children:"Observed tools"}),(0,n.jsxs)("div",{className:"flex flex-wrap gap-1",children:[es.length>0?es.map(e=>(0,n.jsx)(h.E,{variant:"default",className:"max-w-full truncate text-[10px]",children:(0,f.aB)(e)},e)):(0,n.jsx)(h.E,{variant:"muted",className:"text-[10px]",children:"None recorded"}),el>0?(0,n.jsxs)(h.E,{variant:"muted",className:"text-[10px]",children:["+",el]}):null]})]}):null,(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"mb-1 text-[8px] uppercase tracking-[0.22em] text-slate-500",children:"Policy"}),(0,n.jsxs)("div",{className:"flex flex-wrap gap-1.5",children:[(0,n.jsxs)(h.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Missing ",(0,f.zR)(e.agent.policy.missingToolBehavior)]}),(0,n.jsxs)(h.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["File ",(0,f.bQ)(e.agent.policy.fileAccess)]}),(0,n.jsxs)(h.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Network ",(0,f.Bw)(e.agent.policy.networkAccess)]}),(0,n.jsxs)(h.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Install ",(0,f.UJ)(e.agent.policy.installScope)]})]})]}),(0,n.jsx)(_,{label:"Heartbeat",value:e.agent.heartbeat.enabled?Q?`On \xb7 ${Q}`:"On":"Off"})]})})})}):null})]})]})]})},"surface-module":function({data:e,selected:t}){let a="add"===e.variant,i=a?e.actionLabel??"Add a workspace surface":e.roleLabel||`${e.label} connection`,l=function(e){if(0===e.length)return"";if(e.length<=3)return e.join(", ");let t=e.slice(0,3).join(", ");return`${t} +${e.length-3} more`}(e.surfaceNames),d=function(e){switch(e){case"owner":return"bg-emerald-100 shadow-[0_0_12px_rgba(52,211,153,0.9)]";case"delegate":return"bg-amber-100 shadow-[0_0_12px_rgba(251,191,36,0.9)]";case"mixed":return"bg-violet-100 shadow-[0_0_12px_rgba(196,181,253,0.9)]";default:return"bg-cyan-100 shadow-[0_0_12px_rgba(103,232,249,0.9)]"}}(e.roleTone),c=e.accentColor??"#7dd3fc";return(0,n.jsx)(A.Bc,{delayDuration:120,children:(0,n.jsxs)(A.m_,{children:[(0,n.jsx)(A.k$,{asChild:!0,children:(0,n.jsxs)(g.P.button,{type:"button",initial:!1,animate:{scale:[1,1.03,1],y:[0,-1.5,0],rotate:[0,.6,0]},transition:{duration:5.6,repeat:1/0,ease:"easeInOut"},onClick:t=>{t.stopPropagation(),e.onClick?.()},onPointerDown:e=>e.stopPropagation(),className:(0,o.cn)("nodrag nopan relative overflow-visible opacity-100","h-[64px] w-[64px]",a&&"cursor-pointer",t&&"opacity-100"),"aria-label":i,children:[(0,n.jsx)(g.P.div,{"aria-hidden":"true",className:(0,o.cn)("pointer-events-none absolute rounded-[20px] blur-lg","inset-[-10px]"),style:{backgroundColor:`${c}28`},animate:{scale:[.98,1.1,.98]},transition:{duration:3.8,repeat:1/0,ease:"easeInOut"}}),(0,n.jsx)(g.P.div,{"aria-hidden":"true",className:(0,o.cn)("pointer-events-none absolute rounded-[20px] border border-white/18","inset-[-4px]"),animate:{rotate:[0,12,0],scale:[1,1.015,1]},transition:{duration:6.2,repeat:1/0,ease:"easeInOut"}}),(0,n.jsx)(r.h7,{type:"target",id:a?"target-surface-action":"target-surface",position:s.yX.Right,style:{right:-4,top:32},className:"!h-2.5 !w-2.5 !border-0 !bg-white/78 shadow-[0_0_14px_rgba(255,255,255,0.34)]"}),(0,n.jsxs)(g.P.div,{className:(0,o.cn)("relative z-10 flex h-full w-full items-center justify-center rounded-[18px] border border-white/18 bg-[linear-gradient(180deg,rgba(10,14,22,1),rgba(4,8,16,0.98))] shadow-[0_18px_30px_rgba(0,0,0,0.26),0_0_32px_rgba(255,255,255,0.08)] backdrop-blur-xl",a&&"border-cyan-300/22 bg-[linear-gradient(180deg,rgba(11,19,28,1),rgba(4,8,16,0.98))]"),animate:{y:[0,-1.25,0],rotate:[0,-.45,0]},transition:{duration:4.2,repeat:1/0,ease:"easeInOut"},children:[(0,n.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-[5px] rounded-[14px] bg-[radial-gradient(circle_at_35%_28%,rgba(255,255,255,0.12),rgba(255,255,255,0.02)_42%,rgba(255,255,255,0)_74%)]"}),a?(0,n.jsx)("div",{className:"relative z-10 flex h-10 w-10 items-center justify-center rounded-full border border-cyan-200/20 bg-cyan-300/10 text-cyan-100 shadow-[0_0_18px_rgba(34,211,238,0.18)]",children:(0,n.jsx)(C.A,{className:"h-5 w-5"})}):(0,n.jsx)(I.b,{provider:e.provider,className:"relative z-10 h-10 w-10 border-white/12 bg-transparent shadow-none"}),a?null:(0,n.jsxs)("div",{className:"pointer-events-none absolute",style:{right:5,top:5},children:[(0,n.jsx)(g.P.div,{"aria-hidden":"true",className:"absolute -inset-1.5 rounded-full border border-white/45 shadow-[0_0_10px_rgba(255,255,255,0.2)]",animate:{scale:[.88,1.22,.88],opacity:[0,.95,0]},transition:{duration:1.9,repeat:1/0,ease:"easeInOut"}}),(0,n.jsx)(g.P.div,{"aria-hidden":"true",className:(0,o.cn)("h-2 w-2 rounded-full shadow-[0_0_10px_rgba(255,255,255,0.42)]",d),animate:{scale:[1,1.12,1],opacity:[.9,1,.9]},transition:{duration:1.9,repeat:1/0,ease:"easeInOut"}})]}),!a&&e.surfaceCount>1?(0,n.jsx)("div",{className:"pointer-events-none absolute bottom-1.5 right-1.5 inline-flex min-h-4 min-w-4 items-center justify-center rounded-full border border-[#05070d] bg-cyan-300 px-1 text-[9px] font-semibold leading-none text-slate-950 shadow-[0_0_14px_rgba(34,211,238,0.35)]",children:e.surfaceCount>9?"9+":e.surfaceCount}):null]})]})}),(0,n.jsx)(A.ZI,{side:"right",align:"center",sideOffset:12,className:"max-w-[280px]",children:(0,n.jsxs)("div",{className:"space-y-2",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("span",{className:(0,o.cn)("h-2.5 w-2.5 rounded-full",a?"bg-cyan-100 shadow-[0_0_12px_rgba(103,232,249,0.9)]":d),"aria-hidden":"true"}),(0,n.jsx)("p",{className:"text-[11px] uppercase tracking-[0.22em] text-white/75",children:e.label})]}),(0,n.jsx)("div",{className:"space-y-1",children:(0,n.jsx)("p",{className:"text-[12px] leading-5 text-white",children:i})}),a?null:l?(0,n.jsxs)("p",{className:"text-[11px] leading-4 text-slate-400",children:["Related surfaces: ",l]}):null]})})]})})},task:function({data:e,selected:t}){var a,d,c,p;let x,b,f,[y,v]=(0,i.useState)(!1),j=(0,i.useRef)(null),[k,_]=(0,i.useState)(!1),N="string"==typeof e.task.metadata.bootstrapStage?e.task.metadata.bootstrapStage:null,C=k||t||!!(e.pendingCreation||W(N))||"running"===e.task.status||e.task.liveRunCount>0,I=(0,i.useMemo)(()=>{let t=e.task.metadata.optimisticEvents;return Array.isArray(t)?t.filter(Z):[]},[e.task.metadata.optimisticEvents]),A=I.length>0&&Z(I[I.length-1])?I[I.length-1]:null,{feed:V,detail:q,loading:G,error:X}=function(e,t,a={}){let[n,r]=(0,i.useState)({taskId:null,feed:[],detail:null}),[s,o]=(0,i.useState)(null),[l,d]=(0,i.useState)({taskId:null,message:null}),c="string"==typeof a.dispatchId&&a.dispatchId.trim()?a.dispatchId.trim():null,u=e.startsWith("optimistic-task:"),p=t&&u&&!c?a.optimisticFeed??H:null;(0,i.useEffect)(()=>{if(!t||p)return;let a=new URLSearchParams;c&&a.set("dispatchId",c);let n=new EventSource(`/api/tasks/${encodeURIComponent(e)}/stream${a.size>0?`?${a.toString()}`:""}`),s=t=>{try{let a=JSON.parse(t.data);"task"===a.type&&(r({taskId:e,feed:a.detail.liveFeed||[],detail:a.detail}),o(e),d({taskId:e,message:null}))}catch(t){console.error("Failed to parse task stream event",t),d({taskId:e,message:"Unable to parse task feed."})}},i=t=>{try{let a=JSON.parse(t.data);d({taskId:e,message:a.error||"Unknown error"})}catch{d({taskId:e,message:"Stream error"})}};return n.addEventListener("task",s),n.addEventListener("task-error",i),n.onerror=()=>{d(t=>t.taskId===e&&t.message?t:{taskId:e,message:"Task feed disconnected. Reconnecting…"})},()=>{n.close(),n.removeEventListener("task",s),n.removeEventListener("task-error",i)}},[e,t,c,p]);let g=p??(n.taskId===e?n.feed:[]),x=p?null:n.taskId===e?n.detail:null,h=p?null:l.taskId===e?l.message:null;return{feed:g,detail:x,loading:!p&&t&&s!==e&&null===h,error:h}}(e.task.id,C,{dispatchId:e.task.dispatchId,optimisticFeed:I}),Y=(0,i.useMemo)(()=>V.filter(e=>!e.id.startsWith("runner-log:")),[V]),Q=q?.task??e.task,K=q?.integrity??null,ee="string"==typeof Q.metadata.bootstrapStage?Q.metadata.bootstrapStage:null,et="string"==typeof Q.metadata.dispatchSubmittedAt?Q.metadata.dispatchSubmittedAt:null,ea=q?W(ee):!!(e.pendingCreation||W(ee)),en=!!e.justCreated,er=J(Q),es=function(e){if(J(e))return!1;let t=e.status;return"running"===t||"queued"===t}(Q),ei=!!K?.issues.some(e=>"missing-final-response"===e.id),eo=!!("completed"===Q.status&&K&&("warning"===K.status||"error"===K.status)),el=ea?function(e,t){if(!e)return null;let a=Date.parse(e);if(Number.isNaN(a))return null;let n=Math.floor(Math.max(t-a,0)/1e3);if(n<60)return`${n}s`;let r=Math.floor(n/60),s=n%60;return 0===s?`${r}m`:`${r}m ${s}s`}(et,e.relativeTimeReferenceMs):null,ed=er?"text-rose-200":eo?"text-amber-200":(0,w.sY)(Q.status),ec=ea?"warning":er?"danger":eo?"warning":(0,w.Uu)(Q.status),eu=ei?"no result":eo?"needs review":function(e,t,a,n){if(n)return"aborted";if(!a||!e)return t;switch(e){case"submitting":return"submitting";case"accepted":return"accepted";case"waiting-for-heartbeat":return"starting runner";case"waiting-for-runtime":return"awaiting runtime";case"runtime-observed":return"going live";case"stalled":return"stalled";case"completed":return"completed";default:return t}}(ee,Q.status,ea,er),ep=ei?"completed without a final answer":function(e,t,a){if(a)return"dispatch aborted";switch(e){case"submitting":return"contacting dispatcher";case"accepted":return"dispatch accepted";case"waiting-for-heartbeat":return"waiting for first heartbeat";case"waiting-for-runtime":return"waiting for first OpenClaw runtime";case"runtime-observed":return"runtime observed";case"stalled":return"dispatch stalled";default:return t>0?`${t} live run${1===t?"":"s"}`:"no live runs right now"}}(ee,Q.liveRunCount,er),eg=Y[Y.length-1]??A??null,ex=eg?.title||ep,eh=(0,w.$m)(eg?.detail,88)||(ea?[ep,el?`${el} elapsed`:null].filter(Boolean).join(" \xb7 "):(0,w.$m)(Q.subtitle,72)||ep),em=(a=Q,a.mission?.trim()||a.title.trim()||"Untitled task"),eb=ei?"No final answer was captured from OpenClaw for this task.":(x="string"==typeof(d=Q).metadata.resultPreview?d.metadata.resultPreview.trim():"")||d.subtitle.trim()||"Waiting for the first OpenClaw update.",ef="number"==typeof(b=(c=Q).metadata.sessionCount)&&Number.isFinite(b)?b:c.sessionIds.length,ew="number"==typeof(f=(p=Q).metadata.turnCount)&&Number.isFinite(f)?f:p.runtimeCount,ey=Y.length>0?String(Y.length):void 0,ev=`task-feed-${e.task.id}`;return(0,i.useEffect)(()=>{if(!y)return;let e=e=>{j.current?.contains(e.target)||v(!1)};return window.addEventListener("pointerdown",e),()=>window.removeEventListener("pointerdown",e)},[y]),(0,n.jsxs)(g.P.div,{initial:ea?{opacity:0,scale:.92,y:-10}:en?{opacity:0,scale:.96,y:10}:{opacity:0,x:10},animate:ea?{opacity:1,scale:1,y:0}:en?{opacity:1,scale:[1,1.015,1],y:0}:{opacity:1,x:0},transition:en?{duration:.7,times:[0,.45,1]}:void 0,className:(0,o.cn)("relative w-[272px] overflow-visible rounded-[22px] border border-amber-200/10 bg-[linear-gradient(180deg,rgba(20,18,14,0.98),rgba(9,8,6,0.96))] p-3.5 shadow-[0_18px_36px_rgba(0,0,0,0.28)] backdrop-blur-xl",e.emphasis?"opacity-100":"opacity-72",t&&"border-cyan-300/[0.45] shadow-[0_20px_46px_rgba(34,211,238,0.16)]",ea&&"border-cyan-300/30 shadow-[0_24px_54px_rgba(34,211,238,0.2)]",en&&"border-cyan-200/40 shadow-[0_24px_56px_rgba(125,211,252,0.18)]",er&&"border-rose-300/30 shadow-[0_24px_54px_rgba(244,63,94,0.14)]","completed"===Q.status&&!eo&&!er&&!ea&&!en&&"border-white/[0.06] bg-[linear-gradient(180deg,rgba(13,18,30,0.9),rgba(8,12,22,0.9))]"),children:[(0,n.jsxs)("div",{className:"pointer-events-none absolute inset-0 overflow-hidden rounded-[22px]",children:[(0,n.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_82%_0%,rgba(251,191,36,0.22),transparent_30%),radial-gradient(circle_at_12%_100%,rgba(217,119,6,0.08),transparent_26%)]"}),(0,n.jsx)("div",{className:"absolute inset-x-0 top-0 h-[4px] bg-[linear-gradient(90deg,rgba(251,191,36,0.78),rgba(217,119,6,0.18),rgba(255,255,255,0.04))]"}),(0,n.jsx)("div",{className:"absolute right-3 top-3 h-12 w-12 rounded-full bg-amber-300/10 blur-xl"})]}),(0,n.jsxs)("div",{className:"relative z-10",children:[ea?(0,n.jsx)(g.P.div,{className:"pointer-events-none absolute inset-[-16px] rounded-[24px] border border-cyan-200/16",animate:{opacity:[.18,.42,.18],scale:[.985,1.02,.985]},transition:{duration:1.8,repeat:1/0,ease:"easeInOut"}}):null,(0,n.jsx)(r.h7,{type:"target",id:"target-left",position:s.yX.Left,className:"!h-2.5 !w-2.5 !border-0 !bg-white/35"}),(0,n.jsxs)("div",{className:"relative z-20 overflow-visible rounded-[18px] border border-amber-200/12 bg-amber-400/[0.05] px-3 py-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,n.jsx)("div",{className:"text-[9px] uppercase tracking-[0.24em] text-amber-100/75",children:"Task"}),(0,n.jsxs)("div",{className:"nodrag nopan relative flex items-center gap-1.5",ref:j,children:[(0,n.jsx)(h.E,{variant:ec,className:"max-w-[112px] truncate",children:eu}),(0,n.jsx)("button",{type:"button","aria-label":"Task actions",onClick:e=>{e.stopPropagation(),v(e=>!e)},onPointerDown:e=>e.stopPropagation(),className:"nodrag nopan inline-flex rounded-full border border-white/[0.08] bg-white/[0.05] p-1.5 text-slate-300 transition-colors hover:bg-white/[0.1] hover:text-white",children:(0,n.jsx)(l.A,{className:"h-3 w-3"})}),y?(0,n.jsxs)("div",{className:"nodrag nopan absolute right-0 top-[calc(100%+8px)] z-[70] min-w-[148px] rounded-[14px] border border-white/[0.1] bg-slate-950/96 p-1.5 shadow-[0_20px_44px_rgba(0,0,0,0.42)] backdrop-blur-xl",onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsx)(B,{icon:E.A,label:"Use prompt",onClick:()=>{e.onReply?.(e.task),v(!1)}}),(0,n.jsx)(B,{icon:P.A,label:"Copy mission",onClick:()=>{e.onCopyPrompt?.(e.task),v(!1)}}),(0,n.jsx)(B,{icon:$.A,label:"Hide",onClick:()=>{e.onHide?.(e.task),v(!1)}}),e.onAbortTask&&(es||er)?(0,n.jsx)(B,{icon:M.A,label:er?"Aborted":"Abort task",destructive:!0,disabled:!es,onClick:()=>{es&&(e.onAbortTask?.(e.task),v(!1))}}):null,(0,n.jsx)(B,{icon:e.locked?z.A:S.A,label:e.locked?"Unlock":"Lock",onClick:()=>{e.onToggleLock?.(e.task),v(!1)}})]}):null]})]}),(0,n.jsxs)("div",{className:"mt-3 flex items-start gap-3",children:[(0,n.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-[14px] border border-amber-300/20 bg-amber-400/[0.1] text-amber-100 shadow-[0_0_20px_rgba(251,191,36,0.12)]",children:(0,n.jsx)(T.A,{className:"h-4 w-4"})}),(0,n.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,n.jsx)("p",{className:"line-clamp-2 font-display text-[1rem] leading-5 text-white",children:(0,w.$m)(em,96)||em}),(0,n.jsx)("p",{className:"mt-0.5 truncate text-[10px] uppercase tracking-[0.16em] text-slate-500",children:Q.primaryAgentName||"OpenClaw"})]})]})]}),(0,n.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-1.5",children:[Q.warningCount>0?(0,n.jsxs)(h.E,{variant:"warning",children:[Q.warningCount," review",1===Q.warningCount?"":"s"]}):null,en?(0,n.jsxs)(h.E,{variant:"default",className:"gap-1 border-cyan-100/20 bg-cyan-100/12 text-cyan-50",children:[(0,n.jsx)(O.A,{className:"h-3 w-3"}),"new"]}):null,(0,n.jsxs)(h.E,{variant:"muted",children:[ef," session",1===ef?"":"s"]}),(0,n.jsxs)(h.E,{variant:"muted",children:[ew," turn",1===ew?"":"s"]}),(0,n.jsxs)("span",{className:(0,o.cn)("text-[9px] uppercase tracking-[0.18em]",ed),children:[(0,w._y)(Q.tokenUsage?.total)," tokens"]})]}),(0,n.jsxs)("div",{className:"mt-3 rounded-[16px] border border-amber-300/12 bg-amber-400/[0.04] px-3 py-2.5",children:[(0,n.jsx)("p",{className:"text-[9px] uppercase tracking-[0.18em] text-slate-500",children:"Latest result"}),(0,n.jsx)("p",{className:"mt-1 line-clamp-3 text-[12.5px] leading-5 text-slate-100",children:(0,w.$m)(eb,168)||eb})]}),(0,n.jsxs)("div",{className:"mt-3 grid grid-cols-3 gap-1.5",children:[(0,n.jsx)(U,{icon:F.A,label:"Feed",value:ey,active:k,onClick:()=>{e.onInspect?e.onInspect(e.task,"output"):_(e=>!e)}}),(0,n.jsx)(U,{icon:L.A,label:"Turns",value:String(ew),onClick:()=>e.onInspect?.(e.task,"overview")}),(0,n.jsx)(U,{icon:O.A,label:"Files",value:String(Q.artifactCount),onClick:()=>e.onInspect?.(e.task,"files")})]}),(0,n.jsxs)("div",{className:(0,o.cn)("mt-3 border-t border-white/[0.08] pt-2.5",k&&"pb-1"),children:[(0,n.jsxs)("button",{type:"button","aria-expanded":k,"aria-controls":ev,className:"nodrag nopan group flex w-full items-start justify-between gap-3 rounded-[14px] border border-transparent px-1 py-1.5 text-left transition-colors hover:border-white/[0.06] hover:bg-white/[0.02]",onClick:e=>{e.stopPropagation(),_(e=>!e)},onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsxs)("div",{className:"min-w-0",children:[(0,n.jsx)("p",{className:"text-[9px] uppercase tracking-[0.2em] text-slate-500 transition-colors group-hover:text-slate-400",children:"Live feed"}),(0,n.jsx)("p",{className:"mt-1 truncate text-[10px] text-slate-300",children:ex}),(0,n.jsx)("p",{className:"mt-1 truncate text-[10px] text-slate-500",children:eh})]}),(0,n.jsx)("div",{className:"mt-0.5 shrink-0 rounded-full border border-white/[0.08] bg-white/[0.04] p-1 text-slate-400 transition-colors group-hover:border-white/[0.12] group-hover:text-slate-200",children:k?(0,n.jsx)(R.A,{className:"h-3 w-3"}):(0,n.jsx)(u.A,{className:"h-3 w-3"})})]}),k&&(0,n.jsx)(g.P.div,{id:ev,initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},className:"nodrag nopan overflow-hidden nowheel",onClick:e=>e.stopPropagation(),children:(0,n.jsx)("div",{className:"pt-2.5",children:(0,n.jsx)(m.F,{className:"h-[164px] w-full pr-3",children:G&&0===Y.length?(0,n.jsx)("div",{className:"py-4 text-center text-[10px] text-slate-500",children:"Connecting to feed..."}):X&&0===Y.length?(0,n.jsx)("div",{className:"rounded-[12px] border border-amber-400/20 bg-amber-400/10 px-3 py-2 text-[10px] leading-5 text-amber-100",children:X}):0===Y.length?(0,n.jsx)("div",{className:"py-4 text-center text-[10px] text-slate-500",children:"No events yet."}):(0,n.jsx)("div",{className:"flex flex-col gap-2.5",children:Y.map(e=>(0,n.jsxs)("div",{className:"group/item relative pl-3",children:[(0,n.jsx)("div",{className:(0,o.cn)("absolute left-0 top-1.5 h-1.5 w-1.5 rounded-full",function(e,t){if(t)return"bg-red-400";switch(e){case"status":return"bg-slate-400";case"assistant":return"bg-cyan-400";case"tool":return"bg-indigo-400";case"artifact":return"bg-emerald-400";case"warning":return"bg-amber-400";case"user":return"bg-pink-400";default:return"bg-slate-500"}}(e.kind,e.isError))}),(0,n.jsxs)("div",{className:"flex items-baseline justify-between gap-2",children:[(0,n.jsx)("span",{className:"text-[10px] font-medium text-slate-300",children:e.title}),(0,n.jsx)("span",{className:"shrink-0 text-[9px] text-slate-600",children:function(e){try{return new Date(e).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}catch{return""}}(e.timestamp)})]}),(0,n.jsx)("div",{className:"mt-0.5",children:(0,n.jsx)(D.G,{text:e.detail,className:"text-[10px] leading-relaxed text-slate-400 group-hover/item:text-slate-300",url:"url"in e?e.url:null,filePath:"filePath"in e?e.filePath:null,displayPath:"displayPath"in e?e.displayPath:null,compact:!0})})]},e.id))})})})})]})]})]})}},et={simplebezier:function({id:e,sourceX:t,sourceY:a,sourcePosition:s,targetX:i,targetY:l,targetPosition:d,style:c,data:u,selected:p,animated:g,markerEnd:x,interactionWidth:h=28}){let m,[b]=(0,r.LN)({sourceX:t,sourceY:a,sourcePosition:s,targetX:i,targetY:l,targetPosition:d}),f=!!u?.composerFocused,w=!!u?.taskFocused,y=!!u?.surfaceTether,v=!!g||f||w||y,j=function(e,t){if("number"==typeof e&&Number.isFinite(e))return e;if("string"==typeof e){let t=Number.parseFloat(e);if(Number.isFinite(t))return t}return t?2.95:2.25}(c?.strokeWidth,v),k=j+(f?5:w?4.6:y?4.8:4),_=`mission-edge-motion-${e.replace(/[^a-zA-Z0-9_-]/g,"-")}`,N=f||w?[{size:5.2,halo:9.2,duration:1.95,delay:0,alpha:1},{size:3.8,halo:7.2,duration:2.3,delay:.58,alpha:.92},{size:2.8,halo:5.8,duration:2.05,delay:1.12,alpha:.88},{size:2.1,halo:4.8,duration:2.7,delay:1.82,alpha:.82}]:y?[{size:4.8,halo:8.8,duration:2.15,delay:0,alpha:.98},{size:3.5,halo:7.1,duration:2.45,delay:.55,alpha:.9},{size:2.4,halo:5.3,duration:2.15,delay:1.1,alpha:.84},{size:1.8,halo:4.2,duration:2.9,delay:1.75,alpha:.76}]:v?[{size:4.6,halo:8.4,duration:2.4,delay:0,alpha:.96},{size:3.2,halo:6.4,duration:2.95,delay:.78,alpha:.86},{size:2.2,halo:5.2,duration:2.65,delay:1.42,alpha:.8}]:[],C=y?(m=function(e){if(!e)return null;let t=e.trim();return/^#[0-9a-fA-F]{6}$/.test(t)?t:null}(u?.surfaceAccentColor)??"#7dd3fc",{"--mission-edge-core":`${m}cc`,"--mission-edge-core-active":m,"--mission-edge-glow":`${m}55`,"--mission-edge-glow-active":`${m}88`,"--mission-edge-packet":m}):null,I={...c,animation:"none",pointerEvents:"none",strokeDasharray:"none",strokeWidth:k,...C??{}},A={...c,animation:"none",pointerEvents:"none",strokeDasharray:"none",strokeWidth:j,...C??{}};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.tE,{path:b,className:(0,o.cn)("mission-edge__path mission-edge__path--glow",v&&"mission-edge__path--animated",f&&"mission-edge__path--composer",y&&"mission-edge__path--surface-tether",p&&"mission-edge__path--selected"),interactionWidth:0,style:I}),(0,n.jsx)(r.tE,{path:b,className:(0,o.cn)("mission-edge__path mission-edge__path--core",v&&"mission-edge__path--animated",f&&"mission-edge__path--composer",y&&"mission-edge__path--surface-tether",p&&"mission-edge__path--selected"),interactionWidth:h,markerEnd:y?void 0:x,style:A}),v?(0,n.jsx)("path",{id:_,d:b,fill:"none",stroke:"none",opacity:0,style:{pointerEvents:"none"}}):null,N.map((e,t)=>(0,n.jsxs)("g",{className:"mission-edge__packet",style:{color:"var(--mission-edge-packet)",opacity:e.alpha,filter:"drop-shadow(0 0 10px var(--mission-edge-glow-active))"},"aria-hidden":"true",children:[(0,n.jsx)("circle",{r:e.halo,fill:"currentColor",opacity:.16}),(0,n.jsx)("circle",{r:e.size,fill:"currentColor",opacity:.95}),(0,n.jsx)("animateMotion",{dur:`${e.duration}s`,begin:`${e.delay}s`,repeatCount:"indefinite",rotate:"auto",children:(0,n.jsx)("mpath",{href:`#${_}`})})]},`${_}-packet-${t}`))]})}},ea={};function en(e){try{let t=JSON.parse(e);if(!t||"object"!=typeof t)return{};let a=Object.entries(t).filter(([,e])=>"object"==typeof e&&null!==e&&"number"==typeof e.x&&Number.isFinite(e.x)&&"number"==typeof e.y&&Number.isFinite(e.y));return Object.fromEntries(a)}catch{return{}}}function er(e){return`mission-control-node-positions:v2:${e}`}function es(e,t,a,n){let r=a[e]||(n?a[n]:void 0);return r?{x:r.x,y:r.y}:t}function ei(e){return"agent"===e.type||"task"===e.type}function eo(e){return`agent:${e.workspaceId}:${e.id}`}function el(e){return`agent:${e}`}function ed(e){return`task:${e.workspaceId||"global"}:${e.key}`}function ec(e){let t=globalThis.localStorage;return t&&"function"==typeof t.getItem?t.getItem(e):null}function eu(e,t,a,n=212,r=220){let s=Math.round(Math.max(88,.42*n)),i=Math.round(Math.max(34,.18*r));return{x:e.x-s,y:Math.round(e.y-i-(a>1?(a-1)*76/2:0)+76*t)}}var ep=a(2427);function eg(e,t,a,n,r,s,i,o,l,d,c,u,p,g,x,h,m,b,f,w,y,v,j,k,_,N,C,I,A){let E=Array.isArray(c)?c:[],P=Array.isArray(u)?u:[],$=Array.isArray(p)?p:[],M=n?e.agents.find(e=>e.id===n):null,z=s?e.tasks.find(e=>e.id===s)??null:null,S=z?eh(z):null,T=null!==M,O=M?.workspaceId??null,F=T?e.workspaces.filter(e=>e.id===O):a?e.workspaces.filter(e=>e.id===a):[...e.workspaces].sort((e,t)=>t.activeRuntimeIds.length-e.activeRuntimeIds.length),L=[],R=[],D=[],H=[],W=42,U=0;F.forEach((s,c)=>{let u=T?e.agents.filter(e=>e.workspaceId===s.id&&e.id===n):e.agents.filter(e=>e.workspaceId===s.id),p=T?e.tasks.filter(e=>e.workspaceId===s.id&&e.primaryAgentId===n):e.tasks.filter(e=>e.workspaceId===s.id),M=T?[]:p.filter(e=>!$.includes(e.key)),z=T?p:p.filter(e=>!ex(e,E,P,$)),O=!T&&M.length>0&&M.every(e=>ex(e,E,P,$)),Z=c%2,B=1160*Z+44,J=W,V=B+52,q=B+390,G=J+118;if(u.forEach((c,u)=>{let p=z.filter(e=>eh(e)===c.id).sort((e,t)=>(t.updatedAt??0)-(e.updatedAt??0)),g=G+4*u,E=l&&o===c.id,P=p.some(e=>d.includes(e.id)),M=S===c.id||P,O=p.filter(e=>em(e)).length,F=i===c.id,L=function(e,t,a){let n=new Map;for(let r of e.channelRegistry.channels){let e=r.workspaces.find(e=>e.workspaceId===t.id)??null;if(!e)continue;let s=e.groupAssignments.filter(e=>!1!==e.enabled).filter(e=>e.agentId===a.id),i=r.primaryAgentId===a.id,o=!i&&e.agentIds.includes(a.id);if(!i&&!o&&0===s.length)continue;let l=n.get(r.type)??{surfaceIds:new Set,surfaceNames:new Set,primaryCount:0,assistantCount:0,routeCount:0};l.surfaceIds.add(r.id),l.surfaceNames.add(r.name),l.primaryCount+=+!!i,l.assistantCount+=+!!o,l.routeCount+=s.length,n.set(r.type,l)}return Array.from(n.entries()).map(([e,t])=>{let a=(0,ep.rY)(e),n=[];t.primaryCount>0&&n.push(`Primary on ${t.primaryCount} ${1===t.primaryCount?"surface":"surfaces"}`),t.routeCount>0&&n.push(`Owns ${t.routeCount} ${1===t.routeCount?"route":"routes"}`),t.assistantCount>0&&n.push(`Assistant on ${t.assistantCount} ${1===t.assistantCount?"surface":"surfaces"}`);let r=t.primaryCount>0&&(t.routeCount>0||t.assistantCount>0)?"mixed":t.primaryCount>0?"primary":t.routeCount>0?"owner":"delegate";return{provider:e,label:a.label,count:t.surfaceIds.size,roleLabel:n.join(" \xb7 "),roleTone:r,accentColor:a.accentColor??null,surfaceNames:Array.from(t.surfaceNames).sort((e,t)=>e.localeCompare(t))}}).sort((e,t)=>e.label.localeCompare(t.label))}(e,s,c),W=es(eo(c),{x:V,y:g},A,el(c.id));R.push({id:c.id,type:"agent",draggable:!0,position:W,zIndex:r===c.id?58:E?55:M?48:O>0?24:10,selected:!1,data:{agent:c,emphasis:!!T||!a||a===s.id,focused:n===c.id,composerFocused:E,taskFocused:M,creationPulse:r===c.id,activeTaskCount:O,chatOpen:F,relativeTimeReferenceMs:t,surfaceBadges:L,onMessage:x,onEdit:h,onDelete:m,onFocus:b,onConfigureModel:f,onConfigureCapabilities:w,onInspect:y,onOpenWorkspaceChannels:v}}),D.push({id:`surface-add-v1:${c.workspaceId}:${c.id}`,type:"surface-module",draggable:!1,selectable:!1,width:64,height:64,position:function(e,t,a=212,n=220){return eu(e,0,t+1,a,n)}(W,L.length),zIndex:E?55:M?48:19,selected:!1,data:{agent:c,emphasis:!!T||!a||a===s.id,provider:"surface-add",variant:"add",label:"Add surface",actionLabel:"Connect a new workspace surface",anchorIndex:0,anchorCount:L.length+1,surfaceCount:0,surfaceNames:[],roleLabel:"Connect a new workspace surface",roleTone:"primary",accentColor:"#7dd3fc",onClick:v?()=>v(s.id):void 0}}),L.forEach((e,t)=>{var n;D.push({id:(n=e.provider,`surface-module-v1:${c.workspaceId}:${c.id}:${n}`),type:"surface-module",draggable:!1,selectable:!1,width:64,height:64,position:eu(W,t,L.length),zIndex:E?55:M?48:18,selected:!1,data:{agent:c,emphasis:!!T||!a||a===s.id,provider:e.provider,variant:"surface",label:e.label,anchorIndex:t+1,anchorCount:L.length+1,surfaceCount:e.count,surfaceNames:e.surfaceNames??[],roleLabel:e.roleLabel,roleTone:e.roleTone??"primary",accentColor:e.accentColor??null}})}),H.push(...p),p.forEach((e,n)=>{var r;let i="string"==typeof e.metadata.bootstrapStage?e.metadata.bootstrapStage:null,o="submitting"===i||"accepted"===i||"waiting-for-heartbeat"===i||"waiting-for-runtime"===i||"runtime-observed"===i,l=d.includes(e.id);R.push({id:e.id,type:"task",draggable:!0,selectable:!0,position:es(ed(e),{x:q,y:g+152*n+10},A,(r=e.id,`task:${r}`)),zIndex:o?40:l?28:10,selected:!1,data:{task:e,emphasis:!!T||!a||a===s.id,relativeTimeReferenceMs:t,pendingCreation:o,justCreated:l,locked:$.includes(e.key),onReply:j,onCopyPrompt:k,onHide:_,onToggleLock:N,onAbortTask:C,onInspect:I}})}),G+=Math.max(152,152*p.length+44)}),!T){let e=Math.max(G-J+112,700);L.push({id:s.id,type:"workspace",draggable:!1,position:{x:B,y:J},zIndex:0,style:{width:1060,height:e},selectable:!0,selected:!1,data:{workspace:s,emphasis:!a||a===s.id,taskCardCount:M.length,taskCardsHidden:O,onToggleTaskCards:M.length>0?()=>g(s.id):void 0}}),U=Math.max(U,e),(1===Z||c===F.length-1)&&(W+=U+80,U=0)}});let Z=[...L,...R,...D];return{nodes:Z,edges:[...function(e,t,a,n,r,s){let i=[],o=new Map(t.map(e=>[e.id,e]));for(let t of e){let e=eh(t);if(!e)continue;let l=o.get(e),d=o.get(t.id);l&&d&&i.push({id:`edge:${e}:${t.id}`,source:e,target:t.id,sourceHandle:"source-right",targetHandle:"target-left",type:"simplebezier",zIndex:4,animated:em(t)||t.id===a||n.includes(t.id)||s&&e===r,data:{composerFocused:s&&e===r,taskFocused:t.id===a||n.includes(t.id)},style:{strokeWidth:em(t)&&s&&e===r?3.05:em(t)?2.95:t.id===a||n.includes(t.id)?2.82:s&&e===r?2.8:2.25}})}return i}(H,Z,s,d,o,l),...function(e,t,a){let n=[],r=new Map(e.map(e=>[e.id,e]));for(let s of e){if("surface-module"!==s.type)continue;let e=s.data.agent.id,i=r.get(e),o=r.get(s.id);i&&o&&n.push({id:`edge:${e}:${s.id}`,source:e,target:s.id,sourceHandle:"source-surface",targetHandle:"add"===s.data.variant?"target-surface-action":"target-surface",type:"simplebezier",zIndex:16,animated:!0,data:{surfaceTether:!0,surfaceAccentColor:s.data.accentColor??null,composerFocused:a&&t===e},style:{strokeWidth:a&&t===e?2.2:1.95}})}return n}(Z,o,l)]}}function ex(e,t,a,n){let r=Array.isArray(t)?t:[],s=Array.isArray(a)?a:[];return!(Array.isArray(n)?n:[]).includes(e.key)&&(!!s.includes(e.key)||0!==e.runtimeIds.length&&e.runtimeIds.every(e=>r.includes(e)))}function eh(e){return e.primaryAgentId||e.agentIds[0]||null}function em(e){return"queued"===e.status||"running"===e.status}function eb({snapshot:e,activeWorkspaceId:t,selectedNodeId:a,focusedAgentId:l,recentCreatedAgentId:d,activeChatAgentId:c,composerTargetAgentId:u,isComposerActive:p,composerViewportResetNonce:g,recentDispatchId:x,hiddenRuntimeIds:h,hiddenTaskKeys:m,lockedTaskKeys:b,onToggleWorkspaceTaskCards:f,onMessageAgent:y,onEditAgent:v,onDeleteAgent:j,onFocusAgent:k,onConfigureAgentModel:_,onConfigureAgentCapabilities:N,onInspectAgentDetail:C,onOpenWorkspaceChannels:I,onReplyTask:A,onCopyTaskPrompt:E,onHideTask:P,onToggleTaskLock:$,onAbortTask:M,onInspectTask:z,onSelectNode:S,onCanvasNodePointerDownCapture:T,className:O}){let F=(0,i.useRef)(null),L=(0,i.useRef)(null),R=(0,i.useRef)(new Set),D=(0,i.useRef)(new Map),H=(0,i.useRef)(new Map),W=(0,i.useRef)({}),U=(0,i.useRef)(!1),Z=(0,i.useRef)(!1),B=(0,i.useRef)(!1),J=(0,i.useRef)(null),V=(0,i.useRef)(g),q=(0,w.hv)(e.generatedAt),[G,X]=(0,i.useState)([]),[Y,Q]=(0,i.useState)(null),K=l?`focus:${l}`:t?`workspace:${t}`:"all",es=eg(e,q,t,l,d,a,c,u,p,G,h,m,b,f,y,v,j,k,_,N,C,I,A,E,P,$,M,z,ea),[ep,em,ef]=(0,r.ck)(es.nodes),[ew,ey,ev]=(0,r.fM)(es.edges);return(0,i.useEffect)(()=>{let e=function(e){let t=ec(er(e));if(null!==t)return en(t);if("all"!==e){let e=ec("mission-control-node-positions");if(null!==e)return en(e)}return{}}(K);W.current=e,U.current=!0,Z.current=!0,0!==Object.keys(e).length&&em(t=>t.map(t=>{var a;if("workspace"===t.type||"surface-module"===t.type)return t;let n="agent"===t.type?eo(t.data.agent):ed(t.data.task),r="agent"===t.type?el(t.data.agent.id):(a=t.data.task.id,`task:${a}`),s=e[n]||(r?e[r]:void 0);return s&&(t.position.x!==s.x||t.position.y!==s.y)?{...t,position:{x:s.x,y:s.y}}:t}))},[K,em]),(0,i.useEffect)(()=>{let n=eg(e,q,t,l,d,a,c,u,p,G,h,m,b,f,y,v,j,k,_,N,C,I,A,E,P,$,M,z,W.current),r=J.current!==K;J.current=K,em(e=>{var t;let a;return r||!B.current&&U.current?(B.current=!0,n.nodes):(t=n.nodes,a=new Map(e.map(e=>[e.id,e])),t.map(e=>{let t=a.get(e.id);if(!t||t.type!==e.type||"workspace"===e.type)return e;let n=t.selected??e.selected,r=t.selected?t.zIndex:e.zIndex;return{...e,position:t.position,width:t.width??e.width,height:t.height??e.height,measured:t.measured??e.measured,dragging:t.dragging??e.dragging,selected:n,zIndex:r}}))}),ey(n.edges)},[e,t,l,d,a,c,u,p,G,h,m,b,f,y,v,j,k,_,N,C,I,A,E,P,$,M,z,q,K,ey,em]),(0,i.useEffect)(()=>{em(e=>e.map(e=>{let t=e.id===a,n=function(e,t,a,n){if("workspace"===e.type)return 0;if("agent"===e.type)return n&&a===e.id&&t===e.id?65:t===e.id?60:e.data.creationPulse?58:n&&a===e.id?55:e.data.taskFocused?48:(e.data.activeTaskCount??0)>0?24:10;if("surface-module"===e.type)return"add"===e.data.variant?n&&a===e.data.agent.id&&t===e.id?65:t===e.id?60:n&&a===e.data.agent.id?55:20:n&&a===e.data.agent.id&&t===e.id?65:t===e.id?60:n&&a===e.data.agent.id?55:18;return e.id===t?60:e.data.pendingCreation?40:e.data.justCreated?28:10}(e,a,u,p);return!!e.selected===t&&e.zIndex===n?e:{...e,selected:t,zIndex:n}}))},[a,u,p,em]),(0,i.useEffect)(()=>{let e=0,t=performance.now(),a=n=>{let r=Math.min(.032,Math.max(.008,(n-t)/1e3));t=n,em(e=>{let t=!1,a=new Map(e.map(e=>[e.id,e])),n=e.map(e=>{var n;let s,i,o;if("surface-module"!==e.type)return e;let l=a.get(e.data.agent.id);if(!l||"agent"!==l.type)return H.current.delete(e.id),e;let d=eu(l.position,e.data.anchorIndex,e.data.anchorCount,l.width??l.measured?.width,l.height??l.measured?.height),c=H.current.get(e.id)??{x:0,y:0},u=(n=e.position,s=(d.x-n.x)*220-20*c.x,i=(d.y-n.y)*220-20*c.y,c.x+=s*r,c.y+=i*r,o={x:n.x+c.x*r,y:n.y+c.y*r},.35>Math.abs(d.x-o.x)&&.35>Math.abs(d.y-o.y)&&.35>Math.abs(c.x)&&.35>Math.abs(c.y)?(c.x=0,c.y=0,{position:d,settled:!0}):{position:o,settled:!1});return u.settled?(H.current.delete(e.id),e.position.x===d.x&&e.position.y===d.y)?e:(t=!0,{...e,position:d}):(H.current.set(e.id,c),.001>Math.abs(u.position.x-e.position.x)&&.001>Math.abs(u.position.y-e.position.y))?e:(t=!0,{...e,position:u.position})});return t?n:e}),e=window.requestAnimationFrame(a)};return e=window.requestAnimationFrame(a),()=>window.cancelAnimationFrame(e)},[em]),(0,i.useEffect)(()=>{if(!L.current)return;if(!p&&g!==V.current){V.current=g;return}V.current=g;let e=setTimeout(()=>{let e=L.current;if(p&&u&&e){let t=e.getNode(u);if(t){let a=Math.min(180,Math.max(104,Math.round(.13*(F.current?.clientHeight??0)))),n=Math.max(e.getZoom(),.94);e.setCenter(t.position.x+(t.width??212)/2,t.position.y+(t.height??220)/2+a/n,{zoom:n,duration:500});return}}e?.fitView({padding:l?.2:.14,duration:500,maxZoom:l?1.05:.9})},0);return()=>clearTimeout(e)},[l,u,p,g]),(0,i.useEffect)(()=>{if(!x||R.current.has(x))return;let t=e.tasks.filter(e=>!ex(e,h,m,b)&&e.dispatchId===x&&!0!==e.metadata.optimistic).sort((e,t)=>(t.updatedAt??0)-(e.updatedAt??0))[0];if(t){var a,n;let e,r;R.current.add(x),a=t.id,n=eh(t),X(e=>e.includes(a)?e:[...e,a]),Q({taskId:a,agentId:n}),(e=D.current.get(a))&&clearTimeout(e),r=setTimeout(()=>{X(e=>e.filter(e=>e!==a)),D.current.delete(a)},12e3),D.current.set(a,r),S(t.id)}},[e.tasks,x,h,m,b,S]),(0,i.useEffect)(()=>{let e=D.current;return()=>{e.forEach(e=>{clearTimeout(e)}),e.clear()}},[]),(0,i.useEffect)(()=>{if(!Y||!L.current)return;let e=ep.find(e=>e.id===Y.taskId);if(!e)return;let t=null!==Y.agentId?ep.find(e=>"agent"===e.type&&e.id===Y.agentId):null,a=e.position.x+(e.width??272)/2,n=e.position.y+(e.height??204)/2,r=t&&"agent"===t.type?(a+t.position.x+(t.width??272)/2)/2:a,s=t&&"agent"===t.type?(n+t.position.y+(t.height??220)/2)/2:n;L.current.setCenter(r,s,{zoom:Math.max(L.current.getZoom(),.88),duration:650});let i=setTimeout(()=>{Q(e=>e?.taskId===Y.taskId?null:e)},900);return()=>clearTimeout(i)},[Y,ep]),(0,i.useEffect)(()=>{let e=F.current;if(!e||"u"<typeof ResizeObserver)return;let t=null,a=new ResizeObserver(()=>{L.current&&0!==ep.length&&(t&&clearTimeout(t),t=setTimeout(()=>{L.current?.fitView({padding:.14,duration:260,maxZoom:.9})},90))});return a.observe(e),()=>{a.disconnect(),t&&clearTimeout(t)}},[ep.length]),(0,i.useEffect)(()=>{var e,t,a;let n,r;if(!U.current)return;if(Z.current){Z.current=!1;return}let s=Object.fromEntries(ep.filter(ei).map(e=>{var t;return["agent"===(t=e).type?eo(t.data.agent):ed(t.data.task),{x:e.position.x,y:e.position.y}]})),i={...W.current,...s};if(e=W.current,n=Object.entries(e),r=Object.entries(i),!(n.length===r.length&&n.every(([e,t])=>{let a=i[e];return a&&a.x===t.x&&a.y===t.y}))){let e;W.current=i,t=er(K),a=JSON.stringify(i),(e=globalThis.localStorage)&&"function"==typeof e.setItem&&e.setItem(t,a)}},[K,ep]),(0,n.jsx)("div",{ref:F,className:(0,o.cn)("h-full w-full",O),children:(0,n.jsx)(r.Gc,{nodes:ep,edges:ew,nodeTypes:ee,onInit:e=>{L.current=e},onPointerDownCapture:e=>{e.target instanceof Element&&e.target.closest(".react-flow__node")&&T?.()},elevateNodesOnSelect:!1,autoPanOnNodeDrag:!1,onNodesChange:ef,onEdgesChange:ev,onNodeClick:(e,t)=>{"surface-module"!==t.type&&S(t.id)},fitView:!0,fitViewOptions:{padding:.14,duration:700,maxZoom:.9},minZoom:.42,maxZoom:1.2,defaultEdgeOptions:{type:"simplebezier",markerEnd:{type:s.TG.ArrowClosed,width:16,height:16,color:"var(--mission-edge-arrow)"},style:{strokeWidth:2.25}},edgeTypes:et,defaultMarkerColor:"var(--mission-edge-arrow)",proOptions:{hideAttribution:!0},className:"h-full w-full rounded-[inherit]"})})}}}]);