@sapienx/agentos 0.6.7 → 0.6.8

package/bundle/.next/static/chunks/7197.ddf4cc08de4fe3ee.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:()=>eC});var n=a(36366),r=a(11179),s=a(97489);a(8954);var i=a(70430),o=a(23351),l=a(73875),d=a(28072),c=a(38413),u=a(37978),p=a(79613),m=a(67882),x=a(6658),g=a(84731),h=a(82711);let b={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 f=a(10474),w=a(66761),v=a(96595),y=a(44822),j=a(8907),k=a(12842);let _={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.022,delayChildren:.03}},exit:{opacity:0,transition:{duration:.14,ease:"easeInOut"}}},N={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 C({label:e}){return(0,n.jsx)(m.N,{initial:!1,mode:"wait",children:(0,n.jsx)(x.P.span,{variants:_,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:N,"aria-hidden":"true",className:"inline-block",children:" "===t?"\xa0":t},`${e}:${a}:${t}`))},e)})}function A({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 P({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 I({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 E=a(90473),$=a(19469),M=a(15411),O=a(87408),T=a(74318),R=a(23688),L=a(4606),S=a(90656),z=a(33494),F=a(2452),D=a(10345),W=a(15054),B=a(50576),q=a(93932),H=a(46287),Z=a(60736),J=a(8894),U=a(88790),V=a(93028);function G(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 r?t:"waiting output";case"completed":return"completed";default:return t}}function X(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 K(e){return/^(agent|chat|session\.message|sessions\.changed)$/i.test(e.trim())}var Y=a(72125),Q=a(18027),ee=a(14474);function et({activeTabId:e,tabs:t,onAdd:a,onSelect:r}){let s=Math.max(t.findIndex(t=>t.id===e),0),i=e=>{let a=t[(s+e+t.length)%t.length];a&&r(a)};return(0,n.jsxs)("div",{className:"nodrag nopan relative z-20 mb-2 flex items-end gap-2 pb-px",onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsx)("div",{role:"tablist","aria-label":"Task workspace tabs",className:(0,o.cn)("min-w-0 items-end gap-2",t.length<=7?"grid flex-1":"flex min-w-max overflow-x-auto"),style:t.length<=7?{gridTemplateColumns:`repeat(${t.length}, minmax(0, 1fr))`}:void 0,children:t.map(a=>{let s=a.id===e,l="task"===a.kind?L.A:J.A;return(0,n.jsxs)("button",{type:"button",role:"tab","aria-selected":s,tabIndex:s?0:-1,title:`${a.label}: ${a.title}`,className:(0,o.cn)("group/tab relative flex h-[64px] items-center gap-3 rounded-t-[18px] border px-3 text-left outline-none transition-all duration-200 focus-visible:ring-2 focus-visible:ring-cyan-200/45",t.length<=7?"min-w-0 w-full":"min-w-[178px] max-w-[260px] shrink-0",s?"border-cyan-200/28 bg-cyan-300/[0.09] text-white shadow-[0_-10px_34px_rgba(45,212,191,0.13)]":"border-white/[0.075] bg-white/[0.025] text-slate-300 hover:border-cyan-200/16 hover:bg-white/[0.045]"),onClick:()=>r(a),onKeyDown:e=>{if("ArrowRight"===e.key)e.preventDefault(),i(1);else if("ArrowLeft"===e.key)e.preventDefault(),i(-1);else if("Home"===e.key)e.preventDefault(),t[0]&&r(t[0]);else if("End"===e.key){e.preventDefault();let a=t[t.length-1];a&&r(a)}},children:[(0,n.jsx)("span",{className:(0,o.cn)("flex h-9 w-9 shrink-0 items-center justify-center rounded-[12px] border transition-colors",s?"border-emerald-200/24 bg-emerald-300/[0.12] text-emerald-100":"border-white/[0.08] bg-white/[0.035] text-slate-400 group-hover/tab:text-slate-200"),children:(0,n.jsx)(l,{className:"h-[18px] w-[18px]"})}),(0,n.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,n.jsxs)("span",{className:(0,o.cn)("flex items-center gap-1.5 text-[11px] font-semibold",s?"text-emerald-200":"text-slate-400"),children:[a.hasLiveActivity?(0,n.jsx)("span",{className:"h-1.5 w-1.5 shrink-0 rounded-full bg-cyan-300 shadow-[0_0_10px_rgba(34,211,238,0.75)] motion-safe:animate-pulse"}):null,(0,n.jsx)("span",{className:"truncate",children:a.label}),(0,n.jsx)("span",{className:(0,o.cn)("h-1 w-1 rounded-full",function(e){switch(e){case"completed":return"bg-emerald-300";case"running":case"queued":return"bg-cyan-300";case"stalled":return"bg-amber-300";case"cancelled":return"bg-rose-300";default:return"bg-slate-500"}}(a.statusLabel))})]}),(0,n.jsx)("span",{className:"mt-1 block truncate text-[11px] font-semibold leading-4 text-slate-100",children:a.title})]}),(0,n.jsx)("span",{className:(0,o.cn)("absolute inset-x-3 bottom-0 h-0.5 rounded-full transition-all duration-200",s?"bg-emerald-300 shadow-[0_0_16px_rgba(52,211,153,0.75)]":"bg-transparent")})]},a.id)})}),(0,n.jsx)("button",{type:"button","aria-label":"Focus follow-up composer",title:"Focus follow-up composer",className:"mb-1 inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-[16px] border border-white/[0.08] bg-white/[0.045] text-slate-200 shadow-[0_10px_24px_rgba(0,0,0,0.18)] outline-none transition-all duration-200 hover:border-cyan-200/22 hover:bg-cyan-300/[0.08] hover:text-cyan-100 focus-visible:ring-2 focus-visible:ring-cyan-200/45",onClick:a,children:(0,n.jsx)(l.A,{className:"h-5 w-5"})})]})}function ea(e){return"submitting"===e||"accepted"===e||"waiting-for-heartbeat"===e||"waiting-for-runtime"===e||"runtime-observed"===e}function en(e,t,a,n=[]){let r,s=ei(e.status);return s&&"running"!==s?s:a?.finalText||e.summary||t?.status==="completed"&&el(t)?"completed":n.some(e=>"cancelled"===e.status)?"cancelled":n.some(e=>"stalled"===e.status)?"stalled":n.some(e=>"completed"===e.status)?"completed":t?.status==="queued"||n.some(e=>"queued"===e.status)?"queued":n.some(e=>"running"===e.status)&&(r=Math.max(...n.map(e=>eo(e.updatedAt))))>0&&Date.now()-r>9e4?"stalled":"running"}function er(e,t,a){let n=a?.finalText?.trim();if(n)return n;let r=a?.errorMessage?.trim();if(r)return r;let s=t?.subtitle?.trim();if(t&&s&&el(t))return s;let i=(0,ee.Rx)(e)??e.message;return t||e.runId?["Operator follow-up:",i,"\nOpenClaw accepted this follow-up and AgentOS is tracking the live run.\nNo agent answer has been captured yet."].join("\n"):(0,Y.fs)(e)}function es(e,t,a,n){return{taskId:e,cardNumber:n,followUpIndex:a,message:(0,ee.Rx)(t)??t.message,runId:t.runId??null,sessionId:t.sessionId??null,status:t.status??null,summary:t.summary??null,createdAt:t.createdAt}}function ei(e){switch(e){case"queued":case"running":case"idle":case"completed":case"stalled":case"cancelled":return e;case"timeout":case"timed_out":case"failed":case"error":return"stalled";default:return null}}function eo(e){return"number"!=typeof e||!Number.isFinite(e)||e<=0?0:e>1e12?e:1e3*e}function el(e){let t=e.subtitle.trim().toLowerCase();return!!(t&&!["chat","agent","sessions.changed","session.message","openclaw runtime event","gateway runtime event"].includes(t))}function ed(e){return new Set(e.map(e=>e.trim()).filter(Boolean)).size}function ec(e){return Array.isArray(e)?e.filter(eu).sort((e,t)=>Date.parse(e.timestamp)-Date.parse(t.timestamp)):[]}function eu(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 ep({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 em(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 ex=a(53633),eg=a(88049),eh=a(22937),eb=a(49568);let ef=["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 ew({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 ev({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)(B.A,{className:"workspace-node__chip-icon h-3 w-3 text-inherit"}):(0,n.jsx)(eb.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 ey={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":ef[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)%ef.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)(ex.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,h.$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)(ex.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,h.$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)(w.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)(ew,{icon:eg.A,label:"Agents",value:String(e.workspace.agentIds.length)}),(0,n.jsx)(ew,{icon:eh.A,label:"Models",value:String(e.workspace.modelIds.length)}),(0,n.jsx)(ev,{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,b;let[_,N]=(0,i.useState)(!1),[E,$]=(0,i.useState)(!1),M=(0,i.useRef)(null),O=`agent-drawer-${e.agent.id}`,T=(0,h.CK)(e.agent),R=(a=e.agent.id,b=!!e.chatOpen,(0,i.useSyncExternalStore)(e=>{if(b)return()=>{};let t=t=>{let n=t.detail;n&&n.agentId!==a||e()},n=t=>{t.key&&(t.key.startsWith(y.uA)||t.key.startsWith(y.EB))&&e()};return window.addEventListener(y.sN,t),window.addEventListener("storage",n),()=>{window.removeEventListener(y.sN,t),window.removeEventListener("storage",n)}},()=>{if(b)return 0;let e=(0,y.YN)(a),t=(0,y.WL)(a);return(0,y.SG)(e,t)},()=>0)),L=R>0&&!e.chatOpen,S=Math.max(0,Number(e.activeTaskCount??0)),z=!!e.pendingCreation,F="string"==typeof e.creationWarning?e.creationWarning.trim():"",D=t||e.composerFocused||e.taskFocused,W=!!e.creationPulse,B=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),q=(0,k.Cf)(e.agent.policy.preset),H=e.agent.skills,Z=e.agent.tools.filter(e=>"fs.workspaceOnly"!==e),J=H.length>0?H:q.skillIds,U=Z.length>0?Z:q.tools,V=e.agent.observedTools??[],G=e.surfaceBadges??[],X=e.accountBadges??[],K=!!e.onOpenWorkspaceChannels,Y=G.slice(0,4),Q=X.slice(0,Math.max(4-Y.length,0)),ee=Math.max(G.length+X.length-Y.length-Q.length,0),et=U.length,ea=V.length,en=t=>{e.onInspect?.(e.agent.id,t)},er=t=>{e.onConfigureCapabilities?e.onConfigureCapabilities(e.agent.id,t):en(t)},es=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),ei=e.modelLabel||(0,h.JZ)(e.agent.modelId),eo=e.agent.identity.theme??(0,k._P)(e.agent.policy.preset),el=J.length,ed=e.agent.heartbeat.enabled?e.agent.heartbeat.every??("number"==typeof e.agent.heartbeat.everyMs?`${Math.round(e.agent.heartbeat.everyMs/1e3)}s`:null):null,ec="string"==typeof e.agent.currentAction?e.agent.currentAction.trim():"",eu=e.agent.profile?.purpose?.trim()||ec||"OpenClaw operator",ep=e.agent.lastActiveAt?(0,h.fw)(e.agent.lastActiveAt,e.relativeTimeReferenceMs):"never",em=`${(0,k.bQ)(e.agent.policy.fileAccess)} \xb7 Heartbeat ${e.agent.heartbeat.enabled?ed??"on":"off"} \xb7 Last seen ${ep}`,ex=J.slice(0,4),eg=U.slice(0,3),eh=V.slice(0,3),eb=Math.max(J.length-ex.length,0),ef=Math.max(U.length-eg.length,0),ew=Math.max(ea-eh.length,0);return(0,i.useEffect)(()=>{if(!_)return;let e=e=>{M.current?.contains(e.target)||N(!1)};return window.addEventListener("pointerdown",e),()=>window.removeEventListener("pointerdown",e)},[_]),(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",z&&"border-cyan-200/22 shadow-[0_20px_54px_rgba(34,211,238,0.16),0_18px_46px_rgba(0,0,0,0.36)]",t&&"border-cyan-300/[0.42] shadow-[0_22px_48px_rgba(34,211,238,0.16)]",W&&"border-cyan-200/50 shadow-[0_24px_56px_rgba(34,211,238,0.22)]",D&&"border-cyan-200/[0.54] shadow-[0_24px_56px_rgba(34,211,238,0.22)]"),children:[W?(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"}),z?(0,n.jsx)(x.P.div,{"aria-hidden":"true",className:"pointer-events-none absolute inset-y-0 left-[-55%] w-[46%] bg-[linear-gradient(90deg,transparent,rgba(125,211,252,0.12),transparent)]",animate:{x:["0%","310%"]},transition:{duration:1.7,repeat:1/0,ease:"easeInOut"}}):null]}),D?(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.jsxs)("div",{className:"absolute left-11 top-2 z-50 flex max-w-[calc(100%-88px)] items-center gap-1.5",children:[Y.map(e=>(0,n.jsx)("span",{title:e.roleLabel,className:"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full",children:(0,n.jsx)(j.b,{provider:e.provider,className:"h-7 w-7 border-white/12 bg-slate-950/72"})},`surface:${e.provider}`)),Q.map(e=>(0,n.jsx)("span",{title:e.roleLabel,className:"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full",children:(0,n.jsx)(g.J,{serviceId:e.serviceId,serviceName:e.serviceName,primaryDomain:e.primaryDomain,className:"h-7 w-7 border-amber-200/18 bg-slate-950/72"})},`account:${e.id}`)),ee>0?(0,n.jsxs)("span",{title:`${ee} more connected surface or account badge${1===ee?"":"s"}`,className:"inline-flex h-7 min-w-7 shrink-0 items-center justify-center rounded-full border border-white/10 bg-slate-950/72 px-2 text-[10px] font-semibold text-slate-200 shadow-[0_10px_24px_rgba(0,0,0,0.32)] backdrop-blur-xl",children:["+",ee]}):null]}),(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)(f.m,{tone:B,pulse:"engaged"===e.agent.status||"monitoring"===e.agent.status}),z?"Agent birth":"Agent"]}),(0,n.jsx)("p",{className:"mt-1 truncate font-display text-[1.08rem] leading-5 text-white",children:(0,n.jsx)(C,{label:T})}),(0,n.jsx)("p",{className:"mt-0.5 truncate text-[10px] uppercase tracking-[0.16em] text-amber-200/90",children:eo})]})})]}),(0,n.jsxs)(x.P.button,{type:"button","aria-label":z?`${T} surfaces unavailable while provisioning`:`Connect surfaces and accounts for ${T}`,title:z?"Available after the agent syncs from OpenClaw":`Connect surfaces and accounts for ${T}`,disabled:!K,initial:!1,animate:K?{scale:[1,1.08,1],y:[0,-.5,0]}:{scale:1,y:0},transition:{duration:2.8,repeat:1/0,ease:"easeInOut"},className:(0,o.cn)("nodrag nopan absolute left-[-2px] top-[-10px] z-[90] inline-flex h-8 w-8 shrink-0 items-center justify-center overflow-visible rounded-full border border-violet-200/55 bg-[radial-gradient(circle_at_36%_24%,rgba(216,180,254,0.58),rgba(168,85,247,0.34)_36%,rgba(24,13,43,0.94)_80%)] text-violet-50 shadow-[0_0_0_1px_rgba(196,181,253,0.24),0_0_26px_rgba(168,85,247,0.54),0_14px_30px_rgba(0,0,0,0.42)] backdrop-blur-xl transition-colors hover:border-violet-200/75 hover:text-violet-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-200/60",!K&&"cursor-not-allowed border-slate-500/20 bg-slate-950/72 text-slate-500 shadow-[0_10px_24px_rgba(0,0,0,0.32)]"),onClick:t=>{t.stopPropagation(),e.onOpenWorkspaceChannels?.(e.agent.workspaceId,e.agent.id)},onPointerDown:e=>e.stopPropagation(),children:[K?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(x.P.span,{"aria-hidden":"true",className:"pointer-events-none absolute inset-[-10px] rounded-full bg-violet-400/28 blur-md",animate:{opacity:[.34,.86,.34],scale:[.86,1.18,.86]},transition:{duration:2.4,repeat:1/0,ease:"easeInOut"}}),(0,n.jsx)(x.P.span,{"aria-hidden":"true",className:"pointer-events-none absolute inset-[-4px] rounded-full border border-fuchsia-200/36",animate:{opacity:[0,.88,0],scale:[.82,1.38,.82]},transition:{duration:2.15,repeat:1/0,ease:"easeOut"}})]}):null,(0,n.jsx)(l.A,{className:"relative z-10 h-4 w-4 drop-shadow-[0_0_8px_rgba(216,180,254,0.92)]"})]}),(0,n.jsxs)("div",{className:"absolute right-2 top-2 z-40",ref:M,children:[(0,n.jsx)("button",{type:"button","aria-label":`${T} actions`,disabled:z,onClick:e=>{e.stopPropagation(),z||N(e=>!e)},onPointerDown:e=>e.stopPropagation(),className:(0,o.cn)("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",z&&"cursor-not-allowed text-slate-600 hover:bg-slate-950/60 hover:text-slate-600"),children:(0,n.jsx)(d.A,{className:"h-3.5 w-3.5"})}),_?(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)(I,{label:e.focused?"Clear focus":"Focus",onClick:()=>{e.onFocus?.(e.agent.id),N(!1)}}),(0,n.jsx)(I,{label:"Edit",onClick:()=>{e.onEdit?.(e.agent.id),N(!1)}}),(0,n.jsx)(I,{label:"Delete",danger:!0,onClick:()=>{e.onDelete?.(e.agent.id),N(!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)(w.E,{variant:z?"default":es,children:z?"Provisioning":e.agent.status}),e.taskFocused?(0,n.jsx)(w.E,{variant:"default",children:"Working now"}):S>0?(0,n.jsxs)(w.E,{variant:"success",children:[S," live task",1===S?"":"s"]}):null,F?(0,n.jsx)(w.E,{variant:"warning",children:"Model warning"}):null,(0,n.jsx)("button",{type:"button","aria-label":`Change model for ${T}`,title:`Change model for ${T}`,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",disabled:z||!e.onConfigureModel,onClick:t=>{t.stopPropagation(),z||e.onConfigureModel?.(e.agent.id)},onPointerDown:e=>e.stopPropagation(),children:(0,n.jsx)(w.E,{variant:"muted",className:(0,o.cn)("max-w-[150px] truncate transition-colors",z?"border-cyan-300/18 bg-cyan-300/8 text-cyan-100/82":"group-hover:border-cyan-300/25 group-hover:bg-cyan-300/10 group-hover:text-cyan-100"),children:ei})})]}),(0,n.jsxs)("div",{className:"mt-2.5",children:[F?(0,n.jsx)("p",{className:"mb-2 rounded-[14px] border border-amber-300/18 bg-amber-300/[0.07] px-2.5 py-2 text-[11px] leading-4 text-amber-100/90",children:F}):null,(0,n.jsx)("p",{className:"line-clamp-2 text-[12px] leading-5 text-slate-300",children:eu}),(0,n.jsx)("p",{className:"mt-2 truncate text-[9px] uppercase tracking-[0.18em] text-slate-500",children:em})]}),(0,n.jsxs)("div",{className:"mt-3 grid grid-cols-3 gap-2",children:[(0,n.jsx)(A,{label:"Skills",value:el,ariaLabel:`Open skills for ${T}`,onClick:z?void 0:()=>er("skills")}),(0,n.jsx)(A,{label:"Tools",value:et,ariaLabel:`Open tools for ${T}`,onClick:z?void 0:()=>er("tools")}),(0,n.jsx)(A,{label:"Sessions",value:e.agent.sessionCount,ariaLabel:`Open sessions for ${T}`,onClick:z?void 0:()=>en("sessions")})]}),(0,n.jsxs)("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[(0,n.jsxs)("button",{type:"button","aria-label":L?`${R} unread message${1===R?"":"s"} for ${T}`:`Message ${T}`,title:L?`${R} unread message${1===R?"":"s"}`:z?`${T} is still provisioning`:`Message ${T}`,disabled:z||!e.onMessage,className:(0,o.cn)("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",z&&"cursor-not-allowed text-slate-500 hover:bg-white/[0.05] hover:text-slate-500"),onClick:t=>{t.stopPropagation(),z||e.onMessage?.(e.agent.id)},onPointerDown:e=>e.stopPropagation(),children:[L?(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:R>9?"9+":R}):null,(0,n.jsx)(c.A,{className:"h-3.5 w-3.5"}),(0,n.jsx)("span",{children:"Message"})]}),(0,n.jsxs)("button",{type:"button",disabled:z||!e.onFocus,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",z?"cursor-not-allowed border-cyan-300/14 bg-cyan-300/[0.05] text-cyan-100/62 shadow-[0_10px_24px_rgba(34,211,238,0.08)]":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(),z||e.onFocus?.(e.agent.id)},onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsx)(u.A,{className:"h-3.5 w-3.5"}),(0,n.jsx)("span",{children:z?"Syncing":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":E,"aria-controls":O,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(),$(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:[el," skill",1===el?"":"s"," \xb7 ",et," tool",1===et?"":"s"," \xb7 ",(0,k._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",E&&"rotate-180")})})]}),(0,n.jsx)(m.N,{initial:!1,children:E?(0,n.jsx)(x.P.div,{id:O,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)(v.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)(w.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Skills ",el]}),(0,n.jsxs)(w.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Tools ",et]}),(0,n.jsx)(w.E,{variant:q.badgeVariant,className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:(0,k._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:[ex.length>0?ex.map(e=>(0,n.jsx)(w.E,{variant:"muted",className:"max-w-full truncate text-[10px]",children:(0,k.aB)(e)},e)):(0,n.jsx)(w.E,{variant:"muted",className:"text-[10px]",children:"No explicit skills"}),eb>0?(0,n.jsxs)(w.E,{variant:"muted",className:"text-[10px]",children:["+",eb]}):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:[eg.length>0?eg.map(e=>(0,n.jsx)(w.E,{variant:"warning",className:"max-w-full truncate text-[10px]",children:(0,k.aB)(e)},e)):(0,n.jsx)(w.E,{variant:"muted",className:"text-[10px]",children:"No explicit tools"}),ef>0?(0,n.jsxs)(w.E,{variant:"muted",className:"text-[10px]",children:["+",ef]}):null]})]}),V.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:[eh.length>0?eh.map(e=>(0,n.jsx)(w.E,{variant:"default",className:"max-w-full truncate text-[10px]",children:(0,k.aB)(e)},e)):(0,n.jsx)(w.E,{variant:"muted",className:"text-[10px]",children:"None recorded"}),ew>0?(0,n.jsxs)(w.E,{variant:"muted",className:"text-[10px]",children:["+",ew]}):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)(w.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Missing ",(0,k.zR)(e.agent.policy.missingToolBehavior)]}),(0,n.jsxs)(w.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["File ",(0,k.bQ)(e.agent.policy.fileAccess)]}),(0,n.jsxs)(w.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Network ",(0,k.Bw)(e.agent.policy.networkAccess)]}),(0,n.jsxs)(w.E,{variant:"muted",className:"px-2 py-1 text-[9px] normal-case tracking-normal",children:["Install ",(0,k.UJ)(e.agent.policy.installScope)]})]})]}),(0,n.jsx)(P,{label:"Heartbeat",value:e.agent.heartbeat.enabled?ed?`On \xb7 ${ed}`:"On":"Off"})]})})})}):null})]})]})]})},"surface-module":function({data:e,selected:t}){let a="add"===e.variant,i="account"===e.variant,d=a?e.actionLabel??"Add a workspace surface":i?e.roleLabel||`${e.label} account access`:e.roleLabel||`${e.label} connection`,c=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),u=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),p=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":d,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:`${p}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)(l.A,{className:"h-5 w-5"})}):i?(0,n.jsx)(g.J,{serviceId:e.accountServiceId,serviceName:e.accountServiceName,primaryDomain:e.accountPrimaryDomain,className:"relative z-10 h-10 w-10 border-white/12 bg-transparent shadow-none"}):(0,n.jsx)(j.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)]",u),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)]":u),"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:d})}),a?null:c?(0,n.jsxs)("p",{className:"text-[11px] leading-4 text-slate-400",children:[i?"Related accounts":"Related surfaces",": ",c]}):null]})})]})})},task:function({data:e,selected:t}){var a,l,c,u,m,g,f,y;let j,k,_,N,C,A,[P,I]=(0,i.useState)(!1),E=(0,i.useRef)(null),J=(0,i.useRef)(null),ex=(0,i.useRef)(null),[eg,eh]=(0,i.useState)(!1),[eb,ef]=(0,i.useState)(!1),[ew,ev]=(0,i.useState)(!1),[ey,ej]=(0,i.useState)([]),[ek,e_]=(0,i.useState)(null),eN=(0,i.useMemo)(()=>(0,ee.kT)(e.task.metadata),[e.task.metadata]),eC="string"==typeof e.task.metadata.bootstrapStage?e.task.metadata.bootstrapStage:null,eA=eg||t||ey.length>0||eN.length>0||null!==ek||!!(e.pendingCreation||ea(eC))||"running"===e.task.status||"stalled"===e.task.status||e.task.liveRunCount>0,eP=(0,i.useMemo)(()=>ec(e.task.metadata.optimisticEvents),[e.task.metadata.optimisticEvents]),eI=(0,i.useMemo)(()=>ec(e.task.metadata.reviewEvents),[e.task.metadata.reviewEvents]),eE=eI.length>0&&eu(eI[eI.length-1])?eI[eI.length-1]:eP.length>0&&eu(eP[eP.length-1])?eP[eP.length-1]:null,{feed:e$,detail:eM,loading:eO,error:eT}=(0,Q.j)(e.task.id,eA,{dispatchId:e.task.dispatchId,optimisticFeed:eP}),eR=(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))})(e$,eI),[e$,eI]),eL=(0,i.useMemo)(()=>eR.filter(e=>!e.id.startsWith("runner-log:")),[eR]),eS=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}}}(eM?.task,e.task),ez=(0,i.useMemo)(()=>(0,ee.kT)(eS.metadata),[eS.metadata]),eF=(0,i.useMemo)(()=>(0,ee.tt)(ey,ez),[ey,ez]),eD=eM?.integrity??null,eW="string"==typeof eS.metadata.bootstrapStage?eS.metadata.bootstrapStage:null,eB="string"==typeof eS.metadata.dispatchSubmittedAt?eS.metadata.dispatchSubmittedAt:null,eq=eM?ea(eW):!!(e.pendingCreation||ea(eW)),eH=!!e.justCreated,eZ=em(eS),eJ=function(e){if(em(e))return!1;let t=e.status;return"running"===t||"queued"===t}(eS),eU="running"===eS.status||"queued"===eS.status||eS.liveRunCount>0,eV=!!eD?.issues.some(e=>"missing-final-response"===e.id),eG=!!eD?.issues.some(e=>"partial-final-response"===e.id),eX=(j="string"==typeof(a=eS).metadata.finalResponseText?a.metadata.finalResponseText.trim():"",k="string"==typeof a.metadata.resultPreview?a.metadata.resultPreview.trim():"",!(!(_=j||k)||X(_)||K(_))||!!(("number"==typeof(N=(l=eS).metadata.turnCount)&&Number.isFinite(N)?N:l.runtimeCount)>0)||!!(eS.artifactCount>0)||!!(eS.warningCount>0)||eL.some(e=>"assistant"===e.kind||"tool"===e.kind||"artifact"===e.kind||"warning"===e.kind)),eK=eG||"stalled"===eS.status&&eX,eY=[...eL].reverse().find(e=>"assistant"===e.kind||"tool"===e.kind||"artifact"===e.kind)??null,eQ=(0,V.VL)(eS,{nowMs:e.relativeTimeReferenceMs,hasLiveActivity:eU||eq,latestEvidenceAt:eY?.timestamp??null}),e0=eQ&&"continued"===eQ&&eU?null:eQ,e1=!!eQ,e2=eD?"warning"===eD.status||"error"===eD.status||"stalled"===eS.status&&eX:eK,e5=!!(("completed"===eS.status||eK)&&e2&&!e1),e3=eq?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`}(eB,e.relativeTimeReferenceMs):null,e4=null!==ek&&ek<eF.length?ek:null,e8=null!==e4?eF[e4]??null:null,e9=e8?function(e,t){let a=e.runId?.trim();if(a){let e=t.filter(e=>{let t;return e.runId===a||e.id===a||("string"==typeof(t=e.metadata.runId)&&t.trim().length>0?t.trim():null)===a});if(e.length>0)return e.sort((e,t)=>eo(t.updatedAt)-eo(e.updatedAt))}let n=Date.parse(e.createdAt),r=e.sessionId?.trim();return t.filter(e=>{let t=eo(e.updatedAt),a=Number.isNaN(n)||0===t||t>=n-5e3,s=!r||e.sessionId===r||e.key.includes(r);return a&&s}).sort((e,t)=>eo(t.updatedAt)-eo(e.updatedAt))}(e8,eM?.runs??[]):[],e6=(c=e9).find(e=>el(e))??c.find(e=>"completed"===e.status)??c[0]??null,e7=eM?.outputs.filter(e=>e9.some(t=>t.id===e.runtimeId))??[],te=(u=e7).find(e=>e.finalText?.trim())??u.find(e=>e.errorMessage?.trim())??u[0]??null,tt=e8?function(e,t,a){if(t.length>0){let e=new Set(t.map(e=>e.id)),n=new Set(t.map(e=>e.runId).filter(e=>!!e));return a.filter(t=>!!(t.runtimeId&&e.has(t.runtimeId))||!!(t.runtimeId&&n.has(t.runtimeId)))}let n=Date.parse(e.createdAt);return Number.isNaN(n)?[]:a.filter(e=>{let t=Date.parse(e.timestamp);return!Number.isNaN(t)&&t>=n-5e3})}(e8,e9,eL):eL,ta=e8&&0===tt.length?(m=e8,[{id:`${m.id}:submitted`,kind:"user",timestamp:m.createdAt,title:m.runId?"Follow-up run started":"Follow-up sent",detail:m.runId?`OpenClaw accepted this follow-up as run ${m.runId}. Waiting for live output.`:"OpenClaw accepted this follow-up. Waiting for the run to appear in the live feed.",runtimeId:m.runId??void 0}]):tt,tn=e8?en(e8,e6,te,e9):null,tr={completedNeedsReview:e5,isAborted:eZ,isJustCreated:eH,isPendingCreation:eq,status:eS.status,visibleReviewStatus:e0},ts=e8&&tn?{completedNeedsReview:!1,isAborted:"cancelled"===tn,isJustCreated:!1,isPendingCreation:!1,status:tn,visibleReviewStatus:null}:tr,ti=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,h.sY)(a)}(ts),to=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,h.Uu)(n)}(ts),tl=e8&&tn?G(null,tn,!1,"cancelled"===tn,!!(te?.finalText||e8?.summary)):e0?(0,V.B4)(e0):eV?"no result":e5?"needs review":G(eW,eS.status,eq,eZ,eX),td=e8?function(e,t,a,n=[]){switch(en(e,t,a,n)){case"queued":return"follow-up queued";case"running":return"follow-up running";case"completed":return"follow-up completed";case"stalled":return"follow-up stalled";case"cancelled":return"follow-up cancelled";default:return"follow-up"}}(e8,e6,te,e9):e0?(0,V.l_)(e0):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"waiting for output";case"stalled":return"working silently";default:return t>0?`${t} live run${1===t?"":"s"}`:"no live runs right now"}}(eW,eS.liveRunCount,eZ),tc=ta[ta.length-1]??(e8?null:eE)??null,tu=!eZ&&!e5&&(e8?"running"===tn||"queued"===tn:eq||"running"===eS.status||eS.liveRunCount>0||!!(tc&&/working|waiting for output/i.test(tc.title))),tp=tc?.title||td,tm=(0,h.$m)(tc?.detail,88)||(e8?(0,h.$m)(er(e8,e6,te),72)||td:eq?[td,e3?`${e3} elapsed`:null].filter(Boolean).join(" \xb7 "):(0,h.$m)(eS.subtitle,72)||td),tx=(g=eS,g.mission?.trim()||g.title.trim()||"Untitled task"),tg=function(e){let t="string"==typeof e.metadata.resultPreview?e.metadata.resultPreview.trim():"";if(t&&!K(t))return t;let a=e.subtitle.trim();return a&&!X(a)?a:"Waiting for the first OpenClaw update."}(eS),th=eV?"No final answer was captured from OpenClaw for this task.":eK&&X(tg)?"Partial runtime evidence captured. Review the live feed for the latest tool output.":tg,tb="number"==typeof(C=(f=eS).metadata.sessionCount)&&Number.isFinite(C)?C:f.sessionIds.length,tf="number"==typeof(A=(y=eS).metadata.turnCount)&&Number.isFinite(A)?A:y.runtimeCount,tw=e8?ed([e8.sessionId??"",...e9.map(e=>e.sessionId??"")]):tb,tv=e8?ed([e8.runId??"",...e9.map(e=>e.runId??e.id)]):tf,ty=e8?(0,h._y)(e9.reduce((e,t)=>e+(t.tokenUsage?.total??0),0)||void 0):(0,h._y)(eS.tokenUsage?.total),tj=e8?Math.max(e9.length,+!!e8.runId):eS.runtimeCount,tk=e8?e7.reduce((e,t)=>e+t.createdFiles.length,0):eS.artifactCount,t_=String(ta.length),tN=`task-feed-${e.task.id}`,tC=b[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"}(ts)],tA=e8?(0,ee.Rx)(e8)??e8.message:tx,tP=e8?"Follow-up result":"Latest result",tI=e8?er(e8,e6,te):th,tE=e8?es(e.task.id,e8,e4??0,null===e4?1:e4+2):null;(0,i.useEffect)(()=>{if(!eb)return;let e=e=>{J.current?.contains(e.target)||(ef(!1),ev(!1))};return window.addEventListener("pointerdown",e,!0),()=>window.removeEventListener("pointerdown",e,!0)},[eb]);let t$=[{id:"task",index:null,kind:"task",label:"Task 1",title:(0,h.$m)(tx,36)||"Original task",statusLabel:eS.status,hasLiveActivity:!e8&&tu},...eF.map((e,t)=>({id:e.runId||e.id,index:t,kind:"follow-up",label:"Follow-up",title:(0,h.$m)((0,ee.Rx)(e)??e.message,34)||"Follow-up",statusLabel:ei(e.status)??"running",hasLiveActivity:e8?.id===e.id&&tu}))],tM=e8?e8.runId||e8.id:"task",tO=[{icon:$.A,label:"Sessions",value:tw},{icon:M.A,label:"Turns",value:tv},{icon:O.A,label:"Tokens",value:ty,highlighted:!0},{icon:T.A,label:"Feed",value:t_,active:eg,onClick:()=>{eh(e=>!e),e.onInspect&&e.onInspect(e.task,"output",tE)}},{icon:R.A,label:"Runs",value:tj,onClick:()=>e.onInspect?.(e.task,"overview",tE)},{icon:O.A,label:"Files",value:tk,onClick:()=>e.onInspect?.(e.task,"files",tE)}];return(0,i.useEffect)(()=>{if(!P)return;let e=e=>{E.current?.contains(e.target)||I(!1)};return window.addEventListener("pointerdown",e),()=>window.removeEventListener("pointerdown",e)},[P]),(0,n.jsxs)(x.P.div,{ref:J,initial:eq?{opacity:0,scale:.92,y:-10}:eH?{opacity:0,scale:.96,y:10}:{opacity:0,x:10},animate:eq?{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-[720px] max-w-[calc(100vw-32px)] overflow-visible rounded-[24px] border bg-[linear-gradient(180deg,rgba(12,19,33,0.98),rgba(5,10,20,0.98))] p-2.5 shadow-[0_24px_70px_rgba(0,0,0,0.38)] backdrop-blur-xl transition-[border-color,box-shadow,opacity,transform] duration-200 transform-gpu origin-center",tC.outer,e.emphasis?"opacity-100":"opacity-72",t&&"border-cyan-300/[0.5] shadow-[0_22px_52px_rgba(34,211,238,0.18)]",eb&&"z-30 scale-[1.03] shadow-[0_30px_92px_rgba(0,0,0,0.5)]"),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",tC.rail)}),(0,n.jsx)("div",{className:(0,o.cn)("absolute inset-x-0 top-0 h-px",tC.topLine)}),(0,n.jsx)("div",{className:(0,o.cn)("absolute -right-10 -top-10 h-28 w-28 rounded-full blur-3xl",tC.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:[(0,n.jsx)(et,{activeTabId:tM,tabs:t$,onAdd:()=>{ef(!0),ex.current?.focus()},onSelect:t=>{var a;return a=t.index,void(ev(!1),e_(a),e.onActiveCardChange?.(e.task,null===a?null:es(e.task.id,eF[a],a,a+2)))}}),eq?(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",tC.handle)}),(0,n.jsx)("div",{className:"relative z-20 rounded-[20px] border border-white/[0.06] bg-[linear-gradient(180deg,rgba(11,19,34,0.72),rgba(5,10,20,0.72))] px-4 py-3.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]",children:(0,n.jsxs)("div",{className:"min-w-0",children:[(0,n.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,n.jsxs)("div",{className:"min-w-0",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,n.jsx)("span",{className:(0,o.cn)("flex h-9 w-9 shrink-0 items-center justify-center rounded-[12px] border shadow-[0_0_18px_rgba(45,212,191,0.09)]",tC.icon),children:(0,n.jsx)(L.A,{className:"h-[18px] w-[18px]"})}),(0,n.jsx)("span",{className:(0,o.cn)("inline-flex h-1.5 w-1.5 shrink-0 rounded-full",tC.dot,tu&&"motion-safe:animate-pulse")}),(0,n.jsxs)("span",{className:"truncate text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-400",children:[e8?"Follow-up":"Task"," / ",(0,n.jsx)("span",{className:"text-emerald-300",children:eS.primaryAgentName||"OpenClaw"})]}),e.locked?(0,n.jsx)(S.A,{className:"h-3.5 w-3.5 text-slate-500"}):null]}),(0,n.jsx)("p",{className:"mt-1 truncate text-[11px] leading-4 text-slate-500",children:tp})]}),(0,n.jsxs)("div",{className:"nodrag nopan relative flex shrink-0 items-center gap-1.5",ref:E,children:[(0,n.jsx)(w.E,{variant:to,className:"max-w-[150px] truncate px-3 py-1.5 text-[11px]",children:tl}),(0,n.jsx)("button",{type:"button","aria-label":"Task actions",onClick:e=>{e.stopPropagation(),I(e=>!e)},onPointerDown:e=>e.stopPropagation(),className:"nodrag nopan inline-flex h-8 w-8 items-center justify-center rounded-full border border-white/[0.08] bg-white/[0.04] text-slate-300 transition-colors hover:border-white/[0.14] hover:bg-white/[0.08] hover:text-white",children:(0,n.jsx)(d.A,{className:"h-4 w-4"})}),P?(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&&(e5||e1)?(0,n.jsx)(ep,{icon:e1?z.A:F.A,label:e1?"Review record":"Review result",onClick:()=>{e.onReviewTask?.(eS),I(!1)}}):null,(0,n.jsx)(ep,{icon:D.A,label:"Use prompt",onClick:()=>{e.onReply?.(e.task),I(!1)}}),(0,n.jsx)(ep,{icon:W.A,label:"Copy mission",onClick:()=>{e.onCopyPrompt?.(e.task),I(!1)}}),(0,n.jsx)(ep,{icon:B.A,label:"Hide",onClick:()=>{e.onHide?.(e.task),I(!1)}}),e.onAbortTask&&(eJ||eZ)?(0,n.jsx)(ep,{icon:q.A,label:eZ?"Aborted":"Abort task",destructive:!0,disabled:!eJ,onClick:()=>{eJ&&(e.onAbortTask?.(e.task),I(!1))}}):null,(0,n.jsx)(ep,{icon:e.locked?H.A:S.A,label:e.locked?"Unlock":"Lock",onClick:()=>{e.onToggleLock?.(e.task),I(!1)}})]}):null]})]}),(0,n.jsxs)("button",{type:"button","aria-expanded":ew,className:"nodrag nopan group mt-3 flex w-full items-start gap-2 text-left",onClick:e=>{e.stopPropagation(),ev(e=>!e)},onPointerDown:e=>e.stopPropagation(),children:[(0,n.jsx)("h3",{className:(0,o.cn)("min-w-0 flex-1 font-display text-[1.48rem] font-semibold leading-[1.08] text-white md:text-[1.55rem]",!ew&&"line-clamp-2"),children:tA}),(0,n.jsx)("span",{className:"mt-1.5 shrink-0 rounded-full border border-white/[0.08] bg-white/[0.04] p-1 text-slate-400 transition-colors group-hover:border-cyan-200/20 group-hover:text-slate-100",children:(0,n.jsx)(p.A,{className:(0,o.cn)("h-3.5 w-3.5 transition-transform",ew&&"rotate-180")})})]}),(0,n.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-1.5",children:[eS.warningCount>0&&!e1?(0,n.jsxs)(w.E,{variant:"warning",children:[eS.warningCount," review",1===eS.warningCount?"":"s"]}):null,eH?(0,n.jsxs)(w.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.jsx)("span",{className:(0,o.cn)("text-[10px] uppercase tracking-[0.16em]",ti),children:td})]}),(0,n.jsx)(Y.e4,{metrics:tO,compact:!0,className:"mt-3"}),(0,n.jsx)(Y.D9,{title:tP,result:tI,compact:!0,className:(0,o.cn)("mt-3",tC.resultBorder)}),e5&&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?.(eS)},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)(F.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]})}),eg?(0,n.jsxs)("div",{className:"mt-2.5 rounded-[16px] border border-white/[0.07] bg-white/[0.025] px-2.5 py-1.5 pb-2.5",children:[(0,n.jsxs)("button",{type:"button","aria-expanded":eg,"aria-controls":tN,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(),eh(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:[tu?(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)]",tC.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:tp}),(0,n.jsx)("p",{className:"mt-1 truncate text-[10px] text-slate-500",children:tm})]}),(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:(0,n.jsx)(Z.A,{className:"h-3 w-3"})})]}),(0,n.jsx)(x.P.div,{id:tN,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)(v.F,{className:"h-[96px] w-full pr-3",children:eO&&0===ta.length?(0,n.jsx)("div",{className:"py-4 text-center text-[10px] text-slate-500",children:"Connecting to feed..."}):eT&&0===ta.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:eT}):0===ta.length?(0,n.jsx)("div",{className:"py-4 text-center text-[10px] text-slate-500",children:e8?"No follow-up events yet.":"No events yet."}):(0,n.jsx)("div",{className:"flex flex-col gap-2.5",children:ta.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)(U.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))})})})})]}):null,(0,n.jsx)(Y._L,{task:eS,latestResult:tI,createdFiles:eM?.createdFiles,outputSummary:tm,compact:!0,expanded:eb,onExpandRequest:()=>ef(!0),textareaRef:ex,className:"nodrag nopan mt-2.5",onSubmitted:t=>{let a=eF.length;ej(e=>(0,ee.tt)(e,[t])),e_(a),e.onActiveCardChange?.(e.task,es(e.task.id,t,a,a+2)),eh(!0)}})]})]})}},ej={simplebezier:function({id:e,sourceX:t,sourceY:a,sourcePosition:s,targetX:i,targetY:l,targetPosition:d,style:c,data:u,selected:p,animated:m,markerEnd:x,interactionWidth:g=28}){let h,[b]=(0,r.LN)({sourceX:t,sourceY:a,sourcePosition:s,targetX:i,targetY:l,targetPosition:d}),f=!!u?.composerFocused,w=!!u?.taskFocused,v=!!u?.surfaceTether,y=!!m||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),_=`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}]: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}(u?.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,A={...c,animation:"none",pointerEvents:"none",strokeDasharray:"none",strokeWidth:k,...C??{}},P={...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",p&&"mission-edge__path--selected"),interactionWidth:0,style:A}),(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",p&&"mission-edge__path--selected"),interactionWidth:g,markerEnd:v?void 0:x,style:P}),y?(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}`))]})}};var ek=a(17669),e_=a(81076),eN=a(10597);function eC({snapshot:e,pendingCreatedAgents:t,agentCreationWarnings:a,accountTargets:l,accountAccessRules:d,activeWorkspaceId:c,selectedNodeId:u,focusedAgentId:p,recentCreatedAgentId:m,activeChatAgentId:x,composerTargetAgentId:g,isComposerActive:b,composerViewportResetNonce:f,recentDispatchId:w,hiddenRuntimeIds:v,hiddenTaskKeys:y,lockedTaskKeys:j,onToggleWorkspaceTaskCards:k,onMessageAgent:_,onEditAgent:N,onDeleteAgent:C,onFocusAgent:A,onConfigureAgentModel:P,onConfigureAgentCapabilities:I,onInspectAgentDetail:E,onOpenWorkspaceChannels:$,onOpenWorkspaceFiles:M,onReplyTask:O,onCopyTaskPrompt:T,onHideTask:R,onToggleTaskLock:L,onAbortTask:S,onInspectTask:z,onActiveTaskCardChange:F,onReviewTask:D,onSelectNode:W,onCanvasNodePointerDownCapture:B,className:q}){let H=(0,i.useRef)(null),Z=(0,i.useRef)(null),J=(0,i.useRef)(new Set),U=(0,i.useRef)(new Map),V=(0,i.useRef)(new Map),G=(0,i.useRef)({}),X=(0,i.useRef)(!1),K=(0,i.useRef)(!1),Y=(0,i.useRef)(!1),Q=(0,i.useRef)(null),ee=(0,i.useRef)(f),et=(0,h.hv)(e.generatedAt),[ea,en]=(0,i.useState)([]),[er,es]=(0,i.useState)(null),ei=p?`focus:${p}`:c?`workspace:${c}`:"all",eo=(0,eN.fl)(e,l,d,et,c,p,m,u,x,g,b,ea,v,y,j,k,_,N,C,A,P,I,E,$,M,O,T,R,L,S,z,F,D,t??[],a??{},ek.JM),[el,ed,ec]=(0,r.ck)(eo.nodes),[eu,ep,em]=(0,r.fM)(eo.edges);return(0,i.useEffect)(()=>{let e=(0,ek.Kz)(ei);G.current=e,X.current=!0,K.current=!0,0!==Object.keys(e).length&&ed(t=>t.map(t=>{if("workspace"===t.type||"surface-module"===t.type)return t;let a="agent"===t.type?(0,ek.qW)(t.data.agent):(0,ek.ki)(t.data.task),n="agent"===t.type?(0,ek.VO)(t.data.agent.id):(0,ek.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}))},[ei,ed]),(0,i.useEffect)(()=>{let n=(0,eN.fl)(e,l,d,et,c,p,m,u,x,g,b,ea,v,y,j,k,_,N,C,A,P,I,E,$,M,O,T,R,L,S,z,F,D,t??[],a??{},G.current),r=Q.current!==ei;Q.current=ei,ed(e=>{var t;let a;return r||!Y.current&&X.current?(Y.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}}))}),ep(n.edges)},[e,l,d,c,p,m,u,x,g,b,ea,v,y,j,k,_,N,C,A,P,I,E,$,M,O,T,R,L,S,z,F,D,t,a,et,ei,ep,ed]),(0,i.useEffect)(()=>{ed(e=>e.map(e=>{let t=e.id===u,a=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,u,g,b);return!!e.selected===t&&e.zIndex===a?e:{...e,selected:t,zIndex:a}}))},[u,g,b,ed]),(0,i.useEffect)(()=>{let e=0,t=performance.now(),a=n=>{let r=Math.min(.032,Math.max(.008,(n-t)/1e3));t=n,ed(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 V.current.delete(e.id),e;let s=(0,e_.mI)(n.position,e.data.anchorIndex,e.data.anchorCount,n.width??n.measured?.width,n.height??n.measured?.height),i=V.current.get(e.id)??{x:0,y:0},o=(0,e_.Jz)(e.position,s,i,r);return o.settled?(V.current.delete(e.id),e.position.x===s.x&&e.position.y===s.y)?e:(t=!0,{...e,position:s}):(V.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)},[ed]),(0,i.useEffect)(()=>{if(!Z.current)return;if(!b&&f!==ee.current){ee.current=f;return}ee.current=f;let e=setTimeout(()=>{let e=Z.current;if(b&&g&&e){let t=e.getNode(g);if(t){let a=Math.min(180,Math.max(104,Math.round(.13*(H.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:p?.2:.14,duration:500,maxZoom:p?1.05:.9})},0);return()=>clearTimeout(e)},[p,g,b,f,ei]),(0,i.useEffect)(()=>{if(!w||J.current.has(w))return;let t=e.tasks.filter(e=>!(0,eN.CM)(e,v,y,j)&&e.dispatchId===w&&!0!==e.metadata.optimistic).sort((e,t)=>(t.updatedAt??0)-(e.updatedAt??0))[0];if(t){var a,n;let e,r;J.current.add(w),a=t.id,n=(0,eN.Wu)(t),en(e=>e.includes(a)?e:[...e,a]),es({taskId:a,agentId:n}),(e=U.current.get(a))&&clearTimeout(e),r=setTimeout(()=>{en(e=>e.filter(e=>e!==a)),U.current.delete(a)},12e3),U.current.set(a,r),W(t.id)}},[e.tasks,w,v,y,j,W]),(0,i.useEffect)(()=>{let e=U.current;return()=>{e.forEach(e=>{clearTimeout(e)}),e.clear()}},[]),(0,i.useEffect)(()=>{if(!er||!Z.current)return;let e=el.find(e=>e.id===er.taskId);if(!e)return;let t=null!==er.agentId?el.find(e=>"agent"===e.type&&e.id===er.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;Z.current.setCenter(r,s,{zoom:Math.max(Z.current.getZoom(),.88),duration:650});let i=setTimeout(()=>{es(e=>e?.taskId===er.taskId?null:e)},900);return()=>clearTimeout(i)},[er,el]),(0,i.useEffect)(()=>{let e=H.current;if(!e||"u"<typeof ResizeObserver)return;let t=null,a=new ResizeObserver(()=>{Z.current&&0!==el.length&&(t&&clearTimeout(t),t=setTimeout(()=>{Z.current?.fitView({padding:.14,duration:260,maxZoom:.9})},90))});return a.observe(e),()=>{a.disconnect(),t&&clearTimeout(t)}},[el.length]),(0,i.useEffect)(()=>{if(!X.current)return;if(K.current){K.current=!1;return}let e=(0,ek.nF)(el),t={...G.current,...e};(0,ek.IY)(G.current,t)||(G.current=t,(0,ek.RW)((0,ek.h)(ei),JSON.stringify(t)))},[ei,el]),(0,n.jsx)("div",{ref:H,className:(0,o.cn)("h-full w-full",q),children:(0,n.jsx)(r.Gc,{nodes:el,edges:eu,nodeTypes:ey,onInit:e=>{Z.current=e},onPointerDownCapture:e=>{e.target instanceof Element&&e.target.closest(".react-flow__node")&&B?.()},elevateNodesOnSelect:!1,autoPanOnNodeDrag:!1,onNodesChange:ec,onEdgesChange:em,onNodeClick:(e,t)=>{"surface-module"!==t.type&&W(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:ej,defaultMarkerColor:"var(--mission-edge-arrow)",proOptions:{hideAttribution:!0},className:"h-full w-full rounded-[inherit]"})})}}}]);