@sapienx/agentos 0.5.8 → 0.5.9

package/bundle/.next/static/chunks/7197.2385ee563e32813a.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7197],{67197:(e,t,a)=>{a.r(t),a.d(t,{MissionCanvas:()=>eu});var n=a(36366),r=a(11179),s=a(97489);a(8954);var i=a(70430),o=a(23351),l=a(28072),d=a(38413),c=a(37978),p=a(79613),u=a(67882),x=a(6658),g=a(82711);let m={aborted:{dot:"bg-rose-300",glow:"bg-rose-400/[0.12]",handle:"!bg-rose-300/70",icon:"border-rose-300/20 bg-rose-400/[0.09] text-rose-100",key:"aborted",outer:"border-rose-300/[0.24]",rail:"bg-gradient-to-b from-rose-300 via-rose-400/70 to-rose-500/20",resultBorder:"border-rose-300/20",topLine:"bg-gradient-to-r from-rose-300/55 via-rose-400/[0.16] to-transparent"},review:{dot:"bg-amber-300",glow:"bg-amber-300/[0.16]",handle:"!bg-amber-300/75",icon:"border-amber-300/[0.22] bg-amber-400/[0.1] text-amber-100",key:"review",outer:"border-amber-300/[0.26] shadow-[0_22px_50px_rgba(245,158,11,0.12)]",rail:"bg-gradient-to-b from-amber-200 via-amber-400/80 to-amber-500/[0.22]",resultBorder:"border-amber-300/[0.24]",topLine:"bg-gradient-to-r from-amber-200/[0.62] via-amber-400/[0.18] to-transparent"},live:{dot:"bg-cyan-300",glow:"bg-cyan-300/[0.14]",handle:"!bg-cyan-300/75",icon:"border-cyan-300/20 bg-cyan-300/[0.09] text-cyan-100",key:"live",outer:"border-cyan-300/[0.22] shadow-[0_22px_50px_rgba(34,211,238,0.12)]",rail:"bg-gradient-to-b from-cyan-200 via-cyan-400/[0.78] to-sky-500/[0.22]",resultBorder:"border-cyan-300/[0.22]",topLine:"bg-gradient-to-r from-cyan-200/[0.58] via-cyan-400/[0.18] to-transparent"},success:{dot:"bg-emerald-300",glow:"bg-emerald-300/10",handle:"!bg-emerald-300/65",icon:"border-emerald-300/[0.18] bg-emerald-300/[0.07] text-emerald-100",key:"success",outer:"border-emerald-300/[0.16]",rail:"bg-gradient-to-b from-emerald-200 via-emerald-400/[0.58] to-emerald-500/[0.16]",resultBorder:"border-emerald-300/[0.16]",topLine:"bg-gradient-to-r from-emerald-200/[0.42] via-emerald-400/[0.12] to-transparent"},fresh:{dot:"bg-sky-300",glow:"bg-sky-300/[0.14]",handle:"!bg-sky-300/70",icon:"border-sky-300/20 bg-sky-300/[0.08] text-sky-100",key:"fresh",outer:"border-sky-300/[0.24]",rail:"bg-gradient-to-b from-sky-200 via-sky-400/70 to-cyan-500/20",resultBorder:"border-sky-300/[0.18]",topLine:"bg-gradient-to-r from-sky-200/[0.52] via-sky-400/[0.14] to-transparent"},default:{dot:"bg-slate-400",glow:"bg-slate-200/[0.08]",handle:"!bg-white/35",icon:"border-white/[0.08] bg-white/[0.045] text-slate-200",key:"default",outer:"border-white/[0.085]",rail:"bg-gradient-to-b from-slate-300/70 via-slate-500/[0.42] to-slate-600/[0.12]",resultBorder:"border-white/[0.1]",topLine:"bg-gradient-to-r from-white/[0.24] via-white/[0.06] to-transparent"}};var h=a(10474),b=a(66761),f=a(96595),w=a(44822),v=a(12842);let y={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.022,delayChildren:.03}},exit:{opacity:0,transition:{duration:.14,ease:"easeInOut"}}},j={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 k({label:e}){return(0,n.jsx)(u.N,{initial:!1,mode:"wait",children:(0,n.jsx)(x.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)(x.P.span,{variants:j,"aria-hidden":"true",className:"inline-block",children:" "===t?"\xa0":t},`${e}:${a}:${t}`))},e)})}function N({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 C({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 P=a(73875),A=a(8907),E=a(90473),$=a(90656),M=a(33494),T=a(2452),O=a(10345),z=a(15054),R=a(50576),I=a(93932),L=a(46287),S=a(4606),F=a(87408),D=a(74318),B=a(23688),W=a(60736),H=a(88790),Z=a(93028);function U(e){return/No transcript file was found for this runtime session/i.test(e)||/No transcript entries were found for this runtime/i.test(e)||/waiting for (the first )?(transcript|output)/i.test(e)||/working silently/i.test(e)}function V(e){return/^(agent|chat|session\.message|sessions\.changed)$/i.test(e.trim())}var q=a(18027);function J(e){return"submitting"===e||"accepted"===e||"waiting-for-heartbeat"===e||"waiting-for-runtime"===e||"runtime-observed"===e}function G({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-[34px] w-full items-center justify-between rounded-[11px] border border-white/[0.07] bg-white/[0.03] px-2 py-1.5 text-left transition-colors hover:border-cyan-200/[0.18] hover:bg-white/[0.055]",r&&"border-cyan-200/25 bg-cyan-300/[0.07]"),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-[10px] font-medium text-slate-300",children:[(0,n.jsx)(e,{className:(0,o.cn)("h-3 w-3 shrink-0",r?"text-cyan-200":"text-slate-500")}),(0,n.jsx)("span",{className:"whitespace-nowrap",children:t})]}),a?(0,n.jsx)("span",{className:"ml-1.5 shrink-0 font-mono text-[10px] text-slate-200",children:a}):null]})}function X(e){return Array.isArray(e)?e.filter(Y).sort((e,t)=>Date.parse(e.timestamp)-Date.parse(t.timestamp)):[]}function Y(e){return"object"==typeof e&&null!==e&&"string"==typeof e.id&&"string"==typeof e.kind&&"string"==typeof e.timestamp&&"string"==typeof e.title&&"string"==typeof e.detail}function K({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 Q(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 ee=a(53633),et=a(88049),ea=a(22937),en=a(49568);let er=["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 es({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 ei({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)(R.A,{className:"workspace-node__chip-icon h-3 w-3 text-inherit"}):(0,n.jsx)(en.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 eo={workspace:function({data:e,selected:t}){var a;let r=!!e.onOpenWorkspaceFiles;return(0,n.jsx)(x.P.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},style:{"--workspace-accent-rgb":er[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)%er.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:[r?(0,n.jsxs)(x.P.button,{type:"button","aria-label":`Open workspace files for ${e.workspace.name}`,title:"Open workspace files",onClick:t=>{t.stopPropagation(),e.onOpenWorkspaceFiles?.(e.workspace.id)},onPointerDown:e=>e.stopPropagation(),whileHover:{scale:1.025,y:-1},whileTap:{scale:.985},transition:{type:"spring",stiffness:420,damping:30},className:"workspace-node__workspace-action nodrag nopan group block min-w-0 max-w-[330px] space-y-1.5 text-left focus-visible:outline-none",children:[(0,n.jsxs)("span",{className:"workspace-node__header inline-flex max-w-full items-center gap-2 rounded-full px-2.5 py-1.5",children:[(0,n.jsx)("span",{className:"workspace-node__header-icon rounded-full p-1.5",children:(0,n.jsx)(ee.A,{className:"h-3 w-3"})}),(0,n.jsxs)("span",{className:"min-w-0",children:[(0,n.jsx)("span",{className:"workspace-node__title block max-w-[220px] truncate font-display text-[12px] tracking-[0.04em]",children:e.workspace.name}),(0,n.jsx)("span",{className:"workspace-node__slug block text-[9px] uppercase tracking-[0.22em]",children:e.workspace.slug})]})]}),(0,n.jsx)("span",{className:"workspace-node__path block max-w-[300px] truncate pl-1 text-[9px] uppercase tracking-[0.16em]",children:(0,g.$7)(e.workspace.path)})]}):(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)(ee.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,g.$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)(b.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)(es,{icon:et.A,label:"Agents",value:String(e.workspace.agentIds.length)}),(0,n.jsx)(es,{icon:ea.A,label:"Models",value:String(e.workspace.modelIds.length)}),(0,n.jsx)(ei,{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,m;let[y,j]=(0,i.useState)(!1),[P,A]=(0,i.useState)(!1),E=(0,i.useRef)(null),$=`agent-drawer-${e.agent.id}`,M=(0,g.CK)(e.agent),T=(a=e.agent.id,m=!!e.chatOpen,(0,i.useSyncExternalStore)(e=>{if(m)return()=>{};let t=t=>{let n=t.detail;n&&n.agentId!==a||e()},n=t=>{t.key&&(t.key.startsWith(w.uA)||t.key.startsWith(w.EB))&&e()};return window.addEventListener(w.sN,t),window.addEventListener("storage",n),()=>{window.removeEventListener(w.sN,t),window.removeEventListener("storage",n)}},()=>{if(m)return 0;let e=(0,w.YN)(a),t=(0,w.WL)(a);return(0,w.SG)(e,t)},()=>0)),O=T>0&&!e.chatOpen,z=Math.max(0,Number(e.activeTaskCount??0)),R=t||e.composerFocused||e.taskFocused,I=!!e.creationPulse,L=function(e){switch(e){case"engaged":return"bg-cyan-300";case"monitoring":return"bg-emerald-300";case"ready":return"bg-amber-200";case"offline":return"bg-rose-300";default:return"bg-slate-500"}}(e.agent.status),S=(0,v.Cf)(e.agent.policy.preset),F=e.agent.skills,D=e.agent.tools.filter(e=>"fs.workspaceOnly"!==e),B=F.length>0?F:S.skillIds,W=D.length>0?D:S.tools,H=e.agent.observedTools??[],Z=W.length,U=H.length,V=t=>{e.onInspect?.(e.agent.id,t)},q=t=>{e.onConfigureCapabilities?e.onConfigureCapabilities(e.agent.id,t):V(t)},J=function(e){switch(e){case"engaged":return"default";case"monitoring":return"success";case"ready":return"warning";case"offline":return"danger";default:return"muted"}}(e.agent.status),G=e.modelLabel||(0,g.JZ)(e.agent.modelId),X=e.agent.identity.theme??(0,v._P)(e.agent.policy.preset),Y=B.length,K=e.agent.heartbeat.enabled?e.agent.heartbeat.every??("number"==typeof e.agent.heartbeat.everyMs?`${Math.round(e.agent.heartbeat.everyMs/1e3)}s`:null):null,Q="string"==typeof e.agent.currentAction?e.agent.currentAction.trim():"",ee=e.agent.profile?.purpose?.trim()||Q||"OpenClaw operator",et=e.agent.lastActiveAt?(0,g.fw)(e.agent.lastActiveAt,e.relativeTimeReferenceMs):"never",ea=`${(0,v.bQ)(e.agent.policy.fileAccess)} \xb7 Heartbeat ${e.agent.heartbeat.enabled?K??"on":"off"} \xb7 Last seen ${et}`,en=B.slice(0,4),er=W.slice(0,3),es=H.slice(0,3),ei=Math.max(B.length-en.length,0),eo=Math.max(W.length-er.length,0),el=Math.max(U-es.length,0);return(0,i.useEffect)(()=>{if(!y)return;let e=e=>{E.current?.contains(e.target)||j(!1)};return window.addEventListener("pointerdown",e),()=>window.removeEventListener("pointerdown",e)},[y]),(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)]",I&&"border-cyan-200/50 shadow-[0_24px_56px_rgba(34,211,238,0.22)]",R&&"border-cyan-200/[0.54] shadow-[0_24px_56px_rgba(34,211,238,0.22)]"),children:[I?(0,n.jsxs)(x.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"})]}),R?(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)(x.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)(h.m,{tone:L,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)(k,{label:M})}),(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":`${M} actions`,onClick:e=>{e.stopPropagation(),j(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"})}),y?(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)(C,{label:e.focused?"Clear focus":"Focus",onClick:()=>{e.onFocus?.(e.agent.id),j(!1)}}),(0,n.jsx)(C,{label:"Edit",onClick:()=>{e.onEdit?.(e.agent.id),j(!1)}}),(0,n.jsx)(C,{label:"Delete",danger:!0,onClick:()=>{e.onDelete?.(e.agent.id),j(!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)(b.E,{variant:J,children:e.agent.status}),e.taskFocused?(0,n.jsx)(b.E,{variant:"default",children:"Working now"}):z>0?(0,n.jsxs)(b.E,{variant:"success",children:[z," live task",1===z?"":"s"]}):null,(0,n.jsx)("button",{type:"button","aria-label":`Change model for ${M}`,title:`Change model for ${M}`,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)(b.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)(N,{label:"Skills",value:Y,ariaLabel:`Open skills for ${M}`,onClick:()=>q("skills")}),(0,n.jsx)(N,{label:"Tools",value:Z,ariaLabel:`Open tools for ${M}`,onClick:()=>q("tools")}),(0,n.jsx)(N,{label:"Sessions",value:e.agent.sessionCount,ariaLabel:`Open sessions for ${M}`,onClick:()=>V("sessions")})]}),(0,n.jsxs)("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[(0,n.jsxs)("button",{type:"button","aria-label":O?`${T} unread message${1===T?"":"s"} for ${M}`:`Message ${M}`,title:O?`${T} unread message${1===T?"":"s"}`:`Message ${M}`,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:[O?(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:T>9?"9+":T}):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":P,"aria-controls":$,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,v._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)(p.A,{className:(0,o.cn)("h-2.5 w-2.5 transition-transform duration-200",P&&"rotate-180")})})]}),(0,n.jsx)(u.N,{initial:!1,children:P?(0,n.jsx)(x.P.div,{id:$,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)(f.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)(b.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Skills ",Y]}),(0,n.jsxs)(b.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Tools ",Z]}),(0,n.jsx)(b.E,{variant:S.badgeVariant,className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:(0,v._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)(b.E,{variant:"muted",className:"max-w-full truncate text-[10px]",children:(0,v.aB)(e)},e)):(0,n.jsx)(b.E,{variant:"muted",className:"text-[10px]",children:"No explicit skills"}),ei>0?(0,n.jsxs)(b.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)(b.E,{variant:"warning",className:"max-w-full truncate text-[10px]",children:(0,v.aB)(e)},e)):(0,n.jsx)(b.E,{variant:"muted",className:"text-[10px]",children:"No explicit tools"}),eo>0?(0,n.jsxs)(b.E,{variant:"muted",className:"text-[10px]",children:["+",eo]}):null]})]}),H.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)(b.E,{variant:"default",className:"max-w-full truncate text-[10px]",children:(0,v.aB)(e)},e)):(0,n.jsx)(b.E,{variant:"muted",className:"text-[10px]",children:"None recorded"}),el>0?(0,n.jsxs)(b.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)(b.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Missing ",(0,v.zR)(e.agent.policy.missingToolBehavior)]}),(0,n.jsxs)(b.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["File ",(0,v.bQ)(e.agent.policy.fileAccess)]}),(0,n.jsxs)(b.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Network ",(0,v.Bw)(e.agent.policy.networkAccess)]}),(0,n.jsxs)(b.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Install ",(0,v.UJ)(e.agent.policy.installScope)]})]})]}),(0,n.jsx)(_,{label:"Heartbeat",value:e.agent.heartbeat.enabled?K?`On \xb7 ${K}`:"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)(E.Bc,{delayDuration:120,children:(0,n.jsxs)(E.m_,{children:[(0,n.jsx)(E.k$,{asChild:!0,children:(0,n.jsxs)(x.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)(x.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)(x.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)(x.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)(P.A,{className:"h-5 w-5"})}):(0,n.jsx)(A.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)(x.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)(x.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)(E.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,u,h;let w,v,y,j,k,N,[_,C]=(0,i.useState)(!1),P=(0,i.useRef)(null),[A,E]=(0,i.useState)(!1),ee="string"==typeof e.task.metadata.bootstrapStage?e.task.metadata.bootstrapStage:null,et=A||t||!!(e.pendingCreation||J(ee))||"running"===e.task.status||"stalled"===e.task.status||e.task.liveRunCount>0,ea=(0,i.useMemo)(()=>X(e.task.metadata.optimisticEvents),[e.task.metadata.optimisticEvents]),en=(0,i.useMemo)(()=>X(e.task.metadata.reviewEvents),[e.task.metadata.reviewEvents]),er=en.length>0&&Y(en[en.length-1])?en[en.length-1]:ea.length>0&&Y(ea[ea.length-1])?ea[ea.length-1]:null,{feed:es,detail:ei,loading:eo,error:el}=(0,q.j)(e.task.id,et,{dispatchId:e.task.dispatchId,optimisticFeed:ea}),ed=(0,i.useMemo)(()=>(function(...e){let t=new Map;for(let a of e.flat())t.set(a.id,a);return[...t.values()].sort((e,t)=>Date.parse(e.timestamp)-Date.parse(t.timestamp))})(es,en),[es,en]),ec=(0,i.useMemo)(()=>ed.filter(e=>!e.id.startsWith("runner-log:")),[ed]),ep=function(e,t){if(!e)return t;let a=Object.fromEntries(["reviewStatus","reviewAction","reviewedAt","reviewEvents"].map(e=>[e,t.metadata[e]]).filter(([,e])=>void 0!==e));return 0===Object.keys(a).length?e:{...e,metadata:{...e.metadata,...a}}}(ei?.task,e.task),eu=ei?.integrity??null,ex="string"==typeof ep.metadata.bootstrapStage?ep.metadata.bootstrapStage:null,eg="string"==typeof ep.metadata.dispatchSubmittedAt?ep.metadata.dispatchSubmittedAt:null,em=ei?J(ex):!!(e.pendingCreation||J(ex)),eh=!!e.justCreated,eb=Q(ep),ef=function(e){if(Q(e))return!1;let t=e.status;return"running"===t||"queued"===t}(ep),ew="running"===ep.status||"queued"===ep.status||ep.liveRunCount>0,ev=!!eu?.issues.some(e=>"missing-final-response"===e.id),ey=!!eu?.issues.some(e=>"partial-final-response"===e.id),ej=(w="string"==typeof(a=ep).metadata.finalResponseText?a.metadata.finalResponseText.trim():"",v="string"==typeof a.metadata.resultPreview?a.metadata.resultPreview.trim():"",!(!(y=w||v)||U(y)||V(y))||!!(("number"==typeof(j=(d=ep).metadata.turnCount)&&Number.isFinite(j)?j:d.runtimeCount)>0)||!!(ep.artifactCount>0)||!!(ep.warningCount>0)||ec.some(e=>"assistant"===e.kind||"tool"===e.kind||"artifact"===e.kind||"warning"===e.kind)),ek=ey||"stalled"===ep.status&&ej,eN=[...ec].reverse().find(e=>"assistant"===e.kind||"tool"===e.kind||"artifact"===e.kind)??null,e_=(0,Z.VL)(ep,{nowMs:e.relativeTimeReferenceMs,hasLiveActivity:ew||em,latestEvidenceAt:eN?.timestamp??null}),eC=e_&&"continued"===e_&&ew?null:e_,eP=!!e_,eA=eu?"warning"===eu.status||"error"===eu.status||"stalled"===ep.status&&ej:ek,eE=!!(("completed"===ep.status||ek)&&eA&&!eP),e$=em?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`}(eg,e.relativeTimeReferenceMs):null,eM={completedNeedsReview:eE,isAborted:eb,isJustCreated:eh,isPendingCreation:em,status:ep.status,visibleReviewStatus:eC},eT=function({completedNeedsReview:e=!1,isAborted:t=!1,status:a,visibleReviewStatus:n=null}){return t?"text-rose-200":e?"text-amber-200":"accepted"===n?"text-emerald-200":(0,g.sY)(a)}(eM),eO=function({completedNeedsReview:e=!1,isAborted:t=!1,isPendingCreation:a=!1,status:n,visibleReviewStatus:r=null}){return a?"warning":t?"danger":e?"warning":"accepted"===r?"success":r?"muted":(0,g.Uu)(n)}(eM),ez=eC?(0,Z.B4)(eC):ev?"no result":eE?"needs review":function(e,t,a,n,r=!1){if(n)return"aborted";if("stalled"===t||"stalled"===e)return r?"needs review":"waiting output";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"completed":return"completed";default:return t}}(ex,ep.status,em,eb,ej),eR=eC?(0,Z.l_)(eC):ek?"partial output needs review":ev?"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"working silently";default:return t>0?`${t} live run${1===t?"":"s"}`:"no live runs right now"}}(ex,ep.liveRunCount,eb),eI=ec[ec.length-1]??er??null,eL=!eb&&!eE&&(em||"running"===ep.status||ep.liveRunCount>0||!!(eI&&/working|waiting for output/i.test(eI.title))),eS=eI?.title||eR,eF=(0,g.$m)(eI?.detail,88)||(em?[eR,e$?`${e$} elapsed`:null].filter(Boolean).join(" \xb7 "):(0,g.$m)(ep.subtitle,72)||eR),eD=(c=ep,c.mission?.trim()||c.title.trim()||"Untitled task"),eB=function(e){let t="string"==typeof e.metadata.resultPreview?e.metadata.resultPreview.trim():"";if(t&&!V(t))return t;let a=e.subtitle.trim();return a&&!U(a)?a:"Waiting for the first OpenClaw update."}(ep),eW=ev?"No final answer was captured from OpenClaw for this task.":ek&&U(eB)?"Partial runtime evidence captured. Review the live feed for the latest tool output.":eB,eH="number"==typeof(k=(u=ep).metadata.sessionCount)&&Number.isFinite(k)?k:u.sessionIds.length,eZ="number"==typeof(N=(h=ep).metadata.turnCount)&&Number.isFinite(N)?N:h.runtimeCount,eU=ec.length>0?String(ec.length):void 0,eV=`task-feed-${e.task.id}`,eq=m[function({completedNeedsReview:e=!1,isAborted:t=!1,isJustCreated:a=!1,isPendingCreation:n=!1,status:r,visibleReviewStatus:s=null}){return t?"aborted":e?"review":n||"running"===r||"queued"===r?"live":"accepted"===s||"completed"===r?"success":a?"fresh":"default"}(eM)];return(0,i.useEffect)(()=>{if(!_)return;let e=e=>{P.current?.contains(e.target)||C(!1)};return window.addEventListener("pointerdown",e),()=>window.removeEventListener("pointerdown",e)},[_]),(0,n.jsxs)(x.P.div,{initial:em?{opacity:0,scale:.92,y:-10}:eh?{opacity:0,scale:.96,y:10}:{opacity:0,x:10},animate:em?{opacity:1,scale:1,y:0}:eh?{opacity:1,scale:[1,1.015,1],y:0}:{opacity:1,x:0},transition:eh?{duration:.7,times:[0,.45,1]}:void 0,className:(0,o.cn)("group relative w-[282px] overflow-visible rounded-[18px] border bg-[linear-gradient(180deg,rgba(13,18,30,0.96),rgba(7,10,18,0.96))] p-3 shadow-[0_18px_42px_rgba(0,0,0,0.3)] backdrop-blur-xl transition-[border-color,box-shadow,opacity] duration-200",eq.outer,e.emphasis?"opacity-100":"opacity-72",t&&"border-cyan-300/[0.5] shadow-[0_22px_52px_rgba(34,211,238,0.18)]"),children:[(0,n.jsxs)("div",{className:"pointer-events-none absolute inset-0 overflow-hidden rounded-[18px]",children:[(0,n.jsx)("div",{className:(0,o.cn)("absolute inset-y-3 left-0 w-1 rounded-r-full",eq.rail)}),(0,n.jsx)("div",{className:(0,o.cn)("absolute inset-x-0 top-0 h-px",eq.topLine)}),(0,n.jsx)("div",{className:(0,o.cn)("absolute -right-10 -top-10 h-28 w-28 rounded-full blur-3xl",eq.glow)}),(0,n.jsx)("div",{className:"absolute inset-x-3 bottom-0 h-px bg-white/[0.04]"})]}),(0,n.jsxs)("div",{className:"relative z-10",children:[em?(0,n.jsx)(x.P.div,{className:"pointer-events-none absolute inset-[-14px] rounded-[22px] 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:(0,o.cn)("!h-2.5 !w-2.5 !border-0",eq.handle)}),(0,n.jsxs)("div",{className:"relative z-20 overflow-visible",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,n.jsxs)("div",{className:"min-w-0",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("span",{className:(0,o.cn)("inline-flex h-1.5 w-1.5 shrink-0 rounded-full",eq.dot,eL&&"motion-safe:animate-pulse")}),(0,n.jsx)("span",{className:"text-[9px] uppercase tracking-[0.22em] text-slate-400",children:"Task"}),e.locked?(0,n.jsx)($.A,{className:"h-3 w-3 text-slate-500"}):null]}),(0,n.jsx)("p",{className:"mt-1 max-w-[156px] truncate text-[10px] uppercase tracking-[0.14em] text-slate-500",children:ep.primaryAgentName||"OpenClaw"})]}),(0,n.jsxs)("div",{className:"nodrag nopan relative flex items-center gap-1.5",ref:P,children:[(0,n.jsx)(b.E,{variant:eO,className:"max-w-[124px] truncate",children:ez}),(0,n.jsx)("button",{type:"button","aria-label":"Task 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-white/[0.04] p-1.5 text-slate-300 transition-colors hover:border-white/[0.14] hover:bg-white/[0.08] hover:text-white",children:(0,n.jsx)(l.A,{className:"h-3 w-3"})}),_?(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:[e.onReviewTask&&(eE||eP)?(0,n.jsx)(K,{icon:eP?M.A:T.A,label:eP?"Review record":"Review result",onClick:()=>{e.onReviewTask?.(ep),C(!1)}}):null,(0,n.jsx)(K,{icon:O.A,label:"Use prompt",onClick:()=>{e.onReply?.(e.task),C(!1)}}),(0,n.jsx)(K,{icon:z.A,label:"Copy mission",onClick:()=>{e.onCopyPrompt?.(e.task),C(!1)}}),(0,n.jsx)(K,{icon:R.A,label:"Hide",onClick:()=>{e.onHide?.(e.task),C(!1)}}),e.onAbortTask&&(ef||eb)?(0,n.jsx)(K,{icon:I.A,label:eb?"Aborted":"Abort task",destructive:!0,disabled:!ef,onClick:()=>{ef&&(e.onAbortTask?.(e.task),C(!1))}}):null,(0,n.jsx)(K,{icon:e.locked?L.A:$.A,label:e.locked?"Unlock":"Lock",onClick:()=>{e.onToggleLock?.(e.task),C(!1)}})]}):null]})]}),(0,n.jsxs)("div",{className:"mt-3 flex items-start gap-2.5",children:[(0,n.jsx)("div",{className:(0,o.cn)("flex h-9 w-9 shrink-0 items-center justify-center rounded-[12px] border shadow-[0_0_22px_rgba(255,255,255,0.05)]",eq.icon),children:(0,n.jsx)(S.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-[0.98rem] leading-5 text-white",children:(0,g.$m)(eD,112)||eD}),(0,n.jsx)("p",{className:"mt-1 truncate text-[10.5px] leading-4 text-slate-400",children:eS})]})]})]}),(0,n.jsxs)("div",{className:"mt-2.5 flex flex-wrap items-center gap-1.5",children:[ep.warningCount>0&&!eP?(0,n.jsxs)(b.E,{variant:"warning",children:[ep.warningCount," review",1===ep.warningCount?"":"s"]}):null,eh?(0,n.jsxs)(b.E,{variant:"default",className:"gap-1 border-cyan-100/20 bg-cyan-100/12 text-cyan-50",children:[(0,n.jsx)(F.A,{className:"h-3 w-3"}),"new"]}):null,(0,n.jsxs)("span",{className:"rounded-full border border-white/[0.08] bg-white/[0.035] px-2 py-1 text-[10px] leading-none text-slate-300",children:[eH," session",1===eH?"":"s"]}),(0,n.jsxs)("span",{className:"rounded-full border border-white/[0.08] bg-white/[0.035] px-2 py-1 text-[10px] leading-none text-slate-300",children:[eZ," turn",1===eZ?"":"s"]}),(0,n.jsxs)("span",{className:(0,o.cn)("px-1 text-[9px] uppercase tracking-[0.16em]",eT),children:[(0,g._y)(ep.tokenUsage?.total)," tokens"]})]}),(0,n.jsxs)("div",{className:(0,o.cn)("mt-2.5 border-l pl-3",eq.resultBorder),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-2 text-[12.5px] leading-5 text-slate-100/95",children:(0,g.$m)(eW,128)||eW})]}),eE&&e.onReviewTask?(0,n.jsxs)("button",{type:"button",className:"nodrag nopan mt-3 flex w-full items-center justify-between gap-3 rounded-[13px] border border-amber-300/24 bg-amber-300/[0.1] px-3 py-2.5 text-left text-amber-50 shadow-[0_10px_24px_rgba(245,158,11,0.12)] transition-colors hover:border-amber-200/38 hover:bg-amber-300/[0.14]",onClick:t=>{t.stopPropagation(),e.onReviewTask?.(ep)},onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[(0,n.jsx)("span",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-[10px] border border-amber-200/20 bg-amber-200/10",children:(0,n.jsx)(T.A,{className:"h-3.5 w-3.5"})}),(0,n.jsxs)("span",{className:"min-w-0",children:[(0,n.jsx)("span",{className:"block text-[10px] font-medium uppercase tracking-[0.18em]",children:"Review result"}),(0,n.jsx)("span",{className:"block truncate text-[11px] text-amber-100/72",children:"Accept, continue, retry, or dismiss."})]})]}),(0,n.jsx)(p.A,{className:"h-3.5 w-3.5 -rotate-90 text-amber-100/70"})]}):null,(0,n.jsxs)("div",{className:"mt-2.5 grid grid-cols-3 gap-1.5",children:[(0,n.jsx)(G,{icon:D.A,label:"Feed",value:eU,active:A,onClick:()=>{e.onInspect?e.onInspect(e.task,"output"):E(e=>!e)}}),(0,n.jsx)(G,{icon:B.A,label:"Turns",value:String(eZ),onClick:()=>e.onInspect?.(e.task,"overview")}),(0,n.jsx)(G,{icon:F.A,label:"Files",value:String(ep.artifactCount),onClick:()=>e.onInspect?.(e.task,"files")})]}),(0,n.jsxs)("div",{className:(0,o.cn)("mt-2.5 rounded-[14px] border border-white/[0.07] bg-white/[0.025] px-2.5 py-1.5",A&&"pb-2.5"),children:[(0,n.jsxs)("button",{type:"button","aria-expanded":A,"aria-controls":eV,className:"nodrag nopan group flex w-full items-start justify-between gap-3 rounded-[10px] border border-transparent px-1 py-1 text-left transition-colors hover:bg-white/[0.035]",onClick:e=>{e.stopPropagation(),E(e=>!e)},onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsxs)("div",{className:"min-w-0",children:[(0,n.jsxs)("p",{className:"flex items-center gap-1.5 text-[9px] uppercase tracking-[0.18em] text-slate-500 transition-colors group-hover:text-slate-400",children:[eL?(0,n.jsx)("span",{className:(0,o.cn)("inline-flex h-1.5 w-1.5 rounded-full shadow-[0_0_10px_rgba(34,211,238,0.7)]",eq.dot,"motion-safe:animate-pulse")}):null,(0,n.jsx)("span",{children:"Live feed"})]}),(0,n.jsx)("p",{className:"mt-1 truncate text-[10.5px] text-slate-300",children:eS}),A?(0,n.jsx)("p",{className:"mt-1 truncate text-[10px] text-slate-500",children:eF}):null]}),(0,n.jsx)("div",{className:"mt-0.5 shrink-0 rounded-full border border-white/[0.08] bg-white/[0.035] p-1 text-slate-400 transition-colors group-hover:border-white/[0.12] group-hover:text-slate-200",children:A?(0,n.jsx)(W.A,{className:"h-3 w-3"}):(0,n.jsx)(p.A,{className:"h-3 w-3"})})]}),A&&(0,n.jsx)(x.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)(f.F,{className:"h-[112px] w-full pr-3",children:eo&&0===ec.length?(0,n.jsx)("div",{className:"py-4 text-center text-[10px] text-slate-500",children:"Connecting to feed..."}):el&&0===ec.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:el}):0===ec.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:ec.map(t=>(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"}}(t.kind,t.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:t.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""}}(t.timestamp)})]}),(0,n.jsx)("div",{className:"mt-0.5",children:(0,n.jsx)(H.G,{text:t.detail,className:"text-[10px] leading-relaxed text-slate-400 group-hover/item:text-slate-300",url:"url"in t?t.url:null,filePath:"filePath"in t?t.filePath:null,displayPath:"displayPath"in t?t.displayPath:null,basePath:e.workspacePath,compact:!0})})]},t.id))})})})})]})]})]})}},el={simplebezier:function({id:e,sourceX:t,sourceY:a,sourcePosition:s,targetX:i,targetY:l,targetPosition:d,style:c,data:p,selected:u,animated:x,markerEnd:g,interactionWidth:m=28}){let h,[b]=(0,r.LN)({sourceX:t,sourceY:a,sourcePosition:s,targetX:i,targetY:l,targetPosition:d}),f=!!p?.composerFocused,w=!!p?.taskFocused,v=!!p?.surfaceTether,y=!!x||f||w||v,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,y),k=j+(f?5:w?4.6:v?4.8:4),N=`mission-edge-motion-${e.replace(/[^a-zA-Z0-9_-]/g,"-")}`,_=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}]:v?[{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}]:y?[{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=v?(h=function(e){if(!e)return null;let t=e.trim();return/^#[0-9a-fA-F]{6}$/.test(t)?t:null}(p?.surfaceAccentColor)??"#7dd3fc",{"--mission-edge-core":`${h}cc`,"--mission-edge-core-active":h,"--mission-edge-glow":`${h}55`,"--mission-edge-glow-active":`${h}88`,"--mission-edge-packet":h}):null,P={...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",y&&"mission-edge__path--animated",f&&"mission-edge__path--composer",v&&"mission-edge__path--surface-tether",u&&"mission-edge__path--selected"),interactionWidth:0,style:P}),(0,n.jsx)(r.tE,{path:b,className:(0,o.cn)("mission-edge__path mission-edge__path--core",y&&"mission-edge__path--animated",f&&"mission-edge__path--composer",v&&"mission-edge__path--surface-tether",u&&"mission-edge__path--selected"),interactionWidth:m,markerEnd:v?void 0:g,style:A}),y?(0,n.jsx)("path",{id:N,d:b,fill:"none",stroke:"none",opacity:0,style:{pointerEvents:"none"}}):null,_.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:`#${N}`})})]},`${N}-packet-${t}`))]})}};var ed=a(17669),ec=a(81076),ep=a(68574);function eu({snapshot:e,activeWorkspaceId:t,selectedNodeId:a,focusedAgentId:l,recentCreatedAgentId:d,activeChatAgentId:c,composerTargetAgentId:p,isComposerActive:u,composerViewportResetNonce:x,recentDispatchId:m,hiddenRuntimeIds:h,hiddenTaskKeys:b,lockedTaskKeys:f,onToggleWorkspaceTaskCards:w,onMessageAgent:v,onEditAgent:y,onDeleteAgent:j,onFocusAgent:k,onConfigureAgentModel:N,onConfigureAgentCapabilities:_,onInspectAgentDetail:C,onOpenWorkspaceChannels:P,onOpenWorkspaceFiles:A,onReplyTask:E,onCopyTaskPrompt:$,onHideTask:M,onToggleTaskLock:T,onAbortTask:O,onInspectTask:z,onReviewTask:R,onSelectNode:I,onCanvasNodePointerDownCapture:L,className:S}){let F=(0,i.useRef)(null),D=(0,i.useRef)(null),B=(0,i.useRef)(new Set),W=(0,i.useRef)(new Map),H=(0,i.useRef)(new Map),Z=(0,i.useRef)({}),U=(0,i.useRef)(!1),V=(0,i.useRef)(!1),q=(0,i.useRef)(!1),J=(0,i.useRef)(null),G=(0,i.useRef)(x),X=(0,g.hv)(e.generatedAt),[Y,K]=(0,i.useState)([]),[Q,ee]=(0,i.useState)(null),et=l?`focus:${l}`:t?`workspace:${t}`:"all",ea=(0,ep.fl)(e,X,t,l,d,a,c,p,u,Y,h,b,f,w,v,y,j,k,N,_,C,P,A,E,$,M,T,O,z,R,ed.JM),[en,er,es]=(0,r.ck)(ea.nodes),[ei,ex,eg]=(0,r.fM)(ea.edges);return(0,i.useEffect)(()=>{let e=(0,ed.Kz)(et);Z.current=e,U.current=!0,V.current=!0,0!==Object.keys(e).length&&er(t=>t.map(t=>{if("workspace"===t.type||"surface-module"===t.type)return t;let a="agent"===t.type?(0,ed.qW)(t.data.agent):(0,ed.ki)(t.data.task),n="agent"===t.type?(0,ed.VO)(t.data.agent.id):(0,ed.JC)(t.data.task.id),r=e[a]||(n?e[n]:void 0);return r&&(t.position.x!==r.x||t.position.y!==r.y)?{...t,position:{x:r.x,y:r.y}}:t}))},[et,er]),(0,i.useEffect)(()=>{let n=(0,ep.fl)(e,X,t,l,d,a,c,p,u,Y,h,b,f,w,v,y,j,k,N,_,C,P,A,E,$,M,T,O,z,R,Z.current),r=J.current!==et;J.current=et,er(e=>{var t;let a;return r||!q.current&&U.current?(q.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}}))}),ex(n.edges)},[e,t,l,d,a,c,p,u,Y,h,b,f,w,v,y,j,k,N,_,C,P,A,E,$,M,T,O,z,R,X,et,ex,er]),(0,i.useEffect)(()=>{er(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,p,u);return!!e.selected===t&&e.zIndex===n?e:{...e,selected:t,zIndex:n}}))},[a,p,u,er]),(0,i.useEffect)(()=>{let e=0,t=performance.now(),a=n=>{let r=Math.min(.032,Math.max(.008,(n-t)/1e3));t=n,er(e=>{let t=!1,a=new Map(e.map(e=>[e.id,e])),n=e.map(e=>{if("surface-module"!==e.type)return e;let n=a.get(e.data.agent.id);if(!n||"agent"!==n.type)return H.current.delete(e.id),e;let s=(0,ec.mI)(n.position,e.data.anchorIndex,e.data.anchorCount,n.width??n.measured?.width,n.height??n.measured?.height),i=H.current.get(e.id)??{x:0,y:0},o=(0,ec.Jz)(e.position,s,i,r);return o.settled?(H.current.delete(e.id),e.position.x===s.x&&e.position.y===s.y)?e:(t=!0,{...e,position:s}):(H.current.set(e.id,i),.001>Math.abs(o.position.x-e.position.x)&&.001>Math.abs(o.position.y-e.position.y))?e:(t=!0,{...e,position:o.position})});return t?n:e}),e=window.requestAnimationFrame(a)};return e=window.requestAnimationFrame(a),()=>window.cancelAnimationFrame(e)},[er]),(0,i.useEffect)(()=>{if(!D.current)return;if(!u&&x!==G.current){G.current=x;return}G.current=x;let e=setTimeout(()=>{let e=D.current;if(u&&p&&e){let t=e.getNode(p);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,p,u,x,et]),(0,i.useEffect)(()=>{if(!m||B.current.has(m))return;let t=e.tasks.filter(e=>!(0,ep.CM)(e,h,b,f)&&e.dispatchId===m&&!0!==e.metadata.optimistic).sort((e,t)=>(t.updatedAt??0)-(e.updatedAt??0))[0];if(t){var a,n;let e,r;B.current.add(m),a=t.id,n=(0,ep.Wu)(t),K(e=>e.includes(a)?e:[...e,a]),ee({taskId:a,agentId:n}),(e=W.current.get(a))&&clearTimeout(e),r=setTimeout(()=>{K(e=>e.filter(e=>e!==a)),W.current.delete(a)},12e3),W.current.set(a,r),I(t.id)}},[e.tasks,m,h,b,f,I]),(0,i.useEffect)(()=>{let e=W.current;return()=>{e.forEach(e=>{clearTimeout(e)}),e.clear()}},[]),(0,i.useEffect)(()=>{if(!Q||!D.current)return;let e=en.find(e=>e.id===Q.taskId);if(!e)return;let t=null!==Q.agentId?en.find(e=>"agent"===e.type&&e.id===Q.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;D.current.setCenter(r,s,{zoom:Math.max(D.current.getZoom(),.88),duration:650});let i=setTimeout(()=>{ee(e=>e?.taskId===Q.taskId?null:e)},900);return()=>clearTimeout(i)},[Q,en]),(0,i.useEffect)(()=>{let e=F.current;if(!e||"u"<typeof ResizeObserver)return;let t=null,a=new ResizeObserver(()=>{D.current&&0!==en.length&&(t&&clearTimeout(t),t=setTimeout(()=>{D.current?.fitView({padding:.14,duration:260,maxZoom:.9})},90))});return a.observe(e),()=>{a.disconnect(),t&&clearTimeout(t)}},[en.length]),(0,i.useEffect)(()=>{if(!U.current)return;if(V.current){V.current=!1;return}let e=(0,ed.nF)(en),t={...Z.current,...e};(0,ed.IY)(Z.current,t)||(Z.current=t,(0,ed.RW)((0,ed.h)(et),JSON.stringify(t)))},[et,en]),(0,n.jsx)("div",{ref:F,className:(0,o.cn)("h-full w-full",S),children:(0,n.jsx)(r.Gc,{nodes:en,edges:ei,nodeTypes:eo,onInit:e=>{D.current=e},onPointerDownCapture:e=>{e.target instanceof Element&&e.target.closest(".react-flow__node")&&L?.()},elevateNodesOnSelect:!1,autoPanOnNodeDrag:!1,onNodesChange:es,onEdgesChange:eg,onNodeClick:(e,t)=>{"surface-module"!==t.type&&I(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:el,defaultMarkerColor:"var(--mission-edge-arrow)",proOptions:{hideAttribution:!0},className:"h-full w-full rounded-[inherit]"})})}}}]);