flowent 0.0.7 → 0.0.10

package/dist/frontend/assets/WorkspacePage-AZsJ0sD0.js

@@ -1,3 +0,0 @@
-import{a as e}from"./rolldown-runtime-BYbx6iT9.js";import{a as t,d as n,i as r,l as i,n as a,o,r as s,s as c,t as l,u}from"./graph-vendor-DRq_-6fV.js";import{$ as d,B as f,G as p,J as m,L as h,Nt as g,Rt as _,Tt as v,U as y,V as b,Wt as x,Z as S,an as C,en as w,et as T,gt as ee,ht as te,lt as E,mt as ne,pt as re,q as D,t as O,ut as k,z as A}from"./ui-vendor-C5pJa8N7.js";import{r as j}from"./roles-CuRT_chR.js";import{a as M,c as ie,d as N,f as P,i as ae,l as F,n as I,o as L,p as R,r as oe,s as z,t as se,u as ce}from"./WorkspacePanels-CteCjolX.js";import{B,F as V,H as le,I as ue,L as de,N as H,P as fe,R as pe,V as me,_ as he,ct as ge,d as _e,f as ve,ft as U,g as ye,h as be,ht as W,l as G,lt as xe,m as Se,n as Ce,p as we,pt as Te,t as Ee,tt as De,u as Oe,ut as K,v as ke,z as Ae}from"./index-C9HuekJm.js";import{a as je,c as Me,i as Ne,n as q,o as Pe,r as Fe,s as Ie,t as Le}from"./alert-dialog-Duorp_S-.js";import{a as Re,i as ze,n as J,r as Y,t as Be}from"./select-DCfeNu-F.js";import{a as X,i as Z,n as Ve,o as He,r as Ue,s as We,t as Ge}from"./dialog-C3ixjGjN.js";var Q=i();function Ke({open:e,onOpenChange:t,title:n,children:r,footer:i,className:a}){return(0,Q.jsx)(Ge,{open:e,onOpenChange:t,children:(0,Q.jsx)(Ue,{className:U(`flex max-h-[calc(100svh-2rem)] flex-col p-0`,a),children:(0,Q.jsxs)(`div`,{className:`relative flex min-h-0 flex-1 flex-col overflow-hidden p-6`,children:[(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-0 bg-gradient-to-b from-foreground/[0.04] to-transparent opacity-50`}),(0,Q.jsx)(Ve,{asChild:!0,children:(0,Q.jsx)(K,{type:`button`,variant:`ghost`,size:`icon-xs`,"aria-label":`Close dialog`,className:`absolute right-4 top-4 z-20 size-7 rounded-md bg-accent/45 text-muted-foreground hover:bg-accent/65 hover:text-accent-foreground`,children:(0,Q.jsx)(m,{className:`size-3.5`})})}),(0,Q.jsxs)(He,{className:`relative z-10 shrink-0 pr-8`,children:[(0,Q.jsx)(We,{className:`text-[1.1rem] font-medium text-foreground`,children:n}),(0,Q.jsx)(Z,{className:`sr-only`,children:n})]}),(0,Q.jsx)(`div`,{className:`relative z-10 mt-6 min-h-0 flex-1 space-y-4 overflow-y-auto pr-1 scrollbar-none`,"data-testid":`workspace-command-dialog-body`,children:r}),(0,Q.jsx)(X,{className:`relative z-10 mt-6 shrink-0 border-t border-border pt-4`,children:i})]})})})}function qe({label:e,hint:t,children:n}){return(0,Q.jsxs)(`label`,{className:`block space-y-1.5`,children:[(0,Q.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,Q.jsx)(`span`,{className:`text-sm font-medium text-foreground/80`,children:e}),t?(0,Q.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t}):null]}),n]})}function Je({children:e}){return(0,Q.jsx)(`div`,{className:`rounded-lg border border-border bg-accent/35 px-3.5 py-2.5 text-xs text-muted-foreground`,children:e})}var $=e(n(),1),Ye=1,Xe=.9,Ze=.8,Qe=.17,$e=.1,et=.999,tt=.9999,nt=.99,rt=/[\\\/_+.#"@\[\(\{&]/,it=/[\\\/_+.#"@\[\(\{&]/g,at=/[\s-]/,ot=/[\s-]/g;function st(e,t,n,r,i,a,o){if(a===t.length)return i===e.length?Ye:nt;var s=`${i},${a}`;if(o[s]!==void 0)return o[s];for(var c=r.charAt(a),l=n.indexOf(c,i),u=0,d,f,p,m;l>=0;)d=st(e,t,n,r,l+1,a+1,o),d>u&&(l===i?d*=Ye:rt.test(e.charAt(l-1))?(d*=Ze,p=e.slice(i,l-1).match(it),p&&i>0&&(d*=et**+p.length)):at.test(e.charAt(l-1))?(d*=Xe,m=e.slice(i,l-1).match(ot),m&&i>0&&(d*=et**+m.length)):(d*=Qe,i>0&&(d*=et**+(l-i))),e.charAt(l)!==t.charAt(a)&&(d*=tt)),(d<$e&&n.charAt(l-1)===r.charAt(a+1)||r.charAt(a+1)===r.charAt(a)&&n.charAt(l-1)!==r.charAt(a))&&(f=st(e,t,n,r,l+1,a+2,o),f*$e>d&&(d=f*$e)),d>u&&(u=d),l=n.indexOf(c,l+1);return o[s]=u,u}function ct(e){return e.toLowerCase().replace(ot,` `)}function lt(e,t,n){return e=n&&n.length>0?`${e+` `+n.join(` `)}`:e,st(e,t,ct(e),ct(t),0,0,{})}var ut=`[cmdk-group=""]`,dt=`[cmdk-group-items=""]`,ft=`[cmdk-group-heading=""]`,pt=`[cmdk-item=""]`,mt=`${pt}:not([aria-disabled="true"])`,ht=`cmdk-item-select`,gt=`data-value`,_t=(e,t,n)=>lt(e,t,n),vt=$.createContext(void 0),yt=()=>$.useContext(vt),bt=$.createContext(void 0),xt=()=>$.useContext(bt),St=$.createContext(void 0),Ct=$.forwardRef((e,t)=>{let n=Lt(()=>({search:``,value:e.value??e.defaultValue??``,selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),r=Lt(()=>new Set),i=Lt(()=>new Map),a=Lt(()=>new Map),o=Lt(()=>new Set),s=Ft(e),{label:c,children:l,value:u,onValueChange:d,filter:f,shouldFilter:p,loop:m,disablePointerSelection:h=!1,vimBindings:g=!0,..._}=e,v=y(),b=y(),x=y(),S=$.useRef(null),C=Bt();It(()=>{if(u!==void 0){let e=u.trim();n.current.value=e,w.emit()}},[u]),It(()=>{C(6,re)},[]);let w=$.useMemo(()=>({subscribe:e=>(o.current.add(e),()=>o.current.delete(e)),snapshot:()=>n.current,setState:(e,t,r)=>{var i,a,o;if(!Object.is(n.current[e],t)){if(n.current[e]=t,e===`search`)ne(),te(),C(1,E);else if(e===`value`){if(document.activeElement.hasAttribute(`cmdk-input`)||document.activeElement.hasAttribute(`cmdk-root`)){let e=document.getElementById(x);e?e.focus():(i=document.getElementById(v))==null||i.focus()}if(C(7,()=>{n.current.selectedItemId=D()?.id,w.emit()}),r||C(5,re),s.current?.value!==void 0){let e=t??``;(o=(a=s.current).onValueChange)==null||o.call(a,e);return}}w.emit()}},emit:()=>{o.current.forEach(e=>e())}}),[]),T=$.useMemo(()=>({value:(e,t,r)=>{t!==a.current.get(e)?.value&&(a.current.set(e,{value:t,keywords:r}),n.current.filtered.items.set(e,ee(t,r)),C(2,()=>{te(),w.emit()}))},item:(e,t)=>(r.current.add(e),t&&(i.current.has(t)?i.current.get(t).add(e):i.current.set(t,new Set([e]))),C(3,()=>{ne(),te(),n.current.value||E(),w.emit()}),()=>{a.current.delete(e),r.current.delete(e),n.current.filtered.items.delete(e);let t=D();C(4,()=>{ne(),t?.getAttribute(`id`)===e&&E(),w.emit()})}),group:e=>(i.current.has(e)||i.current.set(e,new Set),()=>{a.current.delete(e),i.current.delete(e)}),filter:()=>s.current.shouldFilter,label:c||e[`aria-label`],getDisablePointerSelection:()=>s.current.disablePointerSelection,listId:v,inputId:x,labelId:b,listInnerRef:S}),[]);function ee(e,t){let r=s.current?.filter??_t;return e?r(e,n.current.search,t):0}function te(){if(!n.current.search||s.current.shouldFilter===!1)return;let e=n.current.filtered.items,t=[];n.current.filtered.groups.forEach(n=>{let r=i.current.get(n),a=0;r.forEach(t=>{let n=e.get(t);a=Math.max(n,a)}),t.push([n,a])});let r=S.current;k().sort((t,n)=>{let r=t.getAttribute(`id`),i=n.getAttribute(`id`);return(e.get(i)??0)-(e.get(r)??0)}).forEach(e=>{let t=e.closest(dt);t?t.appendChild(e.parentElement===t?e:e.closest(`${dt} > *`)):r.appendChild(e.parentElement===r?e:e.closest(`${dt} > *`))}),t.sort((e,t)=>t[1]-e[1]).forEach(e=>{let t=S.current?.querySelector(`${ut}[${gt}="${encodeURIComponent(e[0])}"]`);t?.parentElement.appendChild(t)})}function E(){let e=k().find(e=>e.getAttribute(`aria-disabled`)!==`true`)?.getAttribute(gt);w.setState(`value`,e||void 0)}function ne(){if(!n.current.search||s.current.shouldFilter===!1){n.current.filtered.count=r.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let t of r.current){let r=ee(a.current.get(t)?.value??``,a.current.get(t)?.keywords??[]);n.current.filtered.items.set(t,r),r>0&&e++}for(let[e,t]of i.current)for(let r of t)if(n.current.filtered.items.get(r)>0){n.current.filtered.groups.add(e);break}n.current.filtered.count=e}function re(){var e;let t=D();t&&(t.parentElement?.firstChild===t&&((e=t.closest(ut)?.querySelector(ft))==null||e.scrollIntoView({block:`nearest`})),t.scrollIntoView({block:`nearest`}))}function D(){return S.current?.querySelector(`${pt}[aria-selected="true"]`)}function k(){return Array.from(S.current?.querySelectorAll(mt)||[])}function A(e){let t=k()[e];t&&w.setState(`value`,t.getAttribute(gt))}function j(e){var t;let n=D(),r=k(),i=r.findIndex(e=>e===n),a=r[i+e];(t=s.current)!=null&&t.loop&&(a=i+e<0?r[r.length-1]:i+e===r.length?r[0]:r[i+e]),a&&w.setState(`value`,a.getAttribute(gt))}function M(e){let t=D()?.closest(ut),n;for(;t&&!n;)t=e>0?Nt(t,ut):Pt(t,ut),n=t?.querySelector(mt);n?w.setState(`value`,n.getAttribute(gt)):j(e)}let ie=()=>A(k().length-1),N=e=>{e.preventDefault(),e.metaKey?ie():e.altKey?M(1):j(1)},P=e=>{e.preventDefault(),e.metaKey?A(0):e.altKey?M(-1):j(-1)};return $.createElement(O.div,{ref:t,tabIndex:-1,..._,"cmdk-root":``,onKeyDown:e=>{var t;(t=_.onKeyDown)==null||t.call(_,e);let n=e.nativeEvent.isComposing||e.keyCode===229;if(!(e.defaultPrevented||n))switch(e.key){case`n`:case`j`:g&&e.ctrlKey&&N(e);break;case`ArrowDown`:N(e);break;case`p`:case`k`:g&&e.ctrlKey&&P(e);break;case`ArrowUp`:P(e);break;case`Home`:e.preventDefault(),A(0);break;case`End`:e.preventDefault(),ie();break;case`Enter`:{e.preventDefault();let t=D();if(t){let e=new Event(ht);t.dispatchEvent(e)}}}}},$.createElement(`label`,{"cmdk-label":``,htmlFor:T.inputId,id:T.labelId,style:Ut},c),Ht(e,e=>$.createElement(bt.Provider,{value:w},$.createElement(vt.Provider,{value:T},e))))}),wt=$.forwardRef((e,t)=>{let n=y(),r=$.useRef(null),i=$.useContext(St),a=yt(),o=Ft(e),s=o.current?.forceMount??i?.forceMount;It(()=>{if(!s)return a.item(n,i?.id)},[s]);let c=zt(n,r,[e.value,e.children,r],e.keywords),l=xt(),u=Rt(e=>e.value&&e.value===c.current),d=Rt(e=>s||a.filter()===!1?!0:e.search?e.filtered.items.get(n)>0:!0);$.useEffect(()=>{let t=r.current;if(!(!t||e.disabled))return t.addEventListener(ht,f),()=>t.removeEventListener(ht,f)},[d,e.onSelect,e.disabled]);function f(){var e,t;m(),(t=(e=o.current).onSelect)==null||t.call(e,c.current)}function m(){l.setState(`value`,c.current,!0)}if(!d)return null;let{disabled:h,value:g,onSelect:_,forceMount:v,keywords:b,...x}=e;return $.createElement(O.div,{ref:p(r,t),...x,id:n,"cmdk-item":``,role:`option`,"aria-disabled":!!h,"aria-selected":!!u,"data-disabled":!!h,"data-selected":!!u,onPointerMove:h||a.getDisablePointerSelection()?void 0:m,onClick:h?void 0:f},e.children)}),Tt=$.forwardRef((e,t)=>{let{heading:n,children:r,forceMount:i,...a}=e,o=y(),s=$.useRef(null),c=$.useRef(null),l=y(),u=yt(),d=Rt(e=>i||u.filter()===!1?!0:e.search?e.filtered.groups.has(o):!0);It(()=>u.group(o),[]),zt(o,s,[e.value,e.heading,c]);let f=$.useMemo(()=>({id:o,forceMount:i}),[i]);return $.createElement(O.div,{ref:p(s,t),...a,"cmdk-group":``,role:`presentation`,hidden:d?void 0:!0},n&&$.createElement(`div`,{ref:c,"cmdk-group-heading":``,"aria-hidden":!0,id:l},n),Ht(e,e=>$.createElement(`div`,{"cmdk-group-items":``,role:`group`,"aria-labelledby":n?l:void 0},$.createElement(St.Provider,{value:f},e))))}),Et=$.forwardRef((e,t)=>{let{alwaysRender:n,...r}=e,i=$.useRef(null),a=Rt(e=>!e.search);return!n&&!a?null:$.createElement(O.div,{ref:p(i,t),...r,"cmdk-separator":``,role:`separator`})}),Dt=$.forwardRef((e,t)=>{let{onValueChange:n,...r}=e,i=e.value!=null,a=xt(),o=Rt(e=>e.search),s=Rt(e=>e.selectedItemId),c=yt();return $.useEffect(()=>{e.value!=null&&a.setState(`search`,e.value)},[e.value]),$.createElement(O.input,{ref:t,...r,"cmdk-input":``,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,"aria-autocomplete":`list`,role:`combobox`,"aria-expanded":!0,"aria-controls":c.listId,"aria-labelledby":c.labelId,"aria-activedescendant":s,id:c.inputId,type:`text`,value:i?e.value:o,onChange:e=>{i||a.setState(`search`,e.target.value),n?.(e.target.value)}})}),Ot=$.forwardRef((e,t)=>{let{children:n,label:r=`Suggestions`,...i}=e,a=$.useRef(null),o=$.useRef(null),s=Rt(e=>e.selectedItemId),c=yt();return $.useEffect(()=>{if(o.current&&a.current){let e=o.current,t=a.current,n,r=new ResizeObserver(()=>{n=requestAnimationFrame(()=>{let n=e.offsetHeight;t.style.setProperty(`--cmdk-list-height`,n.toFixed(1)+`px`)})});return r.observe(e),()=>{cancelAnimationFrame(n),r.unobserve(e)}}},[]),$.createElement(O.div,{ref:p(a,t),...i,"cmdk-list":``,role:`listbox`,tabIndex:-1,"aria-activedescendant":s,"aria-label":r,id:c.listId},Ht(e,e=>$.createElement(`div`,{ref:p(o,c.listInnerRef),"cmdk-list-sizer":``},e)))}),kt=$.forwardRef((e,t)=>{let{open:n,onOpenChange:r,overlayClassName:i,contentClassName:a,container:o,...s}=e;return $.createElement(b,{open:n,onOpenChange:r},$.createElement(f,{container:o},$.createElement(A,{"cmdk-overlay":``,className:i}),$.createElement(h,{"aria-label":e.label,"cmdk-dialog":``,className:a},$.createElement(Ct,{ref:t,...s}))))}),At=$.forwardRef((e,t)=>Rt(e=>e.filtered.count===0)?$.createElement(O.div,{ref:t,...e,"cmdk-empty":``,role:`presentation`}):null),jt=$.forwardRef((e,t)=>{let{progress:n,children:r,label:i=`Loading...`,...a}=e;return $.createElement(O.div,{ref:t,...a,"cmdk-loading":``,role:`progressbar`,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":i},Ht(e,e=>$.createElement(`div`,{"aria-hidden":!0},e)))}),Mt=Object.assign(Ct,{List:Ot,Item:wt,Input:Dt,Group:Tt,Separator:Et,Dialog:kt,Empty:At,Loading:jt});function Nt(e,t){let n=e.nextElementSibling;for(;n;){if(n.matches(t))return n;n=n.nextElementSibling}}function Pt(e,t){let n=e.previousElementSibling;for(;n;){if(n.matches(t))return n;n=n.previousElementSibling}}function Ft(e){let t=$.useRef(e);return It(()=>{t.current=e}),t}var It=typeof window>`u`?$.useEffect:$.useLayoutEffect;function Lt(e){let t=$.useRef();return t.current===void 0&&(t.current=e()),t}function Rt(e){let t=xt(),n=()=>e(t.snapshot());return $.useSyncExternalStore(t.subscribe,n,n)}function zt(e,t,n,r=[]){let i=$.useRef(),a=yt();return It(()=>{var o;let s=(()=>{for(let e of n){if(typeof e==`string`)return e.trim();if(typeof e==`object`&&`current`in e)return e.current?e.current.textContent?.trim():i.current}})(),c=r.map(e=>e.trim());a.value(e,s,c),(o=t.current)==null||o.setAttribute(gt,s),i.current=s}),i}var Bt=()=>{let[e,t]=$.useState(),n=Lt(()=>new Map);return It(()=>{n.current.forEach(e=>e()),n.current=new Map},[e]),(e,r)=>{n.current.set(e,r),t({})}};function Vt(e){let t=e.type;return typeof t==`function`?t(e.props):`render`in t?t.render(e.props):e}function Ht({asChild:e,children:t},n){return e&&$.isValidElement(t)?$.cloneElement(Vt(t),{ref:t.ref},n(t.props.children)):n(t)}var Ut={position:`absolute`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,borderWidth:`0`};function Wt({className:e,...t}){return(0,Q.jsx)(Mt,{"data-slot":`command`,className:U(`flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground`,e),...t})}function Gt({className:e,...t}){return(0,Q.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b px-3`,children:[(0,Q.jsx)(E,{className:`size-4 shrink-0 opacity-50`}),(0,Q.jsx)(Mt.Input,{"data-slot":`command-input`,className:U(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`,e),...t})]})}function Kt({className:e,...t}){return(0,Q.jsx)(Mt.List,{"data-slot":`command-list`,className:U(`max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto`,e),...t})}function qt({...e}){return(0,Q.jsx)(Mt.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function Jt({className:e,...t}){return(0,Q.jsx)(Mt.Group,{"data-slot":`command-group`,className:U(`overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground`,e),...t})}function Yt({className:e,...t}){return(0,Q.jsx)(Mt.Item,{"data-slot":`command-item`,className:U(`relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground`,e),...t})}function Xt({roles:e,loadingRoles:t,selectedRoleName:n,onRoleNameChange:r,className:i}){let a=(0,$.useMemo)(()=>e.find(e=>e.name===n)??null,[e,n]),o=!!n&&!t&&!a;return(0,Q.jsxs)(`div`,{className:U(`grid min-h-0 gap-3 md:grid-cols-[minmax(0,1fr)_16rem]`,i),children:[(0,Q.jsxs)(Wt,{className:`min-h-[17rem] rounded-xl border border-border bg-background/35`,children:[(0,Q.jsx)(Gt,{"aria-label":`Search roles`,placeholder:`Search roles...`,disabled:t||e.length===0}),(0,Q.jsx)(Kt,{className:`max-h-[18rem]`,children:t?(0,Q.jsx)(`div`,{className:`px-3 py-6 text-center text-sm text-muted-foreground`,children:`Loading roles...`}):e.length===0?(0,Q.jsx)(`div`,{className:`px-3 py-6 text-center text-sm text-muted-foreground`,children:`No roles available.`}):(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(qt,{children:`No matching roles.`}),(0,Q.jsx)(Jt,{heading:`Roles`,children:e.map(e=>{let t=n===e.name;return(0,Q.jsxs)(Yt,{value:`${e.name} ${e.description}`,onSelect:()=>r(e.name),className:U(`items-start gap-3 rounded-md px-3 py-2.5`,t&&`bg-accent/60 text-accent-foreground`),children:[(0,Q.jsx)(`span`,{className:U(`mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full border`,t?`border-primary bg-primary text-primary-foreground`:`border-border text-transparent`),children:(0,Q.jsx)(w,{className:`size-3`})}),(0,Q.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,Q.jsx)(`span`,{className:`block truncate text-[13px] font-medium text-foreground`,children:e.name}),(0,Q.jsx)(`span`,{className:`mt-1 line-clamp-2 block text-[12px] leading-relaxed text-muted-foreground`,children:e.description})]})]},e.name)})})]})})]}),(0,Q.jsxs)(`div`,{className:`min-h-[10rem] rounded-xl border border-border bg-card/35 p-4`,children:[(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 text-[12px] font-medium text-muted-foreground`,children:[(0,Q.jsx)(S,{className:`size-4`}),`Selected role`]}),a?(0,Q.jsxs)(`div`,{className:`mt-4 min-w-0`,children:[(0,Q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Q.jsx)(`p`,{className:`truncate text-[15px] font-semibold text-foreground`,children:a.name}),a.is_builtin?(0,Q.jsx)(R,{variant:`outline`,className:`h-5 shrink-0`,children:`Built-in`}):null]}),(0,Q.jsx)(`p`,{className:`mt-2 line-clamp-5 text-[12px] leading-relaxed text-muted-foreground`,children:a.description})]}):(0,Q.jsx)(`p`,{className:`mt-4 text-[13px] leading-relaxed text-muted-foreground`,children:o?`Selected role is not available.`:`Choose a role to continue.`})]})]})}var Zt=`bg-background/40 text-foreground shadow-xs placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50`;function Qt({allowNetwork:e,onAllowNetworkChange:t,onOpenChange:n,onSubmit:r,onTitleChange:i,onWriteDirsChange:a,open:o,pending:s,title:c,writeDirs:l}){return(0,Q.jsxs)(Ke,{open:o,onOpenChange:n,title:`Create Workflow`,footer:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(K,{variant:`outline`,onClick:()=>n(!1),disabled:s,children:`Cancel`}),(0,Q.jsx)(K,{onClick:r,disabled:!c.trim()||s,children:s?`Creating...`:`Create Workflow`})]}),children:[(0,Q.jsx)(qe,{label:`Title`,hint:`Shown in the workflow strip`,children:(0,Q.jsx)(xe,{autoFocus:!0,"aria-label":`Workflow title`,value:c,onChange:e=>i(e.target.value),placeholder:`Release checklist`,className:U(`h-10 rounded-md`,Zt)})}),(0,Q.jsx)(qe,{label:`Network Access`,hint:`Allow this workflow to reach external services`,children:(0,Q.jsx)(De,{checked:e,label:`Network Access`,onCheckedChange:t})}),(0,Q.jsx)(qe,{label:`Writable Folders`,hint:`One absolute folder path per line`,children:(0,Q.jsx)(ge,{value:l,"aria-label":`Writable folders`,onChange:e=>a(e.target.value),placeholder:`/workspace/output
-/workspace/cache`,className:U(`min-h-[80px] rounded-md font-mono text-[13px]`,Zt)})})]})}var $t={agent:`Agent`,trigger:`Trigger`,llm:`Model`,code:`Code`,if:`If`,merge:`Merge`};function en({activeTabTitle:e,nodeName:t,nodeType:n,roles:r,loadingRoles:i,onNodeNameChange:a,onNodeTypeChange:o,onOpenChange:s,onRoleNameChange:c,onSubmit:l,open:u,pending:d,selectedRoleName:f,submitDisabled:p}){return(0,Q.jsxs)(Ke,{open:u,onOpenChange:s,title:`Add Node`,footer:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(K,{variant:`outline`,onClick:()=>s(!1),disabled:d,children:`Cancel`}),(0,Q.jsx)(K,{onClick:l,disabled:p,children:d?`Adding...`:`Add Node`})]}),children:[(0,Q.jsxs)(Je,{children:[`Adding a node to`,` `,(0,Q.jsx)(`span`,{className:`font-semibold text-foreground`,children:e??`No active workflow`})]}),(0,Q.jsx)(qe,{label:`Node Type`,hint:`Required`,children:(0,Q.jsxs)(Be,{value:n,onValueChange:e=>o(e),children:[(0,Q.jsx)(ze,{"aria-label":`Node Type`,className:U(`h-10 rounded-md data-[placeholder]:text-muted-foreground`,Zt),children:(0,Q.jsx)(Re,{placeholder:`Choose node type`})}),(0,Q.jsx)(J,{className:`rounded-md border-border bg-popover text-popover-foreground`,children:Object.entries($t).map(([e,t])=>(0,Q.jsx)(Y,{value:e,children:t},e))})]})}),n===`agent`?(0,Q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Q.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,Q.jsx)(`span`,{className:`text-sm font-medium text-foreground/80`,children:`Role`}),(0,Q.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Required`})]}),(0,Q.jsx)(Xt,{roles:r,loadingRoles:i,selectedRoleName:f,onRoleNameChange:c})]}):null,(0,Q.jsx)(qe,{label:`Display Name`,hint:`Optional`,children:(0,Q.jsx)(xe,{value:t,"aria-label":`Node display name`,onChange:e=>a(e.target.value),placeholder:n===`agent`?`Docs Worker`:`${$t[n]} Node`,className:U(`h-10 rounded-md`,Zt)})})]})}function tn({activeTabTitle:e,nodeOptions:t,onFromNodeChange:n,onFromPortChange:r,onOpenChange:i,onSubmit:a,onToNodeChange:o,onToPortChange:s,open:c,pending:l,fromNodeId:u,fromPortKey:d,toNodeId:f,toPortKey:p,fromPortOptions:m,toPortOptions:h}){return(0,Q.jsxs)(Ke,{open:c,onOpenChange:i,title:`Connect Ports`,footer:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(K,{variant:`outline`,onClick:()=>i(!1),disabled:l,children:`Cancel`}),(0,Q.jsx)(K,{onClick:a,disabled:!u||!d||!f||!p||l,children:l?`Connecting...`:`Create Edge`})]}),children:[(0,Q.jsx)(Je,{children:e?(0,Q.jsxs)(Q.Fragment,{children:[`Workflow`,` `,(0,Q.jsx)(`span`,{className:`font-semibold text-foreground`,children:e}),` `,`· `,t.length,` nodes available`]}):`No active workflow`}),(0,Q.jsx)(qe,{label:`From Node`,hint:`Source node`,children:(0,Q.jsxs)(Be,{value:u,onValueChange:n,children:[(0,Q.jsx)(ze,{"aria-label":`From Node`,className:U(`h-10 rounded-md data-[placeholder]:text-muted-foreground`,Zt),children:(0,Q.jsx)(Re,{placeholder:`Choose source node`})}),(0,Q.jsx)(J,{className:`rounded-md border-border bg-popover text-popover-foreground`,children:t.map(e=>(0,Q.jsx)(Y,{value:e.id,children:e.label},e.id))})]})}),(0,Q.jsx)(qe,{label:`From Port`,hint:`Output port`,children:(0,Q.jsxs)(Be,{value:d,onValueChange:r,children:[(0,Q.jsx)(ze,{"aria-label":`From Port`,className:U(`h-10 rounded-md data-[placeholder]:text-muted-foreground`,Zt),children:(0,Q.jsx)(Re,{placeholder:`Choose output port`})}),(0,Q.jsx)(J,{className:`rounded-md border-border bg-popover text-popover-foreground`,children:m.map(e=>(0,Q.jsx)(Y,{value:e.key,children:e.label},e.key))})]})}),(0,Q.jsx)(qe,{label:`To Node`,hint:`Target node`,children:(0,Q.jsxs)(Be,{value:f,onValueChange:o,children:[(0,Q.jsx)(ze,{"aria-label":`To Node`,className:U(`h-10 rounded-md data-[placeholder]:text-muted-foreground`,Zt),children:(0,Q.jsx)(Re,{placeholder:`Choose target node`})}),(0,Q.jsx)(J,{className:`rounded-md border-border bg-popover text-popover-foreground`,children:t.filter(e=>e.id!==u).map(e=>(0,Q.jsx)(Y,{value:e.id,children:e.label},e.id))})]})}),(0,Q.jsx)(qe,{label:`To Port`,hint:`Input port`,children:(0,Q.jsxs)(Be,{value:p,onValueChange:s,children:[(0,Q.jsx)(ze,{"aria-label":`To Port`,className:U(`h-10 rounded-md data-[placeholder]:text-muted-foreground`,Zt),children:(0,Q.jsx)(Re,{placeholder:`Choose input port`})}),(0,Q.jsx)(J,{className:`rounded-md border-border bg-popover text-popover-foreground`,children:h.map(e=>(0,Q.jsx)(Y,{value:e.key,children:e.label},e.key))})]})})]})}function nn({onDelete:e,onOpenChange:t,open:n,pending:r,target:i}){return(0,Q.jsx)(Le,{open:n,onOpenChange:t,children:(0,Q.jsxs)(Ne,{className:`max-w-[30rem]`,children:[(0,Q.jsxs)(Ie,{className:`gap-4`,children:[(0,Q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Q.jsx)(`div`,{className:`flex size-11 items-center justify-center rounded-xl border border-border bg-accent/45 text-foreground shadow-xs`,children:(0,Q.jsx)(T,{className:`size-5`})}),(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`Destructive Action`}),(0,Q.jsx)(Me,{className:`mt-1 text-foreground`,children:`Delete workflow?`})]})]}),(0,Q.jsx)(je,{className:`text-muted-foreground`,children:i?(0,Q.jsxs)(Q.Fragment,{children:[`Remove`,` `,(0,Q.jsx)(`span`,{className:`font-semibold text-foreground`,children:i.title}),` `,`and clean up its persisted workflow graph.`,typeof i.nodeCount==`number`?` ${i.nodeCount} node${i.nodeCount===1?``:`s`} will be removed with it.`:``]}):`This action cannot be undone.`})]}),(0,Q.jsxs)(Pe,{children:[(0,Q.jsx)(Fe,{asChild:!0,children:(0,Q.jsx)(K,{variant:`outline`,children:`Cancel`})}),(0,Q.jsx)(q,{asChild:!0,children:(0,Q.jsx)(K,{variant:`destructive`,onClick:e,disabled:r,children:r?`Deleting...`:`Delete Workflow`})})]})]})})}var rn=(0,$.memo)(function(e){let{sourceX:t,sourceY:n,targetX:r,targetY:i,sourcePosition:o,targetPosition:s,id:l,data:u}=e,[d]=c({sourceX:t,sourceY:n,sourcePosition:o,targetX:r,targetY:i,targetPosition:s}),f=u??{},p=!!f.active,m=!!f.leaving,h=f.flowDirection===`reverse`?-1:1,g=f.selected===!0,_=h===1?`48`:`0`,v=h===1?`0`:`48`;return(0,Q.jsxs)(C.g,{className:`agent-graph-edge-shell`,initial:{opacity:0},animate:{opacity:+!m},transition:{duration:m?.2:.3,ease:`easeInOut`},children:[(0,Q.jsx)(a,{id:l,path:d,style:{stroke:p?`var(--graph-edge-active)`:g?`var(--graph-selection)`:`var(--graph-edge)`,strokeWidth:p?2.5:g?2.4:1.5,transition:`stroke 300ms ease, stroke-width 300ms ease, opacity 300ms ease`}}),g&&!p?(0,Q.jsx)(C.path,{d,fill:`none`,stroke:`var(--graph-selection)`,strokeWidth:`7`,strokeLinecap:`round`,filter:`url(#agent-graph-edge-glow)`,initial:{opacity:0},animate:{opacity:.16},transition:{duration:.18}}):null,p&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(C.path,{d,fill:`none`,stroke:`var(--graph-edge-active)`,strokeWidth:`8`,strokeLinecap:`round`,filter:`url(#agent-graph-edge-glow)`,initial:{opacity:0},animate:{opacity:[.1,.3,.1]},transition:{duration:2,repeat:1/0,ease:`easeInOut`}}),(0,Q.jsx)(C.path,{d,fill:`none`,stroke:`url(#agent-graph-edge-flow)`,strokeWidth:`3.5`,strokeLinecap:`round`,strokeDasharray:`12 12`,opacity:`0.8`,filter:`url(#agent-graph-edge-glow)`,initial:{opacity:0},animate:{opacity:.8},transition:{duration:.4},children:(0,Q.jsx)(`animate`,{attributeName:`stroke-dashoffset`,from:_,to:v,dur:`0.8s`,repeatCount:`indefinite`})}),(0,Q.jsx)(C.path,{d,fill:`none`,stroke:`var(--graph-edge-active)`,strokeWidth:`5`,strokeLinecap:`round`,filter:`url(#agent-graph-edge-glow)`,initial:{pathLength:.15,pathOffset:h===1?-.2:1.2,opacity:0},animate:{pathOffset:h===1?1.2:-.2,opacity:[0,1,1,0]},transition:{duration:1.5,ease:`easeInOut`,repeat:1/0,repeatType:`loop`,times:[0,.1,.9,1]}}),(0,Q.jsx)(C.path,{d,fill:`none`,stroke:`var(--graph-attention)`,strokeWidth:`2.5`,strokeLinecap:`round`,filter:`url(#agent-graph-edge-glow)`,initial:{pathLength:.08,pathOffset:h===1?-.23:1.23,opacity:0},animate:{pathOffset:h===1?1.17:-.17,opacity:[0,.9,.9,0]},transition:{duration:1.5,ease:`easeInOut`,repeat:1/0,repeatType:`loop`,times:[0,.1,.9,1],delay:.03}})]})]})}),an=.3,on=.05,sn=`rounded-md border border-border bg-popover px-3 py-1 text-[11px] font-medium text-popover-foreground shadow-sm`,cn=`__node-body-source`,ln=`__node-body-target`;function un(e){return e.kind===`standalone`?`Add Agent`:e.kind===`between`?`Insert Agent Between`:`Add Agent After`}function dn(e){if(`clientX`in e)return{x:e.clientX,y:e.clientY};let t=e.changedTouches[0]??e.touches[0];return t?{x:t.clientX,y:t.clientY}:null}var fn={running:`border-graph-status-running/28`,idle:`border-graph-node-border`,sleeping:`border-graph-status-sleeping/26`,initializing:`border-border border-dashed`,error:`border-graph-status-error/28 border-double`,terminated:`border-border/70`};function pn(e,t=!1){return e===`assistant`?`rounded-sm border-graph-node-border bg-accent/60 text-foreground`:U(`rounded-sm border-graph-node-border bg-surface-3`,t?`text-primary`:`text-foreground/80`)}var mn=(0,$.memo)(function({data:e}){let{label:t,node_type:n,is_leader:r,state:i,latestTodo:a,selected:c,toolCall:l,canConnect:u,showConnectionEntryHint:d,connectionState:f,inputPorts:p,outputPorts:m}=e,h=!!e.leaving,g=F[n],_=(0,$.useRef)(null),v=(e,t)=>{if(!_.current)return;let n=_.current.getBoundingClientRect(),r=n.left+n.width/2,i=n.top+n.height/2,a=e-r,o=t-i,s=Math.sqrt(a*a+o*o),c=Math.max(0,1-s/240),l=Math.atan2(o,a)*180/Math.PI+90;_.current.style.setProperty(`--mouse-angle`,`${l}deg`),_.current.style.setProperty(`--mouse-intensity`,c.toString())},y=()=>{_.current&&(_.current.style.setProperty(`--mouse-angle`,`135deg`),_.current.style.setProperty(`--mouse-intensity`,`0`))},b=!!l,x=i===`running`,S=b?`border-graph-attention/70`:fn[i],w=c?`ring-1 ring-graph-selection/25 border-graph-selection/80`:U(S,`hover:border-graph-node-border-hover`),T=f===`source`?`ring-2 ring-graph-selection/35 border-graph-selection/90`:f===`valid-target`?`border-graph-selection/55 shadow-[0_0_0_1px_var(--graph-glow)]`:f===`invalid-target`?`opacity-45`:``,ee=d||f===`source`,te=u&&f===null,E=u&&(f===`valid-target`||f===`invalid-target`),ne=f===`source`?`border-graph-selection/75 bg-graph-selection/14 shadow-[0_0_0_1px_var(--graph-glow),0_0_24px_var(--graph-glow)]`:f===`valid-target`?`border-graph-selection/45 bg-graph-selection/10 shadow-[0_0_0_1px_var(--graph-glow),0_0_18px_var(--graph-glow)]`:f===`invalid-target`?`border-graph-node-border bg-graph-node-bg/50`:`border-graph-node-border bg-graph-node-bg/72`;return(0,Q.jsxs)(C.div,{ref:_,initial:{opacity:0,scale:.92,filter:`blur(6px) grayscale(0%)`},animate:{opacity:h?0:i===`terminated`?.4:1,scale:h?.9:1,y:h?8:0,filter:h?`blur(8px) grayscale(100%)`:i===`terminated`?`blur(0px) grayscale(100%)`:`blur(0px) grayscale(0%)`},transition:{duration:h?.28:.35,ease:[.23,1,.32,1]},onMouseEnter:e=>v(e.clientX,e.clientY),onMouseMove:e=>v(e.clientX,e.clientY),onMouseLeave:y,className:U(`relative isolate flex h-14 w-max min-w-[100px] max-w-[300px] items-center gap-2 overflow-visible rounded-[10px] border px-2.5 py-2.5`,`shadow-[0_10px_24px_var(--shell-scrim)]`,`bg-graph-node-bg`,`transition-[border-color] duration-300`,h&&`pointer-events-none`,w,T),style:{"--mouse-angle":`135deg`,"--mouse-intensity":`0`},children:[(0,Q.jsx)(`div`,{"aria-hidden":`true`,className:U(`agent-state-ring`,N[i])}),(0,Q.jsx)(`div`,{"aria-hidden":`true`,className:U(`agent-loading-border`,x&&`agent-loading-border-active`)}),p.map((e,t)=>(0,Q.jsx)(s,{id:e.key,type:`target`,position:o.Left,isConnectable:u,isConnectableEnd:u,className:U(`!z-10 !h-[72%] !w-5 !-translate-y-1/2 !border-0 !bg-transparent !opacity-0 after:absolute after:-inset-3 after:content-['']`),style:{top:`${(t+1)*100/(p.length+1)}%`}},`input-${e.key}`)),m.map((e,t)=>(0,Q.jsx)(s,{id:e.key,type:`source`,position:o.Right,isConnectable:u,isConnectableStart:u,className:U(`!z-10 !h-[72%] !w-5 !-translate-y-1/2 !border-0 !bg-transparent !opacity-0 after:absolute after:-inset-3 after:content-['']`),style:{top:`${(t+1)*100/(m.length+1)}%`}},`output-${e.key}`)),(0,Q.jsx)(s,{id:cn,type:`source`,position:o.Right,isConnectable:u,isConnectableStart:u,isConnectableEnd:!1,className:U(`!absolute !h-full !w-full !border-0 !bg-transparent !opacity-0`,te?`!z-30 !pointer-events-auto`:`!z-0 !pointer-events-none`),style:{left:0,top:0,right:`auto`,bottom:`auto`,transform:`none`}}),(0,Q.jsx)(s,{id:ln,type:`target`,position:o.Left,isConnectable:u,isConnectableStart:!1,isConnectableEnd:u,className:U(`!absolute !h-full !w-full !border-0 !bg-transparent !opacity-0`,E?`!z-30 !pointer-events-auto`:`!z-0 !pointer-events-none`),style:{left:0,top:0,right:`auto`,bottom:`auto`,transform:`none`}}),ee?[(0,Q.jsx)(`div`,{"aria-hidden":`true`,"data-testid":`connection-entry-left`,className:U(`pointer-events-none absolute top-1/2 z-10 h-[72%] w-2.5 -translate-y-1/2 rounded-full border transition-[opacity,transform,box-shadow] duration-150`,`-left-1.5`,ne)},`left-entry`),(0,Q.jsx)(`div`,{"aria-hidden":`true`,"data-testid":`connection-entry-right`,className:U(`pointer-events-none absolute top-1/2 z-10 h-[72%] w-2.5 -translate-y-1/2 rounded-full border transition-[opacity,transform,box-shadow] duration-150`,`-right-1.5`,ne)},`right-entry`)]:null,(0,Q.jsx)(`div`,{className:U(`relative z-10 flex size-8 shrink-0 items-center justify-center border`,pn(n,r)),children:(0,Q.jsx)(g,{className:`size-4.5`})}),(0,Q.jsxs)(`div`,{className:`relative z-10 flex min-w-0 flex-1 items-center justify-between gap-2`,children:[(0,Q.jsx)(`span`,{className:`truncate text-[13px] font-semibold text-foreground -translate-y-[0.7px]`,title:a??void 0,children:t}),(0,Q.jsx)(`div`,{className:`relative flex items-center pr-0.5`,title:b?`Active`:i,children:(0,Q.jsxs)(`span`,{className:`relative flex size-2.5`,children:[(x||b)&&(0,Q.jsx)(`span`,{className:U(`absolute inline-flex size-full animate-ping rounded-full opacity-40`,b?`bg-graph-attention`:ce[i])}),(0,Q.jsx)(`span`,{className:U(`relative inline-flex size-2.5 rounded-full border border-card shadow-sm`,b?`bg-graph-attention`:ce[i])})]})})]}),b&&(0,Q.jsx)(C.div,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},className:`absolute -bottom-6 left-1/2 z-20 -translate-x-1/2 whitespace-nowrap`,children:(0,Q.jsx)(`span`,{className:`rounded-sm border border-graph-attention/24 bg-surface-2/92 px-1.5 py-0.5 text-[9px] font-mono text-graph-attention-text shadow-lg backdrop-blur-sm`,children:l})})]})}),hn=e(u(),1);function gn({children:e}){return typeof document>`u`||!document.body?null:(0,hn.createPortal)(e,document.body)}function _n({x:e,y:t,items:n,onClose:r}){let i=(0,$.useRef)(null),[a,o]=(0,$.useState)(()=>({left:e,top:t}));return(0,$.useEffect)(()=>{let n=i.current;if(!n)return;let r=requestAnimationFrame(()=>{let r=n.getBoundingClientRect(),i=window.innerWidth-8-r.width,a=window.innerHeight-8-r.height,s=Math.max(8,Math.min(e,i)),c=Math.max(8,Math.min(t,a));o(e=>e.left===s&&e.top===c?e:{left:s,top:c})});return()=>cancelAnimationFrame(r)},[e,t,n.length]),(0,$.useEffect)(()=>{let e=e=>{i.current&&!i.current.contains(e.target)&&r()};return document.addEventListener(`mousedown`,e,!0),()=>document.removeEventListener(`mousedown`,e,!0)},[r]),(0,$.useEffect)(()=>{let e=e=>{e.key===`Escape`&&r()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[r]),n.length===0?null:(0,Q.jsx)(gn,{children:(0,Q.jsx)(C.div,{ref:i,initial:{opacity:0,scale:.96,y:-4},animate:{opacity:1,scale:1,y:0},transition:{duration:.12,ease:`easeOut`},className:`fixed z-[200] min-w-[160px] rounded-md border border-border bg-popover py-1 shadow-md`,style:{left:a.left,top:a.top},children:n.map((e,t)=>e===`divider`?(0,Q.jsx)(`div`,{className:`my-1 border-t border-border`},t):(0,Q.jsx)(K,{type:`button`,variant:`ghost`,disabled:e.disabled,onClick:()=>{e.disabled||(e.onClick(),r())},className:`h-auto w-full justify-start rounded-none px-3 py-1.5 text-left text-[11px] hover:text-inherit disabled:opacity-40 ${e.danger?`text-graph-status-error/90 hover:bg-destructive/10 hover:text-graph-status-error`:`text-popover-foreground/90 hover:bg-accent/30 hover:text-popover-foreground`}`,children:e.label},t))})})}var vn=/^[il1.,!|:;]$/,yn=/^[fjrt\-[\]()]$/,bn=/^[wmMWOQ@]$/,xn=/^[A-Z]$/;function Sn(e){let t=Array.from(e).reduce((e,t)=>t===` `?e+4:t.charCodeAt(0)>255?e+13:vn.test(t)?e+4:yn.test(t)?e+5.5:bn.test(t)?e+10.5:xn.test(t)?e+8.5:e+7,0);return Math.max(100,Math.min(300,t+76))}function Cn(e){return!e||e===`__node-body-source`}function wn(e){return!e||e===`__node-body-target`}function Tn(e){return e instanceof Element?e.closest(`.react-flow__node`)?.getAttribute(`data-id`)??null:null}function En(e){return e instanceof Element&&!!e.closest(`.react-flow__pane`)}function Dn(e){if(typeof document>`u`||typeof document.elementFromPoint!=`function`)return null;let t=dn(e);return t?document.elementFromPoint(t.x,t.y):null}function On(e){return`${e.key} · ${e.type}`}function kn(e,t){let[n,r]=(0,$.useState)(e),[i,a]=(0,$.useState)(t),o=(0,$.useRef)(new Map),s=(0,$.useRef)(new Map);return(0,$.useEffect)(()=>{r(t=>{let n=new Set(e.map(e=>e.id)),i=new Map(t.map(e=>[e.id,e])),a=e.map(e=>{let t=o.current.get(e.id);t&&(clearTimeout(t),o.current.delete(e.id));let n=i.get(e.id);return{...n,...e,className:U(e.className,`agent-graph-node-present`),data:{...n?.data??{},...e.data??{},leaving:!1}}});for(let e of t)if(!n.has(e.id)){if(!o.current.has(e.id)){let t=setTimeout(()=>{r(t=>t.filter(t=>t.id!==e.id)),o.current.delete(e.id)},320);o.current.set(e.id,t)}a.push({...e,className:U(e.className,`agent-graph-node-leaving`),data:{...e.data??{},leaving:!0}})}return a})},[e]),(0,$.useEffect)(()=>{a(e=>{let n=new Set;for(let e=0;e<t.length;e++)n.add(t[e].id);let r=new Map;for(let t=0;t<e.length;t++)r.set(e[t].id,e[t]);let i=t.map(e=>{let t=s.current.get(e.id);t&&(clearTimeout(t),s.current.delete(e.id));let n=r.get(e.id);return{...n,...e,data:{...n?.data??{},...e.data??{},leaving:!1}}});for(let t of e)if(!n.has(t.id)){if(!s.current.has(t.id)){let e=setTimeout(()=>{a(e=>e.filter(e=>e.id!==t.id)),s.current.delete(t.id)},220);s.current.set(t.id,e)}i.push({...t,data:{...t.data??{},leaving:!0}})}return i})},[t]),(0,$.useEffect)(()=>{let e=o.current,t=s.current;return()=>{for(let t of e.values())clearTimeout(t);for(let e of t.values())clearTimeout(e)}},[]),{nodes:n,edges:i}}function An({roles:e=[],loadingRoles:t=!1,onConnectModeChange:n,onCreateConnection:r=async()=>void 0,onDeleteConnection:i=async()=>void 0,onCreateStandaloneAgent:a=async()=>void 0,onCreateLinkedAgent:o=async()=>void 0,onDeleteAgent:s=async()=>void 0,onInsertAgentBetween:c=async()=>void 0,readOnly:l=!1}){let{agents:u}=ye(),{tabs:d}=he(),{activeToolCalls:f}=we(),{activeTabId:p,selectedAgentId:m,selectAgent:h}=ke(),[g,_]=(0,$.useState)(null),[v,y]=(0,$.useState)(null),[b,x]=(0,$.useState)(null),[S,C]=(0,$.useState)(``),[w,T]=(0,$.useState)(``),[ee,te]=(0,$.useState)(!1),[E,ne]=(0,$.useState)(null),[re,O]=(0,$.useState)(1),[k,A]=(0,$.useState)(null),[j,M]=(0,$.useState)(!1),[N,P]=(0,$.useState)(null),[ae,F]=(0,$.useState)(null),[I,L]=(0,$.useState)(null),[R,oe]=(0,$.useState)(!1),z=(0,$.useRef)(null),se=(0,$.useRef)(!1),ce=(0,$.useRef)(!1),B=(0,$.useRef)(null),V=(0,$.useRef)(``),le=(0,$.useRef)(new Map),[ue,de]=(0,$.useState)(0),[H,fe]=(0,$.useState)({key:``,positions:new Map}),pe=(0,$.useRef)(null),me=(0,$.useRef)(null),ge=(0,$.useRef)(null),[_e,ve]=(0,$.useState)(null),U=p?d.get(p)??null:null,be=(0,$.useMemo)(()=>U?.definition.nodes??[],[U?.definition.nodes]),W=(0,$.useMemo)(()=>U?.definition.edges??[],[U?.definition.edges]),G=(0,$.useMemo)(()=>new Map(be.map(e=>[e.id,e])),[be]),xe=(0,$.useCallback)((e,t,n)=>{V.current=``,console.error(t,n);let r=le.current.get(e)??0;r>=1||(le.current.set(e,r+1),de(e=>e+1))},[]);(0,$.useEffect)(()=>{let e=new Worker(new URL(`/assets/layout.worker-jMHqAFbP.js`,``+import.meta.url),{type:`module`}),t=le.current;return e.onerror=e=>{let t=V.current;t&&xe(t,`AgentGraph layout worker error`,e)},e.onmessageerror=e=>{let t=V.current;t&&xe(t,`AgentGraph layout worker message error`,e)},e.onmessage=e=>{let{positions:t,key:n,error:r}=e.data;if(n!==V.current)return;if(r||!t){xe(n,`AgentGraph layout worker rejected request`,r);return}le.current.delete(n);let i=new Map;for(let e of t)i.set(e.id,e.position);fe({key:n,positions:i})},B.current=e,()=>{V.current=``,t.clear(),B.current=null,e.terminate()}},[xe]),(0,$.useEffect)(()=>{n?.(j)},[j,n]),(0,$.useEffect)(()=>{l&&(M(!1),P(null),F(null),L(null),oe(!1),x(null),y(null))},[l]);let Se=(0,$.useCallback)(e=>{!Number.isFinite(e)||e<=0||O(e)},[]),Ce=(0,$.useCallback)(e=>{e&&Se(e.getZoom())},[Se]),Te=(0,$.useCallback)(async e=>{if(!E)return!1;try{let t=await E.fitView(e);return Ce(E),t}catch{return!1}},[E,Ce]),Ee=(0,$.useCallback)(e=>{ne(e),Ce(e)},[Ce]),De=(0,$.useCallback)((e,t)=>{Se(t.zoom)},[Se]),Oe=(0,$.useCallback)(()=>{l||M(e=>!e)},[l]),K=(0,$.useMemo)(()=>new Map(Array.from(u.entries())),[u]),Ae=(0,$.useCallback)(e=>{let t=G.get(e);return t?{id:t.id,node_type:t.type,tab_id:p,is_leader:!1,state:`idle`,connections:W.filter(e=>e.from_node_id===t.id).map(e=>e.to_node_id),name:typeof t.config.name==`string`?t.config.name:null,todos:[],role_name:typeof t.config.role_name==`string`?t.config.role_name:null,config:t.config,inputs:t.inputs,outputs:t.outputs}:null},[p,W,G]),je=(0,$.useCallback)(e=>K.get(e)??Ae(e),[Ae,K]),Me=(0,$.useMemo)(()=>be.flatMap(e=>{let t=K.get(e.id);if(t)return[t];let n=Ae(e.id);return n?[n]:[]}),[Ae,K,be]),Ne=(0,$.useCallback)(e=>{let t=G.get(e);return t?ie({name:typeof t.config.name==`string`?t.config.name:null,roleName:typeof t.config.role_name==`string`?t.config.role_name:null,nodeType:t.type,isLeader:!1}):e.slice(0,8)},[G]),q=(0,$.useCallback)((e,t,n={})=>{if(e===t)return[];let r=G.get(e),i=G.get(t);if(!r||!i)return[];let a=n.sourcePortKey?r.outputs.filter(e=>e.key===n.sourcePortKey):r.outputs,o=n.targetPortKey?i.inputs.filter(e=>e.key===n.targetPortKey):i.inputs,s=[];for(let n of a)for(let r of o)n.type===r.type&&(!r.multiple&&W.some(e=>e.to_node_id===t&&e.to_port_key===r.key)||W.some(i=>i.from_node_id===e&&i.from_port_key===n.key&&i.to_node_id===t&&i.to_port_key===r.key)||s.push({sourcePortKey:n.key,sourcePortLabel:On(n),targetPortKey:r.key,targetPortLabel:On(r),type:n.type}));return s},[W,G]),Pe=(0,$.useCallback)((e,t)=>q(e,t).length>0,[q]),Fe=ae??N,Ie=(0,$.useMemo)(()=>{let e=new Map;for(let t of be){let n=K.get(t.id)??null,r=ie({name:typeof t.config.name==`string`?t.config.name:null,roleName:typeof t.config.role_name==`string`?t.config.role_name:null,nodeType:t.type,isLeader:!1});e.set(t.id,{label:r,width:Sn(r),node_type:t.type,is_leader:!1,state:n?.state??`idle`,shortId:t.id.slice(0,8),name:typeof t.config.name==`string`?t.config.name:null,role_name:typeof t.config.role_name==`string`?t.config.role_name:null,latestTodo:n?.todos[n.todos.length-1]?.text??null,selected:t.id===m&&k===null,toolCall:n?f.get(t.id)??null:null,leaving:!1,canConnect:!!p&&!l,showConnectionEntryHint:j||!!Fe,connectionState:Fe===t.id?`source`:Fe?Pe(Fe,t.id)?`valid-target`:`invalid-target`:null,inputPorts:t.inputs,outputPorts:t.outputs})}return e},[p,f,Fe,j,Pe,l,K,m,k,be]),{rawNodes:Le,baseEdges:Re,structureKey:ze}=(0,$.useMemo)(()=>({rawNodes:be.flatMap(e=>{let t=Ie.get(e.id);return t?[{id:e.id,type:`agent`,position:{x:0,y:0},width:t.width,height:56,data:t,className:`agent-graph-node-shell`}]:[]}),baseEdges:W.map(e=>({id:e.id,source:e.from_node_id,sourceHandle:e.from_port_key,target:e.to_node_id,targetHandle:e.to_port_key,type:`animated`,data:{sourcePortKey:e.from_port_key,targetPortKey:e.to_port_key}})),structureKey:`${p??`unassigned`}:${be.map(e=>`${e.id}:${e.type}:${JSON.stringify(e.config)}`).sort().join(`|`)}:${W.map(e=>`${e.id}:${e.from_node_id}:${e.from_port_key}:${e.to_node_id}:${e.to_port_key}:${e.kind}`).sort().join(`|`)}`}),[p,Ie,W,be]);(0,$.useEffect)(()=>{if(Le.length===0){V.current=``,le.current.clear();return}if(H.key===ze||V.current===ze)return;let e=B.current;e&&(e.postMessage({nodes:Le,edges:Re,key:ze}),V.current=ze)},[Re,ue,H.key,Le,ze]);let J=(0,$.useMemo)(()=>{let e=H.positions;return{nodes:Le.map(t=>({...t,position:e.get(t.id)??{x:0,y:0}})),edges:Re.map(e=>({...e,data:{active:!1,flowDirection:null,leaving:!1,selected:e.id===k},animated:!1})),structureKey:ze}},[Re,H.positions,Le,k,ze]),{nodes:Y,edges:Be}=kn(J.nodes,J.edges),X=(0,$.useCallback)(()=>{x(null),C(``),T(``),te(!1)},[]),Z=(0,$.useCallback)(()=>{L(null),oe(!1)},[]),Ve=(0,$.useCallback)(e=>{x(e),C(``),T(``),te(!1),L(null),oe(!1),y(null),_(null)},[]),He=(0,$.useCallback)(()=>{z.current=null,se.current=!1,F(null)},[]),Ue=(0,$.useCallback)((e,t,n,i)=>r(e,t,n,i.sourcePortKey,i.targetPortKey).then(()=>{M(!1),P(null),F(null),L(null),oe(!1),A(null)}).catch(e=>{oe(!1),D.error(e instanceof Error?e.message:`Failed to connect nodes`)}),[r]),We=(0,$.useCallback)((e,t,n={})=>{if(!p)return;if(l){D.error(`Deactivate workflow before editing`);return}if(e===t)return;let r=q(e,t,n);if(r.length===0){D.error(`This connection is not available`);return}if(r.length===1){Ue(p,e,t,r[0]);return}L({tabId:p,sourceNodeId:e,sourceNodeLabel:Ne(e),targetNodeId:t,targetNodeLabel:Ne(t),choices:r}),x(null),C(``),T(``),te(!1),P(null),F(null),M(!1),A(null),y(null),_(null)},[p,Ue,q,Ne,l]),Ge=(0,$.useCallback)((e,t)=>{if(N&&p){if(t.id===N)return;We(N,t.id);return}A(null),je(t.id)?h(t.id):h(null)},[p,je,We,h,N]),Q=(0,$.useCallback)((e,t)=>{if(!K.has(t.id))return;let n=e;_({agentId:t.id,x:n.clientX,y:n.clientY})},[K]),Ke=(0,$.useCallback)((e,t)=>{if(!K.has(t.id))return;let n=e;_({agentId:t.id,x:n.clientX,y:n.clientY})},[K]),qe=(0,$.useCallback)(()=>{_(null)},[]),Je=(0,$.useCallback)(()=>{if(ce.current){ce.current=!1;return}A(null),_(null),y(null),P(null),F(null),Z(),X(),h(null)},[Z,X,h]),Ye=(0,$.useCallback)(e=>{e.preventDefault();let t=e;A(null),_(null),P(null),F(null),Z(),X(),h(null),y({kind:`pane`,x:t.clientX,y:t.clientY})},[Z,X,h]),Xe=(0,$.useCallback)((e,t)=>{let n=je(t.id),r=e;if(r.preventDefault(),r.stopPropagation(),!n||!p){y(null);return}h(t.id),A(null),P(null),F(null),Z(),_(null),X(),y({kind:`node`,x:r.clientX,y:r.clientY,agentId:t.id})},[p,Z,X,je,h]),Ze=(0,$.useCallback)(e=>{if(!p||!e.source||!e.target)return;if(l){D.error(`Deactivate workflow before editing`);return}se.current=!0;let t={};Cn(e.sourceHandle)||(t.sourcePortKey=e.sourceHandle??void 0),wn(e.targetHandle)||(t.targetPortKey=e.targetHandle??void 0),We(e.source,e.target,t)},[p,l,We]),Qe=(0,$.useCallback)((e,t)=>{if(l||t?.handleType===`target`)return;let n=t?.nodeId??Tn(e.target);!n||!G.has(n)||t?.handleId&&!Cn(t.handleId)||(z.current=n,se.current=!1,F(n),P(null),L(null),oe(!1),y(null),_(null))},[l,G]),$e=(0,$.useCallback)(e=>{let t=z.current,n=se.current;if(He(),!t||n||!e||l){j||M(!1);return}let r=Dn(e),i=Tn(e.target)??Tn(r);if(i){We(t,i);return}if(En(e.target)||En(r)){let n=dn(e);n&&(ce.current=!0,Ve({kind:`linked`,x:n.x,y:n.y,anchorNodeId:t}))}j||M(!1)},[He,j,Ve,l,We]),et=(0,$.useCallback)((e,t)=>{A(t.id),_(null),y(null),P(null),F(null),Z(),X(),h(null)},[Z,X,h]),tt=(0,$.useCallback)((e,t)=>{let n=e;n.preventDefault(),n.stopPropagation(),A(t.id),_(null),P(null),F(null),Z(),X(),h(null),y({kind:`edge`,x:n.clientX,y:n.clientY,sourceId:t.source,targetId:t.target,sourcePortKey:t.sourceHandle,targetPortKey:t.targetHandle})},[Z,X,h]),nt=(0,$.useCallback)(()=>{y(null)},[]),rt=(0,$.useMemo)(()=>{if(!v)return[];if(v.kind===`node`){let e=je(v.agentId);return!e||!p?[]:l?[{label:`Clear Selection`,onClick:()=>{h(null)}}]:[{label:`Add Agent After`,onClick:()=>{Ve({kind:`linked`,x:v.x,y:v.y,anchorNodeId:e.id})}},{label:`Connect to...`,onClick:()=>{x(null),C(``),T(``),Z(),M(!1),P(e.id),F(null),A(null),h(e.id)}},`divider`,{label:`Delete Node`,danger:!0,onClick:()=>{s({tabId:p,node:e,tabAgents:Me}).catch(e=>{D.error(e instanceof Error?e.message:`Failed to delete agent`)})}}]}return v.kind===`edge`?!p||l?[]:[{label:`Insert Agent Between`,onClick:()=>{Ve({kind:`between`,x:v.x,y:v.y,sourceNodeId:v.sourceId,targetNodeId:v.targetId})}},{label:`Delete Edge`,danger:!0,onClick:()=>{i(p,v.sourceId,v.targetId,v.sourcePortKey??void 0,v.targetPortKey??void 0).catch(e=>{D.error(e instanceof Error?e.message:`Failed to delete edge`)})}}]:[{label:`Add Agent`,disabled:!p||l,onClick:()=>{Ve({kind:`standalone`,x:v.x,y:v.y})}}]},[p,v,s,i,Ve,l,Z,je,h,Me]),it=(0,$.useCallback)(()=>{if(!p||!b||!w||ee)return;let e=S.trim()||void 0;te(!0),(b.kind===`standalone`?a({tabId:p,roleName:w,name:e}):b.kind===`linked`?o({tabId:p,anchorNodeId:b.anchorNodeId,roleName:w,name:e}):c({tabId:p,sourceNodeId:b.sourceNodeId,targetNodeId:b.targetNodeId,roleName:w,name:e})).then(()=>{X(),A(null),P(null)}).catch(e=>{te(!1),D.error(e instanceof Error?e.message:`Failed to add agent`)})},[p,X,o,a,c,b,S,w,ee]),at=(0,$.useCallback)(e=>{!I||R||(oe(!0),Ue(I.tabId,I.sourceNodeId,I.targetNodeId,e))},[I,Ue,R]),ot=g?K.get(g.agentId)??null:null,st=g&&g.agentId?f.get(g.agentId)??null:null;(0,$.useEffect)(()=>{if(!g||!ot)return;let e=requestAnimationFrame(()=>{let e=pe.current;if(!e)return;let t=e.getBoundingClientRect();ve(e=>e&&Math.abs(e.width-t.width)<.5&&Math.abs(e.height-t.height)<.5?e:{width:t.width,height:t.height})});return()=>cancelAnimationFrame(e)},[g,ot]),(0,$.useEffect)(()=>{if(!E||Y.length===0||ge.current===J.structureKey)return;let e=ge.current===null;ge.current=J.structureKey;let t=requestAnimationFrame(()=>{Te({padding:an,maxZoom:1,duration:e?0:250})});return()=>cancelAnimationFrame(t)},[Y.length,Te,E,J.structureKey]),(0,$.useEffect)(()=>{if(!E||!me.current||Y.length===0)return;let e=0,t=new ResizeObserver(()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{Te({padding:an,maxZoom:1,duration:250})})});return t.observe(me.current),()=>{cancelAnimationFrame(e),t.disconnect()}},[Y.length,Te,E]);let ct=(0,$.useMemo)(()=>{if(!g||typeof window>`u`)return;let e=_e?.width??280,t=_e?.height??120,n=window.innerWidth-8-e,r=window.innerHeight-8-t;return{left:Math.max(8,Math.min(g.x+12,n)),top:Math.max(8,Math.min(g.y+12,r))}},[g,_e]),lt=(0,$.useMemo)(()=>d.size===0?{title:`No workflows yet`}:U?null:{title:`Select a workflow`},[U,d.size]);return{activeTabId:p,animatedEdges:Be,animatedNodes:Y,availableRoles:e,closeConnectionChoice:Z,closeContextMenu:nt,closeQuickCreate:X,connectHintLabel:N?`Choose target node`:j?`Connect nodes`:null,connectionChoice:I,containerRef:me,contextMenu:v,contextMenuItems:rt,emptyState:lt,enterConnectMode:Oe,handleFlowInit:Ee,handleViewportMove:De,isValidConnection:(0,$.useCallback)(e=>{if(l||!e.source||!e.target||e.source===e.target)return!1;let t={};return Cn(e.sourceHandle)||(t.sourcePortKey=e.sourceHandle??void 0),wn(e.targetHandle)||(t.targetPortKey=e.targetHandle??void 0),q(e.source,e.target,t).length>0},[q,l]),loadingRoles:t,onConnect:Ze,onConnectEnd:$e,onConnectStart:Qe,onEdgeClick:et,onEdgeContextMenu:tt,onNodeClick:Ge,onNodeContextMenu:Xe,onNodeMouseEnter:Q,onNodeMouseLeave:qe,onNodeMouseMove:Ke,onPaneClick:Je,onPaneContextMenu:Ye,quickCreate:b,quickCreateName:S,quickCreateRoleName:w,readOnly:l,setQuickCreateName:C,setQuickCreateRoleName:T,submitConnectionChoice:at,submittingConnectionChoice:R,submitQuickCreate:it,submittingQuickCreate:ee,tooltip:g,tooltipAgent:ot,tooltipRef:pe,tooltipStyle:ct,tooltipToolCall:st,viewportZoom:re}}var jn={running:`border-graph-status-running/18 bg-graph-status-running/[0.12] text-graph-status-running`,idle:`border-graph-status-idle/12 bg-graph-status-idle/[0.06] text-graph-status-idle/78`,sleeping:`border-graph-status-sleeping/18 bg-graph-status-sleeping/[0.12] text-graph-status-sleeping`,initializing:`border-graph-status-initializing/16 bg-graph-status-initializing/[0.08] text-graph-status-initializing/84`,error:`border-graph-status-error/20 bg-graph-status-error/[0.09] text-graph-status-error`,terminated:`border-border bg-accent/35 text-muted-foreground`};function Mn({agent:e,agentId:t,activeToolCall:n,style:r,tooltipRef:i}){let a=e?ie({name:e.name,roleName:e.role_name,nodeType:e.node_type,isLeader:e.is_leader}):null;return(0,Q.jsx)(gn,{children:(0,Q.jsx)(W,{children:e&&t&&a?(0,Q.jsxs)(C.div,{ref:i,initial:{opacity:0,y:4,scale:.98},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:2,scale:.98},transition:{duration:.15},className:`pointer-events-none fixed z-[100] max-w-[320px] rounded-md border border-border bg-popover px-2 py-1 text-popover-foreground shadow-md`,style:r,children:[(0,Q.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Q.jsx)(`span`,{className:`text-[11px] font-medium`,children:a}),(0,Q.jsx)(R,{variant:`outline`,className:`text-[10px] ${jn[e.state]}`,children:e.state.toUpperCase()}),e.role_name?(0,Q.jsx)(R,{variant:`outline`,className:`text-[10px]`,children:e.role_name}):null,e.is_leader?(0,Q.jsx)(R,{variant:`outline`,className:`border-accent bg-accent/45 text-[10px] text-accent-foreground`,children:`Leader`}):null]}),(0,Q.jsxs)(`div`,{className:`mt-1.5 grid grid-cols-[auto_1fr] gap-x-2 gap-y-1 text-[10px] text-muted-foreground`,children:[(0,Q.jsx)(`span`,{children:`ID`}),(0,Q.jsx)(`span`,{className:`font-mono text-foreground/80`,children:t.slice(0,8)}),(0,Q.jsx)(`span`,{children:`Connections`}),(0,Q.jsx)(`span`,{className:`text-foreground/80`,children:e.connections.length}),(0,Q.jsx)(`span`,{children:`Workflow`}),(0,Q.jsx)(`span`,{className:`font-mono text-foreground/80`,children:e.tab_id?.slice(0,8)??`—`}),n?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`span`,{children:`Tool`}),(0,Q.jsx)(`span`,{className:`font-mono text-foreground/80`,children:n})]}):null]}),(0,Q.jsxs)(`div`,{className:`mt-1.5 space-y-1`,children:[(0,Q.jsx)(`div`,{className:`text-[10px] font-medium text-muted-foreground`,children:`Todos`}),e.todos.length===0?(0,Q.jsx)(`div`,{className:`text-[11px] text-muted-foreground`,children:`No todos`}):(0,Q.jsxs)(`div`,{className:`space-y-1`,children:[e.todos.slice(Math.max(e.todos.length-3,0)).reverse().map(e=>(0,Q.jsx)(`div`,{className:`text-[11px] leading-relaxed text-foreground/85`,children:e.text},`${t}-${e.text}`)),e.todos.length>3?(0,Q.jsxs)(`div`,{className:`text-[10px] text-muted-foreground`,children:[`+`,e.todos.length-3,` more`]}):null]})]})]}):null})})}var Nn={agent:mn},Pn={animated:rn},Fn=(0,$.forwardRef)(function(e,n){let{activeTabId:i,animatedEdges:a,animatedNodes:o,availableRoles:s,closeContextMenu:c,closeConnectionChoice:u,closeQuickCreate:d,connectHintLabel:f,connectionChoice:p,containerRef:m,contextMenu:h,contextMenuItems:g,emptyState:_,enterConnectMode:y,handleFlowInit:b,handleViewportMove:x,isValidConnection:S,loadingRoles:C,onConnect:w,onConnectEnd:T,onConnectStart:ee,onEdgeClick:te,onEdgeContextMenu:E,onNodeClick:ne,onNodeContextMenu:re,onNodeMouseEnter:D,onNodeMouseLeave:O,onNodeMouseMove:k,onPaneClick:A,onPaneContextMenu:j,quickCreate:M,quickCreateName:ie,quickCreateRoleName:N,readOnly:P,setQuickCreateName:ae,setQuickCreateRoleName:F,submitConnectionChoice:I,submittingConnectionChoice:L,submitQuickCreate:R,submittingQuickCreate:oe,tooltip:z,tooltipAgent:se,tooltipRef:ce,tooltipStyle:B,tooltipToolCall:V,viewportZoom:le}=An(e);return(0,$.useImperativeHandle)(n,()=>({enterConnectMode:y}),[y]),(0,Q.jsxs)(`div`,{ref:m,className:`relative flex h-full flex-col`,children:[(0,Q.jsx)(`div`,{className:`relative flex-1 overflow-hidden`,children:_?(0,Q.jsx)(`div`,{className:`flex h-full items-center justify-center px-5 py-8`,children:(0,Q.jsxs)(`div`,{className:`w-full max-w-[22rem] rounded-xl border border-border bg-surface-overlay/60 px-5 py-5 text-center shadow-md backdrop-blur-sm`,children:[(0,Q.jsx)(`div`,{className:`mx-auto flex size-10 items-center justify-center rounded-lg border border-border bg-accent/35 text-muted-foreground`,children:(0,Q.jsx)(v,{className:`size-4.5`})}),(0,Q.jsx)(`p`,{className:`mt-3.5 text-[18px] font-semibold leading-tight text-foreground`,children:_.title})]})}):(0,Q.jsxs)(r,{nodes:o,edges:a,nodeTypes:Nn,edgeTypes:Pn,colorMode:`dark`,onInit:b,onNodeClick:ne,onNodeMouseEnter:D,onNodeMouseMove:k,onNodeMouseLeave:O,onPaneClick:A,onPaneContextMenu:j,onNodeContextMenu:re,onEdgeClick:te,onEdgeContextMenu:E,onConnect:w,onConnectStart:ee,onConnectEnd:T,onMove:x,isValidConnection:S,connectionMode:t.Strict,connectOnClick:!1,proOptions:{hideAttribution:!0},nodesDraggable:!1,nodesConnectable:!!i&&!P,panOnDrag:!0,zoomOnScroll:!0,zoomOnPinch:!0,minZoom:on,maxZoom:6,className:`bg-graph-bg`,children:[(0,Q.jsx)(l,{color:`var(--graph-grid)`,gap:28,size:.72}),(0,Q.jsx)(`svg`,{"aria-hidden":`true`,focusable:`false`,children:(0,Q.jsxs)(`defs`,{children:[(0,Q.jsxs)(`linearGradient`,{id:`agent-graph-edge-flow`,x1:`0`,y1:`0`,x2:`1`,y2:`0`,children:[(0,Q.jsx)(`stop`,{offset:`0%`,stopColor:`var(--graph-edge)`,stopOpacity:`0.2`}),(0,Q.jsx)(`stop`,{offset:`50%`,stopColor:`var(--graph-edge-active)`,stopOpacity:`0.94`}),(0,Q.jsx)(`stop`,{offset:`100%`,stopColor:`var(--graph-edge)`,stopOpacity:`0.2`})]}),(0,Q.jsxs)(`radialGradient`,{id:`agent-graph-edge-pulse`,cx:`50%`,cy:`50%`,r:`50%`,children:[(0,Q.jsx)(`stop`,{offset:`0%`,stopColor:`var(--graph-edge-active)`,stopOpacity:`1`}),(0,Q.jsx)(`stop`,{offset:`100%`,stopColor:`var(--graph-edge-active)`,stopOpacity:`0.2`})]}),(0,Q.jsx)(`filter`,{id:`agent-graph-edge-glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,Q.jsx)(`feGaussianBlur`,{stdDeviation:`2.6`})})]})})]})}),o.length>0?(0,Q.jsx)(`div`,{className:`pointer-events-none absolute bottom-4 left-4 z-30`,children:(0,Q.jsx)(`div`,{className:sn,"data-testid":`agent-graph-zoom-indicator`,children:Te(le)})}):null,f?(0,Q.jsx)(`div`,{className:`pointer-events-none absolute right-4 top-4 z-30`,children:(0,Q.jsx)(`div`,{className:sn,children:f})}):null,(0,Q.jsx)(Mn,{agent:se,agentId:z?.agentId??null,activeToolCall:V,style:B,tooltipRef:ce}),h?(0,Q.jsx)(_n,{x:h.x,y:h.y,items:g,onClose:c}):null,M?(0,Q.jsx)(Ln,{displayName:ie,roles:s,loadingRoles:C,onClose:d,onDisplayNameChange:ae,onSelectRole:F,onSubmit:R,selectedRoleName:N,submitting:oe,title:un(M)}):null,p?(0,Q.jsx)(In,{state:p,onClose:u,onSelect:I,submitting:L}):null]})});function In({state:e,submitting:t,onClose:n,onSelect:r}){return(0,Q.jsxs)(Ke,{open:!0,onOpenChange:e=>{e||n()},title:`Choose Connection`,className:`max-w-[34rem]`,footer:(0,Q.jsx)(K,{type:`button`,variant:`outline`,onClick:n,disabled:t,children:`Cancel`}),children:[(0,Q.jsxs)(Je,{children:[`Choose how`,` `,(0,Q.jsx)(`span`,{className:`font-semibold text-foreground`,children:e.sourceNodeLabel}),` `,`should connect to`,` `,(0,Q.jsx)(`span`,{className:`font-semibold text-foreground`,children:e.targetNodeLabel}),`.`]}),(0,Q.jsx)(`div`,{className:`space-y-2`,children:e.choices.map(e=>(0,Q.jsxs)(K,{type:`button`,variant:`outline`,className:`h-auto w-full justify-between gap-4 rounded-md border-border bg-background/40 px-3 py-2.5 text-left hover:bg-accent/45`,disabled:t,onClick:()=>r(e),children:[(0,Q.jsxs)(`span`,{className:`min-w-0`,children:[(0,Q.jsxs)(`span`,{className:`block truncate text-[13px] font-semibold text-foreground`,children:[e.sourcePortLabel,` -> `,e.targetPortLabel]}),(0,Q.jsx)(`span`,{className:`mt-0.5 block text-[11px] text-muted-foreground`,children:e.type})]}),(0,Q.jsx)(`span`,{className:`shrink-0 text-[12px] text-muted-foreground`,children:t?`Connecting...`:`Connect`})]},`${e.sourcePortKey}->${e.targetPortKey}`))})]})}function Ln({title:e,selectedRoleName:t,displayName:n,roles:r,loadingRoles:i,submitting:a,onSelectRole:o,onDisplayNameChange:s,onSubmit:c,onClose:l}){return(0,Q.jsxs)(Ke,{open:!0,onOpenChange:e=>{e||l()},title:e,className:`max-w-[44rem]`,footer:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(K,{type:`button`,variant:`outline`,onClick:l,disabled:a,children:`Cancel`}),(0,Q.jsx)(K,{type:`button`,disabled:!t||a,onClick:c,children:a?`Saving...`:e})]}),children:[(0,Q.jsx)(Je,{children:`Choose a role and set how this agent appears in the workflow.`}),(0,Q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Q.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,Q.jsx)(`span`,{className:`text-sm font-medium text-foreground/80`,children:`Role`}),(0,Q.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Required`})]}),(0,Q.jsx)(Xt,{roles:r,loadingRoles:i,selectedRoleName:t,onRoleNameChange:o})]}),(0,Q.jsx)(qe,{label:`Display Name`,hint:`Optional`,children:(0,Q.jsx)(xe,{"aria-label":`Display Name`,value:n,onChange:e=>s(e.target.value),placeholder:`Optional display name`,className:`h-10 rounded-md bg-background/40 text-foreground shadow-xs placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50`})})]})}function Rn({activeTabId:e,connected:t,definitionDraft:n,editorMode:r,graphConnectMode:i,graphHistory:a,graphRef:o,isCompactWorkspace:s,isDragging:c,leaderDetailVisible:l,leaderNode:u,leaderPanelRunning:f,loadingRoles:p,onCloseLeaderDetails:h,onConnectModeChange:v,onCreateNode:y,onCreateTab:b,onDefinitionDraftChange:S,onDeleteTab:w,onEditorModeChange:T,onOpenLeaderDetails:E,onOpenConnectDialog:D,onSaveDefinition:O,onToggleActivation:A,panelVisible:j,pendingAction:ie,resolvedPanelWidth:N,roles:P,selectAgent:F,selectedAgent:R,setActiveTabId:ce,startDrag:B,tabs:V,togglePanel:le,workflowNodeOptions:ue,workspaceRef:de,workflowLocked:H}){let fe=()=>l&&u?(0,Q.jsx)(se,{agent:u,onClose:h}):e?(0,Q.jsx)(oe,{onOpenDetails:E}):(0,Q.jsx)(z,{}),pe=e?V.get(e)??null:null;return(0,Q.jsxs)(`div`,{ref:de,className:`relative isolate flex h-full overflow-hidden rounded-xl border border-border bg-surface-overlay shadow-md [contain:paint]`,children:[(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-0`,style:{background:`var(--shell-surface-sweep)`}}),(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 top-0 h-px`,style:{background:`var(--shell-hairline)`}}),(0,Q.jsxs)(`div`,{className:`relative flex min-w-0 flex-1 flex-col`,children:[(0,Q.jsx)(`div`,{className:`relative z-30 border-b border-border bg-background/45 backdrop-blur-md`,children:(0,Q.jsxs)(`div`,{className:`pointer-events-auto relative z-10 flex items-center gap-1.5 overflow-x-auto px-3 py-2.5 pr-14 scrollbar-none`,children:[Array.from(V.values()).map(t=>(0,Q.jsxs)(`div`,{className:`group relative min-w-[120px] max-w-[220px] shrink-0`,children:[(0,Q.jsx)(K,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>ce(t.id),onAuxClick:e=>{e.button===1&&(e.preventDefault(),w(t.id,t.title,t.node_count))},className:U(`relative h-8 w-full justify-start rounded-md border-b-2 px-3 pr-12 text-left text-[13px] font-medium transition-[color,border-color,background-color] duration-200`,e===t.id?`border-primary text-foreground`:`border-transparent text-muted-foreground hover:bg-accent/25 hover:text-foreground`),children:(0,Q.jsx)(`div`,{className:`truncate leading-tight`,children:t.title})}),(0,Q.jsx)(K,{type:`button`,variant:`ghost`,size:`icon-xs`,title:`Delete workflow`,"aria-label":`Delete ${t.title}`,onClick:e=>{e.stopPropagation(),w(t.id,t.title,t.node_count)},className:U(`absolute right-1.5 top-1/2 z-20 size-5 -translate-y-1/2 rounded-sm p-1 transition-all duration-200 hover:bg-accent/45 hover:text-foreground`,e===t.id?`text-foreground/70 opacity-100`:`text-muted-foreground/60 opacity-0 group-hover:opacity-100`),children:(0,Q.jsx)(m,{className:`size-3`})})]},t.id)),(0,Q.jsx)(K,{type:`button`,variant:`ghost`,size:`icon-sm`,"aria-label":`Create workflow`,onClick:b,className:`shrink-0 rounded-md text-muted-foreground transition-all duration-200 hover:bg-accent/45 hover:text-foreground`,children:(0,Q.jsx)(ee,{className:`size-4`})})]})}),(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-0 z-0`,style:{background:`radial-gradient(circle at 14% 10%, var(--shell-spotlight-primary), transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--foreground) 1%, transparent), transparent 22%)`}}),(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-y-0 right-0 z-10 w-12 bg-gradient-to-l from-background/28 to-transparent`}),(0,Q.jsxs)(`div`,{className:`relative flex-1`,children:[r===`graph`?(0,Q.jsx)(Fn,{ref:o,loadingRoles:p,onConnectModeChange:v,onCreateConnection:a.createConnection,onCreateLinkedAgent:a.createLinkedAgent,onCreateStandaloneAgent:a.createStandaloneAgent,onDeleteAgent:a.deleteAgent,onDeleteConnection:a.deleteConnection,onInsertAgentBetween:a.insertAgentBetween,onOpenConnectDialog:D,readOnly:H,roles:P}):(0,Q.jsxs)(`div`,{className:`flex h-full flex-col p-4`,children:[(0,Q.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`p`,{className:`text-[11px] font-semibold text-muted-foreground`,children:`Workflow JSON`}),(0,Q.jsx)(`p`,{className:`mt-1 text-[13px] text-muted-foreground`,children:`Review the graph structure and saved workflow settings.`})]}),(0,Q.jsxs)(K,{onClick:O,disabled:!e||H||ie===`save-definition`,children:[(0,Q.jsx)(k,{className:`mr-1 size-4`}),ie===`save-definition`?`Saving...`:`Save JSON`]})]}),(0,Q.jsx)(ge,{value:n,onChange:e=>S(e.target.value),readOnly:H,className:`h-full min-h-0 w-full resize-none rounded-xl border border-border bg-background/40 p-4 font-mono text-[12px] leading-6 text-foreground outline-none transition-[border-color,box-shadow] focus:border-ring focus:ring-[3px] focus:ring-ring/50`,spellCheck:!1})]}),(0,Q.jsxs)(`div`,{className:U(`absolute top-4 z-40 flex max-w-[calc(100%-2.5rem)] flex-wrap items-center gap-1.5`,s?`left-14`:`left-4`),children:[(0,Q.jsxs)(I,{tone:`primary`,children:[(0,Q.jsx)(ne,{className:U(`size-3.5 shrink-0`,t?`text-graph-status-idle/88`:`text-graph-status-initializing/38`)}),(0,Q.jsx)(`span`,{className:`whitespace-nowrap`,children:t?`Live`:`Reconnecting`})]}),pe?(0,Q.jsxs)(I,{children:[pe.node_count??pe.definition.nodes.length,` `,`nodes`]}):null]}),(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-x-3 bottom-4 z-40 flex justify-center`,children:(0,Q.jsxs)(`div`,{"data-testid":`workspace-toolbar`,className:`pointer-events-auto inline-flex max-w-full items-center overflow-x-auto rounded-xl border border-border bg-surface-overlay/92 p-0.5 shadow-sm scrollbar-none`,children:[(0,Q.jsxs)(M,{disabled:!e||H||!a.canUndo(e),onClick:()=>{a.undo(e)},children:[(0,Q.jsx)(d,{className:`size-4 opacity-70`}),`Undo`]}),(0,Q.jsx)(L,{}),(0,Q.jsxs)(M,{disabled:!e||H||!a.canRedo(e),onClick:()=>{a.redo(e)},children:[(0,Q.jsx)(re,{className:`size-4 opacity-70`}),`Redo`]}),(0,Q.jsx)(L,{}),(0,Q.jsxs)(M,{disabled:!e||ie===`activate-workflow`||ie===`deactivate-workflow`,active:H,onClick:A,children:[(0,Q.jsx)(te,{className:`size-4 opacity-70`}),H?`Deactivate`:`Activate`]}),(0,Q.jsx)(L,{}),(0,Q.jsxs)(M,{disabled:!e,active:r===`graph`,onClick:()=>T(`graph`),children:[(0,Q.jsx)(_,{className:`size-4 opacity-70`}),`Graph`]}),(0,Q.jsx)(L,{}),(0,Q.jsxs)(M,{disabled:!e,active:r===`json`,onClick:()=>T(`json`),children:[(0,Q.jsx)(x,{className:`size-4 opacity-70`}),`JSON`]}),(0,Q.jsx)(L,{}),(0,Q.jsxs)(M,{disabled:!e||H,onClick:y,children:[(0,Q.jsx)(ee,{className:`size-4 opacity-70`}),`Add Node`]}),(0,Q.jsx)(L,{}),(0,Q.jsxs)(M,{disabled:!e||H||ue.length<2,active:i,onClick:D,children:[(0,Q.jsx)(g,{className:`size-4 opacity-70`}),`Connect Ports`]})]})})]}),(0,Q.jsx)(`div`,{className:`absolute bottom-4 right-4 z-30 sm:bottom-5 sm:right-5`,children:(0,Q.jsx)(ae,{expanded:j,onClick:le})})]}),(0,Q.jsx)(W,{initial:!1,children:j?s?[(0,Q.jsx)(Ce,{type:`button`,variant:`ghost`,"aria-label":`Close workspace panel`,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.18},className:`absolute inset-0 z-10 h-auto w-auto rounded-none border-0 bg-background/40 p-0 shadow-none backdrop-blur-[1px] hover:bg-background/40 focus-visible:ring-0`,onClick:le},`workspace-panel-backdrop`),(0,Q.jsxs)(C.aside,{initial:{opacity:0,x:18},animate:{opacity:1,x:0},exit:{opacity:0,x:18},transition:{duration:.22,ease:[.16,1,.3,1]},className:`absolute inset-y-2.5 right-2.5 z-20 shrink-0 overflow-hidden rounded-xl border border-border bg-surface-overlay shadow-md`,style:{width:`${N}px`},children:[(0,Q.jsx)(`div`,{"aria-hidden":`true`,className:U(`pointer-events-none absolute inset-0 z-20 border transition-[opacity,border-color,box-shadow] duration-300`,!R&&f?`animate-pulse border-ring/25 opacity-100 shadow-lg shadow-ring/10`:`border-transparent opacity-0`)}),(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-0`,style:{background:`var(--shell-surface-sweep)`}}),(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 top-0 h-px`,style:{background:`var(--shell-hairline)`}}),(0,Q.jsx)(`div`,{className:`flex h-full flex-col overflow-hidden`,children:(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(C.div,{animate:{opacity:+!R,x:R?-8:0},transition:{duration:.15},className:U(`absolute inset-0 flex h-full flex-col`,R&&`pointer-events-none`),"aria-hidden":R?!0:void 0,children:fe()}),(0,Q.jsx)(W,{children:R?(0,Q.jsx)(C.div,{initial:{opacity:0,x:10},animate:{opacity:1,x:0},exit:{opacity:0,x:10},transition:{duration:.15},className:`absolute inset-0 flex h-full flex-col bg-background/42`,children:(0,Q.jsx)(se,{agent:R,onClose:()=>F(null)})},R.id):null})]})})]},`workspace-panel-sheet`)]:(0,Q.jsxs)(C.aside,{initial:{width:0,opacity:0},animate:{width:N,opacity:1},exit:{width:0,opacity:0},transition:{duration:.25,ease:[.16,1,.3,1]},className:`relative z-20 shrink-0 border-l border-border bg-surface-overlay shadow-md`,children:[(0,Q.jsx)(`div`,{"aria-hidden":`true`,className:U(`pointer-events-none absolute inset-0 z-20 border transition-[opacity,border-color,box-shadow] duration-300`,!R&&f?`animate-pulse border-ring/25 opacity-100 shadow-lg shadow-ring/10`:`border-transparent opacity-0`)}),(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-0`,style:{background:`var(--shell-surface-sweep)`}}),(0,Q.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 top-0 h-px`,style:{background:`var(--shell-hairline)`}}),(0,Q.jsx)(G,{position:`left`,isDragging:c,onMouseDown:B}),(0,Q.jsx)(`div`,{className:`flex h-full flex-col overflow-hidden`,style:{width:`${N}px`},children:(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(C.div,{animate:{opacity:+!R,x:R?-8:0},transition:{duration:.15},className:U(`absolute inset-0 flex h-full flex-col`,R&&`pointer-events-none`),"aria-hidden":R?!0:void 0,children:fe()}),(0,Q.jsx)(W,{children:R?(0,Q.jsx)(C.div,{initial:{opacity:0,x:10},animate:{opacity:1,x:0},exit:{opacity:0,x:10},transition:{duration:.15},className:`absolute inset-0 flex h-full flex-col bg-background/42`,children:(0,Q.jsx)(se,{agent:R,onClose:()=>F(null)})},R.id):null})]})})]},`workspace-panel-docked`):null})]})}function zn(e){return{undo:[...e?.undo??[]],redo:[...e?.redo??[]]}}function Bn(e){let t=e?.trim()??``;return t.length>0?t:void 0}function Vn(){let e=(0,$.useRef)(new Map),[t,n]=(0,$.useState)(0),r=(0,$.useCallback)(()=>{n(e=>e+1)},[]),i=(0,$.useCallback)((t,n)=>{let i=zn(e.current.get(t));i.undo.push(n),i.redo=[],e.current.set(t,i),r()},[r]),a=(0,$.useCallback)(async({tabId:e,nodeType:t=`agent`,roleName:n,name:r})=>{let a=Bn(r),o=(await ue(e,{node_type:t,role_name:n,name:a})).id;return i(e,{undo:async()=>{await B(e,o)},redo:async()=>{o=(await ue(e,{node_type:t,role_name:n,name:a})).id}}),o},[i]),o=(0,$.useCallback)(async({tabId:e,anchorNodeId:t,roleName:n,name:r})=>{let a=Bn(r),o=(await ue(e,{node_type:`agent`,role_name:n,name:a})).id;try{await V(e,{fromNodeId:t,toNodeId:o})}catch(t){throw await B(e,o).catch(()=>void 0),t}return i(e,{undo:async()=>{await B(e,o)},redo:async()=>{o=(await ue(e,{node_type:`agent`,role_name:n,name:a})).id,await V(e,{fromNodeId:t,toNodeId:o})}}),o},[i]),s=(0,$.useCallback)(async(e,t,n,r=`out`,a=`in`)=>{let o=await V(e,{fromNodeId:t,fromPortKey:r,toNodeId:n,toPortKey:a});i(e,{undo:async()=>{await Ae(e,{edgeId:o.id})},redo:async()=>{await V(e,{fromNodeId:t,fromPortKey:r,toNodeId:n,toPortKey:a})}})},[i]),c=(0,$.useCallback)(async(e,t,n,r=`out`,a=`in`)=>{await Ae(e,{fromNodeId:t,fromPortKey:r,toNodeId:n,toPortKey:a}),i(e,{undo:async()=>{await V(e,{fromNodeId:t,fromPortKey:r,toNodeId:n,toPortKey:a})},redo:async()=>{await Ae(e,{fromNodeId:t,fromPortKey:r,toNodeId:n,toPortKey:a})}})},[i]),l=(0,$.useCallback)(async({tabId:e,node:t,tabAgents:n})=>{let r=Array.from(new Set([...t.connections].filter(e=>n.some(t=>t.id===e)))),a=Bn(t.name),o=t.role_name?.trim()??``,s=t.id;await B(e,s),i(e,{undo:async()=>{s=(await ue(e,{node_type:t.node_type,role_name:o||void 0,name:a})).id;for(let t of r)await V(e,{fromNodeId:t,toNodeId:s})},redo:async()=>{await B(e,s)}})},[i]),u=(0,$.useCallback)(async({tabId:e,sourceNodeId:t,targetNodeId:n,roleName:r,name:a})=>{let o=Bn(a),s=null;await Ae(e,{fromNodeId:t,toNodeId:n});try{s=(await ue(e,{node_type:`agent`,role_name:r,name:o})).id,await V(e,{fromNodeId:t,toNodeId:s}),await V(e,{fromNodeId:s,toNodeId:n})}catch(r){throw s&&await B(e,s).catch(()=>void 0),await V(e,{fromNodeId:t,toNodeId:n}).catch(()=>void 0),r}return i(e,{undo:async()=>{s&&(await B(e,s),await V(e,{fromNodeId:t,toNodeId:n}))},redo:async()=>{await Ae(e,{fromNodeId:t,toNodeId:n}),s=(await ue(e,{node_type:`agent`,role_name:r,name:o})).id,await V(e,{fromNodeId:t,toNodeId:s}),await V(e,{fromNodeId:s,toNodeId:n})}}),s},[i]),d=(0,$.useCallback)(t=>!!(t&&(e.current.get(t)?.undo.length??0)>0),[]),f=(0,$.useCallback)(t=>!!(t&&(e.current.get(t)?.redo.length??0)>0),[]),p=(0,$.useCallback)(async t=>{if(!t)return!1;let n=zn(e.current.get(t)),i=n.undo.pop();return i?(await i.undo(),n.redo.push(i),e.current.set(t,n),r(),!0):!1},[r]),m=(0,$.useCallback)(async t=>{if(!t)return!1;let n=zn(e.current.get(t)),i=n.redo.pop();return i?(await i.redo(),n.undo.push(i),e.current.set(t,n),r(),!0):!1},[r]);return(0,$.useMemo)(()=>({canRedo:f,canUndo:d,createConnection:s,createLinkedAgent:o,createStandaloneAgent:e=>a({tabId:e.tabId,nodeType:`agent`,roleName:e.roleName,name:e.name}),createStandaloneNode:a,deleteAgent:l,deleteConnection:c,insertAgentBetween:u,redo:m,revision:t,undo:p}),[f,d,s,o,a,c,l,u,m,t,p])}var Hn=`workspace-panel-width`,Un=296,Wn=300,Gn=960,Kn=.34,qn=448,Jn=300;function Yn(e){return`${e.key} · ${e.type}`}function Xn(){let{agents:e}=ye(),{tabs:t}=he(),{connected:n}=Se(),{activeToolCalls:r}=we(),{streamingDeltas:i}=be(),{activeTabId:a,selectedAgentId:o,selectAgent:s,setActiveTabId:c}=ke(),[l,u]=(0,$.useState)(!0),[d,f]=(0,$.useState)(`chat`),[p,m]=(0,$.useState)(`graph`),h=Ee(`(max-width: 1180px)`),[g,_]=(0,$.useState)(null),[v,y]=(0,$.useState)(null),[b,x]=(0,$.useState)(``),[S,C]=(0,$.useState)(!1),[w,T]=(0,$.useState)(``),[ee,te]=(0,$.useState)([]),[E,ne]=(0,$.useState)(!1),[re,O]=(0,$.useState)(`agent`),[k,A]=(0,$.useState)(`Worker`),[M,N]=(0,$.useState)(``),[ae,F]=(0,$.useState)(``),[I,L]=(0,$.useState)(``),[R,oe]=(0,$.useState)(``),[z,se]=(0,$.useState)(``),[ce,B]=(0,$.useState)(null),[V,ue]=(0,$.useState)(JSON.stringify(H,null,2)),ge=(0,$.useRef)(null),U=(0,$.useRef)(null),W=(0,$.useRef)(null),G=Vn(),[xe,Ce]=(0,$.useState)(!1),[Te,De]=ve(Hn,qn,Un,Gn),K=(0,$.useCallback)(e=>{let t=W.current?.clientWidth??(typeof window>`u`?e:window.innerWidth),n=Math.max(Un,t-Wn);De(Math.min(e,n))},[De]),{isDragging:Ae,startDrag:je}=_e(Te,K,`left`);(0,$.useLayoutEffect)(()=>{if(Oe(Hn))return;let e=W.current?.clientWidth;e&&K(e*Kn)},[K]),(0,$.useEffect)(()=>{let e=W.current;if(!e)return;let t=new ResizeObserver(()=>{K(Te)});return t.observe(e),()=>{t.disconnect()}},[Te,K]),(0,$.useEffect)(()=>{let e=ge.current;ge.current=h,e!==null&&!e&&h&&u(!1)},[h]),(0,$.useEffect)(()=>{let e=!1;return ne(!0),j().then(t=>{e||te(t)}).catch(()=>{e||D.error(`Failed to load roles`)}).finally(()=>{e||ne(!1)}),()=>{e=!0}},[]);let Me=o?e.get(o)??null:null,Ne=a?t.get(a)??null:null,q=(Ne?.activation_state??`inactive`)===`active`,Pe=(0,$.useMemo)(()=>Array.from(e.values()).filter(e=>e.node_type!==`assistant`&&e.tab_id===a),[a,e]),Fe=(0,$.useMemo)(()=>Pe.filter(e=>!e.is_leader),[Pe]),Ie=(0,$.useMemo)(()=>Ne?.definition.nodes??[],[Ne?.definition.nodes]),Le=(0,$.useMemo)(()=>Ie.map(e=>({id:e.id,label:ie({name:typeof e.config.name==`string`?e.config.name:null,roleName:typeof e.config.role_name==`string`?e.config.role_name:null,nodeType:e.type,isLeader:!1})})),[Ie]),Re=(0,$.useMemo)(()=>Ie.find(e=>e.id===ae)??null,[ae,Ie]),ze=(0,$.useMemo)(()=>Ie.find(e=>e.id===R)??null,[R,Ie]),J=(0,$.useMemo)(()=>(Re?.outputs??[]).map(e=>({key:e.key,label:Yn(e)})),[Re]),Y=(0,$.useMemo)(()=>(ze?.inputs??[]).map(e=>({key:e.key,label:Yn(e)})),[ze]),Be=(0,$.useMemo)(()=>ee.find(e=>e.name===k)??null,[k,ee]),X=l||!!Me,Z=(0,$.useMemo)(()=>{if(!h)return Te;let e=W.current?.clientWidth??(typeof window>`u`?Te:window.innerWidth);return Math.min(Te,Math.max(Jn,e-24))},[h,Te]),Ve=(0,$.useMemo)(()=>P(e,Ne),[Ne,e]),He=Ve?.id??Ne?.leader_id??null,Ue=d===`detail`&&Ve!==null,We=(0,$.useMemo)(()=>{let e=He?i.get(He)??[]:[];return n&&!!(He&&(Ve?.state===`running`||Ve?.state===`sleeping`||r.has(He)||e.length>0))},[r,n,He,Ve,i]);(0,$.useEffect)(()=>{Me&&Me.tab_id!==null&&Me.tab_id!==a&&s(null)},[a,s,Me]),(0,$.useEffect)(()=>{ue(JSON.stringify(Ne?.definition??H,null,2))},[Ne?.definition]),(0,$.useEffect)(()=>{J.some(e=>e.key===I)||L(J[0]?.key??``)},[I,J]),(0,$.useEffect)(()=>{Y.some(e=>e.key===z)||se(Y[0]?.key??``)},[z,Y]),(0,$.useEffect)(()=>{let e=e=>{if(!(e.metaKey||e.ctrlKey)||e.key.toLowerCase()!==`z`)return;let t=e.target;if(!(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t?.isContentEditable||g!==null)){if(e.preventDefault(),e.shiftKey){if(q)return;G.redo(a).catch(()=>void 0);return}q||G.undo(a).catch(()=>void 0)}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[g,a,G,q]);let Ge=(0,$.useCallback)(()=>{u(!0),f(`detail`)},[]),Q=(0,$.useCallback)(()=>{f(`chat`)},[]),Ke=(0,$.useCallback)(()=>{if(X){o&&s(null),u(!1);return}u(!0)},[X,s,o]),qe=(0,$.useCallback)(()=>{x(``),C(!1),T(``),_(`create-tab`)},[]),Je=(0,$.useCallback)(async()=>{let e=b.trim();if(e){y(`create-tab`);try{c((await de(e,S,w.split(`
-`).map(e=>e.trim()).filter(Boolean))).id),_(null),x(``),C(!1),T(``)}catch(e){D.error(e instanceof Error?e.message:`Failed to create workflow`)}finally{y(null)}}},[S,b,w,c]),Ye=(0,$.useCallback)(async()=>{if(!a){D.error(`Create or select a workflow first`);return}y(q?`deactivate-workflow`:`activate-workflow`);try{q?(await pe(a),D.success(`Workflow deactivated`)):(await fe(a),D.success(`Workflow activated`))}catch(e){D.error(e instanceof Error?e.message:q?`Failed to deactivate workflow`:`Failed to activate workflow`)}finally{y(null)}},[a,q]),Xe=(0,$.useCallback)(()=>{if(!a){D.error(`Create or select a workflow first`);return}if(q){D.error(`Deactivate workflow before editing`);return}O(`agent`),A(`Worker`),N(``),_(`create-node`)},[a,q]),Ze=(0,$.useCallback)(async()=>{if(!a)return;if(q){D.error(`Deactivate workflow before editing`);return}let e=M.trim()||void 0;y(`create-node`);try{if(re===`agent`){let t=Be?.name??``;if(!t)return;await G.createStandaloneNode({tabId:a,nodeType:`agent`,roleName:t,name:e})}else await G.createStandaloneNode({tabId:a,nodeType:re,name:e});_(null),O(`agent`),A(`Worker`),N(``)}catch(e){D.error(e instanceof Error?e.message:`Failed to create node`)}finally{y(null)}},[a,M,re,G,Be?.name,q]),Qe=(0,$.useCallback)((e,t,n)=>{B({id:e,title:t,nodeCount:n})},[]),$e=(0,$.useCallback)(async()=>{if(ce){y(`delete-tab`);try{await me(ce.id),B(null)}catch(e){D.error(e instanceof Error?e.message:`Failed to delete workflow`)}finally{y(null)}}},[ce]),et=(0,$.useCallback)(()=>{if(!a){D.error(`Create or select a workflow first`);return}if(q){D.error(`Deactivate workflow before editing`);return}if(Le.length<2){D.error(`Add at least two nodes before creating an edge`);return}let e=Le[0]?.id??``,t=Le.find(t=>t.id!==e)?.id??``;!e||!t||(F(e),oe(t),_(`connect-ports`))},[a,q,Le]);return{activeDialog:g,activeTab:Ne,activeTabId:a,connected:n,connectSourceId:ae,connectSourcePortKey:I,connectTargetId:R,connectTargetPortKey:z,createNodeName:M,createNodeRoleName:k,createNodeType:re,createTabAllowNetwork:S,createTabTitle:b,createTabWriteDirs:w,definitionDraft:V,deleteTabTarget:ce,editorMode:p,graphConnectMode:xe,graphHistory:G,graphRef:U,handleCloseLeaderDetails:Q,handleConnectPorts:(0,$.useCallback)(async()=>{if(!(!a||!ae||!I||!R||!z)){if(q){D.error(`Deactivate workflow before editing`);return}y(`connect-ports`);try{await G.createConnection(a,ae,R,I,z),_(null)}catch(e){D.error(e instanceof Error?e.message:`Failed to connect ports`)}finally{y(null)}}},[a,ae,I,R,z,G,q]),handleCreateNode:Ze,handleCreateTab:Je,handleDeleteTab:$e,handleOpenLeaderDetails:Ge,handleSaveDefinition:(0,$.useCallback)(async()=>{if(!a)return;if(q){D.error(`Deactivate workflow before editing`);return}let e;try{e=JSON.parse(V)}catch{D.error(`Workflow JSON is invalid`);return}if(!e||typeof e!=`object`){D.error(`Workflow JSON must be an object`);return}y(`save-definition`);try{await le(a,e),D.success(`Workflow JSON saved`)}catch(e){D.error(e instanceof Error?e.message:`Failed to save workflow definition`)}finally{y(null)}},[a,V,q]),handleToggleActivation:Ye,isCompactWorkspace:h,isDragging:Ae,leaderDetailVisible:Ue,leaderNode:Ve,leaderPanelRunning:We,loadingRoles:E,openConnectDialog:et,openCreateNodeDialog:Xe,openCreateTabDialog:qe,panelVisible:X,pendingAction:v,regularTabAgents:Fe,requestDeleteTab:Qe,resolvedPanelWidth:Z,roles:ee,selectAgent:s,selectedAgent:Me,selectedCreateNodeRole:Be,setActiveDialog:_,setActiveTabId:c,setConnectSourceId:F,setConnectSourcePortKey:L,setConnectTargetId:oe,setConnectTargetPortKey:se,setCreateNodeName:N,setCreateNodeRoleName:A,setCreateNodeType:O,setCreateTabAllowNetwork:C,setCreateTabTitle:x,setCreateTabWriteDirs:T,setDefinitionDraft:ue,setDeleteTabTarget:B,setEditorMode:m,setGraphConnectMode:Ce,sourcePortOptions:J,startDrag:je,tabs:t,targetPortOptions:Y,togglePanel:Ke,workflowNodeOptions:Le,workspaceRef:W,workflowLocked:q}}function Zn(){let{activeDialog:e,activeTab:t,activeTabId:n,connected:r,connectSourceId:i,connectSourcePortKey:a,connectTargetId:o,connectTargetPortKey:s,createNodeName:c,createNodeRoleName:l,createNodeType:u,createTabAllowNetwork:d,createTabTitle:f,createTabWriteDirs:p,definitionDraft:m,deleteTabTarget:h,editorMode:g,graphConnectMode:_,graphHistory:v,graphRef:y,handleCloseLeaderDetails:b,handleConnectPorts:x,handleCreateNode:S,handleCreateTab:C,handleDeleteTab:w,handleOpenLeaderDetails:T,handleSaveDefinition:ee,handleToggleActivation:te,isCompactWorkspace:E,isDragging:ne,leaderDetailVisible:re,leaderNode:D,leaderPanelRunning:O,loadingRoles:k,openConnectDialog:A,openCreateNodeDialog:j,openCreateTabDialog:M,panelVisible:ie,pendingAction:N,regularTabAgents:P,requestDeleteTab:ae,resolvedPanelWidth:F,roles:I,selectAgent:L,selectedAgent:R,selectedCreateNodeRole:oe,setActiveDialog:z,setActiveTabId:se,setConnectSourceId:ce,setConnectSourcePortKey:B,setConnectTargetId:V,setConnectTargetPortKey:le,setCreateNodeName:ue,setCreateNodeRoleName:de,setCreateNodeType:H,setCreateTabAllowNetwork:fe,setCreateTabTitle:pe,setCreateTabWriteDirs:me,setDefinitionDraft:he,setDeleteTabTarget:ge,setEditorMode:_e,setGraphConnectMode:ve,sourcePortOptions:U,startDrag:ye,tabs:be,targetPortOptions:W,togglePanel:G,workflowNodeOptions:xe,workspaceRef:Se,workflowLocked:Ce}=Xn();return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(Rn,{activeTabId:n,connected:r,definitionDraft:m,editorMode:g,graphConnectMode:_,graphHistory:v,graphRef:y,isCompactWorkspace:E,isDragging:ne,leaderDetailVisible:re,leaderNode:D,leaderPanelRunning:O,loadingRoles:k,onCloseLeaderDetails:b,onConnectModeChange:ve,onCreateNode:j,onCreateTab:M,onDefinitionDraftChange:he,onDeleteTab:ae,onEditorModeChange:_e,onOpenLeaderDetails:T,onOpenConnectDialog:A,onSaveDefinition:ee,onToggleActivation:te,panelVisible:ie,pendingAction:N,regularTabAgents:P,resolvedPanelWidth:F,roles:I,selectAgent:L,selectedAgent:R,setActiveTabId:se,startDrag:ye,tabs:be,togglePanel:G,workflowNodeOptions:xe,sourcePortOptions:U,targetPortOptions:W,workspaceRef:Se,workflowLocked:Ce}),(0,Q.jsx)(Qt,{open:e===`create-tab`,onOpenChange:e=>{e||z(null)},pending:N===`create-tab`,title:f,onTitleChange:pe,allowNetwork:d,onAllowNetworkChange:fe,writeDirs:p,onWriteDirsChange:me,onSubmit:()=>void C()}),(0,Q.jsx)(en,{open:e===`create-node`,onOpenChange:e=>{e||z(null)},pending:N===`create-node`,activeTabTitle:t?.title??null,nodeType:u,onNodeTypeChange:H,selectedRoleName:l,onRoleNameChange:de,roles:I,loadingRoles:k,nodeName:c,onNodeNameChange:ue,onSubmit:()=>void S(),submitDisabled:!n||N===`create-node`||Ce||u===`agent`&&!oe}),(0,Q.jsx)(tn,{open:e===`connect-ports`,onOpenChange:e=>{e||z(null)},pending:N===`connect-ports`,activeTabTitle:t?.title??null,nodeOptions:xe,fromNodeId:i,fromPortKey:a,toNodeId:o,toPortKey:s,fromPortOptions:U,toPortOptions:W,onFromNodeChange:ce,onFromPortChange:B,onToNodeChange:V,onToPortChange:le,onSubmit:()=>void x()}),(0,Q.jsx)(nn,{open:!!h,onOpenChange:e=>{e||ge(null)},pending:N===`delete-tab`,target:h,onDelete:()=>void w()})]})}export{Zn as WorkspacePage};

package/dist/frontend/assets/WorkspacePanels-CteCjolX.js

@@ -1 +0,0 @@
-import{a as e}from"./rolldown-runtime-BYbx6iT9.js";import{d as t,l as n}from"./graph-vendor-DRq_-6fV.js";import{At as r,Et as i,It as a,J as o,Jt as s,Ot as c,Qt as l,St as u,W as d,Xt as f,Y as p,an as m,ct as h,dt as g,en as _,it as v,nn as y,nt as b,q as x,qt as S,rn as C,rt as w,st as T,tn as E,tt as D,vt as O,xt as k,zt as A}from"./ui-vendor-C5pJa8N7.js";import{A as j,G as M,J as ee,K as N,M as P,W as te,Y as F,Z as ne,_ as re,c as I,ct as ie,ft as L,g as ae,h as oe,ht as R,j as z,lt as se,m as ce,mt as B,p as le,q as ue,ut as V,v as de}from"./index-C9HuekJm.js";import{n as fe,t as pe}from"./markdown-vendor-C9RtvaJh.js";import{n as H}from"./surface-pWwG5ogx.js";function me(e){return`/api/image-assets/${encodeURIComponent(e)}`}async function he(e){let t=new FormData;return t.append(`file`,e),F(`/api/image-assets`,{method:`POST`,body:t,errorMessage:`Failed to upload image`})}var U=e(t(),1),W=n();function ge({assetId:e,alt:t,mimeType:n,width:r,height:i,compact:a=!1}){let{openImage:o}=ne(),s=me(e),c=typeof r==`number`&&r>0&&typeof i==`number`&&i>0?`${r} / ${i}`:void 0,l=`${n||`image asset`}${r&&i?` · ${r}x${i}`:``}`;return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(V,{type:`button`,variant:`ghost`,onClick:()=>o({src:s,alt:t,meta:l,width:r,height:i}),className:L(`group h-auto w-full flex-col items-stretch overflow-hidden rounded-xl border border-border bg-accent/20 p-0 text-left transition-colors hover:bg-accent/30 hover:text-inherit`,a?`max-w-[240px]`:`max-w-[360px]`),children:[(0,W.jsx)(`div`,{style:c?{aspectRatio:c}:void 0,className:L(`relative overflow-hidden bg-background/45`,a?`min-h-[132px]`:`min-h-[180px]`),children:(0,W.jsx)(`img`,{alt:t||`Image`,className:`h-full w-full object-cover`,loading:`lazy`,src:s})}),(0,W.jsxs)(`div`,{className:`space-y-1 px-3 py-2.5`,children:[(0,W.jsx)(`div`,{className:`text-[12px] font-medium text-foreground`,children:t||`Image`}),(0,W.jsx)(`div`,{className:`text-[11px] text-muted-foreground`,children:l})]})]})})}function _e({content:e,className:t}){return(0,W.jsx)(`div`,{className:L(`min-w-0 max-w-full select-text overflow-hidden break-words [overflow-wrap:anywhere]`,t),children:(0,W.jsx)(fe,{remarkPlugins:[pe],components:{p:({children:e})=>(0,W.jsx)(`p`,{className:`mb-1.5 last:mb-0 whitespace-pre-wrap`,children:e}),code:({children:e,className:t})=>t?(0,W.jsx)(`code`,{className:`block font-mono text-[0.9em] text-foreground/80`,children:e}):(0,W.jsx)(`code`,{className:`rounded bg-surface-3 px-1 py-0.5 font-mono text-[0.9em] text-foreground/90 break-all`,children:e}),pre:({children:e})=>(0,W.jsx)(`pre`,{className:`mb-1.5 max-w-full overflow-x-auto rounded bg-surface-1 p-2 text-[0.9em] leading-relaxed`,children:e}),a:({href:e,children:t})=>(0,W.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,className:`text-primary underline hover:text-primary/80`,children:t}),ul:({children:e})=>(0,W.jsx)(`ul`,{className:`mb-1.5 list-disc pl-4 space-y-0.5`,children:e}),ol:({children:e})=>(0,W.jsx)(`ol`,{className:`mb-1.5 list-decimal pl-4 space-y-0.5`,children:e}),li:({children:e})=>(0,W.jsx)(`li`,{className:`leading-relaxed`,children:e}),strong:({children:e})=>(0,W.jsx)(`strong`,{className:`font-semibold text-foreground`,children:e}),em:({children:e})=>(0,W.jsx)(`em`,{className:`italic text-foreground/80`,children:e}),blockquote:({children:e})=>(0,W.jsx)(`blockquote`,{className:`mb-1.5 border-l-2 border-muted-foreground pl-3 text-muted-foreground italic`,children:e}),table:({children:e})=>(0,W.jsx)(`div`,{className:`mb-1.5 overflow-x-auto`,children:(0,W.jsx)(`table`,{className:`w-full border-collapse text-xs`,children:e})}),th:({children:e})=>(0,W.jsx)(`th`,{className:`border border-border bg-surface-2 px-2 py-1 text-left font-semibold text-foreground`,children:e}),td:({children:e})=>(0,W.jsx)(`td`,{className:`border border-border px-2 py-1 text-foreground/80`,children:e}),h1:({children:e})=>(0,W.jsx)(`h1`,{className:`mb-1.5 text-base font-bold text-foreground`,children:e}),h2:({children:e})=>(0,W.jsx)(`h2`,{className:`mb-1.5 text-sm font-bold text-foreground`,children:e}),h3:({children:e})=>(0,W.jsx)(`h3`,{className:`mb-1.5 text-xs font-bold text-foreground/90`,children:e})},children:e})})}function G(e){if(e==null)return null;if(typeof e==`string`){let t=e.trim();if(!t||!t.startsWith(`{`)&&!t.startsWith(`[`))return null;try{return JSON.stringify(JSON.parse(t),null,4)}catch{return null}}if(typeof e==`object`)try{return JSON.stringify(e,null,4)}catch{return String(e)}return null}function K({content:e,layout:t=`parts-order`,parts:n,streaming:r,markdownClassName:i,preClassName:a}){let o=P(n,e),s=o.some(e=>e.type===`image`),c=z(o,e),l=G(c);if(t===`human-attachments-top`&&s){let e=o.filter(e=>e.type===`text`);return(0,W.jsxs)(`div`,{className:`space-y-3`,children:[(0,W.jsx)(`div`,{className:`flex flex-wrap gap-2.5`,children:o.filter(e=>e.type===`image`).map((e,t)=>(0,W.jsx)(ge,{alt:e.alt,assetId:e.asset_id,compact:!0,height:e.height,mimeType:e.mime_type,width:e.width},`${t}-attachment-${e.asset_id}`))}),e.length>0?(0,W.jsx)(K,{content:z(e),markdownClassName:i,preClassName:a,parts:e,streaming:r}):null]})}return l?(0,W.jsx)(`pre`,{className:L(`select-text whitespace-pre-wrap break-words rounded-xl border border-border bg-background/40 px-3.5 py-3 text-[11px] font-mono leading-relaxed text-foreground/80`,a),children:(0,W.jsx)(ve,{text:l,streaming:r})}):o.length>0&&s?(0,W.jsx)(`div`,{className:`space-y-3`,children:o.map((e,t)=>e.type===`text`?(0,W.jsx)(K,{content:e.text,markdownClassName:i,preClassName:a},`${t}-text`):(0,W.jsx)(ge,{alt:e.alt,assetId:e.asset_id,height:e.height,mimeType:e.mime_type,width:e.width},`${t}-image-${e.asset_id}`))}):r?(0,W.jsx)(`div`,{className:L(`min-w-0 select-text whitespace-pre-wrap break-words [overflow-wrap:anywhere]`,i),children:(0,W.jsx)(ve,{text:c,streaming:!0})}):(0,W.jsx)(`div`,{className:`min-w-0`,children:(0,W.jsx)(_e,{content:c,className:i})})}function ve({text:e,streaming:t}){return(0,W.jsxs)(W.Fragment,{children:[e,t?(0,W.jsx)(`span`,{className:`streaming-cursor`}):null]})}var q=[{name:`/clear`,description:`Clear the current chat.`,usage:`/clear`},{name:`/compact`,description:`Compress this chat for future replies.`,usage:`/compact [focus]`},{name:`/help`,description:`Show available commands and usage.`,usage:`/help`}],ye=/^\/\S*/;function be(e){let t=e.trimStart(),n=e.slice(0,e.length-t.length),r=t.match(ye)?.[0]??`/`;return{leadingWhitespace:n,trimmedStart:t,token:r,suffix:t.slice(r.length)}}function J(e,t){return t<=0?0:Math.min(e,t-1)}function Y(e){let{trimmedStart:t,token:n}=be(e);return t.startsWith(`/`)?{filtered:n===`/`?q:q.filter(e=>e.name.startsWith(n)),isCommandInput:!0,token:n}:{filtered:[],isCommandInput:!1,token:``}}function X(e,t,n){let r=t.token===n?J(t.index,e.length):0;return{selectedCommand:e[Math.min(r,Math.max(e.length-1,0))]??null,selectedCommandIndex:r}}function xe(e,t,n,r){if(e.length===0)return{index:0,token:n};let{selectedCommandIndex:i}=X(e,t,n);return{index:(i+r+e.length)%e.length,token:n}}function Se(e,t){let{trimmedStart:n,token:r}=be(e);return r===t&&(n===t||n.startsWith(`${t} `))}function Ce(e,t){let{leadingWhitespace:n,suffix:r}=be(e);return r?`${n}${t.name}${r.startsWith(` `)?r:` ${r}`}`:`${n}${t.name} `}function Z({busy:e=!1,commandsEnabled:t=!0,disabled:n,images:r=[],imageInputEnabled:i=!0,input:o,onAddImages:s=()=>{},onChange:c,onNavigateHistory:l,onKeyDown:u,onRemoveImage:d=()=>{},onSend:f,onStop:p,overlay:m=!1,placeholder:h,targetLabel:g=`Assistant`,stopping:_=!1,suppressCommandNavigation:v=!1}){let y=(0,U.useRef)(null),x=(0,U.useRef)(null),S=e?_?`Stopping...`:`Stop`:`Send`,w=e?_||!p:n,{filtered:T,isCommandInput:E,token:D}=t?Y(o):{filtered:[],isCommandInput:!1,token:``},[O,k]=(0,U.useState)({index:0,token:``}),[A,j]=(0,U.useState)(null),M=t&&r.length===0&&E&&A!==D,{selectedCommand:ee,selectedCommandIndex:N}=X(T,O,D);(0,U.useLayoutEffect)(()=>{let e=y.current;if(!e)return;let t=window.getComputedStyle(e),n=Number.parseFloat(t.lineHeight)||20,r=Number.parseFloat(t.paddingTop)||0,i=Number.parseFloat(t.paddingBottom)||0,a=n+r+i,o=n*8+r+i;e.style.height=`0px`;let s=Math.min(Math.max(e.scrollHeight,a),o);e.style.height=`${s}px`,e.style.overflowY=e.scrollHeight>o?`auto`:`hidden`},[o]);let P=e=>{let n=t?Y(e):{isCommandInput:!1,token:``};n.isCommandInput?n.token!==D&&(k({index:0,token:n.token}),A&&A!==n.token&&j(null)):(j(null),k({index:0,token:``})),c(e)},te=e=>{c(Ce(o,e)),k({index:0,token:e.name}),j(null),y.current?.focus()},F=()=>{j(null),k({index:0,token:``})};return(0,W.jsxs)(`div`,{className:L(m?`w-full pointer-events-auto`:`border-t border-border p-2.5`),children:[M?(0,W.jsx)(`div`,{role:`listbox`,"aria-label":`Available commands`,className:`pointer-events-auto mb-2 overflow-hidden rounded-xl border border-border bg-surface-overlay shadow-sm`,children:T.length>0?T.map((e,t)=>{let n=t===N;return(0,W.jsxs)(V,{type:`button`,variant:`ghost`,role:`option`,"aria-selected":n,onMouseDown:t=>{t.preventDefault(),te(e)},className:L(`h-auto w-full items-start justify-start gap-3 rounded-none px-3 py-2.5 text-left whitespace-normal transition-colors`,n?`bg-accent/60 hover:bg-accent/60`:`hover:bg-accent/35`),children:[(0,W.jsx)(`span`,{className:`mt-0.5 shrink-0 rounded-full border border-border bg-accent/45 px-2 py-0.5 font-mono text-[11px] text-foreground`,children:e.name}),(0,W.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,W.jsx)(`span`,{className:`block text-[12px] font-medium text-foreground`,children:e.description}),(0,W.jsx)(`span`,{className:`mt-1 block font-mono text-[11px] text-muted-foreground`,children:e.usage})]})]},e.name)}):(0,W.jsx)(`div`,{className:`px-3 py-3 text-[12px] text-muted-foreground`,children:`No matching commands.`})}):null,(0,W.jsxs)(`div`,{className:`rounded-md border border-border bg-background/30 px-2 py-1 shadow-sm transition-[border-color,background-color,box-shadow] duration-200 hover:border-ring/35 focus-within:border-ring/45 focus-within:ring-[3px] focus-within:ring-ring/35`,children:[r.length>0?(0,W.jsx)(`div`,{className:`flex flex-wrap gap-2 border-b border-border px-0.5 py-2`,children:r.map(e=>(0,W.jsx)(Te,{image:e,onRemove:()=>d(e.id)},e.id))}):null,(0,W.jsxs)(`div`,{className:`grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-1`,children:[(0,W.jsx)(se,{ref:x,accept:`image/png,image/jpeg,image/gif,image/webp`,className:`hidden`,multiple:!0,onChange:e=>{e.target.files&&e.target.files.length>0&&(F(),s(e.target.files)),e.currentTarget.value=``},type:`file`}),(0,W.jsx)(V,{type:`button`,variant:`ghost`,size:`icon-sm`,"aria-label":i?`Add images`:`Current model does not support image input`,disabled:!i,onClick:()=>x.current?.click(),className:L(`shrink-0 rounded-full transition-colors disabled:opacity-35`,i?`bg-accent/55 text-foreground hover:bg-accent`:`bg-accent/20 text-muted-foreground`),children:(0,W.jsx)(a,{className:`size-4`})}),(0,W.jsx)(ie,{ref:y,value:o,onChange:e=>P(e.target.value),onKeyDown:e=>{if((e.key===`ArrowUp`||e.key===`ArrowDown`)&&l&&l(e.key===`ArrowUp`?-1:1,{start:e.currentTarget.selectionStart,end:e.currentTarget.selectionEnd})){e.preventDefault();return}if(v&&M&&(e.key===`ArrowUp`||e.key===`ArrowDown`)){u(e);return}if(M){let t=T.length>0&&ee&&!Se(o,ee.name)?ee:null;if(e.key===`Escape`){e.preventDefault(),j(D);return}if(T.length>0&&e.key===`ArrowDown`){e.preventDefault(),k(xe(T,O,D,1));return}if(T.length>0&&e.key===`ArrowUp`){e.preventDefault(),k(xe(T,O,D,-1));return}if(t&&e.key===`Tab`&&!e.shiftKey){e.preventDefault(),te(t);return}if(t&&e.key===`Enter`&&!e.shiftKey){e.preventDefault(),te(t);return}}u(e)},onPaste:e=>{let t=we(e.clipboardData?.items);t.length===0||!i||(e.preventDefault(),F(),s(t))},placeholder:h??(t?`Do anything`:`Message ${g}`),rows:1,className:L(`min-h-5 w-full resize-none self-center border-0 bg-transparent px-0.5 py-0 text-[13px] leading-5 text-foreground shadow-none placeholder:text-muted-foreground focus-visible:border-transparent focus-visible:ring-0`,`rounded-sm`,o.length===0&&`truncate`)}),(0,W.jsxs)(V,{type:`button`,variant:e?`destructive`:`default`,size:`sm`,onClick:e?p:f,disabled:w,"aria-label":e?`Stop ${g}`:`Send ${g} message`,className:L(`shrink-0 rounded-full transition-all duration-300 active:scale-[0.96] disabled:opacity-30`,`h-8 gap-1.5 px-3.5`),children:[e?(0,W.jsx)(b,{className:`size-3.5 fill-current`,strokeWidth:2.4}):(0,W.jsx)(C,{className:`size-4`,strokeWidth:2.5}),(0,W.jsx)(`span`,{className:`text-[11px] font-medium`,children:S})]})]})]}),i?null:(0,W.jsx)(`div`,{className:`px-1.5 pt-2 text-[11px] text-muted-foreground`,children:`Current model does not support image input.`})]})}function we(e){return e?Array.from(e).filter(e=>e.kind===`file`&&e.type.startsWith(`image/`)).flatMap(e=>{let t=e.getAsFile();return t?[t]:[]}):[]}function Te({image:e,onRemove:t}){let{openImage:n}=ne(),r=e.status===`uploading`?`Uploading...`:e.width&&e.height?`${e.width}x${e.height}`:`Ready`;return(0,W.jsxs)(`div`,{className:`relative overflow-hidden rounded-lg border border-border bg-background/35 transition-colors hover:border-ring/35`,children:[(0,W.jsxs)(V,{"aria-label":`Preview ${e.name}`,type:`button`,variant:`ghost`,className:`h-auto w-auto items-start justify-start rounded-none p-0 text-left hover:bg-transparent hover:text-inherit`,onClick:()=>n({src:e.previewUrl,alt:e.name,meta:r,width:e.width,height:e.height}),children:[(0,W.jsx)(`img`,{alt:e.name,className:`h-20 w-20 object-cover`,src:e.previewUrl}),(0,W.jsxs)(`div`,{className:`absolute inset-x-0 bottom-0 bg-background/80 px-2 py-1 text-[10px] text-foreground/84`,children:[(0,W.jsx)(`div`,{className:`truncate`,children:e.name}),(0,W.jsx)(`div`,{className:`text-muted-foreground`,children:r})]})]}),(0,W.jsx)(V,{"aria-label":`Remove ${e.name}`,type:`button`,variant:`ghost`,size:`icon-xs`,className:`absolute right-1 top-1 z-10 rounded-full bg-background/72 text-muted-foreground hover:bg-background/90 hover:text-foreground`,onClick:t,children:(0,W.jsx)(o,{className:`size-3.5`})})]})}function Q({text:e,className:t,iconClassName:n,copiedClassName:r}){let[i,a]=(0,U.useState)(!1),o=(0,U.useRef)(null),s=(0,U.useRef)(!0);return(0,U.useEffect)(()=>()=>{s.current=!1,o.current&&clearTimeout(o.current)},[]),(0,W.jsx)(V,{type:`button`,variant:`ghost`,size:`icon-xs`,onClick:t=>{t.stopPropagation(),navigator.clipboard.writeText(e).then(()=>{s.current&&(a(!0),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{s.current&&a(!1)},1500))})},"aria-label":`Copy`,className:L(`size-5 rounded p-0.5 text-muted-foreground opacity-0 transition-all hover:bg-accent/45 hover:text-foreground group-hover:opacity-100`,t),title:`Copy`,children:i?(0,W.jsx)(_,{className:L(`size-3 text-foreground`,r)}):(0,W.jsx)(S,{className:L(`size-3`,n)})})}var Ee=(0,U.memo)(function({allowHumanMessageRetry:e=!0,bottomInset:t=0,scrollRef:n,items:r,nodes:i,onRetryHumanMessage:a,onCancelPendingSend:o,onSendPendingSend:s,onScroll:c,retryImageInputEnabled:l=!0,retryingMessageId:u=null,runningHint:d=null}){let f=r.filter(e=>e.type!==`SystemEntry`);return(0,W.jsx)(`div`,{ref:n,onScroll:c,style:{paddingBottom:`${14+t}px`,scrollPaddingBottom:`${14+t}px`},className:`flex-1 overflow-y-auto px-3 pt-3`,children:(0,W.jsxs)(`div`,{className:`mx-auto flex min-h-full w-full max-w-3xl flex-col space-y-2.5`,children:[f.length===0&&!d?(0,W.jsx)(Be,{}):null,f.map((t,n)=>(0,W.jsx)(`div`,{className:`[content-visibility:auto] [contain-intrinsic-size:auto_100px]`,children:(0,W.jsx)(Oe,{allowHumanMessageRetry:e,item:t,nodes:i,onRetryHumanMessage:a,onCancelPendingSend:o,onSendPendingSend:s,retryImageInputEnabled:l,retryingMessageId:u})},ze(t,n))),d?(0,W.jsx)(`div`,{children:(0,W.jsx)(De,{label:d.label,toolName:d.toolName})}):null]})})});function De({label:e,toolName:t}){return(0,W.jsx)(`div`,{className:`flex min-w-0 items-center`,children:(0,W.jsxs)(`div`,{className:`inline-flex max-w-full items-center gap-2 rounded-full border border-border bg-accent/25 px-3 py-1.5 text-[11px] text-muted-foreground/82`,children:[(0,W.jsx)(`span`,{className:`flex items-center gap-1.5`,children:[0,1,2].map(e=>(0,W.jsx)(`span`,{className:`size-1.5 animate-pulse rounded-full bg-muted-foreground/80`,style:{animationDelay:`${e*140}ms`}},e))}),(0,W.jsx)(`span`,{children:e}),t?(0,W.jsx)(`span`,{className:`truncate rounded-full border border-border bg-background/40 px-2 py-0.5 font-mono text-[10px] text-foreground/80`,children:t}):null]})})}var Oe=(0,U.memo)(function({allowHumanMessageRetry:e,item:t,nodes:n,onRetryHumanMessage:r,onCancelPendingSend:a,onSendPendingSend:o,retryImageInputEnabled:s,retryingMessageId:c}){if(t.type===`PendingHumanMessage`)return(0,W.jsx)(Ae,{content:t.content,parts:t.parts,retrying:!1,pending:!0});if(t.type===`PendingSendMessage`)return(0,W.jsx)(ke,{content:t.content,onCancel:a?()=>a(t.id):void 0,onSend:o?()=>o(t.id):void 0,parts:t.parts,sendFailed:t.send_failed,targetState:t.target_state});switch(t.type){case`ReceivedMessage`:if(P(t.parts,t.content).length===0)return null;if(t.from_id===`human`){let n=P(t.parts,t.content).some(e=>e.type===`image`)&&!s;return(0,W.jsx)(Ae,{allowRetry:e,content:z(t.parts,t.content),retryDisabled:n,retryDisabledReason:n?`Current model does not support image input`:void 0,messageId:t.message_id??null,onRetry:t.message_id&&r&&!n?()=>r(t.message_id):void 0,parts:t.parts,retrying:c===t.message_id})}return(0,W.jsx)(Me,{content:z(t.parts,t.content),parts:t.parts,icon:(0,W.jsx)(i,{className:`size-3.5 text-foreground/68`}),label:`From ${I(t.from_id??``,n)}`,tone:`received`,streaming:t.streaming});case`AssistantText`:return P(t.parts,t.content).length===0?null:(0,W.jsx)(je,{content:z(t.parts,t.content),parts:t.parts,streaming:t.streaming});case`SentMessage`:return P(t.parts,t.content).length===0?null:(0,W.jsx)(Me,{content:z(t.parts,t.content),parts:t.parts,icon:(0,W.jsx)(T,{className:`size-3.5 text-foreground/58`}),label:`To ${(t.to_id?[t.to_id]:(t.to_ids??[]).filter(e=>!!e)).map(e=>I(e,n)).join(`, `)||`Unknown`}`,tone:`sent`,streaming:t.streaming});case`AssistantThinking`:return(0,W.jsx)(Ne,{item:t});case`ToolCall`:return(0,W.jsx)(Pe,{item:t});case`CommandResultEntry`:return(0,W.jsx)(Fe,{item:t});case`ErrorEntry`:return(0,W.jsx)(Ie,{content:t.content??``});default:return null}});function ke({content:e,onCancel:t,onSend:n,parts:r,sendFailed:i,targetState:a}){let o=i||a===`error`||a===`terminated`,s=!!n&&a===`error`,c=o?`Needs attention`:a===`sleeping`?`Waiting for wake-up`:`Waiting to send`;return(0,W.jsx)(`div`,{className:`group mt-2 flex min-w-0 flex-col items-end`,children:(0,W.jsx)(`div`,{className:L(`min-w-0 overflow-hidden px-2.5 py-1.5 text-[13px] [overflow-wrap:anywhere]`,`max-w-[84%] rounded-lg border bg-background/50 text-foreground`,o?`border-destructive/45`:`border-ring/35`),children:(0,W.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-2`,children:[(0,W.jsx)(K,{content:e,layout:`human-attachments-top`,markdownClassName:`text-sm text-foreground`,parts:r,preClassName:`text-foreground/90`}),(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,W.jsxs)(`span`,{className:L(`inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium`,o?`border-destructive/35 bg-destructive/10 text-destructive`:`border-ring/25 bg-ring/10 text-foreground/80`),children:[(0,W.jsx)(h,{className:`size-3`}),c]}),s?(0,W.jsxs)(V,{type:`button`,variant:`outline`,size:`xs`,onClick:n,className:`h-auto rounded-full border-border bg-background/40 px-2.5 py-1 text-[11px] text-foreground hover:bg-accent/45`,children:[(0,W.jsx)(T,{className:`size-3`}),`Send now`]}):null,t?(0,W.jsx)(V,{type:`button`,variant:`ghost`,size:`xs`,onClick:t,className:`h-auto rounded-full border border-border bg-accent/35 px-2.5 py-1 text-[11px] text-muted-foreground hover:bg-accent/45 hover:text-foreground`,children:`Cancel`}):null]})]})})})}function Ae({allowRetry:e=!0,content:t,messageId:n,onRetry:i,parts:a,retryDisabled:o,retryDisabledReason:s,retrying:c,pending:l=!1}){let u=e&&!l&&!!n&&(!!i||o);return(0,W.jsxs)(`div`,{className:`group mt-2 flex min-w-0 flex-col items-end`,children:[(0,W.jsx)(`div`,{className:L(`min-w-0 overflow-hidden px-2.5 py-1.5 text-[13px] [overflow-wrap:anywhere]`,`max-w-[84%] rounded-lg border border-border bg-accent/80 text-accent-foreground`,l&&`opacity-80`),children:(0,W.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-2`,children:[(0,W.jsx)(K,{content:t,layout:`human-attachments-top`,parts:a,markdownClassName:`text-sm text-accent-foreground`,preClassName:`text-accent-foreground/90`}),l?(0,W.jsxs)(`span`,{className:`inline-flex shrink-0 items-center gap-1 rounded-full bg-accent/70 px-2 py-0.5 text-[10px] font-medium text-accent-foreground`,children:[(0,W.jsx)(r,{className:`size-3 animate-spin`}),`Sending`]}):null]})}),(0,W.jsxs)(`div`,{className:`mt-1 flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100`,children:[(0,W.jsx)(Q,{text:t}),u?(0,W.jsxs)(V,{type:`button`,variant:`ghost`,size:`xs`,onClick:i,disabled:c||o,title:s,className:L(`h-auto rounded-full border border-border px-2.5 py-1 text-[11px] text-muted-foreground hover:bg-accent/45 hover:text-foreground disabled:opacity-45`,`bg-accent/35`),children:[c?(0,W.jsx)(r,{className:`size-3 animate-spin`}):(0,W.jsx)(g,{className:`size-3`}),(0,W.jsx)(`span`,{children:c?`Retrying...`:`Retry`})]}):null]})]})}function je({content:e,parts:t,streaming:n}){return(0,W.jsxs)(`div`,{className:`group min-w-0 w-full`,children:[(0,W.jsx)(K,{content:e,parts:t,streaming:n,markdownClassName:`text-sm text-foreground`,preClassName:`text-foreground/90`}),(0,W.jsx)(`div`,{className:`mt-1 opacity-0 transition-opacity group-hover:opacity-100`,children:(0,W.jsx)(Q,{text:e})})]})}function Me({content:e,parts:t,icon:n,label:r,tone:i,streaming:a}){let[o,s]=(0,U.useState)(!!a);return(0,W.jsxs)(`div`,{className:L(`min-w-0 w-full px-2 py-1.5`,`border-l border-border pl-3`,i===`received`&&`border-border bg-accent/20`,i===`sent`&&`border-border bg-background/24`),children:[(0,W.jsxs)(`div`,{className:`flex w-full items-center gap-2 text-left`,children:[(0,W.jsxs)(V,{type:`button`,variant:`ghost`,"aria-expanded":o,onClick:()=>s(e=>!e),className:`h-auto min-w-0 flex-1 justify-start gap-2 rounded-md bg-transparent px-0 py-0 text-left text-inherit shadow-none hover:bg-transparent hover:text-inherit focus-visible:ring-2 focus-visible:ring-ring/50`,children:[(0,W.jsx)(`span`,{className:`flex size-5 shrink-0 translate-y-px items-center justify-center text-current`,children:n}),(0,W.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[11px] font-semibold leading-none text-foreground/88`,children:r}),a?(0,W.jsxs)(`span`,{className:`inline-flex size-5 items-center justify-center`,children:[(0,W.jsxs)(`span`,{className:`relative flex size-2.5 items-center justify-center`,children:[(0,W.jsx)(`span`,{className:`absolute inline-flex size-2.5 animate-ping rounded-full bg-ring/28`}),(0,W.jsx)(`span`,{className:`relative inline-flex size-2 rounded-full bg-ring/82`})]}),(0,W.jsx)(`span`,{className:`sr-only`,children:`Live`})]}):null,(0,W.jsx)(l,{className:L(`size-4 shrink-0 text-muted-foreground transition-transform`,o&&`rotate-90`)})]}),(0,W.jsx)(`span`,{className:`shrink-0`,children:(0,W.jsx)(Q,{text:e})})]}),o?(0,W.jsx)(`div`,{className:`mt-2 min-w-0`,children:(0,W.jsx)(K,{content:e,parts:t,streaming:a,markdownClassName:`text-[12px] text-foreground/78`,preClassName:`text-foreground/74`})}):null]})}function Ne({item:e}){return(0,W.jsx)(Le,{label:`Thinking`,icon:(0,W.jsx)(E,{className:`size-3.5 text-foreground/72`}),streaming:e.streaming,defaultOpen:e.streaming??!1,children:(0,W.jsx)(K,{content:e.content,streaming:e.streaming,markdownClassName:`text-[13px] text-foreground/80`,preClassName:`text-foreground/75`})})}function Pe({item:e}){let t=e.tool_name===`idle`,n=!!e.streaming&&!t,r=G(e.arguments)??``,i=G(e.result);return(0,W.jsx)(Le,{label:Re(e.tool_name),icon:(0,W.jsx)(p,{className:`size-3.5 text-muted-foreground`}),streaming:n,defaultOpen:n,children:(0,W.jsxs)(`div`,{className:`space-y-4`,children:[(0,W.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,W.jsx)(`div`,{className:`text-[10px] font-medium text-muted-foreground/80`,children:`Arguments`}),(0,W.jsx)(`pre`,{className:`select-text whitespace-pre-wrap break-words rounded-xl border border-border bg-background/40 px-3.5 py-3 text-[11px] font-mono leading-relaxed text-foreground/78`,children:r})]}),e.result||!t?(0,W.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,W.jsx)(`div`,{className:`text-[10px] font-medium text-muted-foreground/80`,children:`Result`}),e.result?(0,W.jsx)(K,{content:i??e.result,streaming:n,markdownClassName:`text-[12px] leading-relaxed text-foreground/80`,preClassName:`text-foreground/74`}):(0,W.jsx)(`div`,{className:`rounded-xl border border-border bg-accent/15 px-3.5 py-3 text-[12px] italic text-muted-foreground`,children:n?`Running...`:`No result`})]}):null]})})}function Fe({item:e}){return(0,W.jsxs)(`div`,{className:`min-w-0 w-full space-y-3 border-l border-graph-status-running/30 bg-graph-status-running/[0.08] px-3 py-2.5`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(w,{className:`size-4 text-graph-status-running`}),(0,W.jsx)(`span`,{className:`text-[11px] font-medium text-graph-status-running/90`,children:`Command Result`}),e.command_name?(0,W.jsx)(`span`,{className:`rounded-full border border-graph-status-running/14 bg-background/35 px-2 py-0.5 font-mono text-[10px] text-graph-status-running/80`,children:e.command_name}):null,(0,W.jsx)(`span`,{className:`ml-auto`,children:(0,W.jsx)(Q,{text:e.content??``,className:`text-graph-status-running/72 hover:bg-graph-status-running/[0.1] hover:text-graph-status-running`,iconClassName:`text-current`,copiedClassName:`text-graph-status-running`})})]}),(0,W.jsx)(K,{content:e.content,markdownClassName:`text-[13px] text-foreground`,preClassName:`text-foreground/90`})]})}function Ie({content:e}){return(0,W.jsxs)(`div`,{className:`min-w-0 w-full space-y-3 border-l-2 border-graph-status-error/40 bg-graph-status-error/[0.1] px-3 py-2.5`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(f,{className:`size-4 text-graph-status-error`}),(0,W.jsx)(`span`,{className:`text-[11px] font-medium text-graph-status-error`,children:`Error`}),(0,W.jsx)(`span`,{className:`ml-auto`,children:(0,W.jsx)(Q,{text:e,className:`text-graph-status-error/72 hover:bg-graph-status-error/[0.1] hover:text-graph-status-error`,iconClassName:`text-current`,copiedClassName:`text-graph-status-error`})})]}),(0,W.jsx)(`p`,{className:`select-text whitespace-pre-wrap break-words text-[13px] leading-relaxed text-graph-status-error/82`,children:e})]})}function Le({label:e,icon:t,streaming:n,defaultOpen:r,children:i}){let[a,o]=(0,U.useState)(r);return(0,W.jsxs)(`div`,{className:`min-w-0 w-full border-l border-border py-1.5 pl-3 transition-all duration-300`,children:[(0,W.jsxs)(V,{type:`button`,variant:`ghost`,size:`sm`,onClick:()=>o(e=>!e),className:`h-auto w-full justify-start gap-2 px-0 py-0 text-left hover:bg-transparent hover:text-inherit`,children:[(0,W.jsx)(`span`,{className:`flex size-5 shrink-0 translate-y-px items-center justify-center text-muted-foreground`,children:t}),(0,W.jsx)(`span`,{className:`min-w-0 flex-1`,children:(0,W.jsx)(`span`,{className:`block truncate text-[11px] font-medium text-muted-foreground`,children:e})}),n?(0,W.jsxs)(`span`,{className:`ml-auto inline-flex size-5 items-center justify-center`,children:[(0,W.jsxs)(`span`,{className:`relative flex size-2.5 items-center justify-center`,children:[(0,W.jsx)(`span`,{className:`absolute inline-flex size-2.5 animate-ping rounded-full bg-ring/30`}),(0,W.jsx)(`span`,{className:`relative inline-flex size-2 rounded-full bg-ring/82`})]}),(0,W.jsx)(`span`,{className:`sr-only`,children:`Live`})]}):null,(0,W.jsx)(l,{className:L(`size-3.5 shrink-0 text-muted-foreground/70 transition-transform duration-200`,a&&`rotate-90`)})]}),a?(0,W.jsx)(`div`,{className:`mt-3 min-w-0`,children:i}):null]})}function Re(e){return e?e.split(`_`).map(e=>e.length>0?`${e[0].toUpperCase()}${e.slice(1)}`:e).join(` `):`Tool Call`}function ze(e,t){return e.type===`PendingHumanMessage`||e.type===`PendingSendMessage`?e.id:`${e.type}-${e.timestamp}-${e.message_id??``}-${e.tool_call_id??``}-${t}`}function Be(){return(0,W.jsx)(`div`,{className:`flex min-h-0 flex-1 items-center justify-center px-4 py-8`,children:(0,W.jsxs)(`div`,{className:`max-w-[220px] space-y-3 text-center`,children:[(0,W.jsx)(`div`,{className:`mx-auto flex size-11 items-center justify-center`,children:(0,W.jsx)(i,{className:`size-5 text-primary`})}),(0,W.jsx)(`div`,{className:`space-y-1`,children:(0,W.jsx)(`p`,{className:`text-sm font-medium`,children:`Start a conversation`})})]})})}function Ve(){let e=(0,U.useRef)(null),[t,n]=(0,U.useState)(0);return(0,U.useLayoutEffect)(()=>{let t=e.current;if(!t)return;let r=()=>{n(Math.ceil(t.getBoundingClientRect().height))};if(r(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(()=>{r()});return i.observe(t),()=>{i.disconnect()}},[]),{height:t,ref:e}}function He(e){return e.filter(e=>e.type===`SystemEntry`)}function Ue(e){return e>0xe8d4a51000?e:Math.round(e*1e3)}function We(e){let t=``,n=``,r=new Map,i=new Map,a=new Map,o=[];for(let s of e)switch(s.type){case`ContentDelta`:t+=s.text;break;case`ThinkingDelta`:n+=s.text;break;case`ToolResultDelta`:r.set(s.tool_call_id,(r.get(s.tool_call_id)??``)+s.text);break;case`SentMessageDelta`:i.has(s.message_id)||o.push({kind:`sent`,messageId:s.message_id}),i.set(s.message_id,{toId:s.to_id,text:(i.get(s.message_id)?.text??``)+s.text});break;case`ReceivedMessageDelta`:a.has(s.message_id)||o.push({kind:`received`,messageId:s.message_id}),a.set(s.message_id,{fromId:s.from_id,text:(a.get(s.message_id)?.text??``)+s.text});break}return{content:t,thinking:n,toolResults:r,sentMessages:i,receivedMessages:a,messageOrder:o}}function Ge(e){if(e==null)return``;if(typeof e==`string`)return e;try{return JSON.stringify(e)}catch{return String(e)}}function Ke(e){let t=Ue(e.timestamp);switch(e.type){case`ReceivedMessage`:return e.message_id?`${e.type}:${e.message_id}`:[e.type,t,e.from_id??``,z(e.parts,e.content)].join(`:`);case`SentMessage`:return e.message_id?`${e.type}:${e.message_id}`:[e.type,t,e.to_id??e.to_ids?.[0]??``,z(e.parts,e.content)].join(`:`);case`ToolCall`:return e.tool_call_id?`${e.type}:${e.tool_call_id}`:[e.type,t,e.tool_name??``,Ge(e.arguments),e.result??``,e.streaming?`streaming`:`final`].join(`:`);default:return[e.type,t,e.content??``].join(`:`)}}function qe(e,t){return e.type!==`ToolCall`||t.type!==`ToolCall`?!1:e.streaming&&!t.streaming?!0:!e.result&&!!t.result}function Je(e){let t=[],n=new Map;for(let r of e){let e=Ke(r),i=n.get(e);if(i===void 0){n.set(e,t.length),t.push(r);continue}let a=t[i];qe(a,r)&&(t[i]=r)}return t}function Ye({history:e,incremental:t,deltas:n,fetchedAt:r}){let i=Je(t&&t.length>0?[...e,...t]:[...e]);if(!n||n.length===0)return i;let{content:a,thinking:o,toolResults:s,sentMessages:c,receivedMessages:l,messageOrder:u}=We(n),d=r/1e3;if(o&&i.push({type:`AssistantThinking`,content:o,timestamp:d,streaming:!0}),a&&i.push({type:`AssistantText`,content:a,timestamp:d,streaming:!0}),s.size>0)for(let[e,t]of s)for(let n=i.length-1;n>=0;--n){let r=i[n];if(r.type===`ToolCall`&&r.tool_call_id===e&&r.streaming){i[n]={...r,result:t};break}}for(let e of u){if(e.kind===`sent`){let t=c.get(e.messageId);if(!t||i.some(t=>t.type===`SentMessage`&&t.message_id===e.messageId))continue;i.push({type:`SentMessage`,message_id:e.messageId,to_id:t.toId,content:t.text,parts:[{type:`text`,text:t.text}],timestamp:d,streaming:!0});continue}let t=l.get(e.messageId);t&&(i.some(t=>t.type===`ReceivedMessage`&&t.message_id===e.messageId)||i.push({type:`ReceivedMessage`,message_id:e.messageId,from_id:t.fromId,content:t.text,parts:[{type:`text`,text:t.text}],timestamp:d,streaming:!0}))}return i}var Xe=`flowent.chatInputHistory`,Ze=50,Qe=new Set,$e=new Map,et=new Map;function tt(e){return`${Xe}.${e}`}function nt(e){return e.trim().length>0}function rt(e){if(!e||typeof e!=`object`)return null;let t=typeof e.text==`string`?e.text:null,n=typeof e.timestamp==`number`?e.timestamp:null;return t===null||n===null||!nt(t)?null:{text:t,images:[],timestamp:n}}function it(e){if(typeof window>`u`)return[];try{let t=window.localStorage.getItem(tt(e));if(!t)return[];let n=JSON.parse(t);return Array.isArray(n)?n.map(e=>rt(e)).filter(e=>e!==null).slice(-Ze):[]}catch{return[]}}function at(e,t){if(!(typeof window>`u`))try{let n=t.filter(({text:e})=>nt(e)).map(({text:e,timestamp:t})=>({text:e,timestamp:t}));window.localStorage.setItem(tt(e),JSON.stringify(n))}catch{return}}function ot(e){Qe.has(e)||($e.set(e,it(e)),Qe.add(e))}function st(e){let t=et.get(e);if(t)for(let e of t)e()}function ct(e){return ot(e),$e.get(e)??[]}function lt(e,t){ot(e);let n=et.get(e)??new Set;return n.add(t),et.set(e,n),()=>{let n=et.get(e);n?.delete(t),n&&n.size===0&&et.delete(e)}}function ut(e,t){ot(e);let n=[...$e.get(e)??[],t].slice(-Ze);$e.set(e,n),at(e,n),st(e)}var dt=10;function ft(e){return Math.max(0,e.scrollHeight-e.clientHeight)-e.scrollTop<=dt}function pt(){return globalThis.crypto?.randomUUID?.()??`draft-${Date.now()}-${Math.random()}`}function mt(e){return e.status===`ready`&&!!e.assetId}function ht(e){e.previewUrl.startsWith(`blob:`)&&URL.revokeObjectURL(e.previewUrl)}function gt(e){for(let t of e)ht(t)}function _t(e){return e.filter(mt).map(e=>({assetId:e.assetId,mimeType:e.mimeType,width:e.width,height:e.height,name:e.name}))}function vt(e){return e.images.map((t,n)=>({id:`history-${e.timestamp}-${n}`,assetId:t.assetId,previewUrl:me(t.assetId),mimeType:t.mimeType,width:t.width,height:t.height,name:t.name,status:`ready`}))}function yt(e,t){return e.length===t.images.length?t.images.every((t,n)=>{let r=e[n];return!!r&&r?.status===`ready`&&r.assetId===t.assetId&&r.mimeType===t.mimeType&&r.width===t.width&&r.height===t.height&&r.name===t.name}):!1}function bt(e,t){let n=[];e&&n.push({type:`text`,text:e});for(let e of t)n.push({type:`image`,asset_id:e.assetId,mime_type:e.mimeType,width:e.width,height:e.height,alt:e.name});return n}function xt(e,t,n){return{id:`pending-${n}-${Math.random().toString(36).slice(2,8)}`,type:`PendingHumanMessage`,from:`human`,content:e,parts:t,timestamp:n,message_id:null}}function St(e){return{id:`pending-send-${e.timestamp}-${Math.random().toString(36).slice(2,8)}`,type:`PendingSendMessage`,from:`human`,content:e.content,parts:e.parts,timestamp:e.timestamp,message_id:null,target_id:e.targetId,target_state:e.targetState??null,history_entry:e.historyEntry,history_entry_scope:e.historyScope,send_failed:e.sendFailed}}async function Ct(e){return new Promise(t=>{let n=URL.createObjectURL(e),r=new Image;r.onload=()=>{let e=r.naturalWidth,i=r.naturalHeight;URL.revokeObjectURL(n),t(e>0&&i>0?{width:e,height:i}:null)},r.onerror=()=>{URL.revokeObjectURL(n),t(null)},r.src=n})}async function wt(e){return Promise.all(e.map(async e=>{let t=await Ct(e);return{id:pt(),assetId:null,previewUrl:URL.createObjectURL(e),mimeType:e.type||null,width:t?.width??null,height:t?.height??null,name:e.name,status:`uploading`}}))}var Tt=(0,U.memo)(function({agentLabel:e=`Agent`,history:t,nodes:n}){return(0,W.jsx)(`div`,{className:`space-y-1.5 p-2.5`,children:t.map((t,r)=>(0,W.jsx)(`div`,{className:`[content-visibility:auto] [contain-intrinsic-size:auto_100px]`,children:(0,W.jsx)(jt,{agentLabel:e,entry:t,nodes:n})},`${r}-${t.timestamp}-${t.type}-${t.message_id??``}-${t.tool_call_id??``}`))})});function Et({content:e,markdownClassName:t,preClassName:n,streaming:r}){let i=G(e);return i?(0,W.jsx)(`pre`,{className:L(`select-text text-[11px] whitespace-pre-wrap break-words leading-relaxed`,n),children:(0,W.jsx)(Dt,{text:i,streaming:r})}):r?(0,W.jsx)(`pre`,{className:L(`select-text text-[11px] whitespace-pre-wrap break-words leading-relaxed`,n),children:(0,W.jsx)(Dt,{text:e??``,streaming:!0})}):(0,W.jsx)(_e,{content:e??``,className:L(`text-[11px] leading-relaxed`,t)})}function Dt({text:e,streaming:t}){return(0,W.jsxs)(W.Fragment,{children:[e,t&&(0,W.jsx)(`span`,{className:`streaming-cursor`})]})}function Ot({entry:e,markdownClassName:t,preClassName:n}){let r=P(e.parts,e.content);return r.length===0?null:r.every(e=>e.type===`text`)?(0,W.jsx)(Et,{content:z(r),streaming:e.streaming,markdownClassName:t,preClassName:n}):(0,W.jsx)(`div`,{className:`space-y-2`,children:r.map((e,r)=>e.type===`text`?(0,W.jsx)(Et,{content:e.text,markdownClassName:t,preClassName:n},`${r}-${e.type}`):(0,W.jsx)(ge,{alt:e.alt,assetId:e.asset_id,compact:!0,height:e.height,mimeType:e.mime_type,width:e.width},`${r}-${e.type}-${e.asset_id}`))})}function kt(e){return!e.from_output_port_key||!e.to_input_port_key?``:` · ${e.from_output_port_key} to ${e.to_input_port_key}`}function At(e){if(e.value_summary)return e.value_summary;if(e.content)return e.content;if(e.value===void 0)return``;if(typeof e.value==`string`)return e.value;try{return JSON.stringify(e.value)}catch{return String(e.value)}}var jt=(0,U.memo)(function({agentLabel:e,entry:t,nodes:n}){switch(t.type){case`SystemEntry`:return(0,W.jsx)($,{label:`System`,icon:(0,W.jsx)(D,{className:`size-3 text-muted-foreground`}),className:`border-border/40 bg-surface-1/24`,defaultOpen:!1,children:(0,W.jsx)(Et,{content:t.content,markdownClassName:`text-muted-foreground`,preClassName:`text-muted-foreground leading-relaxed`})});case`ReceivedMessage`:return(0,W.jsx)($,{label:`From ${I(t.from_id??``,n)}${kt(t)}`,icon:(0,W.jsx)(i,{className:`size-3 text-foreground/70`}),className:`border-border bg-accent/20`,labelClassName:`text-foreground/70`,actions:(0,W.jsx)(Q,{text:z(t.parts,t.content)}),defaultOpen:t.streaming??!1,children:(0,W.jsx)(Ot,{entry:t,markdownClassName:`text-foreground/90`,preClassName:`text-foreground/90 leading-relaxed`})});case`AssistantThinking`:return(0,W.jsx)($,{label:`Thinking`,icon:(0,W.jsx)(E,{className:`size-3 text-foreground/72`}),className:`border-border bg-surface-1/28`,labelClassName:`text-foreground/72`,defaultOpen:!1,children:(0,W.jsx)(Et,{content:t.content,streaming:t.streaming,markdownClassName:`text-foreground/82`,preClassName:`text-foreground/82 leading-relaxed`})});case`SentMessage`:return(0,W.jsx)($,{label:`To ${(t.to_id==null?(t.to_ids??[]).filter(e=>!!e):[t.to_id]).map(e=>I(e,n)).join(`, `)||`Unknown`}${kt(t)}`,icon:(0,W.jsx)(T,{className:`size-3 text-foreground/58`}),className:`border-border bg-background/24`,labelClassName:`text-foreground/72`,actions:(0,W.jsx)(Q,{text:z(t.parts,t.content)}),defaultOpen:t.streaming??!1,children:(0,W.jsx)(Ot,{entry:t,markdownClassName:`text-foreground/86`,preClassName:`text-foreground/86 leading-relaxed`})});case`PortInboundEntry`:return(0,W.jsx)($,{label:`Input from ${t.source_label||I(t.from_id??``,n)}${kt(t)}`,icon:(0,W.jsx)(A,{className:`size-3 text-foreground/66`}),className:`border-border bg-surface-1/24`,labelClassName:`text-foreground/72`,actions:(0,W.jsx)(Q,{text:At(t)}),defaultOpen:!1,children:(0,W.jsxs)(`div`,{className:`space-y-2`,children:[t.port_type?(0,W.jsx)(`span`,{className:`inline-flex rounded-md border border-border bg-background/40 px-2 py-0.5 font-mono text-[10px] text-muted-foreground`,children:t.port_type}):null,(0,W.jsx)(Et,{content:At(t),markdownClassName:`text-foreground/86`,preClassName:`text-foreground/86 leading-relaxed`})]})});case`AssistantText`:return(0,W.jsx)($,{label:e,icon:(0,W.jsx)(y,{className:`size-3 text-foreground/84`}),className:`border-border bg-surface-2/62`,labelClassName:`text-foreground/84`,actions:(0,W.jsx)(Q,{text:t.content??``}),defaultOpen:!1,children:(0,W.jsx)(Ot,{entry:t,markdownClassName:`text-foreground/88`,preClassName:`text-foreground/88 leading-relaxed`})});case`ToolCall`:{let e=G(t.arguments)??``,n=G(t.result);return(0,W.jsx)($,{label:t.tool_name??`tool`,icon:(0,W.jsx)(p,{className:`size-3 text-foreground/66`}),className:`border-border bg-surface-1/20`,labelClassName:`text-foreground/72`,defaultOpen:!1,children:(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`text-[10px] text-muted-foreground mb-1`,children:`Arguments`}),(0,W.jsx)(`pre`,{className:`select-text text-[11px] whitespace-pre-wrap break-words leading-relaxed text-foreground/78`,children:e})]}),t.result&&(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`text-[10px] text-muted-foreground mb-1`,children:`Result`}),(0,W.jsx)(Et,{content:n??t.result,streaming:t.streaming,markdownClassName:`text-muted-foreground`,preClassName:`text-muted-foreground leading-relaxed`})]})]})})}case`ErrorEntry`:return(0,W.jsx)($,{label:`Error`,icon:(0,W.jsx)(f,{className:`size-3 text-graph-status-error/84`}),className:`border-graph-status-error/16 bg-graph-status-error/[0.038]`,labelClassName:`text-graph-status-error/78`,actions:(0,W.jsx)(Q,{text:t.content??``,className:`text-graph-status-error/84 hover:text-graph-status-error/84`,iconClassName:`text-graph-status-error/84`,copiedClassName:`text-graph-status-error/84`}),defaultOpen:!1,children:(0,W.jsx)(Et,{content:t.content,markdownClassName:`text-graph-status-error/84`,preClassName:`text-graph-status-error/84 leading-relaxed`})});default:return null}});function $({actions:e,label:t,labelClassName:n,icon:r,className:i,contentClassName:a,defaultOpen:o=!1,children:s}){let[c,u]=(0,U.useState)(o),d=(0,U.useCallback)(()=>u(e=>!e),[]);return(0,W.jsxs)(`div`,{className:L(`rounded-xl border transition-colors hover:bg-accent/20`,i),children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2 px-3 py-2 select-none`,children:[(0,W.jsxs)(V,{type:`button`,variant:`ghost`,"aria-expanded":c,onClick:d,className:`h-auto min-w-0 flex-1 justify-start gap-2 rounded-md bg-transparent px-0 py-0 text-left text-inherit shadow-none hover:bg-transparent hover:text-inherit focus-visible:ring-2 focus-visible:ring-ring/50`,children:[(0,W.jsx)(`span`,{className:`shrink-0 flex items-center justify-center`,children:r}),(0,W.jsx)(`span`,{className:L(`min-w-0 flex-1 truncate text-[11px] font-medium`,n||`text-muted-foreground`),children:t}),(0,W.jsx)(l,{className:L(`ml-2 size-3.5 shrink-0 text-muted-foreground/70 transition-transform duration-200`,c&&`rotate-90`)})]}),e?(0,W.jsx)(`span`,{className:`shrink-0 flex items-center leading-none`,children:e}):null]}),(0,W.jsx)(R,{initial:!1,children:c?(0,W.jsx)(m.div,{initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:{duration:.2,ease:[.22,1,.36,1]},className:`overflow-hidden`,children:(0,W.jsx)(`div`,{className:L(`px-3 pb-3 pt-1`,a),children:s})}):null})]})}var Mt=B(`inline-flex h-5 items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden`,{variants:{variant:{default:`bg-primary text-primary-foreground [a&]:hover:bg-primary/90`,secondary:`bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90`,destructive:`bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60`,outline:`border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground`,ghost:`[a&]:hover:bg-accent [a&]:hover:text-accent-foreground`,link:`text-primary underline-offset-4 [a&]:hover:underline`}},defaultVariants:{variant:`default`}});function Nt({className:e,variant:t=`default`,asChild:n=!1,...r}){return(0,W.jsx)(n?d:`span`,{"data-slot":`badge`,"data-variant":t,className:L(Mt({variant:t}),e),...r})}function Pt(e,t=!1){let[n,r]=(0,U.useState)(null),[i,a]=(0,U.useState)(!1),[o,s]=(0,U.useState)(null),[c,l]=(0,U.useState)(0),{agents:u}=ae(),{agentHistories:d,clearAgentHistory:f,clearHistorySnapshot:p,historyInvalidatedAt:m,historyClearedAt:h,historySnapshots:g,streamingDeltas:_}=oe(),v=e?h.get(e)??0:0,y=e?m.get(e)??0:0,b=e?g.get(e)??null:null;return(0,U.useEffect)(()=>{v&&(r(e=>e&&{...e,history:He(e.history)}),l(Date.now()))},[v]),(0,U.useEffect)(()=>{!y||!b||(r(e=>e&&{...e,history:b}),l(Date.now()))},[y,b]),(0,U.useEffect)(()=>{if(!e){r(null),a(!1),s(null);return}let n=new AbortController,i=!1;return(async()=>{a(!0),s(null),t||f(e);try{let t=await N(e,n.signal);if(i)return;r(t),l(Date.now()),p(e)}catch(e){if(i||n.signal.aborted)return;r(null),s(e instanceof Error?e.message:`Failed to fetch node detail`)}finally{i||a(!1)}})(),()=>{i=!0,n.abort()}},[e,f,p,y,t]),{detail:(0,U.useMemo)(()=>{if(!n||!e)return null;let t=d.get(e),r=_.get(e),i=Ye({history:b??n.history,incremental:t,deltas:r,fetchedAt:c}),a=e?u.get(e):void 0,o={...n,history:i};return a&&(o.state=a.state,o.todos=a.todos),o},[n,e,d,b,_,u,c]),loading:i,error:o,fetchedAt:c}}function Ft(e,t){return t?.leader_id?e.get(t.leader_id)??null:null}function It(e={}){let{bottomInset:t=0}=e,{agents:n}=ae(),{tabs:r}=re(),{connected:i}=ce(),{agentHistories:a,clearAgentHistory:o,clearHistorySnapshot:s,historyInvalidatedAt:c,historyClearedAt:l,historySnapshots:u,streamingDeltas:d}=oe(),{activeToolCalls:f}=le(),{activeTabId:p}=de(),m=p?r.get(p)??null:null,h=(0,U.useMemo)(()=>Ft(n,m),[m,n]),g=h?.id??m?.leader_id??null,_=p?`leader:${p}`:`leader:none`,[v,y]=(0,U.useState)(null),[b,S]=(0,U.useState)(0),[C,w]=(0,U.useState)(``),[T,E]=(0,U.useState)([]),[D,O]=(0,U.useState)(null),[k,A]=(0,U.useState)(!1),[F,ne]=(0,U.useState)(!1),[I,ie]=(0,U.useState)(null),[L,R]=(0,U.useState)([]),[se,B]=(0,U.useState)(()=>new Map),V=(0,U.useRef)(null),fe=(0,U.useRef)(!0),pe=(0,U.useRef)([]),H=(0,U.useRef)(new Map),me=(0,U.useRef)(new Set),W=h?.capabilities?.input_image??!1,ge=g?l.get(g)??0:0,_e=g?c.get(g)??0:0,G=g?u.get(g)??null:null,K=T.some(e=>e.status===`uploading`),ve=T.filter(mt),q=(0,U.useSyncExternalStore)(e=>lt(_,e),()=>ct(_),()=>ct(_)),ye=D===null?null:q[D]??null,be=ye!==null&&C===ye.text&&yt(T,ye),J=h?.state??v?.state??null,Y=(0,U.useCallback)(async e=>{let t=e.pendingMessageTimestamp??Date.now(),n=xt(e.content,e.parts,t),r=e.visiblePending??!0;ne(!0),r&&R(e=>[...e,n]);try{let i=await M(e.targetId,{content:e.content,parts:e.parts});return r&&i.status===`command_executed`?R(n=>j(n,{content:e.content,timestamp:t})):r&&R(e=>e.map(e=>e.id===n.id?{...e,message_id:i.message_id??null}:e)),ut(e.history.scope,e.history.entry),e.restoreDraft&&gt(e.restoreDraft.images),!0}catch(t){return r&&R(e=>e.filter(e=>e.id!==n.id)),e.restoreDraft&&(w(e.restoreDraft.input),E(e.restoreDraft.images),O(e.restoreDraft.historyCursor)),x.error(t instanceof Error?t.message:`Failed to send message`),!1}finally{ne(!1)}},[]),X=(0,U.useCallback)((e,t)=>{O(t),w(e?.text??``),E(e?vt(e):[])},[]),xe=(0,U.useCallback)(e=>{O(null),w(e)},[]);(0,U.useEffect)(()=>{pe.current=T},[T]),(0,U.useEffect)(()=>{H.current=se},[se]),(0,U.useEffect)(()=>()=>{gt(pe.current)},[]),(0,U.useEffect)(()=>{gt(pe.current),w(``),E([]),O(null),R([]),ie(null)},[_]),(0,U.useEffect)(()=>{ge&&(R([]),g&&B(e=>{if(!e.has(g))return e;let t=new Map(e);return t.delete(g),t}),y(e=>e&&{...e,history:He(e.history)}),S(Date.now()))},[ge,g]),(0,U.useEffect)(()=>{!_e||!G||(y(e=>e&&{...e,history:G}),S(Date.now()))},[_e,G]),(0,U.useEffect)(()=>{H.current.size!==0&&B(e=>{let t=null;for(let[r,i]of e){if(i.send_failed)continue;let a=r===g?J:n.get(r)?.state??i.target_state??null;i.target_state!==a&&(t??=new Map(e),t.set(r,{...i,target_state:a}))}return t??e})},[n,g,J,se]),(0,U.useEffect)(()=>{if(!(H.current.size===0||F))for(let[e,t]of H.current)t.send_failed||(e===g?J:n.get(e)?.state??t.target_state??null)!==`idle`||me.current.has(e)||(me.current.add(e),B(t=>{if(!t.has(e))return t;let n=new Map(t);return n.delete(e),n}),Y({content:t.content,parts:t.parts??[],targetId:e,visiblePending:e===g,history:{scope:t.history_entry_scope,entry:t.history_entry},pendingMessageTimestamp:t.timestamp}).then(n=>{me.current.delete(e),n||B(n=>{let r=new Map(n);return r.set(e,{...t,send_failed:!0,target_state:`error`}),r})}).catch(()=>{me.current.delete(e),B(n=>{let r=new Map(n);return r.set(e,{...t,send_failed:!0,target_state:`error`}),r})}))},[n,g,J,se,F,Y]),(0,U.useEffect)(()=>{if(!i||!g){y(null);return}let e=new AbortController,t=!1;return(async()=>{o(g);try{let n=await N(g,e.signal);if(t||!n)return;y(n),S(Date.now()),s(g)}catch{!t&&!e.signal.aborted&&x.error(`Failed to load Leader history`)}})(),()=>{t=!0,e.abort()}},[o,s,i,ge,_e,g]);let Se=(0,U.useMemo)(()=>g?Ye({history:G??v?.history??[],incremental:a.get(g),deltas:d.get(g),fetchedAt:b||Date.now()}):[],[a,v,b,G,g,d]);(0,U.useEffect)(()=>{if(!g||L.length===0)return;let e=new Set(Se.filter(e=>e.type===`ReceivedMessage`&&e.from_id===`human`&&typeof e.message_id==`string`).map(e=>e.message_id));e.size!==0&&R(t=>t.filter(t=>!t.message_id||!e.has(t.message_id)))},[g,Se,L.length]);let Ce=g?se.get(g)??null:null,Z=(0,U.useMemo)(()=>[...Se,...Ce?[{...Ce}]:[],...L.map(e=>({...e}))],[Ce,Se,L]),we=(0,U.useMemo)(()=>{let e=L.length+ +!!Ce,t=g?d.get(g)??[]:[],n=i&&!!(g&&(e>0||h?.state===`running`||h?.state===`sleeping`||f.has(g)||t.length>0)),r=[...Z].map((e,t)=>({item:e,index:t})).reverse().find(({item:e})=>e.type===`PendingHumanMessage`?!0:e.type===`ReceivedMessage`&&e.from_id===`human`&&P(e.parts,e.content).length>0)?.index,a=r===void 0?[]:Z.slice(r+1),o=a.some(e=>e.type===`AssistantText`&&P(e.parts,e.content).length>0),s=[...a].reverse().find(e=>e.type===`ToolCall`&&e.streaming===!0),c=(g?f.get(g)??null:null)??s?.tool_name??null;return{running:n,runningHint:n&&r!==void 0&&!o?{label:c?`Running tools...`:`Thinking...`,toolName:c}:null}},[f,i,g,h?.state,Ce,L.length,d,Z]);(0,U.useLayoutEffect)(()=>{let e=V.current;!e||!fe.current||(e.scrollTop=e.scrollHeight)},[t,we.runningHint?`${we.runningHint.label}:${we.runningHint.toolName??``}`:``,Z]),(0,U.useLayoutEffect)(()=>{let e=V.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>{fe.current&&(e.scrollTop=e.scrollHeight)});return t.observe(e),()=>{t.disconnect()}},[]);let Te=e=>{fe.current=ft(e.currentTarget)},Q=async(e={})=>{if(!g)return;let t=C.trim();if(!t&&ve.length===0||K||F)return;let n=bt(t,ve),r=C,i=T,a=D,o=Date.now(),s=t||z(n),c={text:r,images:_t(i),timestamp:o},l=e.deferWhenBusy&&H.current.has(g)&&(J===`error`||J===`terminated`);if(e.deferWhenBusy&&(J===`running`||J===`sleeping`||l)){B(e=>{let t=new Map(e);return t.set(g,St({content:s,historyEntry:c,historyScope:_,parts:n,targetId:g,targetState:J,timestamp:o})),t}),O(null),w(``),E([]),gt(i);return}if(J===`terminated`){x.error(`Resolve the current chat before sending`);return}O(null),w(``),E([]),await Y({content:s,parts:n,targetId:g,history:{scope:_,entry:c},pendingMessageTimestamp:o,restoreDraft:{input:r,images:i,historyCursor:a}})},Ee=(0,U.useCallback)(async e=>{if(O(null),!W){x.error(`Current model does not support image input`);return}let t=Array.from(e).filter(e=>e.type.startsWith(`image/`));if(t.length===0)return;let n=await wt(t);E(e=>[...e,...n]),await Promise.all(n.map(async(e,n)=>{let r=t[n];if(r)try{let t=await he(r);E(n=>n.map(n=>n.id===e.id?{...n,assetId:t.id,mimeType:t.mime_type,width:typeof t.width==`number`?t.width:n.width,height:typeof t.height==`number`?t.height:n.height,status:`ready`}:n))}catch(t){ht(e),E(t=>t.filter(t=>t.id!==e.id)),x.error(t instanceof Error?t.message:`Failed to upload image`)}}))},[W]),De=(0,U.useCallback)(e=>{O(null),E(t=>{let n=t.find(t=>t.id===e);return n&&ht(n),t.filter(t=>t.id!==e)})},[]),Oe=(0,U.useCallback)((e,t)=>{if(q.length===0)return!1;let n=t.start,r=t.end,i=C.length===0&&T.length===0,a=typeof n==`number`&&typeof r==`number`&&n===r&&(n===0||n===C.length);if(!i&&!(ye!==null&&be&&a))return!1;if(D===null){if(e!==-1)return!1;let t=q.length-1;return X(q[t]??null,t),!0}if(e===-1){let e=Math.max(D-1,0);return X(q[e]??null,e),!0}if(D>=q.length-1)return X(null,null),!0;let o=D+1;return X(q[o]??null,o),!0},[ye,T,D,C,q,be,X]),ke=(0,U.useCallback)(async()=>{if(g&&!(h?.state!==`running`&&h?.state!==`sleeping`)){await ue(g);for(let e=0;e<25;e+=1){let e=await N(g);if(!e)break;if(y(e),S(Date.now()),e.state!==`running`&&e.state!==`sleeping`)return;await new Promise(e=>window.setTimeout(e,120))}throw Error(`Leader did not stop in time`)}},[g,h?.state]),Ae=async()=>{if(!(!g||k)){A(!0);try{await te(g),R([]),B(e=>{if(!e.has(g))return e;let t=new Map(e);return t.delete(g),t}),o(g);let e=await N(g);e&&(y(e),S(Date.now()),s(g))}catch(e){x.error(e instanceof Error?e.message:`Failed to clear chat`)}finally{A(!1)}}},je=(0,U.useCallback)(async e=>{if(!(!g||!e||I)){ie(e);try{try{await ke(),await ee(g,e)}catch(e){x.error(e instanceof Error?e.message:`Failed to retry Leader message`);return}o(g);try{let e=await N(g);e&&(y(e),S(Date.now()),s(g))}catch{return}}finally{ie(null)}}},[o,s,g,I,ke]);return{activeTab:m,addImages:Ee,cancelPendingSend:(0,U.useCallback)(e=>{B(t=>{let n=Array.from(t.entries()).find(([,t])=>t.id===e);if(!n)return t;let r=new Map(t);return r.delete(n[0]),r})},[]),connected:i,clearChat:Ae,clearing:k,draftImages:T,handleKeyDown:e=>{if(e.key===`Tab`&&!e.shiftKey){(C.trim()||ve.length>0)&&(e.preventDefault(),Q({deferWhenBusy:!0}));return}e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),Q())},hasUploadingImages:K,input:C,isBrowsingInputHistory:be,leaderActivity:we,leaderNode:h,navigateInputHistory:Oe,onMessagesScroll:Te,removeImage:De,retryMessage:je,retryingMessageId:I,scrollRef:V,sendMessage:Q,sendPendingSend:(0,U.useCallback)(async e=>{let t=Array.from(H.current.entries()).find(([,t])=>t.id===e);if(!t||F||me.current.has(t[0]))return;let[r,i]=t;(r===g?J:n.get(r)?.state??i.target_state??null)!==`terminated`&&(B(e=>{if(!e.has(r))return e;let t=new Map(e);return t.delete(r),t}),await Y({content:i.content,parts:i.parts??[],targetId:r,visiblePending:r===g,history:{scope:i.history_entry_scope,entry:i.history_entry},pendingMessageTimestamp:i.timestamp})||B(e=>{let t=new Map(e);return t.set(r,{...i,send_failed:!0,target_state:`error`}),t}))},[n,g,J,F,Y]),sending:F,setInput:xe,stopLeader:ke,supportsInputImage:W,timelineItems:Z}}var Lt={assistant:v,agent:y,trigger:O,llm:w,code:s,if:A,merge:c};function Rt({name:e,roleName:t,nodeType:n,isLeader:r=!1}){return e??t??(n===`assistant`?`Assistant`:n===`trigger`?`Trigger`:n===`llm`?`Model`:n===`code`?`Code`:n===`if`?`If`:n===`merge`?`Merge`:r?`Leader`:`Agent`)}var zt={running:`bg-graph-status-running`,idle:`bg-graph-status-idle`,sleeping:`bg-graph-status-sleeping`,initializing:`bg-graph-status-initializing`,error:`bg-graph-status-error`,terminated:`bg-graph-status-terminated`},Bt={running:`agent-state-ring-running`,idle:`agent-state-ring-idle`,sleeping:`agent-state-ring-sleeping`,initializing:`agent-state-ring-initializing`,error:`agent-state-ring-error`,terminated:`agent-state-ring-terminated`},Vt=`rounded-md bg-accent/45 px-2 py-1 text-xs text-foreground`,Ht={running:`border-graph-status-running/18 bg-graph-status-running/[0.12] text-graph-status-running`,idle:`border-graph-status-idle/12 bg-graph-status-idle/[0.06] text-graph-status-idle/78`,sleeping:`border-graph-status-sleeping/18 bg-graph-status-sleeping/[0.12] text-graph-status-sleeping`,initializing:`border-graph-status-initializing/16 bg-graph-status-initializing/[0.08] text-graph-status-initializing/84`,error:`border-graph-status-error/20 bg-graph-status-error/[0.09] text-graph-status-error`,terminated:`border-border bg-accent/35 text-muted-foreground`};function Ut({children:e,disabled:t=!1,active:n=!1,onClick:r}){return(0,W.jsx)(V,{type:`button`,variant:`ghost`,size:`xs`,onClick:r,disabled:t,className:L(`flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md border border-transparent bg-transparent px-3 py-1.75 text-[11px] font-medium text-muted-foreground transition-[background-color,border-color,color] duration-150 hover:border-border hover:bg-accent/45 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:border-transparent disabled:text-muted-foreground/50 disabled:hover:bg-transparent`,n&&`border-border bg-accent/70 text-foreground`),children:e})}function Wt(){return(0,W.jsx)(`div`,{"aria-hidden":`true`,className:`h-4 w-px shrink-0 bg-border`})}function Gt({children:e,tone:t=`default`}){return(0,W.jsx)(`div`,{className:L(`pointer-events-auto relative isolate flex items-center gap-1.5 rounded-full border border-border bg-surface-overlay/80 px-2.5 py-1 text-[11px] font-medium text-muted-foreground backdrop-blur-sm`,t===`primary`?`border-border bg-accent/60 text-foreground`:``),children:e})}function Kt({agent:e,onClose:t}){let[n,r]=(0,U.useState)(!1),{agents:i}=ae(),{tabs:a}=re(),s=e.node_type!==`assistant`&&e.node_type!==`agent`,{detail:c,error:l,loading:u}=Pt(s?null:e.id,e.node_type===`assistant`),d=c?.state??e.state,f=c?.is_leader??e.is_leader,p=c?.contacts??[],m=c?.connections??e.connections,h=c?.todos??e.todos,g=c?.history??[],_=c?.role_name??e.role_name,v=c?.tools??[],y=c?.write_dirs??[],b=c?.allow_network??!1,S=c?.tab_id??e.tab_id??null,C=S?a.get(S)??null:null,w=e.node_type===`assistant`,T=c?.workflow_permissions??null,E=w?b:C?.allow_network??T?.allow_network??b??!1,D=w?y:C?.write_dirs??T?.write_dirs??y,O=w?`Permissions`:`Workflow Permissions`,k=Rt({name:e.name,roleName:e.role_name,nodeType:e.node_type,isLeader:e.is_leader}),A=Lt[e.node_type],j=m.map(e=>{let t=i.get(e);return{id:e,label:t?Rt({name:t.name,roleName:t.role_name,nodeType:t.node_type,isLeader:t.is_leader}):e.slice(0,8)}}),M=p.filter(qt),ee=p.filter(e=>!qt(e)).map(e=>{let t=typeof e==`string`?e:e.id;return{id:t,label:Jt(e,i.get(t))}}),N=M.length>0?`reachable paths`:`reachable contacts`;return(0,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border px-3.5 py-2.5`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,W.jsx)(`div`,{className:`flex size-7 items-center justify-center rounded-md bg-primary/8`,children:(0,W.jsx)(A,{className:`size-3.5 text-primary`})}),(0,W.jsxs)(`div`,{className:`min-w-0 flex flex-wrap items-center gap-2`,children:[(0,W.jsx)(`p`,{className:`text-[13px] font-semibold`,children:k}),f?(0,W.jsx)(`span`,{className:`rounded-full border border-accent bg-accent/45 px-2 py-0.5 text-[10px] font-semibold text-accent-foreground`,children:`Leader`}):null,(0,W.jsx)(`span`,{className:`rounded-full border border-border bg-accent/35 px-2 py-0.5 font-mono text-[10px] text-muted-foreground/78`,children:e.id.slice(0,8)})]})]}),(0,W.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[d===`running`||d===`sleeping`?(0,W.jsx)(V,{type:`button`,size:`sm`,variant:`destructive`,disabled:n,onClick:()=>{r(!0),ue(e.id).catch(()=>{x.error(`Failed to interrupt node`)}).finally(()=>{r(!1)})},children:n?`Interrupting...`:`Interrupt`}):null,(0,W.jsx)($t,{title:`Close details`,onClick:t,children:(0,W.jsx)(o,{className:`size-4`})})]})]}),(0,W.jsx)(`div`,{className:`flex-1 overflow-y-auto p-3.5`,children:(0,W.jsxs)(`div`,{className:`space-y-3.5`,children:[(0,W.jsxs)(`div`,{className:`grid gap-3.5 border-b border-border pb-3.5 sm:grid-cols-3`,children:[(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`Status`}),(0,W.jsx)(`div`,{className:`mt-2`,children:(0,W.jsx)(Nt,{variant:`outline`,className:Ht[d],children:d.toUpperCase()})})]}),(0,W.jsxs)(`div`,{className:`min-w-0 sm:border-l sm:border-border sm:pl-3.5`,children:[(0,W.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`Contacts`}),(0,W.jsxs)(`p`,{className:`mt-2 select-text text-sm text-foreground`,children:[p.length,` `,N]})]}),(0,W.jsxs)(`div`,{className:`min-w-0 sm:border-l sm:border-border sm:pl-3.5`,children:[(0,W.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`Workflow`}),(0,W.jsx)(`p`,{className:`mt-2 select-text text-sm text-foreground`,children:C?.title??S?.slice(0,8)??`None`})]})]}),(0,W.jsx)(H,{title:`Workflow Context`,children:S?(0,W.jsxs)(`div`,{className:`grid gap-3 text-sm sm:grid-cols-2`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`ID`}),(0,W.jsx)(`p`,{className:`mt-1 select-text font-mono text-[11px] text-foreground`,children:S??`None`})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`Title`}),(0,W.jsx)(`p`,{className:`mt-1 select-text text-foreground`,children:C?.title??`Unknown`})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`Role`}),(0,W.jsx)(`p`,{className:`mt-1 select-text text-foreground`,children:_??`None`})]})]}):(0,W.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No workflow metadata`})}),s?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(H,{title:`Workflow Permissions`,children:(0,W.jsx)(en,{allowNetwork:E,writeDirs:D,inherited:!w})}),(0,W.jsx)(H,{title:`Ports`,children:[...e.inputs??[],...e.outputs??[]].length===0?(0,W.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No ports`}):(0,W.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:[...e.inputs??[],...e.outputs??[]].map(e=>(0,W.jsxs)(`span`,{className:L(Vt,`select-text`),children:[e.direction===`in`?`Input`:`Output`,` ·`,` `,e.key,` · `,e.type]},`${e.direction}-${e.key}`))})}),(0,W.jsx)(H,{title:`Settings`,children:Object.keys(e.config??{}).length===0?(0,W.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No settings`}):(0,W.jsx)(`pre`,{className:`max-h-56 overflow-auto rounded-md border border-border bg-background/40 p-3 text-[11px] leading-5 text-foreground`,children:JSON.stringify(e.config,null,2)})})]}):(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(H,{title:`Contacts`,children:M.length===0&&ee.length===0?(0,W.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No direct contacts`}):M.length>0?(0,W.jsx)(`div`,{className:`space-y-2`,children:M.map(e=>(0,W.jsxs)(`div`,{className:`rounded-md border border-border bg-accent/25 px-3 py-2`,children:[(0,W.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,W.jsx)(`p`,{className:`min-w-0 select-text truncate text-sm font-medium text-foreground`,children:Jt(e,i.get(e.target_id))}),(0,W.jsx)(Nt,{variant:`outline`,className:`shrink-0 border-border bg-background/40 font-mono text-[10px] text-muted-foreground`,children:e.port_type})]}),(0,W.jsxs)(`div`,{className:`mt-2 flex min-w-0 flex-wrap items-center gap-1.5 text-[11px] text-muted-foreground`,children:[(0,W.jsx)(`span`,{className:`select-text rounded-md bg-background/45 px-1.5 py-0.5 font-mono text-foreground/80`,children:e.from_output_port_key}),(0,W.jsx)(`span`,{"aria-hidden":`true`,children:`to`}),(0,W.jsx)(`span`,{className:`select-text rounded-md bg-background/45 px-1.5 py-0.5 font-mono text-foreground/80`,children:e.to_input_port_key})]})]},e.edge_id))}):(0,W.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:ee.map(e=>(0,W.jsx)(`span`,{className:L(Vt,`select-text`),children:e.label},e.id))})}),(0,W.jsx)(H,{title:`Workflow Graph`,children:j.length===0?(0,W.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No graph edges`}):(0,W.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:j.map(e=>(0,W.jsx)(`span`,{className:L(Vt,`select-text`),children:e.label},e.id))})}),(0,W.jsx)(H,{title:`Tools`,children:v.length===0?(0,W.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No tools configured`}):(0,W.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:v.map(e=>(0,W.jsx)(`span`,{className:L(Vt,`select-text font-mono`),children:e},e))})}),(0,W.jsx)(H,{title:O,children:(0,W.jsx)(en,{allowNetwork:E,writeDirs:D,inherited:!w})}),(0,W.jsx)(H,{title:`Todos`,children:(0,W.jsx)(`div`,{className:`space-y-2`,children:h.length===0?(0,W.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No todos`}):h.slice(0,6).map(e=>(0,W.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 text-sm text-foreground`,children:[(0,W.jsx)(`span`,{className:`size-2 rounded-full bg-border`}),(0,W.jsx)(`span`,{className:`min-w-0 break-words [overflow-wrap:anywhere]`,children:e.text})]},e.text))})}),(0,W.jsxs)(`div`,{className:`border-t border-border pt-4`,children:[(0,W.jsx)(`div`,{className:`px-0 pb-2`,children:(0,W.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`History`})}),u?(0,W.jsx)(`div`,{className:`space-y-2`,children:[...[,,,,]].map((e,t)=>(0,W.jsx)(`div`,{className:`h-12 rounded-md skeleton-shimmer`},t))}):l?(0,W.jsx)(`div`,{className:`text-sm text-destructive`,children:l}):g.length===0?(0,W.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`No history yet.`}):(0,W.jsx)(Tt,{history:g,agentLabel:k,nodes:i})]})]})]})})]})}function qt(e){return typeof e==`object`&&!!e&&`from_output_port_key`in e&&`to_input_port_key`in e}function Jt(e,t){return t?Rt({name:t.name,roleName:t.role_name,nodeType:t.node_type,isLeader:t.is_leader}):typeof e==`string`?e.slice(0,8):Rt({name:e.name,roleName:e.role_name,nodeType:e.node_type,isLeader:e.is_leader})}function Yt({onOpenDetails:e}){let{agents:t}=ae(),[n,r]=(0,U.useState)(!1),{height:i,ref:a}=Ve(),{activeTab:o,addImages:s=async()=>{},cancelPendingSend:c,clearChat:l,clearing:u=!1,connected:d,draftImages:f=[],handleKeyDown:p,hasUploadingImages:m=!1,input:h,isBrowsingInputHistory:g,leaderActivity:_,leaderNode:v,navigateInputHistory:y,onMessagesScroll:b,removeImage:S=()=>{},retryMessage:C,retryingMessageId:w,scrollRef:T,sending:E,sendMessage:D,sendPendingSend:O,setInput:k,stopLeader:A,supportsInputImage:j=!1,timelineItems:M}=It({bottomInset:i});return o?v?(0,W.jsxs)(`div`,{className:`relative flex h-full flex-col`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2.5 border-b border-border px-3.5 py-2.5`,children:[(0,W.jsxs)(`div`,{className:`flex min-w-[220px] flex-1 items-center gap-2`,children:[(0,W.jsx)(`p`,{className:`shrink-0 text-[14px] font-semibold leading-6`,children:`Workflow chat`}),v.role_name?(0,W.jsxs)(`span`,{className:`min-w-0 truncate rounded-full border border-border bg-accent/35 px-2 py-0.5 text-[10px] font-medium leading-4 text-muted-foreground/78`,children:[`Role: `,v.role_name]}):null,(0,W.jsx)(`span`,{className:`min-w-0 truncate rounded-full border border-border bg-accent/35 px-2 py-0.5 text-[10px] font-medium leading-4 text-muted-foreground/78`,children:o.title}),(0,W.jsx)(`span`,{className:L(`rounded-full border px-2.5 py-0.5 text-[9px] font-medium transition-colors`,d?`border-graph-status-running/18 bg-graph-status-running/[0.12] text-graph-status-running`:`border-graph-status-idle/18 bg-graph-status-idle/[0.12] text-graph-status-idle`),children:d?`Online`:`Connecting...`}),(0,W.jsx)(`span`,{className:`rounded-full border border-border bg-accent/35 px-2 py-0.5 text-[10px] font-medium leading-4 text-muted-foreground/78`,children:o.activation_state===`active`?`Active`:`Inactive`})]}),(0,W.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,W.jsx)(V,{type:`button`,size:`sm`,variant:`outline`,disabled:u,onClick:()=>void l(),children:u?`Clearing...`:`Clear Chat`}),(0,W.jsx)(V,{type:`button`,size:`sm`,variant:`outline`,onClick:e,children:`Leader Details`})]})]}),(0,W.jsxs)(`div`,{className:`relative flex min-h-0 flex-1 flex-col`,children:[(0,W.jsx)(Ee,{allowHumanMessageRetry:!0,bottomInset:i,items:M,nodes:t,onRetryHumanMessage:e=>void C(e),onCancelPendingSend:c,onSendPendingSend:e=>void O(e),onScroll:b,retryImageInputEnabled:j,retryingMessageId:w,runningHint:_.runningHint,scrollRef:T}),(0,W.jsx)(`div`,{ref:a,style:{paddingBottom:`calc(10px + env(safe-area-inset-bottom, 0px))`},className:`pointer-events-none absolute inset-x-0 bottom-0 z-10 bg-gradient-to-b from-transparent via-background/70 to-background/95 px-2.5 pt-8`,children:(0,W.jsx)(Z,{busy:_.running,commandsEnabled:!0,disabled:!h.trim()&&f.length===0||m||E,images:f,imageInputEnabled:j,input:h,onAddImages:e=>void s(e),onChange:k,onNavigateHistory:y,onKeyDown:p,onRemoveImage:S,onSend:()=>void D(),onStop:()=>{r(!0),A().catch(e=>{x.error(e instanceof Error?e.message:`Failed to interrupt leader`)}).finally(()=>{r(!1)})},overlay:!0,suppressCommandNavigation:g,targetLabel:`this workflow`,stopping:n})})]})]}):(0,W.jsx)(Zt,{}):(0,W.jsx)(Xt,{})}function Xt(){return(0,W.jsx)(`div`,{className:`flex h-full items-center justify-center px-6`,children:(0,W.jsxs)(`div`,{className:`max-w-sm rounded-xl border border-border bg-accent/20 px-5 py-6 text-center`,children:[(0,W.jsx)(`p`,{className:`text-[13px] font-semibold text-foreground`,children:`No workflow selected`}),(0,W.jsx)(`p`,{className:`mt-2 text-[12px] leading-6 text-muted-foreground`,children:`Create a workflow or switch to an existing one to open its workflow chat.`})]})})}function Zt(){return(0,W.jsx)(`div`,{className:`flex h-full items-center justify-center px-6`,children:(0,W.jsxs)(`div`,{className:`max-w-sm rounded-xl border border-border bg-accent/20 px-5 py-6 text-center`,children:[(0,W.jsx)(`p`,{className:`text-[13px] font-semibold text-foreground`,children:`Loading workflow context`}),(0,W.jsx)(`p`,{className:`mt-2 text-[12px] leading-6 text-muted-foreground`,children:`Restoring the current workflow chat.`})]})})}function Qt({expanded:e,onClick:t,className:n}){let r=e?`Hide panel`:`Show panel`;return(0,W.jsx)(V,{type:`button`,variant:`ghost`,size:`icon`,onClick:t,title:r,"aria-label":r,className:L(`pointer-events-auto relative isolate flex size-9 items-center justify-center rounded-md border border-border bg-surface-overlay/80 text-muted-foreground shadow-sm transition-[background-color,color] duration-150 hover:bg-accent/60 hover:text-foreground [contain:paint]`,n),children:(0,W.jsx)(`span`,{className:`flex transition-transform duration-200`,children:e?(0,W.jsx)(u,{className:`size-4`}):(0,W.jsx)(k,{className:`size-4`})})})}function $t({children:e,onClick:t,title:n}){return(0,W.jsx)(V,{type:`button`,variant:`ghost`,size:`icon-xs`,onClick:t,title:n,"aria-label":n,className:`flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors duration-150 hover:bg-accent/45 hover:text-foreground`,children:e})}function en({allowNetwork:e,inherited:t,writeDirs:n}){return(0,W.jsxs)(`div`,{className:`space-y-3`,children:[t?(0,W.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Set by this workflow.`}):null,(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`Network`}),(0,W.jsx)(`p`,{className:`mt-1 select-text text-sm text-foreground`,children:e?`Enabled`:`Disabled`})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`p`,{className:`text-[10px] font-semibold text-muted-foreground`,children:`Writable Folders`}),n.length===0?(0,W.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`No write access`}):(0,W.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:n.map(e=>(0,W.jsx)(`span`,{className:L(Vt,`select-text font-mono text-[11px]`),children:e},e))})]})]})}export{Ve as A,vt as C,lt as D,ct as E,Z as M,he as N,He as O,gt as S,ut as T,wt as _,Ut as a,ft as b,Rt as c,Bt as d,Ft as f,St as g,xt as h,Qt as i,Ee as j,Ye as k,Lt as l,bt as m,Gt as n,Wt as o,Nt as p,Yt as r,Xt as s,Kt as t,zt as u,yt as v,_t as w,ht as x,mt as y};

package/dist/frontend/assets/alert-dialog-Duorp_S-.js

@@ -1 +0,0 @@
-import"./rolldown-runtime-BYbx6iT9.js";import{d as e,l as t}from"./graph-vendor-DRq_-6fV.js";import{A as n,F as r,M as i,N as a,O as o,P as s,j as c,k as l}from"./ui-vendor-C5pJa8N7.js";import{dt as u,ft as d}from"./index-C9HuekJm.js";e();var f=t();function p({...e}){return(0,f.jsx)(s,{"data-slot":`alert-dialog`,...e})}function m({...e}){return(0,f.jsx)(a,{"data-slot":`alert-dialog-portal`,...e})}function h({className:e,...t}){return(0,f.jsx)(i,{"data-slot":`alert-dialog-overlay`,className:d(`bg-background/88 fixed inset-0 z-50`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,e),...t})}function g({className:e,...t}){return(0,f.jsxs)(m,{children:[(0,f.jsx)(h,{}),(0,f.jsx)(n,{"data-slot":`alert-dialog-content`,className:d(`fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] sm:max-w-lg -translate-x-1/2 -translate-y-1/2 grid gap-4 rounded-xl border border-border bg-popover text-popover-foreground p-6 shadow-lg`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`,e),...t})]})}function _({className:e,...t}){return(0,f.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:d(`flex flex-col gap-2 text-left`,e),...t})}function v({className:e,...t}){return(0,f.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:d(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function y({className:e,...t}){return(0,f.jsx)(r,{"data-slot":`alert-dialog-title`,className:d(`text-lg font-semibold`,e),...t})}function b({className:e,...t}){return(0,f.jsx)(c,{"data-slot":`alert-dialog-description`,className:d(`text-sm text-muted-foreground`,e),...t})}function x({className:e,...t}){return(0,f.jsx)(o,{"data-slot":`alert-dialog-action`,className:d(u(),e),...t})}function S({className:e,...t}){return(0,f.jsx)(l,{"data-slot":`alert-dialog-cancel`,className:d(u({variant:`outline`}),e),...t})}export{b as a,y as c,g as i,x as n,v as o,S as r,_ as s,p as t};

package/dist/frontend/assets/dialog-C3ixjGjN.js

@@ -1 +0,0 @@
-import"./rolldown-runtime-BYbx6iT9.js";import{d as e,l as t}from"./graph-vendor-DRq_-6fV.js";import{B as n,H as r,I as i,L as a,R as o,V as s,z as c}from"./ui-vendor-C5pJa8N7.js";import{ft as l}from"./index-C9HuekJm.js";e();var u=t();function d({...e}){return(0,u.jsx)(s,{"data-slot":`dialog`,...e})}function f({...e}){return(0,u.jsx)(n,{"data-slot":`dialog-portal`,...e})}function p({...e}){return(0,u.jsx)(i,{"data-slot":`dialog-close`,...e})}function m({className:e,...t}){return(0,u.jsx)(c,{"data-slot":`dialog-overlay`,className:l(`bg-background/80 fixed inset-0 z-50 backdrop-blur-[6px]`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,e),...t})}function h({className:e,children:t,...n}){return(0,u.jsxs)(f,{children:[(0,u.jsx)(m,{}),(0,u.jsx)(a,{"data-slot":`dialog-content`,className:l(`fixed top-1/2 left-1/2 z-50 w-[calc(100vw-2rem)] max-w-[34rem] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-lg`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`,e),...n,children:t})]})}function g({className:e,...t}){return(0,u.jsx)(`div`,{"data-slot":`dialog-header`,className:l(`flex flex-col gap-2 text-left`,e),...t})}function _({className:e,...t}){return(0,u.jsx)(`div`,{"data-slot":`dialog-footer`,className:l(`flex flex-col-reverse gap-2 sm:flex-row sm:items-center sm:justify-end`,e),...t})}function v({className:e,...t}){return(0,u.jsx)(r,{"data-slot":`dialog-title`,className:l(`text-[1.15rem] font-semibold tracking-[-0.03em]`,e),...t})}function y({className:e,...t}){return(0,u.jsx)(o,{"data-slot":`dialog-description`,className:l(`text-sm leading-6 text-muted-foreground`,e),...t})}export{_ as a,y as i,p as n,g as o,h as r,v as s,d as t};