@runfusion/fusion 0.32.0 → 0.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bin.js +23464 -10700
- package/dist/client/.vite/manifest.json +61 -61
- package/dist/client/assets/{AgentDetailView-CnFf_eBZ.js → AgentDetailView-BACu9GYE.js} +3 -3
- package/dist/client/assets/{AgentPermissionPolicyEditor-Cmkt9Z01.js → AgentPermissionPolicyEditor-tNNlcCDk.js} +2 -2
- package/dist/client/assets/AgentsView-CPpHwjn3.js +29 -0
- package/dist/client/assets/ChatView-CCAUA7HB.js +6 -0
- package/dist/client/assets/DevServerView-BlxSS8Uu.js +1 -0
- package/dist/client/assets/{DirectoryPicker-DctpCNrd.js → DirectoryPicker-ioTzF36r.js} +1 -1
- package/dist/client/assets/{DocumentsView-DORp5JjC.js → DocumentsView-CsDb8dPw.js} +1 -1
- package/dist/client/assets/{EvalsView-CYVJ1pbc.js → EvalsView-I0GhxVhm.js} +1 -1
- package/dist/client/assets/{ExperimentalAgentOnboardingModal-BULVNAiq.js → ExperimentalAgentOnboardingModal-Cr6g_jok.js} +2 -2
- package/dist/client/assets/{GoalsView-bmpZKOI_.js → GoalsView-DXJxe6D4.js} +1 -1
- package/dist/client/assets/{InsightsView-mmtem0RU.js → InsightsView-BaIhzpvX.js} +1 -1
- package/dist/client/assets/{MemoryView-HVpO1fCH.js → MemoryView-DlmcI0ca.js} +2 -2
- package/dist/client/assets/NodesView-vc4T0uCy.js +14 -0
- package/dist/client/assets/{PiExtensionsManager-Cyfas2VT.js → PiExtensionsManager-C0ljxGbt.js} +2 -2
- package/dist/client/assets/{PluginManager-C7QDE3Lk.js → PluginManager-D27abRF-.js} +1 -1
- package/dist/client/assets/ResearchView-BSpDz8YN.js +1 -0
- package/dist/client/assets/SecretsView-BmCemEu8.js +1 -0
- package/dist/client/assets/{SecretsView-BFhVwJu6.css → SecretsView-D5bHZ-wM.css} +1 -1
- package/dist/client/assets/SettingsModal-0gevFhXV.css +1 -0
- package/dist/client/assets/{SettingsModal-YCJM5is3.js → SettingsModal-DvmwpEUE.js} +1 -1
- package/dist/client/assets/SettingsModal-m3KMs_uS.js +31 -0
- package/dist/client/assets/{SetupWizardModal-BT-mj3VD.js → SetupWizardModal-CDfZpkB7.js} +1 -1
- package/dist/client/assets/{SkillsView-Db7dYpqd.js → SkillsView-BCpa_vud.js} +1 -1
- package/dist/client/assets/{StashRecoveryView-CSYYcWux.js → StashRecoveryView-BYLja93K.js} +1 -1
- package/dist/client/assets/{TodoView-zqCqfy26.js → TodoView-lbnG-8cZ.js} +2 -2
- package/dist/client/assets/{dashboard-view-PpcsMDvN.js → dashboard-view-CY6MGQbI.js} +1 -1
- package/dist/client/assets/{folder-open-mxsFQlAX.js → folder-open-CZghG0dv.js} +1 -1
- package/dist/client/assets/index-lDPXOH7J.css +1 -0
- package/dist/client/assets/index-tJzhtiGM.js +742 -0
- package/dist/client/assets/{upload-j7JjaJzG.js → upload-L7aDk8Xn.js} +1 -1
- package/dist/client/assets/{users-DZ_0WcB6.js → users-DoWKt94F.js} +1 -1
- package/dist/client/index.html +102 -3
- package/dist/client/version.json +1 -1
- package/dist/droid-cli/package.json +1 -1
- package/dist/extension.js +18491 -6644
- package/dist/pi-claude-cli/package.json +1 -1
- package/dist/plugins/fusion-plugin-cli-printing-press/package.json +1 -1
- package/dist/plugins/fusion-plugin-cursor-runtime/package.json +1 -1
- package/dist/plugins/fusion-plugin-dependency-graph/package.json +1 -1
- package/dist/plugins/fusion-plugin-droid-runtime/package.json +1 -1
- package/dist/plugins/fusion-plugin-hermes-runtime/package.json +1 -1
- package/dist/plugins/fusion-plugin-openclaw-runtime/package.json +1 -1
- package/dist/plugins/fusion-plugin-paperclip-runtime/package.json +1 -1
- package/dist/plugins/fusion-plugin-reports/package.json +1 -1
- package/dist/plugins/fusion-plugin-roadmap/package.json +1 -1
- package/dist/plugins/fusion-plugin-whatsapp-chat/package.json +1 -1
- package/package.json +1 -1
- package/skill/fusion/references/extension-tools.md +2 -1
- package/skill/fusion/references/fusion-capabilities.md +1 -1
- package/dist/client/assets/AgentsView-LkVv9hph.js +0 -34
- package/dist/client/assets/ChatView-DYjECCRG.js +0 -1
- package/dist/client/assets/DevServerView-D7legPr1.js +0 -1
- package/dist/client/assets/NodesView-CM0eoCP8.js +0 -14
- package/dist/client/assets/ResearchView-Bn2WxwnQ.js +0 -1
- package/dist/client/assets/SecretsView-DgrrgzFc.js +0 -1
- package/dist/client/assets/SettingsModal-BCZrCLl3.js +0 -31
- package/dist/client/assets/SettingsModal-BZBV2kLr.css +0 -1
- package/dist/client/assets/index-Ba-F8c1g.js +0 -732
- package/dist/client/assets/index-D4HhaIOp.css +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{c as f,
|
|
1
|
+
import{c as f,dX as h,eI as j,eJ as k}from"./index-tJzhtiGM.js";import{j as e}from"./vendor-react-K0fH_qHe.js";/**
|
|
2
2
|
* @license lucide-react v1.7.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const I=[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]],T=f("star",I),b=["allow","require-approval","block"],E={git_write:{label:"Git writes",description:"Commits, branch updates, and merge-affecting git changes."},file_write_delete:{label:"File writes/deletes",description:"Create, edit, or remove files in the workspace."},command_execution:{label:"Command execution",description:"Runs shell commands and scripts."},network_api:{label:"Network/API",description:"Outbound network or API access."},task_agent_mutation:{label:"Task/agent mutation",description:"Task state changes, delegation, or agent lifecycle actions."}};function
|
|
6
|
+
*/const I=[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]],T=f("star",I),b=["allow","require-approval","block"],E={git_write:{label:"Git writes",description:"Commits, branch updates, and merge-affecting git changes."},file_write_delete:{label:"File writes/deletes",description:"Create, edit, or remove files in the workspace."},command_execution:{label:"Command execution",description:"Runs shell commands and scripts."},network_api:{label:"Network/API",description:"Outbound network or API access."},task_agent_mutation:{label:"Task/agent mutation",description:"Task state changes, delegation, or agent lifecycle actions."}};function P(){return{git_write:"allow",file_write_delete:"allow",command_execution:"allow",network_api:"allow",task_agent_mutation:"allow"}}const d={unrestricted:{git_write:"allow",file_write_delete:"allow",command_execution:"allow",network_api:"allow",task_agent_mutation:"allow"},"approval-required":{git_write:"require-approval",file_write_delete:"require-approval",command_execution:"require-approval",network_api:"require-approval",task_agent_mutation:"require-approval"},"locked-down":{git_write:"block",file_write_delete:"block",command_execution:"block",network_api:"block",task_agent_mutation:"block"}};function N(t){return d[t]}function u(t,n){return h.every(l=>t[l]===n[l])}function R(t){return u(t,d.unrestricted)?"unrestricted":u(t,d["approval-required"])?"approval-required":u(t,d["locked-down"])?"locked-down":"custom"}function A({value:t,projectDefault:n,mode:l,onChange:s,disabled:m=!1}){const w=t?R(t.rules):"unrestricted",x=l==="agent-override"&&!t?"inherit":t?.presetId==="custom"?w:t?.presetId??"unrestricted",p=t?.rules??P(),v=r=>{if(l==="agent-override"&&r==="inherit"){s(void 0);return}if(r==="custom"){s({presetId:"custom",rules:{...p}});return}s({presetId:r,rules:N(r)})},g=(r,a)=>{if(l==="agent-override"&&a==="inherit"){if(!t)return;const c={...t.rules};c[r]=n?.[r]??"allow",s({presetId:"custom",rules:c});return}const o={...p,[r]:a};s({presetId:"custom",rules:o})};return e.jsxs("div",{className:"agent-policy-editor card",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("label",{htmlFor:"agent-policy-preset",children:"Preset"}),e.jsxs("select",{id:"agent-policy-preset",className:"select",value:x,onChange:r=>v(r.target.value),disabled:m,children:[l==="agent-override"?e.jsx("option",{value:"inherit",children:"Inherit project default"}):null,e.jsx("option",{value:"unrestricted",children:"Unrestricted"}),e.jsx("option",{value:"approval-required",children:"Approval Required"}),e.jsx("option",{value:"locked-down",children:"Locked Down"}),e.jsx("option",{value:"custom",children:"Custom"})]})]}),e.jsx("div",{className:"agent-policy-table",role:"table","aria-label":"Permission policy categories",children:h.map(r=>{const a=E[r]??{label:r,description:""},o=n?.[r]??"allow",c=p[r]??"allow",_=l==="agent-override"&&!t?"inherit":c;return e.jsxs("div",{className:"agent-policy-row",role:"row","data-category":r,children:[e.jsxs("div",{className:"agent-policy-cell",children:[e.jsx("strong",{children:a.label}),e.jsx("div",{className:"agent-policy-description",children:a.description}),e.jsx("ul",{className:"agent-policy-examples","aria-label":`${a.label} examples`,children:(j[r]??[]).map(i=>e.jsx("li",{children:e.jsx("code",{children:i})},`${r}-${i}`))})]}),e.jsxs("div",{className:"agent-policy-cell",children:[e.jsxs("select",{className:"select",value:_,onChange:i=>g(r,i.target.value),disabled:m,children:[l==="agent-override"?e.jsx("option",{value:"inherit",children:"Inherit"}):null,b.map(i=>e.jsx("option",{value:i,children:i==="require-approval"?"Require approval":i[0]?.toUpperCase()+i.slice(1)},i))]}),l==="agent-override"&&_==="inherit"?e.jsxs("div",{className:"agent-policy-inherit-note",children:["from project default: ",o==="require-approval"?"Require approval":o]}):null]})]},r)})}),e.jsxs("details",{className:"agent-policy-exempt",open:!1,children:[e.jsx("summary",{children:"Tools exempt from approval policy"}),e.jsx("p",{children:"These coordination tools bypass approval policy so heartbeats and inter-agent messaging cannot deadlock. They are not user-configurable."}),e.jsx("ul",{className:"agent-policy-exempt-list",children:k.map(r=>e.jsx("li",{children:e.jsx("code",{children:r})},r))})]})]})}export{A,T as S};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/AgentDetailView-BACu9GYE.js","assets/vendor-react-K0fH_qHe.js","assets/index-tJzhtiGM.js","assets/vendor-xterm-DzcZoU0P.js","assets/vendor-xterm-LZoznX6r.css","assets/vendor-codemirror-jBKmHyH0.js","assets/index-lDPXOH7J.css","assets/AgentPermissionPolicyEditor-tNNlcCDk.js","assets/AgentPermissionPolicyEditor-CGxjOr6G.css","assets/ExperimentalAgentOnboardingModal-Cr6g_jok.js","assets/ExperimentalAgentOnboardingModal-BNpveCEk.css","assets/AgentDetailView-CY-O6VkV.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{c as bt,A as Je,C as pt,Z as Is,s as zs,r as Et,F as _t,f as Fs,a as Os,b as ms,B as Lt,u as gs,d as yt,e as Ds,g as Hs,h as Bs,i as Pt,j as qt,k as xt,P as Ws,l as Gs,m as Vs,n as Ks,o as Zt,G as Us,S as Ys,L as kt,T as Ct,R as Ze,X as Jt,p as Xs,q as qs,t as ut,v as Zs,w as Qt,x as Js,y as Qs,z as fe,D as nt,E as ea,M as ta,H as sa,I as es,N as ts,J as ss,K as aa,O as wt,Q as mt,U as na,V as la,W as ia,Y as ra,_ as oa,$ as as,a0 as ca,a1 as da,a2 as gt,a3 as ua,a4 as ns,a5 as ma,a6 as ga}from"./index-tJzhtiGM.js";import{r as s,j as e,a as ha}from"./vendor-react-K0fH_qHe.js";import{A as pa,S as xa,E as ba,f as va}from"./ExperimentalAgentOnboardingModal-Cr6g_jok.js";import{U as It}from"./upload-L7aDk8Xn.js";import{F as fa}from"./folder-open-CZghG0dv.js";import"./vendor-xterm-DzcZoU0P.js";import"./vendor-codemirror-jBKmHyH0.js";/**
|
|
3
|
+
* @license lucide-react v1.7.0 - ISC
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the ISC license.
|
|
6
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
7
|
+
*/const ja=[["path",{d:"M13 5h8",key:"a7qcls"}],["path",{d:"M13 12h8",key:"h98zly"}],["path",{d:"M13 19h8",key:"c3s6r1"}],["path",{d:"m3 17 2 2 4-4",key:"1jhpwq"}],["rect",{x:"3",y:"4",width:"6",height:"6",rx:"1",key:"cif1o7"}]],Na=bt("list-todo",ja);/**
|
|
8
|
+
* @license lucide-react v1.7.0 - ISC
|
|
9
|
+
*
|
|
10
|
+
* This source code is licensed under the ISC license.
|
|
11
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
12
|
+
*/const ya=[["path",{d:"M10 5H3",key:"1qgfaw"}],["path",{d:"M12 19H3",key:"yhmn1j"}],["path",{d:"M14 3v4",key:"1sua03"}],["path",{d:"M16 17v4",key:"1q0r14"}],["path",{d:"M21 12h-9",key:"1o4lsq"}],["path",{d:"M21 19h-5",key:"1rlt1p"}],["path",{d:"M21 5h-7",key:"1oszz2"}],["path",{d:"M8 10v4",key:"tgpxqk"}],["path",{d:"M8 12H3",key:"a7s4jb"}]],ka=bt("sliders-horizontal",ya);/**
|
|
13
|
+
* @license lucide-react v1.7.0 - ISC
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the ISC license.
|
|
16
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/const Ca=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"11",x2:"11",y1:"8",y2:"14",key:"1vmskp"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]],wa=bt("zoom-in",Ca);/**
|
|
18
|
+
* @license lucide-react v1.7.0 - ISC
|
|
19
|
+
*
|
|
20
|
+
* This source code is licensed under the ISC license.
|
|
21
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
22
|
+
*/const Sa=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]],Aa=bt("zoom-out",Sa);function ls(n){return typeof n=="number"&&Number.isFinite(n)?n:0}function Xe(n){return n.toLocaleString()}function Ra({agents:n}){const{rows:r,totalInputTokens:x,totalOutputTokens:g,totalTokens:h}=s.useMemo(()=>{const o=n.map(d=>{const f=ls(d.totalInputTokens),j=ls(d.totalOutputTokens);return{id:d.id,name:d.name,inputTokens:f,outputTokens:j,totalTokens:f+j}}).sort((d,f)=>f.totalTokens-d.totalTokens||d.name.localeCompare(f.name)||d.id.localeCompare(f.id));return{rows:o,totalInputTokens:o.reduce((d,f)=>d+f.inputTokens,0),totalOutputTokens:o.reduce((d,f)=>d+f.outputTokens,0),totalTokens:o.reduce((d,f)=>d+f.totalTokens,0)}},[n]),b=h>0;return e.jsxs("section",{className:"agent-token-stats-panel","aria-label":"Agent token usage statistics",children:[e.jsx("header",{className:"agent-token-stats-panel__header",children:e.jsx("h3",{className:"agent-token-stats-panel__title",children:"Token Usage by Agent"})}),e.jsxs("div",{className:"agent-token-stats-panel__totals",role:"list","aria-label":"Token usage totals",children:[e.jsxs("div",{className:"agent-token-stats-panel__total-card",role:"listitem",children:[e.jsx("span",{className:"agent-token-stats-panel__total-label",children:"Input Tokens"}),e.jsx("span",{className:"agent-token-stats-panel__total-value",children:Xe(x)})]}),e.jsxs("div",{className:"agent-token-stats-panel__total-card",role:"listitem",children:[e.jsx("span",{className:"agent-token-stats-panel__total-label",children:"Output Tokens"}),e.jsx("span",{className:"agent-token-stats-panel__total-value",children:Xe(g)})]}),e.jsxs("div",{className:"agent-token-stats-panel__total-card",role:"listitem",children:[e.jsx("span",{className:"agent-token-stats-panel__total-label",children:"Combined Tokens"}),e.jsx("span",{className:"agent-token-stats-panel__total-value",children:Xe(h)})]})]}),b?e.jsx("div",{className:"agent-token-stats-panel__table-wrapper",children:e.jsxs("table",{className:"agent-token-stats-panel__table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:"Agent"}),e.jsx("th",{scope:"col",children:"Input"}),e.jsx("th",{scope:"col",children:"Output"}),e.jsx("th",{scope:"col",children:"Total"})]})}),e.jsx("tbody",{children:r.map(o=>e.jsxs("tr",{children:[e.jsxs("th",{scope:"row",className:"agent-token-stats-panel__agent-cell",children:[e.jsx("span",{className:"agent-token-stats-panel__agent-name",children:o.name}),e.jsx("span",{className:"agent-token-stats-panel__agent-id",children:o.id})]}),e.jsx("td",{children:Xe(o.inputTokens)}),e.jsx("td",{children:Xe(o.outputTokens)}),e.jsx("td",{className:"agent-token-stats-panel__total-cell",children:Xe(o.totalTokens)})]},o.id))})]})}):e.jsx("div",{className:"agent-token-stats-panel__empty",role:"status",children:"No token usage recorded yet. Token totals appear here once agents run."})]})}const $a=[{icon:Je,label:"Active Agents",valueKey:"activeCount",className:"agent-metric-card--active"},{icon:Na,label:"Assigned Tasks",valueKey:"assignedTaskCount",className:"agent-metric-card--tasks"},{icon:pt,label:"Success Rate",valueKey:"successRate",className:"agent-metric-card--success"},{icon:Is,label:"Total Runs",valueKey:"completedRuns",className:"agent-metric-card--runs"}];function Ta({stats:n,className:r=""}){return n?e.jsx("div",{className:`agent-metrics-bar ${r}`.trim(),children:$a.map(x=>{const g=x.valueKey==="successRate"?`${Math.round(n.successRate*100)}%`:n[x.valueKey];return e.jsxs("div",{className:`agent-metric-card ${x.className}`,children:[e.jsx(x.icon,{size:18}),e.jsxs("div",{className:"agent-metric-info",children:[e.jsx("span",{className:"agent-metric-value",children:g}),e.jsx("span",{className:"agent-metric-label",children:x.label})]})]},x.label)})}):null}const is=200;function Ma(n,r){const[x,g]=s.useState([]),[h,b]=s.useState(!1),o=s.useRef(null),d=s.useRef(0),f=s.useRef(n),j=s.useRef(r);return(f.current!==n||j.current!==r)&&(f.current=n,j.current=r,d.current++,o.current&&(o.current(),o.current=null),g([]),b(!1)),s.useEffect(()=>{if(!n){g([]),b(!1);return}const $=d.current;let y=`/api/tasks/${encodeURIComponent(n)}/logs/stream`;r&&(y+=`?projectId=${encodeURIComponent(r)}`);const w=zs(y,{events:{"agent:log":E=>{if(d.current===$)try{const P=JSON.parse(E.data),B={type:P.type??"text",text:P.text??P.content??"",timestamp:P.timestamp,content:P.content};g(T=>{const L=[B,...T];return L.length>is?L.slice(0,is):L})}catch{}}},onOpen:()=>{d.current===$&&b(!0)},onError:()=>{d.current===$&&b(!1)}});return o.current=w,()=>{w(),o.current=null,d.current===$&&b(!1)}},[n,r]),{entries:x,isConnected:h}}const Ea=5e3;function _a({agent:n,projectId:r,onSelect:x,onOpenTaskLogs:g}){const{entries:h,isConnected:b}=Ma(n.taskId,r),[o,d]=s.useState(null);s.useEffect(()=>{if(!n.taskId){d(null);return}let T=!1,L;const v=async()=>{try{const F=await Fs(n.taskId,r);T||d(F)}catch{}finally{T||(L=setTimeout(v,Ea))}};return v(),()=>{T=!0,L&&clearTimeout(L)}},[n.taskId,r]);const f=n.lastHeartbeatAt?Math.floor((Date.now()-new Date(n.lastHeartbeatAt).getTime())/1e3):0,j=(()=>{if(!n.lastHeartbeatAt)return null;const T=Et(n.runtimeConfig?.heartbeatIntervalMs),L=new Date(n.lastHeartbeatAt).getTime()+T,v=Math.round((L-Date.now())/1e3);return Number.isFinite(v)?v<=0?`Heartbeat overdue ${St(-v)}`:`Next heartbeat in ${St(v)}`:null})(),k=o?.steps?.[o.currentStep??0],$=o?.steps?.length??0,y=(o?.currentStep??0)+1,w=o?.modelId,E=()=>{x&&x(n.id)},P=T=>{T.stopPropagation(),n.taskId&&g&&g(n.taskId)},B=T=>{(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),E())};return e.jsxs("div",{className:"live-agent-card",onClick:E,onKeyDown:B,role:"button",tabIndex:0,"aria-label":`Select agent ${n.name}`,children:[e.jsxs("div",{className:"live-agent-card-header",children:[e.jsxs("div",{className:"live-agent-card-name",children:[e.jsx("span",{className:`status-dot ${n.state==="running"?"status-dot--pending":"status-dot--online"}`,"aria-hidden":"true"}),e.jsx("span",{children:n.name})]}),n.taskId&&e.jsx("span",{className:"live-agent-task badge",children:n.taskId})]}),e.jsx("div",{className:"live-agent-card-transcript",children:h.length===0?e.jsx("div",{className:"live-agent-card-empty",children:n.taskId?k?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"live-agent-card-status",children:["Step ",y,$?`/${$}`:"",": ",k.name]}),w&&e.jsx("div",{className:"live-agent-card-status-sub",children:w}),e.jsx("div",{className:"live-agent-card-status-sub",children:b?"Waiting for output...":"Connecting to log stream..."})]}):e.jsx("span",{children:b?"Waiting for output...":"Connecting..."}):e.jsx("span",{children:n.state==="running"?"Starting...":"Idle — no task assigned"})}):h.slice(0,20).map((T,L)=>e.jsx("div",{className:"live-agent-card-line",children:T.text},L))}),e.jsxs("div",{className:"live-agent-card-footer",children:[e.jsxs("div",{className:"live-agent-card-footer-meta",children:[e.jsx("span",{className:"text-secondary",title:"Time since last heartbeat",children:St(f)}),j&&e.jsx("span",{className:"live-agent-card-next-heartbeat",title:j,children:j})]}),e.jsxs("div",{className:"live-agent-card-footer-actions",children:[n.taskId&&g&&e.jsxs("button",{type:"button",className:"live-agent-card-logs-btn",onClick:P,title:"View live run logs","aria-label":`View live logs for ${n.taskId}`,children:[e.jsx(_t,{size:12}),e.jsx("span",{children:"Live logs"})]}),b&&e.jsx(Je,{size:12,className:"live-agent-streaming-dot"})]})]})]})}function St(n){return n<60?`${n}s`:n<3600?`${Math.floor(n/60)}m ${n%60}s`:`${Math.floor(n/3600)}h ${Math.floor(n%3600/60)}m`}function La({agents:n,projectId:r,onAgentSelect:x,onOpenTaskLogs:g,className:h=""}){const b=Array.from(new Map(n.map(o=>[o.id,o])).values());return b.length===0?null:e.jsxs("div",{className:`active-agents-panel ${h}`.trim(),children:[e.jsxs("div",{className:"active-agents-panel-header",children:[e.jsx(Je,{size:16}),e.jsxs("span",{children:["Active Agents (",b.length,")"]})]}),e.jsx("div",{className:"active-agents-grid",children:b.map(o=>e.jsx(_a,{agent:o,projectId:r,onSelect:x,onOpenTaskLogs:g},o.id))})]})}function Pa({stats:n,activeAgents:r,projectId:x,isOpen:g,onToggle:h,onSelectAgent:b,onOpenTaskLogs:o}){return e.jsxs("section",{className:"agents-overview-bar","aria-label":"Agents overview",children:[e.jsxs("button",{type:"button",className:"agents-overview-bar__toggle","aria-expanded":g,onClick:h,children:[e.jsxs("span",{className:"agents-overview-bar__title-wrap",children:[g?e.jsx(Os,{size:16,"aria-hidden":"true"}):e.jsx(ms,{size:16,"aria-hidden":"true"}),e.jsx("span",{className:"agents-overview-bar__title",children:"Overview"})]}),e.jsxs("span",{className:"agents-overview-bar__meta text-secondary",children:[r.filter(d=>d.state==="active").length," active · ",r.filter(d=>d.state==="running").length," running"]})]}),g?e.jsxs("div",{className:"agents-overview-bar__content",children:[e.jsx(Ta,{stats:n,className:"agents-overview-bar__metrics"}),e.jsx(La,{agents:r,projectId:x,onAgentSelect:b,onOpenTaskLogs:o,className:"agents-overview-bar__active-panel"})]}):null]})}function At({title:n="No agents found",description:r="Create an agent to get started",ctaLabel:x="Create Agent",onCtaClick:g}){return e.jsxs("div",{className:"agent-empty",children:[e.jsx(Lt,{size:48,opacity:.3,className:"agent-empty-state__icon"}),e.jsx("p",{className:"agent-empty-state__title",children:n}),e.jsx("p",{className:"agent-empty-state__description text-secondary",children:r}),g?e.jsx("button",{type:"button",className:"btn btn-task-create btn-sm",onClick:g,children:x}):null]})}const rs=3,Rt=1e3;function Ia({isOpen:n,onClose:r,onGenerated:x,projectId:g}){gs(n);const[h,b]=s.useState(""),[o,d]=s.useState({type:"input"}),[f,j]=s.useState(null),[k,$]=s.useState(!1),y=s.useRef(null),w=s.useRef(null);s.useEffect(()=>{n&&o.type==="input"&&w.current?.focus()},[n,o.type]),s.useEffect(()=>{if(!n&&y.current){const v=y.current;y.current=null,yt(v,g).catch(()=>{})}},[n,g]),s.useEffect(()=>{if(!n)return;const v=F=>{F.key==="Escape"&&E()};return document.addEventListener("keydown",v),()=>document.removeEventListener("keydown",v)},[n]);const E=s.useCallback(()=>{if(y.current){const v=y.current;y.current=null,yt(v,g).catch(()=>{})}b(""),d({type:"input"}),j(null),$(!1),r()},[r,g]),P=s.useCallback(async()=>{if(!(!h.trim()||h.trim().length<rs)){j(null),d({type:"loading"});try{const{sessionId:v}=await Ds(h.trim(),g);y.current=v;const{spec:F}=await Hs(v,g);d({type:"preview",spec:F,sessionId:v})}catch(v){const F=v instanceof Error?v.message:"Failed to generate agent specification";F.includes("429")||F.toLowerCase().includes("rate limit")?j("Too many requests. Please wait a moment and try again."):j(F),d({type:"input"}),y.current=null}}},[h,g]),B=s.useCallback(async()=>{if(y.current){const v=y.current;y.current=null;try{await yt(v,g)}catch{}}await P()},[P,g]),T=s.useCallback(()=>{o.type==="preview"&&(y.current=null,x(o.spec),b(""),d({type:"input"}),j(null),$(!1),r())},[o,x,r]);if(!n)return null;const L=h.trim().length>=rs&&h.trim().length<=Rt;return e.jsx("div",{className:"agent-dialog-overlay",onClick:v=>{v.target===v.currentTarget&&E()},children:e.jsxs("div",{className:"agent-dialog",role:"dialog","aria-modal":"true","aria-label":"Generate agent with AI",children:[e.jsxs("div",{className:"agent-dialog-header",children:[e.jsxs("span",{className:"agent-dialog-header-title",children:[e.jsx("span",{className:"agent-dialog-header-sparkle",children:"✨"}),"Generate Agent"]}),e.jsx("button",{className:"modal-close",onClick:E,"aria-label":"Close",children:"×"})]}),e.jsxs("div",{className:"agent-dialog-body",children:[f&&e.jsx("div",{className:"agent-dialog-error-banner",children:f}),o.type==="input"&&e.jsxs("div",{children:[e.jsx("p",{className:"agent-dialog-info",children:"Describe your agent's role and the AI will generate a complete specification including system prompt, suggested configuration, and more."}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{htmlFor:"agent-role-description",children:"Role Description"}),e.jsx("textarea",{ref:w,id:"agent-role-description",className:"input agent-dialog-textarea",rows:4,placeholder:'e.g. "Senior frontend code reviewer who specializes in React accessibility"',value:h,onChange:v=>b(v.target.value),onKeyDown:v=>{v.key==="Enter"&&!v.shiftKey&&L&&(v.preventDefault(),P())},maxLength:Rt,"aria-describedby":"role-description-hint"}),e.jsxs("div",{id:"role-description-hint",className:"agent-dialog-hint",children:[e.jsx("span",{children:"Describe what your agent should do"}),e.jsxs("span",{children:[h.length,"/",Rt]})]})]})]}),o.type==="loading"&&e.jsxs("div",{className:"agent-dialog-loading-center",children:[e.jsx("div",{className:"agent-dialog-spinner spin"}),e.jsx("p",{className:"agent-dialog-loading-text",children:"Generating agent specification..."})]}),o.type==="preview"&&e.jsxs("div",{children:[e.jsxs("div",{className:"agent-dialog-summary agent-dialog-summary--spaced",children:[e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label agent-dialog-summary-row-label--fixed",children:"Title"}),e.jsxs("span",{className:"agent-dialog-summary-row-value",children:[o.spec.icon," ",o.spec.title]})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label agent-dialog-summary-row-label--fixed",children:"Role"}),e.jsx("span",{children:o.spec.role})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label agent-dialog-summary-row-label--fixed",children:"Description"}),e.jsx("span",{className:"agent-dialog-summary-row-value agent-dialog-summary-row-value--body",children:o.spec.description})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label agent-dialog-summary-row-label--fixed",children:"Thinking"}),e.jsx("span",{className:"agent-dialog-summary-row-value agent-dialog-summary-row-value--capitalize",children:o.spec.thinkingLevel})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label agent-dialog-summary-row-label--fixed",children:"Max Turns"}),e.jsx("span",{children:o.spec.maxTurns})]})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{children:["System Prompt",e.jsx("button",{type:"button",className:"agent-dialog-expand-btn",onClick:()=>$(!k),children:k?"Collapse":"Expand"})]}),e.jsxs("div",{className:`agent-generation-prompt-box${k?"":" agent-generation-prompt-box--collapsed"}`,children:[o.spec.systemPrompt,!k&&o.spec.systemPrompt.length>500&&e.jsx("div",{className:"agent-generation-prompt-fade"})]})]})]})]}),e.jsxs("div",{className:"agent-dialog-footer",children:[e.jsx("button",{className:"btn",onClick:E,children:"Cancel"}),o.type==="input"&&e.jsx("button",{className:"btn btn-task-create",onClick:()=>void P(),disabled:!L,children:"Generate"}),o.type==="preview"&&e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"btn",onClick:()=>void B(),children:"Regenerate"}),e.jsx("button",{className:"btn btn-task-create",onClick:T,children:"Use This"})]})]})]})})}const os=[{value:"triage",label:"Triage",icon:"⊕"},{value:"executor",label:"Executor",icon:"▶"},{value:"reviewer",label:"Reviewer",icon:"⊙"},{value:"merger",label:"Merger",icon:"⊞"},{value:"scheduler",label:"Scheduler",icon:"◷"},{value:"engineer",label:"Engineer",icon:"⎔"},{value:"custom",label:"Custom",icon:"✦"}],cs=new Set(["triage","executor","reviewer","merger","scheduler","engineer","custom"]);function za({isOpen:n,onClose:r,onCreated:x,projectId:g,prefillDraft:h=null,agentOnboardingEnabled:b=!1,existingAgents:o=[],onPrefillDraft:d}){const[f,j]=s.useState(0),[k,$]=s.useState("presets"),[y,w]=s.useState(""),[E,P]=s.useState(""),[B,T]=s.useState(""),[L,v]=s.useState("custom"),[F,z]=s.useState(""),[q,je]=s.useState(""),[le,V]=s.useState(""),[ne,ie]=s.useState(""),[O,N]=s.useState(""),[ge,he]=s.useState(""),[A,Z]=s.useState({model:"",thinkingLevel:"off",maxTurns:1e3}),[re,Ee]=s.useState(null),[ee,te]=s.useState([]),[Ne,K]=s.useState(!1),[pe,Se]=s.useState(null),[oe,G]=s.useState(!1),[ce,xe]=s.useState(!1),[_e,Fe]=s.useState([]),[Ae,Oe]=s.useState(!1),[be,$e]=s.useState([]),[ve,Le]=s.useState([]),[M,_]=s.useState("model"),[ye,ke]=s.useState(""),[Pe,de]=s.useState([]),[Ie,Te]=s.useState(!1),[i,p]=s.useState([]),[I,J]=s.useState(!1);s.useEffect(()=>{n&&(Oe(!0),Bs().then(a=>{Fe(a.models),$e(a.favoriteProviders),Le(a.favoriteModels)}).catch(()=>{}).finally(()=>Oe(!1)))},[n]),s.useEffect(()=>{n&&(J(!0),p([]),Pt(void 0,g).then(a=>{p(a)}).catch(()=>{p([])}).finally(()=>J(!1)))},[n,g]),s.useEffect(()=>{if(!n)return;const a=Gs;if(typeof a!="function"){de([]),Te(!1);return}Te(!0),de([]),a(g).then(S=>{de(S)}).catch(()=>{de([])}).finally(()=>Te(!1))},[n,g]);const D=A.model.includes("/")?A.model:"",U=s.useCallback(a=>{const S=cs.has(a.role)?a.role:"custom";w(a.title),P(a.description),T(a.icon),v(S),V(a.systemPrompt),Z(se=>({...se,thinkingLevel:a.thinkingLevel,maxTurns:a.maxTurns})),G(!1),j(1)},[]),De=s.useCallback(a=>{Z(S=>({...S,model:a}))},[]),He=s.useCallback(a=>{_(a),a==="model"&&ke("")},[]),vt=s.useCallback(async a=>{const S=be,ue=S.includes(a)?S.filter(Re=>Re!==a):[a,...S];$e(ue);try{await qt({favoriteProviders:ue,favoriteModels:ve})}catch{$e(S)}},[be,ve]),ze=s.useCallback(async a=>{const S=ve,ue=S.includes(a)?S.filter(Re=>Re!==a):[a,...S];Le(ue);try{await qt({favoriteProviders:be,favoriteModels:ue})}catch{Le(S)}},[be,ve]),ft=s.useCallback(a=>{Ee(a.id),w(a.name),T(a.icon),P(a.description??a.title),v(a.role),N(a.soul??""),V(a.instructionsText??""),j(1)},[]),Qe=s.useCallback(a=>{const S=a.runtimeHint?.trim()??"",se=a.model?.trim()||a.modelHint?.trim()||"";j(1),$("custom"),w(a.name??""),P(a.title??""),T(a.icon??""),v(cs.has(a.role)?a.role:"custom"),z(a.reportsTo??""),V(a.instructionsText??""),ie(a.heartbeatProcedurePath??""),N(a.soul??""),he(a.memory??""),te(Array.isArray(a.skills)?a.skills:[]),Z(ue=>({...ue,model:S?"":se,thinkingLevel:a.thinkingLevel??ue.thinkingLevel,maxTurns:a.maxTurns??ue.maxTurns})),S?(_("runtime"),ke(S)):(_("model"),ke(""))},[]);if(s.useEffect(()=>{!n||!h||Qe(h)},[n,h,Qe]),!n)return null;const Ce=()=>{j(0),$("presets"),w(""),P(""),T(""),v("custom"),z(""),je(""),V(""),ie(""),N(""),he(""),Z({model:"",thinkingLevel:"off",maxTurns:1e3}),_("model"),ke(""),Ee(null),te([]),Se(null),G(!1),xe(!1),r()},lt=async()=>{if(y.trim()){K(!0),Se(null);try{const a={};M==="runtime"?ye.trim()&&(a.runtimeHint=ye.trim()):A.model.trim()&&(a.model=A.model.trim()),A.thinkingLevel!=="off"&&(a.thinkingLevel=A.thinkingLevel),A.maxTurns!==1e3&&(a.maxTurns=A.maxTurns),await Ks({name:y.trim(),role:L,...E.trim()?{title:E.trim()}:{},...B.trim()?{icon:B.trim()}:{},...F.trim()?{reportsTo:F.trim()}:{},...q.trim()?{instructionsPath:q.trim()}:{},...le.trim()?{instructionsText:le.trim()}:{},...ne.trim()?{heartbeatProcedurePath:ne.trim()}:{},...O.trim()?{soul:O.trim()}:{},...ge.trim()?{memory:ge.trim()}:{},...Object.keys(a).length>0?{runtimeConfig:a}:{},...ee.length>0?{metadata:{skills:ee}}:{}},g),Ce(),x()}catch(a){Se(a instanceof Error?a.message:"Failed to create agent")}finally{K(!1)}}},Me=os.find(a=>a.value===L),Be=F.trim(),we=Be?i.find(a=>a.id===Be):void 0,We=ye?Pe.find(a=>a.runtimeId===ye):void 0,et=a=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{id:a,children:"Runtime Source"}),e.jsxs("div",{className:"agent-runtime-mode-toggle",role:"radiogroup","aria-labelledby":a,children:[e.jsxs("label",{className:`agent-runtime-mode-option${M==="model"?" agent-runtime-mode-option--active":""}`,children:[e.jsx("input",{type:"radio",name:a,value:"model",checked:M==="model",onChange:()=>He("model")}),e.jsx("span",{children:"Built-in Model"})]}),e.jsxs("label",{className:`agent-runtime-mode-option${M==="runtime"?" agent-runtime-mode-option--active":""}`,children:[e.jsx("input",{type:"radio",name:a,value:"runtime",checked:M==="runtime",onChange:()=>He("runtime")}),e.jsx("span",{children:"Plugin Runtime"})]})]})]}),M==="model"?e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{children:"Model"}),Ae?e.jsx("div",{className:"agent-dialog-loading",children:"Loading models…"}):e.jsx(Vs,{id:"agent-model",label:"Model",value:D,onChange:De,models:_e,placeholder:"Select a model…",favoriteProviders:be,onToggleFavorite:vt,favoriteModels:ve,onToggleModelFavorite:ze})]}):e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{htmlFor:"agent-runtime-hint",children:"Runtime"}),Ie?e.jsx("div",{className:"agent-dialog-loading",children:"Loading runtimes…"}):e.jsxs("select",{id:"agent-runtime-hint",className:"select",value:ye,onChange:S=>ke(S.target.value),children:[e.jsx("option",{value:"",children:Pe.length>0?"Select a plugin runtime…":"No plugin runtimes available"}),Pe.map(S=>e.jsx("option",{value:S.runtimeId,children:S.description?`${S.name} — ${S.description}`:S.name},`${S.pluginId}:${S.runtimeId}`))]})]})]});return ha.createPortal(e.jsxs("div",{className:"agent-dialog-overlay",onClick:a=>{a.target===a.currentTarget&&Ce()},children:[e.jsxs("div",{className:"agent-dialog",role:"dialog","aria-modal":"true","aria-label":"Create new agent",children:[e.jsxs("div",{className:"agent-dialog-header",children:[e.jsx("span",{className:"agent-dialog-header-title",children:"New Agent"}),e.jsx("button",{className:"btn-icon",onClick:Ce,"aria-label":"Close",children:"×"})]}),e.jsx("div",{className:"agent-dialog-steps",children:[0,1,2].map(a=>e.jsx("div",{className:`agent-dialog-step${a===f?" active":a<f?" completed":""}`,"aria-label":`Step ${a+1}`},a))}),e.jsxs("div",{className:"agent-dialog-body",children:[f===0&&e.jsxs("div",{children:[b&&e.jsx("div",{className:"agent-dialog-step-zero-actions",children:e.jsx("button",{type:"button",className:"btn agent-dialog-interview-btn",onClick:()=>xe(!0),children:"AI Interview"})}),e.jsxs("div",{className:"agent-dialog-tabs",role:"tablist","aria-label":"Agent setup mode",children:[e.jsx("button",{id:"agent-dialog-tab-presets",type:"button",role:"tab","aria-controls":"agent-dialog-panel-presets","aria-selected":k==="presets",tabIndex:k==="presets"?0:-1,className:`agent-dialog-tab${k==="presets"?" active":""}`,onClick:()=>$("presets"),"data-testid":"agent-dialog-tab-presets",children:"Preset personas"}),e.jsx("button",{id:"agent-dialog-tab-custom",type:"button",role:"tab","aria-controls":"agent-dialog-panel-custom","aria-selected":k==="custom",tabIndex:k==="custom"?0:-1,className:`agent-dialog-tab${k==="custom"?" active":""}`,onClick:()=>$("custom"),"data-testid":"agent-dialog-tab-custom",children:"Custom agent"})]}),k==="presets"&&e.jsx("div",{id:"agent-dialog-panel-presets",className:"agent-dialog-tab-panel",role:"tabpanel","aria-labelledby":"agent-dialog-tab-presets",children:e.jsxs("div",{className:"agent-presets",children:[e.jsx("div",{className:"agent-presets-header",children:"Choose a preset persona to prefill role, identity, soul, and instructions"}),e.jsx("div",{className:"agent-presets-grid",children:pa.map(a=>e.jsxs("button",{type:"button",className:`agent-preset-card${re===a.id?" selected":""}`,"data-testid":`preset-${a.id}`,onClick:()=>ft(a),title:a.title,children:[e.jsx("span",{className:"agent-preset-icon",children:e.jsx(xt,{agent:{id:a.id,icon:a.icon,name:a.name},size:28})}),e.jsx("span",{className:"agent-preset-name",children:a.name}),e.jsx("span",{className:"agent-preset-role",children:a.role}),a.description&&e.jsx("span",{className:"agent-preset-description",children:a.description})]},a.id))})]})}),k==="custom"&&e.jsxs("div",{id:"agent-dialog-panel-custom",className:"agent-dialog-tab-panel",role:"tabpanel","aria-labelledby":"agent-dialog-tab-custom",children:[e.jsxs("div",{className:"agent-dialog-section",children:[e.jsx("div",{className:"agent-dialog-section-header",children:"Identity"}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-name",children:["Name ",!re&&e.jsx("span",{className:"agent-dialog-required",children:"*"})]}),e.jsx("input",{id:"agent-name",type:"text",className:"input",placeholder:"e.g. Frontend Reviewer",value:y,onChange:a=>w(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field agent-dialog-field--title",children:[e.jsxs("label",{htmlFor:"agent-title",children:["Title ",e.jsx("span",{className:"agent-dialog-optional",children:"(optional)"})]}),e.jsx("input",{id:"agent-title",type:"text",className:"input",placeholder:"e.g. Senior Code Reviewer",value:E,onChange:a=>P(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-icon",children:["Icon ",e.jsx("span",{className:"agent-dialog-optional",children:"(optional)"})]}),e.jsx("input",{id:"agent-icon",type:"text",className:"input",placeholder:"e.g. 🤖",value:B,onChange:a=>T(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{children:"Role"}),e.jsx("div",{className:"agent-role-grid",children:os.map(a=>e.jsxs("button",{type:"button",className:`agent-role-option${L===a.value?" selected":""}`,onClick:()=>v(a.value),children:[e.jsx("span",{className:"agent-role-option-icon",children:a.icon}),e.jsx("span",{className:"agent-role-option-label",children:a.label})]},a.value))})]})]}),e.jsxs("div",{className:"agent-dialog-section",children:[e.jsx("div",{className:"agent-dialog-section-header",children:"Configuration"}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-reports-to",children:["Reports To ",e.jsx("span",{className:"agent-dialog-optional",children:"(optional)"})]}),e.jsxs("select",{id:"agent-reports-to",className:"select",value:F,onChange:a=>z(a.target.value),disabled:I,children:[e.jsx("option",{value:"",children:"No manager"}),i.map(a=>e.jsxs("option",{value:a.id,children:[a.name," (",a.id,")"]},a.id))]})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-soul",children:["Soul ",e.jsx("span",{className:"agent-dialog-optional",children:"(optional)"})]}),e.jsx("textarea",{id:"agent-soul",className:"input",rows:2,placeholder:"Describe the agent's personality and communication style...",value:O,onChange:a=>N(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-memory",children:["Agent Memory ",e.jsx("span",{className:"agent-dialog-optional",children:"(optional)"})]}),e.jsx("textarea",{id:"agent-memory",className:"input",rows:2,placeholder:"Private to this agent — durable preferences, operating habits, and context it should carry across tasks...",value:ge,onChange:a=>he(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-instructions-path",children:["Instructions Path ",e.jsx("span",{className:"agent-dialog-optional",children:"(optional)"})]}),e.jsx("input",{id:"agent-instructions-path",type:"text",className:"input",placeholder:"e.g. .fusion/agents/reviewer.md",value:q,onChange:a=>je(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-heartbeat-procedure-path",children:["Heartbeat Procedure Path ",e.jsx("span",{className:"agent-dialog-optional",children:"(optional)"})]}),e.jsx("input",{id:"agent-heartbeat-procedure-path",type:"text",className:"input",placeholder:"e.g. .fusion/agents/ceo-agent2736/HEARTBEAT.md",value:ne,onChange:a=>ie(a.target.value)}),e.jsx("p",{className:"agent-dialog-optional agent-dialog-field-hint",children:"Path to the agent's heartbeat procedure path, typically .fusion/agents/ceo-agent2736/HEARTBEAT.md. Legacy id-only default paths still work."})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-instructions-text",children:["Inline Instructions ",e.jsx("span",{className:"agent-dialog-optional",children:"(optional)"})]}),e.jsx("textarea",{id:"agent-instructions-text",className:"input",rows:4,placeholder:"Add custom behavior instructions...",value:le,onChange:a=>V(a.target.value)})]})]}),e.jsxs("div",{className:"agent-dialog-section",children:[e.jsx("div",{className:"agent-dialog-section-header",children:"Runtime"}),et("agent-runtime-source-step-0")]}),e.jsxs("div",{className:"agent-dialog-ai-generate",children:[e.jsxs("button",{type:"button",className:"btn btn--ai-generate",onClick:()=>G(!0),children:[e.jsx("span",{children:"✨"}),"Generate with AI"]}),e.jsx("p",{className:"agent-dialog-ai-hint",children:"Describe your agent's role and let AI generate a specification"})]})]})]}),f===1&&e.jsxs("div",{children:[et("agent-runtime-source-step-1"),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{htmlFor:"agent-thinking",children:"Thinking Level"}),e.jsxs("select",{id:"agent-thinking",className:"select",value:A.thinkingLevel,onChange:a=>Z(S=>({...S,thinkingLevel:a.target.value})),children:[e.jsx("option",{value:"off",children:"Off"}),e.jsx("option",{value:"minimal",children:"Minimal"}),e.jsx("option",{value:"low",children:"Low"}),e.jsx("option",{value:"medium",children:"Medium"}),e.jsx("option",{value:"high",children:"High"})]})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{htmlFor:"agent-max-turns",children:"Max Turns"}),e.jsx("input",{id:"agent-max-turns",type:"number",className:"input",min:1,max:2e3,value:A.maxTurns,onChange:a=>Z(S=>({...S,maxTurns:Math.max(1,parseInt(a.target.value,10)||1)}))})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx(xa,{id:"agent-skills",label:"Skills",value:ee,onChange:te,projectId:g}),e.jsx("p",{className:"agent-dialog-optional agent-dialog-skills-hint",children:"Optional skills to assign to this agent"})]})]}),f===2&&e.jsxs("div",{children:[e.jsx("p",{className:"agent-dialog-info",children:"Review your agent configuration before creating."}),e.jsxs("div",{className:"agent-dialog-summary",children:[e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:"Name"}),e.jsxs("span",{className:"agent-dialog-summary-row-value",children:[B&&e.jsx("span",{className:"agent-dialog-icon-prefix",children:B}),y]})]}),e.jsxs("div",{className:"agent-dialog-summary-row agent-dialog-summary-row--editable agent-dialog-summary-row--title",children:[e.jsx("label",{className:"agent-dialog-summary-row-label",htmlFor:"agent-review-title",children:"Title"}),e.jsx("input",{id:"agent-review-title",type:"text",className:"input",placeholder:"e.g. Senior Code Reviewer",value:E,onChange:a=>P(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:"Role"}),e.jsxs("span",{children:[Me?.icon," ",Me?.label]})]}),Be&&e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:"Reports To"}),e.jsx("span",{children:we?`${we.name} (${we.id})`:Be})]}),e.jsxs("div",{className:"agent-dialog-summary-row agent-dialog-summary-row--editable",children:[e.jsx("label",{className:"agent-dialog-summary-row-label",htmlFor:"agent-review-soul",children:"Soul"}),e.jsx("textarea",{id:"agent-review-soul",className:"input",rows:2,placeholder:"Describe the agent's personality and communication style...",value:O,onChange:a=>N(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-summary-row agent-dialog-summary-row--editable",children:[e.jsx("label",{className:"agent-dialog-summary-row-label",htmlFor:"agent-review-heartbeat-procedure-path",children:"Heartbeat Procedure Path"}),e.jsx("input",{id:"agent-review-heartbeat-procedure-path",type:"text",className:"input",placeholder:"e.g. .fusion/agents/ceo-agent2736/HEARTBEAT.md",value:ne,onChange:a=>ie(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-summary-row agent-dialog-summary-row--editable",children:[e.jsx("label",{className:"agent-dialog-summary-row-label",htmlFor:"agent-review-instructions-path",children:"Instructions Path"}),e.jsx("input",{id:"agent-review-instructions-path",type:"text",className:"input",placeholder:"e.g. .fusion/agents/reviewer.md",value:q,onChange:a=>je(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-summary-row agent-dialog-summary-row--editable",children:[e.jsx("label",{className:"agent-dialog-summary-row-label",htmlFor:"agent-review-instructions-text",children:"Inline Instructions"}),e.jsx("textarea",{id:"agent-review-instructions-text",className:"input",rows:4,placeholder:"Add custom behavior instructions...",value:le,onChange:a=>V(a.target.value)})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:M==="runtime"?"Runtime":"Model"}),e.jsx("span",{children:M==="runtime"?We?We.name:e.jsx("em",{className:"agent-dialog-summary-row-value--muted",children:"Not selected"}):D?e.jsxs(e.Fragment,{children:[e.jsx(Ws,{provider:D.split("/")[0],size:"sm"})," ",(()=>{const a=D.indexOf("/"),S=D.slice(0,a),se=D.slice(a+1);return _e.find(Re=>Re.provider===S&&Re.id===se)?.name||D})()]}):e.jsx("em",{className:"agent-dialog-summary-row-value--muted",children:"default"})})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:"Thinking"}),e.jsx("span",{className:"agent-dialog-summary-row-value--capitalize",children:A.thinkingLevel})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:"Max Turns"}),e.jsx("span",{children:A.maxTurns})]}),ee.length>0&&e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:"Skills"}),e.jsxs("span",{children:[ee.length," skill",ee.length!==1?"s":""," selected"]})]})]}),pe&&e.jsx("p",{className:"agent-dialog-error",children:pe})]})]}),e.jsxs("div",{className:"agent-dialog-footer",children:[f>0&&e.jsx("button",{className:"btn",onClick:()=>j(a=>a-1),disabled:Ne,children:"Back"}),e.jsx("button",{className:"btn",onClick:Ce,disabled:Ne,children:"Cancel"}),f<2?e.jsx("button",{className:"btn btn--primary",onClick:()=>j(a=>a+1),disabled:f===0&&!y.trim()&&!re,children:"Next"}):e.jsx("button",{className:"btn btn--primary",onClick:()=>void lt(),disabled:Ne||!y.trim(),children:Ne?"Creating...":"Create"})]})]}),e.jsx(Ia,{isOpen:oe,onClose:()=>G(!1),onGenerated:U,projectId:g}),e.jsx(ba,{isOpen:ce,onClose:()=>xe(!1),onUseDraft:a=>{d?.(a),d||Qe(a),xe(!1)},projectId:g,existingAgents:o,mode:"create"})]}),document.body)}function Fa(n){const r=n.match(/^---\s*\r?\n([\s\S]*?)\r?\n---(?:\r?\n([\s\S]*))?$/);if(!r)throw new Error("Missing YAML frontmatter delimiters (---)");const x=r[1].split(/\r?\n/),g=r[2]??"",h={name:""},b=[];let o=!1;for(const d of x){const j=d.trimEnd().trim();if(!j)continue;if(j.startsWith("skills:")){o=!0;continue}if(o&&j.startsWith("- ")){b.push(j.slice(2).trim());continue}o=!1;const[k,...$]=j.split(":"),w=$.join(":").trim().replace(/^['"]|['"]$/g,"");k==="name"&&(h.name=w),k==="title"&&(h.title=w),k==="icon"&&(h.icon=w),k==="role"&&(h.role=w),k==="reportsTo"&&(h.reportsTo=w)}if(!h.name)throw new Error("Missing required field: name");return b.length>0&&(h.skills=b),g.trim().length>0&&(h.instructionBody=g),h}function Oa({isOpen:n,onClose:r,onImported:x,projectId:g,initialInputMethod:h="paste"}){gs(n);const[b,o]=s.useState("input"),[d,f]=s.useState(h),[j,k]=s.useState(""),[$,y]=s.useState([]),[w,E]=s.useState("Unknown"),[P,B]=s.useState([]),[T,L]=s.useState([]),[v,F]=s.useState([]),[z,q]=s.useState([]),[je,le]=s.useState(!1),[V,ne]=s.useState(!1),[ie,O]=s.useState(null),[N,ge]=s.useState(null),[he,A]=s.useState(null),Z=s.useRef(null),re=s.useRef(null),[Ee,ee]=s.useState([]),[te,Ne]=s.useState(""),[K,pe]=s.useState(null),[Se,oe]=s.useState(!1),[G,ce]=s.useState(null),xe=s.useRef(!1);s.useEffect(()=>{d==="browse"&&!xe.current&&!Se&&(xe.current=!0,oe(!0),ce(null),Zt().then(i=>{i.error?ce(i.error):i.companies.length>0?ee(i.companies):ce("No companies available")}).catch(i=>{ce(i instanceof Error?i.message:"Failed to load companies")}).finally(()=>{oe(!1)}))},[d,Se]);const _e=s.useCallback(()=>{xe.current=!0,ce(null),ee([]),pe(null),oe(!0),Zt().then(i=>{i.error?ce(i.error):i.companies.length>0?ee(i.companies):ce("No companies available")}).catch(i=>{ce(i instanceof Error?i.message:"Failed to load companies")}).finally(()=>{oe(!1)})},[]),Fe=s.useCallback(()=>{o("input"),f(h),k(""),y([]),E("Unknown"),B([]),L([]),F([]),q([]),le(!1),ne(!1),O(null),ge(null),A(null),ee([]),Ne(""),pe(null),oe(!1),ce(null),xe.current=!1},[h]),Ae=s.useCallback(()=>{Fe(),r()},[Fe,r]),Oe=s.useCallback(i=>{const p=i.target.files?.[0];if(!p)return;const I=new FileReader;I.onload=J=>{const D=J.target?.result;f("file"),y([]),k(D),O(null)},I.onerror=()=>{O("Failed to read file")},I.readAsText(p),i.target.value=""},[]),be=s.useCallback(async i=>{const p=Array.from(i.target.files??[]);if(p.length!==0)try{const I=p.filter(D=>(D.webkitRelativePath||D.name).toLowerCase().endsWith("agents.md")).sort((D,U)=>{const De=D.webkitRelativePath||D.name,He=U.webkitRelativePath||U.name;return De.localeCompare(He)});if(I.length===0){O("Selected directory has no AGENTS.md files");return}const J=[];for(const D of I){const U=await D.text();J.push(Fa(U))}f("directory"),y(J),k(""),O(null)}catch{O("Failed to parse AGENTS.md files from selected directory")}finally{i.target.value=""}},[]);function $e(i){if(!g)return`/api${i}`;const p=i.includes("?")?"&":"?";return`/api${i}${p}projectId=${encodeURIComponent(g)}`}const ve=s.useCallback(async()=>{if(d==="directory"&&$.length===0){O("Please select a directory containing AGENTS.md files");return}if(d==="browse"&&!K){O("Please select a company from the catalog");return}if(d!=="directory"&&d!=="browse"&&!j.trim()){O("Please provide manifest content");return}le(!0),O(null);try{let i;d==="directory"?i={agents:$,dryRun:!0}:d==="browse"&&K?i={importSource:"companies.sh",companySlug:K.slug,dryRun:!0}:i={manifest:j,dryRun:!0};const p=await fetch($e("/agents/import"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)});if(!p.ok){const U=await p.json();throw new Error(U.error??`Parse failed (${p.status})`)}const I=await p.json(),J=I.agents&&I.agents.length>0?I.agents:I.created.map(U=>({name:U,role:"custom"})),D=Array.isArray(I.skills)?I.skills:[];E(I.companyName??"Unknown"),B(J),L(D),F(J.map(U=>U.name)),q(D.map(U=>U.name)),o("preview")}catch(i){O(i instanceof Error?i.message:"Failed to parse manifest")}finally{le(!1)}},[d,$,j,K,g]),Le=s.useCallback(async()=>{ne(!0),A(null);try{let i;d==="directory"?i={agents:$,skipExisting:!0,selectedAgents:v,selectedSkills:z}:d==="browse"&&K?i={importSource:"companies.sh",companySlug:K.slug,skipExisting:!0,selectedAgents:v,selectedSkills:z}:i={manifest:j,skipExisting:!0,selectedAgents:v,selectedSkills:z};const p=await fetch($e("/agents/import"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)});if(!p.ok){const J=await p.json();throw new Error(J.error??`Import failed (${p.status})`)}const I=await p.json();ge(I),o("result"),x()}catch(i){A(i instanceof Error?i.message:"Failed to import agents")}finally{ne(!1)}},[d,$,j,K,v,z,g,x]),M=v.length,_=z.length,ye=`${M} Agent${M!==1?"s":""}`,ke=`${_} Skill${_!==1?"s":""}`,Pe=M>0&&_>0?`${ye} + ${ke}`:_>0?ke:ye,de=M>0&&_>0?`Importing ${M} agent${M!==1?"s":""} and ${_} skill${_!==1?"s":""}...`:_>0?`Importing ${_} skill${_!==1?"s":""}...`:`Importing ${M} agent${M!==1?"s":""}...`,Ie=i=>{F(p=>p.includes(i)?p.filter(I=>I!==i):[...p,i])},Te=i=>{q(p=>p.includes(i)?p.filter(I=>I!==i):[...p,i])};return n?e.jsx("div",{className:"agent-dialog-overlay",onClick:i=>{i.target===i.currentTarget&&Ae()},children:e.jsxs("div",{className:"agent-dialog agent-import-dialog",role:"dialog","aria-modal":"true","aria-label":"Import agents",children:[e.jsxs("div",{className:"agent-dialog-header",children:[e.jsx("span",{className:"agent-dialog-header-title",children:"Import Agents"}),e.jsx("button",{className:"modal-close",onClick:Ae,"aria-label":"Close",children:"×"})]}),e.jsxs("div",{className:"agent-dialog-body",children:[b==="input"&&e.jsxs("div",{className:"agent-import-input",children:[e.jsx("p",{className:"agent-import-description",children:"Import agents from an Agent Companies package. Browse the companies.sh catalog to discover published agents, upload an AGENTS.md file, select a directory, or paste manifest content."}),e.jsxs("div",{className:"agent-import-file-upload",children:[e.jsx("input",{ref:Z,type:"file",accept:".md,.txt",onChange:Oe,className:"agent-import-file-input","aria-label":"Upload agent manifest file"}),e.jsx("input",{ref:re,type:"file",webkitdirectory:"",multiple:!0,onChange:be,className:"agent-import-file-input","aria-label":"Select directory"}),e.jsxs("button",{type:"button",className:"btn agent-import-upload-btn",onClick:()=>Z.current?.click(),children:[e.jsx(It,{size:16}),"Choose File"]}),e.jsxs("button",{type:"button",className:"btn agent-import-upload-btn",onClick:()=>re.current?.click(),children:[e.jsx(fa,{size:16}),"Select Directory"]}),e.jsxs("button",{type:"button",className:"btn agent-import-upload-btn",onClick:()=>{f("browse"),y([]),k(""),pe(null),O(null)},children:[e.jsx(Us,{size:16}),"Browse Catalog"]}),e.jsx("span",{className:"agent-import-file-hint",children:".md and .txt files supported"})]}),d==="browse"&&e.jsxs("div",{className:"agent-import-browse",children:[e.jsxs("div",{className:"agent-import-browse-header",children:[e.jsxs("div",{className:"agent-import-browse-search",children:[e.jsx(Ys,{size:16,className:"agent-import-browse-search-icon"}),e.jsx("input",{type:"text",className:"agent-import-browse-search-input",placeholder:"Search companies...",value:te,onChange:i=>Ne(i.target.value),"aria-label":"Search companies"})]}),K&&e.jsxs("div",{className:"agent-import-browse-selected",children:[e.jsx("span",{className:"agent-import-browse-selected-label",children:"Selected:"}),e.jsx("span",{className:"agent-import-browse-selected-name",children:K.name}),e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>pe(null),children:"Change"})]})]}),Se&&e.jsxs("div",{className:"agent-import-browse-loading",children:[e.jsx(kt,{size:20,className:"spin"}),e.jsx("span",{children:"Loading companies..."})]}),G&&e.jsxs("div",{className:"agent-import-browse-error",children:[e.jsx(Ct,{size:16}),e.jsx("span",{children:G}),e.jsxs("button",{type:"button",className:"btn btn-sm",onClick:_e,children:[e.jsx(Ze,{size:14}),"Retry"]})]}),!Se&&!G&&e.jsxs("div",{className:"agent-import-browse-list",children:[Ee.filter(i=>te===""||i.name.toLowerCase().includes(te.toLowerCase())||(i.tagline?.toLowerCase().includes(te.toLowerCase())??!1)).map(i=>e.jsxs("div",{className:`agent-import-browse-item ${K?.slug===i.slug?"agent-import-browse-item--selected":""}`,onClick:()=>pe(i),role:"button",tabIndex:0,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&pe(i)},children:[e.jsxs("div",{className:"agent-import-browse-item-header",children:[e.jsx("span",{className:"agent-import-browse-item-name",children:i.name}),i.installs!==void 0&&e.jsxs("span",{className:"agent-import-browse-item-installs",children:[i.installs.toLocaleString()," installs"]})]}),i.tagline&&e.jsx("span",{className:"agent-import-browse-item-tagline",children:i.tagline}),i.repo&&e.jsx("span",{className:"agent-import-browse-item-repo",children:i.repo})]},i.slug)),Ee.filter(i=>te===""||i.name.toLowerCase().includes(te.toLowerCase())||(i.tagline?.toLowerCase().includes(te.toLowerCase())??!1)).length===0&&e.jsx("p",{className:"agent-import-browse-empty",children:te?"No companies match your search":"No companies available"})]})]}),d!=="browse"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"agent-import-divider",children:e.jsx("span",{children:"or paste manifest content"})}),e.jsx("textarea",{className:"agent-import-textarea",placeholder:`---
|
|
23
|
+
name: CEO
|
|
24
|
+
title: Chief Executive Officer
|
|
25
|
+
reportsTo: null
|
|
26
|
+
skills:
|
|
27
|
+
- review
|
|
28
|
+
---
|
|
29
|
+
Agent instructions go here...`,value:j,onChange:i=>{f("paste"),y([]),k(i.target.value),O(null)},rows:8,"aria-label":"Manifest content"})]}),e.jsxs("p",{className:"agent-import-file-hint",children:["Current input: ",d]}),ie&&e.jsxs("p",{className:"agent-dialog-error",children:[e.jsx(Ct,{size:14}),ie]})]}),b==="preview"&&e.jsxs("div",{className:"agent-import-preview",children:[e.jsxs("div",{className:"agent-import-company",children:[e.jsx("span",{className:"agent-import-company-label",children:"Company"}),e.jsx("span",{className:"agent-import-company-name",children:w})]}),e.jsxs("div",{className:"agent-import-count",children:[e.jsx(_t,{size:14}),e.jsxs("span",{children:[P.length," agent",P.length!==1?"s":""," found"]})]}),P.length>0&&e.jsxs("div",{className:"agent-import-selection-controls",children:[e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>F(P.map(i=>i.name)),children:"Select all agents"}),e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>F([]),children:"Clear agents"})]}),P.length>0?e.jsx("div",{className:"agent-import-agent-list",children:P.map((i,p)=>e.jsxs("div",{className:"agent-import-agent-item",children:[e.jsx("label",{className:"checkbox-label",children:e.jsx("input",{type:"checkbox","aria-label":`Select agent ${i.name}`,checked:v.includes(i.name),onChange:()=>Ie(i.name)})}),e.jsx("span",{className:"agent-import-agent-icon",children:i.icon||"🤖"}),e.jsxs("div",{className:"agent-import-agent-details",children:[e.jsx("span",{className:"agent-import-agent-name",children:i.name}),e.jsxs("span",{className:"agent-import-agent-meta",children:[i.title&&e.jsxs("span",{className:"agent-import-agent-title",children:[i.title," · "]}),e.jsx("span",{className:"agent-import-agent-role",children:i.role}),i.reportsTo&&e.jsxs("span",{className:"agent-import-agent-reports",children:[" · reports to ",i.reportsTo]}),i.skills&&i.skills.length>0&&e.jsxs("span",{className:"agent-import-agent-model",children:[" · skills: ",i.skills.join(", ")]})]}),i.instructionsText&&e.jsxs("span",{className:"agent-import-agent-instructions",children:[i.instructionsText.slice(0,100),i.instructionsText.length>100?"...":""]})]})]},p))}):e.jsx("p",{className:"agent-import-empty",children:"No agents found in the manifest."}),T.length>0&&e.jsxs("div",{className:"agent-import-skills-section",children:[e.jsxs("div",{className:"agent-import-count",children:[e.jsx(_t,{size:14}),e.jsxs("span",{children:[T.length," skill",T.length!==1?"s":""," found"]})]}),e.jsxs("div",{className:"agent-import-selection-controls",children:[e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>q(T.map(i=>i.name)),children:"Select all skills"}),e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>q([]),children:"Clear skills"})]}),e.jsx("div",{className:"agent-import-skill-list",children:T.map((i,p)=>e.jsxs("div",{className:"agent-import-skill-item",children:[e.jsx("label",{className:"checkbox-label",children:e.jsx("input",{type:"checkbox","aria-label":`Select skill ${i.name}`,checked:z.includes(i.name),onChange:()=>Te(i.name)})}),e.jsx("span",{className:"agent-import-skill-icon",children:"⚡"}),e.jsxs("div",{className:"agent-import-skill-details",children:[e.jsx("span",{className:"agent-import-skill-name",children:i.name}),i.description&&e.jsx("span",{className:"agent-import-skill-description",children:i.description})]})]},`${i.name}-${p}`))})]}),he&&e.jsxs("p",{className:"agent-dialog-error",children:[e.jsx(Ct,{size:14}),he]})]}),b==="result"&&N&&e.jsxs("div",{className:"agent-import-result",children:[e.jsx("div",{className:"agent-import-result-icon",children:e.jsx(pt,{size:32})}),e.jsx("h3",{className:"agent-import-result-title",children:"Import Complete"}),e.jsxs("p",{className:"agent-import-result-company",children:["From ",e.jsx("strong",{children:N.companyName??"Unknown"})]}),e.jsxs("div",{className:"agent-import-result-stats",children:[N.created.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--success",children:e.jsxs("span",{children:[N.created.length," created"]})}),N.skipped.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--skipped",children:e.jsxs("span",{children:[N.skipped.length," skipped (already exist)"]})}),N.errors.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--error",children:e.jsxs("span",{children:[N.errors.length," error",N.errors.length!==1?"s":""]})})]}),N.created.length>0&&e.jsx("div",{className:"agent-import-result-agents",children:N.created.map((i,p)=>e.jsxs("div",{className:"agent-import-result-agent",children:[e.jsx(pt,{size:12}),e.jsx("span",{children:i.name})]},p))}),N.errors.length>0&&e.jsx("div",{className:"agent-import-result-errors",children:N.errors.map((i,p)=>e.jsxs("div",{className:"agent-import-result-error",children:[e.jsx(Jt,{size:12}),e.jsxs("span",{children:[i.name,": ",i.error]})]},p))}),N.skills&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"agent-import-result-divider"}),e.jsx("h4",{className:"agent-import-result-section-title",children:"Skills"}),e.jsxs("div",{className:"agent-import-result-stats",children:[N.skills.imported.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--success",children:e.jsxs("span",{children:[N.skills.imported.length," skill",N.skills.imported.length!==1?"s":""," imported"]})}),N.skills.skipped.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--skipped",children:e.jsxs("span",{children:[N.skills.skipped.length," skill",N.skills.skipped.length!==1?"s":""," skipped (already exist)"]})}),N.skills.errors.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--error",children:e.jsxs("span",{children:[N.skills.errors.length," skill",N.skills.errors.length!==1?"s":""," error",N.skills.errors.length!==1?"s":""]})}),N.skills.imported.length===0&&N.skills.skipped.length===0&&N.skills.errors.length===0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--skipped",children:e.jsx("span",{children:"No skills in package"})})]}),N.skills.imported.length>0&&e.jsx("div",{className:"agent-import-result-agents",children:N.skills.imported.map((i,p)=>e.jsxs("div",{className:"agent-import-result-agent",children:[e.jsx(pt,{size:12}),e.jsx("span",{children:i.name})]},p))}),N.skills.errors.length>0&&e.jsx("div",{className:"agent-import-result-errors",children:N.skills.errors.map((i,p)=>e.jsxs("div",{className:"agent-import-result-error",children:[e.jsx(Jt,{size:12}),e.jsxs("span",{children:[i.name,": ",i.error]})]},p))})]})]})]}),e.jsxs("div",{className:"agent-dialog-footer",children:[b==="preview"&&e.jsx("button",{className:"btn",onClick:()=>o("input"),disabled:V,children:"Back"}),e.jsx("button",{className:"btn",onClick:Ae,disabled:V,children:b==="result"?"Close":"Cancel"}),b==="input"&&e.jsx("button",{className:"btn btn-task-create",onClick:()=>void ve(),disabled:je||(d==="directory"?$.length===0:d==="browse"?!K:!j.trim()),children:je?e.jsxs(e.Fragment,{children:[e.jsx(kt,{size:14,className:"spin"}),"Parsing..."]}):"Preview"}),b==="preview"&&e.jsx("button",{className:"btn btn-task-create",onClick:()=>void Le(),disabled:V||M===0&&_===0,children:V?e.jsxs(e.Fragment,{children:[e.jsx(kt,{size:14,className:"spin"}),de]}):`Import ${Pe}`})]})]})}):null}const $t="fn-agent-org-chart-layout";function ds(n){return n==="auto"||n==="horizontal"||n==="vertical"}const Da=768,Ha={nodeWidth:220,siblingGap:24,rootGap:24,chartPadding:24},Ba={nodeWidth:160,siblingGap:8,rootGap:8,chartPadding:8};function hs(n){return n.children.length===0?1:n.children.reduce((r,x)=>r+hs(x),0)}function Wa(n){return n<=Da?Ba:Ha}function Ga(n,r){const x=hs(n);return x*r.nodeWidth+Math.max(0,x-1)*r.siblingGap}function Va(n,r=Number.POSITIVE_INFINITY){const x=Wa(r);if(n.length===0)return x.nodeWidth;const h=n.map(o=>Ga(o,x)).reduce((o,d)=>o+d,0),b=Math.max(0,n.length-1)*x.rootGap;return h+b+x.chartPadding*2}function Ka(n){const r=n.preference??"auto";if(r!=="auto")return r;const x=Number.isFinite(n.availableWidth)&&n.availableWidth>0?n.availableWidth:0;return x===0||n.tree.length<=1?"horizontal":Va(n.tree,x)>x?"vertical":"horizontal"}const us=s.lazy(()=>ca(()=>import("./AgentDetailView-BACu9GYE.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11])).then(n=>({default:n.AgentDetailView}))),Tt=[{value:"triage",label:"Triage",icon:"⊕"},{value:"executor",label:"Executor",icon:"▶"},{value:"reviewer",label:"Reviewer",icon:"⊙"},{value:"merger",label:"Merger",icon:"⊞"},{value:"scheduler",label:"Scheduler",icon:"◷"},{value:"engineer",label:"Engineer",icon:"⎔"},{value:"custom",label:"Custom",icon:"✦"}],Mt=[.1,.25,.5,1,2,3,5,10],Ua=.25,Ya=3,ht=16,qe=32;function zt(n){switch(n){case"running":return"agent-badge--running";case"active":return"agent-badge--active";case"paused":return"agent-badge--paused";case"error":return"agent-badge--error";case"idle":default:return"agent-badge--idle"}}function Ft(n,r){switch(r){case"running":return`${n}--running`;case"active":return`${n}--active`;case"paused":return`${n}--paused`;case"error":return`${n}--error`;case"idle":default:return`${n}--idle`}}function ps(n){return n.children.length===0?1:n.children.reduce((r,x)=>r+ps(x),0)}function Ot(n,r){return n.state==="error"?{title:void 0,label:"Error"}:{title:r.reason??r.label,label:r.stateDerived?null:r.label}}function xs({node:n,onSelect:r,getHealthStatus:x,selectedAgentId:g,registerNodeElement:h,linksRef:b}){const{agent:o,children:d}=n,f=x(o),j=Ot(o,f),k=zt(o.state),$=Ft("org-chart-node-card",o.state),y=ps(n),w={"--org-chart-subtree-leaves":String(y)};return e.jsxs("div",{className:`org-chart-node${d.length>0?" org-chart-node--has-children":""}`,style:w,children:[e.jsxs("div",{ref:E=>h(o.id,E),"data-agent-id":o.id,className:`org-chart-node-card ${$}${g===o.id?" agent-card--selected":""}`,onClick:()=>r(o.id),role:"button",tabIndex:0,onKeyDown:E=>{(E.key==="Enter"||E.key===" ")&&(E.key===" "&&E.preventDefault(),r(o.id))},children:[e.jsxs("div",{className:"org-chart-node__header",children:[e.jsx("span",{className:"org-chart-node__icon",children:e.jsx(xt,{agent:o,size:20})}),e.jsx("span",{className:"org-chart-node__name",children:o.name})]}),e.jsxs("div",{className:"org-chart-node__meta",children:[e.jsx("span",{className:`org-chart-node__badge ${k}`,children:o.state}),e.jsxs("span",{className:"org-chart-node__health",style:{color:f.color},title:j.title,children:[f.icon,j.label&&e.jsx("span",{className:"text-secondary",children:j.label})]})]})]}),d.length>0&&e.jsx("div",{className:"org-chart-children",role:"group","aria-label":`${o.name} employees`,children:d.map(E=>(b.current.push({parentId:o.id,childId:E.agent.id}),e.jsx(xs,{node:E,onSelect:r,getHealthStatus:x,selectedAgentId:g,registerNodeElement:h,linksRef:b},E.agent.id)))})]})}function Xa({links:n,nodeElements:r,canvasRef:x,viewportRef:g,layoutMode:h,transform:b}){const[o,d]=s.useState([]);return s.useLayoutEffect(()=>{const f=x.current,j=g.current;if(!f||!j||n.length===0){d([]);return}const k=()=>{const y=f.getBoundingClientRect(),w=n.flatMap(({parentId:E,childId:P})=>{const B=r.get(E),T=r.get(P);if(!B||!T)return[];const L=B.getBoundingClientRect(),v=T.getBoundingClientRect(),F=(L.left-y.left)/b.scale,z=(L.top-y.top)/b.scale,q=(v.left-y.left)/b.scale,je=(v.top-y.top)/b.scale;if(h==="vertical"){const N=F,ge=z+L.height/b.scale/2,he=q,A=je+v.height/b.scale/2,Z=N-(N-he)/2;return[`M ${N} ${ge} L ${Z} ${ge} L ${Z} ${A} L ${he} ${A}`]}const le=F+L.width/b.scale/2,V=z+L.height/b.scale,ne=q+v.width/b.scale/2,ie=je,O=V+(ie-V)/2;return[`M ${le} ${V} L ${le} ${O} L ${ne} ${O} L ${ne} ${ie}`]});d(w)};k();const $=new ResizeObserver(k);return $.observe(f),$.observe(j),r.forEach(y=>$.observe(y)),()=>$.disconnect()},[x,h,n,r,b.scale,g]),e.jsx("svg",{className:"agent-org-chart-connectors","aria-hidden":"true",children:o.map((f,j)=>e.jsx("path",{d:f},`${j}-${f}`))})}function an({addToast:n,projectId:r,onOpenTaskLogs:x,agentOnboardingEnabled:g=!1}){const[h,b]=s.useState(!1),d=Xs()==="mobile",[f,j]=s.useState("all"),{agents:k,stats:$,isLoading:y,loadAgents:w,refreshAgents:E}=qs(r,{filterState:f,showSystemAgents:h}),[P,B]=s.useState(!1),[T,L]=s.useState(null),[v,F]=s.useState(!1),[z,q]=s.useState(null),[je,le]=s.useState(null),V=d&&!!z,[ne,ie]=s.useState("dashboard"),[O,N]=s.useState(null),[ge,he]=s.useState(!1),[A,Z]=s.useState(()=>{if(typeof window>"u")return"list";const t=ut("fn-agent-view",r);return t==="list"||t==="board"||t==="org"?t:"list"}),[re,Ee]=s.useState(()=>{if(typeof window>"u")return"auto";const t=ut($t,r);return ds(t)?t:"auto"}),[ee,te]=s.useState([]),[Ne,K]=s.useState(!1),[pe,Se]=s.useState(0),[oe,G]=s.useState(!1),[ce,xe]=s.useState(!1),[_e,Fe]=s.useState(!1),[Ae,Oe]=s.useState(!1),[be,$e]=s.useState(0),[ve,Le]=s.useState(0),[M,_]=s.useState({scale:1,x:0,y:0}),[ye,ke]=s.useState(!1),Pe=s.useRef(null),de=s.useRef(null),Ie=s.useRef(null),Te=s.useRef(new Map),i=s.useRef([]),p=s.useRef(new Map),I=s.useRef(null),J=s.useRef(null),D=s.useRef(!1),{confirm:U}=Zs(),De=s.useRef(null),He=s.useId();s.useEffect(()=>{const t=ut("fn-agent-view",r);if(t==="list"||t==="board"||t==="org"){Z(t);return}Z("list")},[r]),s.useEffect(()=>{Qt("fn-agent-view",A,r)},[A,r]),s.useEffect(()=>{const t=ut($t,r);Ee(ds(t)?t:"auto")},[r]),s.useEffect(()=>{Qt($t,re,r)},[re,r]);const[vt,ze]=s.useState(null),ft=s.useRef(null),[Qe,Ce]=s.useState(null),[lt,Me]=s.useState(null),[Be,we]=s.useState({}),[We,et]=s.useState(1),[a,S]=s.useState(!1),[se,ue]=s.useState(new Set),[Re,Ue]=s.useState(new Map),it=s.useRef(!0);s.useEffect(()=>(it.current=!0,()=>{it.current=!1}),[]),s.useEffect(()=>{Js(r).then(t=>{it.current&&et(t.heartbeatMultiplier??1)}).catch(()=>{})},[r]);const Dt=s.useCallback(async t=>{const l=Number.isFinite(t)&&t>0?t:1;et(l),S(!0);try{await Qs({heartbeatMultiplier:l},r),n(`Heartbeat speed set to ×${l.toFixed(1)}`,"success")}catch(c){n(`Failed to save heartbeat multiplier: ${fe(c)}`,"error")}finally{it.current&&S(!1)}},[r,n]),rt=s.useMemo(()=>Re.size===0?k:k.map(t=>{const l=Re.get(t.id);return l?{...t,state:l}:t}),[k,Re]),tt=s.useMemo(()=>rt.filter(t=>h||!nt(t)),[rt,h]),bs=s.useMemo(()=>rt.filter(t=>t.state!=="active"&&t.state!=="running"?!1:h||!nt(t)),[rt,h]),Ge=s.useMemo(()=>{if(h)return ee;const t=l=>nt(l.agent)?null:{...l,children:l.children.map(t).filter(c=>c!==null)};return ee.map(t).filter(l=>l!==null)},[ee,h]);s.useEffect(()=>{if(A!=="org")return;const t=de.current;if(!t)return;const l=()=>{Se(t.clientWidth)};l();const c=typeof ResizeObserver<"u"?new ResizeObserver(l):null;return c?.observe(t),window.addEventListener("resize",l),()=>{c?.disconnect(),window.removeEventListener("resize",l)}},[A,Ge.length]),s.useEffect(()=>{if(A!=="org")return;let t=!1;return K(!0),ea(r,{includeEphemeral:h}).then(l=>{t||te(l)}).catch(l=>{t||(n(`Failed to load org chart: ${fe(l)}`,"error"),te([]))}).finally(()=>{t||K(!1)}),()=>{t=!0}},[A,r,h,n]),s.useEffect(()=>{const t=setInterval(()=>{w()},3e4);return()=>{clearInterval(t)}},[w]),s.useEffect(()=>{if(!oe)return;let t=!1;Oe(!0),Pt(void 0,r).then(u=>{if(t)return;const C=u.filter(R=>!nt(R));$e(C.filter(R=>R.state==="active"||R.state==="running").length),Le(C.filter(R=>R.state==="paused").length)}).catch(u=>{t||($e(0),Le(0),n(`Failed to load bulk agent actions: ${fe(u)}`,"error"))}).finally(()=>{t||Oe(!1)});const l=u=>{const C=u.target;C&&(Pe.current?.contains(C)||De.current?.contains(C)||G(!1))},c=u=>{u.key==="Escape"&&(G(!1),De.current?.focus())};return document.addEventListener("mousedown",l),document.addEventListener("touchstart",l),document.addEventListener("keydown",c),()=>{t=!0,document.removeEventListener("mousedown",l),document.removeEventListener("touchstart",l),document.removeEventListener("keydown",c)}},[n,oe,r]);const Ht=async t=>{if(!_e){Fe(!0);try{const c=(await Pt(void 0,r)).filter(W=>!nt(W)),u=c.filter(W=>t==="paused"?W.state==="active"||W.state==="running":W.state==="paused"),C=c.length-u.length;if(u.length===0){n(`No agents eligible to ${t==="paused"?"pause":"resume"}`,"error");return}if(!await U({title:t==="paused"?"Pause All Agents":"Resume All Agents",message:`${t==="paused"?"Pause":"Resume"} ${u.length} agent${u.length===1?"":"s"} in this project?`,danger:t==="paused"}))return;const ae=await Promise.allSettled(u.map(W=>as(W.id,t,r))),Q=ae.map((W,dt)=>({result:W,agent:u[dt]})).filter(W=>W.result.status==="rejected"),m=ae.length-Q.length,H=Q.length,X=`${t==="paused"?"Paused":"Resumed"} ${m} agent${m===1?"":"s"}; skipped ${C}`;if(H>0){const W=Q.slice(0,3).map(({agent:dt,result:Ps})=>`${dt.name||dt.id}: ${fe(Ps.reason)}`).join("; ");n(`${X}; failed ${H}${W?` (${W})`:""}`,"error")}else n(X,"success");await w()}catch(l){n(`Failed to ${t==="paused"?"pause":"resume"} agents: ${fe(l)}`,"error")}finally{Fe(!1)}}},st=async(t,l)=>{if(!se.has(t)){ue(c=>new Set(c).add(t)),Ue(c=>{const u=new Map(c);return u.set(t,l),u});try{await as(t,l,r),n(`Agent state updated to ${l}`,"success"),await w(),Ue(c=>{const u=new Map(c);return u.delete(t),u})}catch(c){Ue(u=>{const C=new Map(u);return C.delete(t),C}),n(`Failed to update state: ${fe(c)}`,"error")}finally{ue(c=>{const u=new Set(c);return u.delete(t),u})}}},vs=async(t,l)=>{if(await U({title:"Delete Agent",message:`Delete agent "${l}"? This cannot be undone.`,danger:!0}))try{await ga(t,r),n(`Agent "${l}" deleted`,"success"),await w()}catch(u){n(`Failed to delete agent: ${fe(u)}`,"error")}},fs=async(t,l)=>{const c=k.find(u=>u.id===t);if(c){if(c.role===l){ze(null);return}try{await gt(t,{role:l},r),n(`Agent role updated to ${Tt.find(u=>u.value===l)?.label??l}`,"success"),ze(null),w()}catch(u){n(`Failed to update role: ${fe(u)}`,"error")}}},js=(t,l)=>{t.key==="Escape"&&ze(null)},Ns=async(t,l)=>{lt===t.id&&(Me(null),we(c=>{const u={...c};return delete u[t.id],u})),Ce(t.id);try{await gt(t.id,{runtimeConfig:{...t.runtimeConfig??{},heartbeatIntervalMs:l}},r),n(`Heartbeat interval updated to ${ns(l)} for ${t.name}`,"success"),w()}catch(c){n(`Failed to update heartbeat interval: ${fe(c)}`,"error")}finally{Ce(null)}},Bt=async t=>{const l=Be[t.id]??"";if(l.trim()===""){n("Please enter a heartbeat interval in minutes","error");return}const c=Number(l);if(isNaN(c)){n("Heartbeat interval must be a valid number","error");return}if(c<=0){n("Heartbeat interval must be greater than 0","error");return}if(c>=1&&c<5){Ce(t.id);try{await gt(t.id,{runtimeConfig:{...t.runtimeConfig??{},heartbeatIntervalMs:ua}},r),n(`Heartbeat interval set to 5 minutes (minimum). ${c} minute${c!==1?"s":""} was below the 5-minute minimum.`,"success"),Me(null),we(C=>{const R={...C};return delete R[t.id],R}),w()}catch(C){n(`Failed to update heartbeat interval: ${fe(C)}`,"error")}finally{Ce(null)}return}const u=Math.round(c*6e4);Ce(t.id);try{await gt(t.id,{runtimeConfig:{...t.runtimeConfig??{},heartbeatIntervalMs:u}},r),n(`Heartbeat interval updated to ${ns(u)} for ${t.name}`,"success"),Me(null),we(C=>{const R={...C};return delete R[t.id],R}),w()}catch(C){n(`Failed to update heartbeat interval: ${fe(C)}`,"error")}finally{Ce(null)}},ys=t=>{const l=Et(t.runtimeConfig?.heartbeatIntervalMs),c=Math.round(l/6e4);Me(t.id),we(u=>({...u,[t.id]:String(c)}))},me=s.useCallback((t,l)=>{q(t),ie(l?.initialTab??"dashboard"),N(l?.initialRunId??null),he(l?.preferActiveRun??!1)},[]),Ve=s.useCallback(()=>{q(null),ie("dashboard"),N(null),he(!1)},[]),Wt=s.useCallback(t=>{me(t)},[me]),ks=s.useCallback(t=>{le(t),me(t)},[me]),Cs=s.useCallback(async({agentId:t,deleted:l})=>{await E(),l&&z===t&&Ve()},[E,z,Ve]),ws=s.useCallback(t=>{me(t),d&&xe(!1)},[d,me]),Ss=async(t,l)=>{Ue(c=>{const u=new Map(c);return u.set(t,"running"),u});try{await ma(t,r,{source:"on_demand",triggerDetail:"Triggered from dashboard"}),n(`Heartbeat run started for ${l}`,"success"),await w(),Ue(c=>{const u=new Map(c);return u.delete(t),u})}catch(c){Ue(u=>{const C=new Map(u);return C.delete(t),C}),n(`Failed to start heartbeat run: ${fe(c)}`,"error")}},Ke=s.useCallback(t=>Math.min(Ya,Math.max(Ua,t)),[]),Y=s.useCallback(t=>{const l=de.current,c=Ie.current?.querySelector(".agent-org-chart");if(!l||!c)return{...t,scale:Ke(t.scale)};const u=Ke(t.scale),C=c.scrollWidth*u,R=c.scrollHeight*u,ae=l.clientWidth,Q=l.clientHeight,m=Math.min(qe,ae-C-qe),H=qe,X=Math.min(qe,Q-R-qe),W=qe;return{scale:u,x:Math.max(m,Math.min(H,t.x)),y:Math.max(X,Math.min(W,t.y))}},[Ke]),ot=s.useCallback((t,l,c)=>{const u=de.current;u&&_(C=>{const R=Ke(t),ae=u.getBoundingClientRect(),Q=l-ae.left,m=c-ae.top,H=(Q-C.x)/C.scale,X=(m-C.y)/C.scale;return Y({scale:R,x:Q-H*R,y:m-X*R})})},[Ke,Y]),Ye=s.useCallback(()=>{const t=de.current,l=Ie.current?.querySelector(".agent-org-chart");if(!t||!l)return;const c=t.clientWidth,u=t.clientHeight,C=l.scrollWidth,R=l.scrollHeight;if(C<=0||R<=0)return;const ae=Ke(Math.min(c/C,u/R,1)),Q=(c-C*ae)/2,m=(u-R*ae)/2;_(Y({scale:ae,x:Q,y:m}))},[Ke,Y]),jt=s.useCallback(t=>{Z(t),t!=="org"&&_({scale:1,x:0,y:0}),d&&z&&Ve()},[Ve,d,z]),Gt=t=>Tt.find(l=>l.value===t)?.label??t,ct=s.useMemo(()=>Ka({tree:Ge,availableWidth:pe,preference:re}),[Ge,re,pe]),Vt=s.useCallback(t=>{Ee(t),_({scale:1,x:0,y:0})},[]);s.useEffect(()=>{_({scale:1,x:0,y:0}),D.current=!1},[r,ct]),s.useLayoutEffect(()=>{A!=="org"||Ne||Ge.length===0||D.current||(Ye(),D.current=!0)},[A,Ge.length,Ye,Ne]);const As=s.useCallback((t,l)=>{l?Te.current.set(t,l):Te.current.delete(t)},[]),Kt=s.useCallback(()=>e.jsxs(e.Fragment,{children:[e.jsx("button",{type:"button",className:"btn-icon touch-target",onClick:()=>_(t=>Y({...t,scale:t.scale*.9})),"aria-label":"Zoom out org chart",title:"Zoom out",children:e.jsx(Aa,{size:16})}),e.jsxs("span",{className:"agent-org-chart-controls__zoom-label","aria-live":"polite",children:[Math.round(M.scale*100),"%"]}),e.jsx("button",{type:"button",className:"btn-icon touch-target",onClick:()=>_(t=>Y({...t,scale:t.scale*1.1})),"aria-label":"Zoom in org chart",title:"Zoom in",children:e.jsx(wa,{size:16})}),e.jsxs("button",{type:"button",className:"btn touch-target btn-sm agent-org-chart-controls__fit-btn",onClick:Ye,"aria-label":"Fit org chart",title:"Fit org chart",children:[e.jsx(ta,{size:16}),"Fit"]}),e.jsxs("button",{type:"button",className:"btn touch-target btn-sm",onClick:()=>_(t=>Y({...t,x:0,y:0})),"aria-label":"Center org chart",title:"Center org chart",children:[e.jsx(sa,{size:16}),"Center"]})]}),[Y,Ye,M.scale]),Rs=s.useCallback(t=>{if(!(t.ctrlKey||t.metaKey))return;t.preventDefault();const l=t.deltaY>0?.9:1.1;ot(M.scale*l,t.clientX,t.clientY)},[M.scale,ot]),$s=s.useCallback(t=>{if(t.target.closest(".org-chart-node-card"))return;if(t.currentTarget.setPointerCapture?.(t.pointerId),p.current.set(t.pointerId,{x:t.clientX,y:t.clientY}),p.current.size===1){I.current={x:t.clientX-M.x,y:t.clientY-M.y,pointerId:t.pointerId},ke(!0);return}if(p.current.size===2){const c=Array.from(p.current.values()),u=c[0].x-c[1].x,C=c[0].y-c[1].y;J.current={distance:Math.hypot(u,C),scale:M.scale,centerX:(c[0].x+c[1].x)/2,centerY:(c[0].y+c[1].y)/2},I.current=null}},[M.scale,M.x,M.y]),Ts=s.useCallback(t=>{if(p.current.has(t.pointerId)){if(p.current.set(t.pointerId,{x:t.clientX,y:t.clientY}),p.current.size>=2){const l=Array.from(p.current.values()),c=J.current;if(!c)return;const u=l[0].x-l[1].x,C=l[0].y-l[1].y,R=Math.hypot(u,C),ae=c.scale*(R/c.distance);ot(ae,c.centerX,c.centerY);return}!I.current||I.current.pointerId!==t.pointerId||_(l=>Y({...l,x:t.clientX-I.current.x,y:t.clientY-I.current.y}))}},[Y,ot]),Ut=s.useCallback(t=>{p.current.delete(t.pointerId),p.current.size<2&&(J.current=null),p.current.size===0&&(I.current=null,ke(!1))},[]),Ms=s.useCallback(t=>{if(t.key==="ArrowLeft")_(l=>Y({...l,x:l.x+ht}));else if(t.key==="ArrowRight")_(l=>Y({...l,x:l.x-ht}));else if(t.key==="ArrowUp")_(l=>Y({...l,y:l.y+ht}));else if(t.key==="ArrowDown")_(l=>Y({...l,y:l.y-ht}));else if(t.key==="+"||t.key==="=")_(l=>Y({...l,scale:l.scale*1.1}));else if(t.key==="-")_(l=>Y({...l,scale:l.scale*.9}));else if(t.key==="0")Ye();else if(t.key==="Home")_({scale:1,x:0,y:0});else return;t.preventDefault()},[Y,Ye]),Yt=s.useCallback(()=>{const t=[{value:"horizontal",label:"Horizontal",icon:e.jsx(ts,{size:16}),ariaLabel:"Horizontal layout"},{value:"vertical",label:"Vertical",icon:e.jsx(es,{size:16}),ariaLabel:"Vertical layout"},{value:"auto",label:"Auto",icon:e.jsx(Ze,{size:16}),ariaLabel:"Automatic layout"}];return e.jsx("div",{className:"agent-org-chart-layout-toggle","data-testid":"agent-org-chart-layout-toggle",children:t.map(l=>{const c=re===l.value;return e.jsxs("button",{type:"button",className:`btn-icon touch-target agent-org-chart-layout-toggle__button${c?" btn-icon--active":""}`,onClick:()=>Vt(l.value),"aria-pressed":c,"aria-label":l.ariaLabel,title:l.ariaLabel,"data-layout-value":l.value,children:[l.icon,e.jsx("span",{className:"agent-org-chart-layout-toggle__text",children:l.label})]},l.value)})})},[Vt,re]),Es=t=>Array.isArray(t.metadata?.skills)?t.metadata.skills:[],Nt=t=>da(t),_s=Ae||_e||be===0,Ls=Ae||_e||ve===0,Xt=y&&k.length===0,at=s.useCallback(()=>{B(!0)},[]);return e.jsxs("div",{className:"agents-view",children:[e.jsxs("div",{className:"agents-view-header",children:[e.jsxs("div",{className:"agents-view-title",children:[e.jsx(Lt,{size:24}),e.jsx("h2",{children:"Agents"})]}),e.jsxs("div",{className:"agents-view-controls",children:[e.jsxs("div",{className:"view-toggle",children:[e.jsx("button",{className:`view-toggle-btn${A==="list"?" active":""}`,onClick:()=>jt("list"),title:"List view","aria-label":"List view","aria-pressed":A==="list",children:e.jsx(es,{size:16})}),e.jsx("button",{className:`view-toggle-btn${A==="board"?" active":""}`,onClick:()=>jt("board"),title:"Board view","aria-label":"Board view","aria-pressed":A==="board",children:e.jsx(Je,{size:16})}),e.jsx("button",{className:`view-toggle-btn${A==="org"?" active":""}`,onClick:()=>jt("org"),title:"Org Chart view","aria-label":"Org Chart view","aria-pressed":A==="org",children:e.jsx(ts,{size:16})})]}),e.jsxs("div",{className:"agents-view-primary-actions",children:[e.jsx("button",{ref:De,className:`btn-icon agent-controls-trigger${oe?" agent-controls-trigger--active":""}`,onClick:()=>G(t=>!t),title:"Controls","aria-label":"Controls","aria-haspopup":"dialog","aria-expanded":oe,"aria-controls":He,children:e.jsx(ka,{size:16})}),e.jsx("button",{className:"btn-icon",onClick:()=>void w(),title:"Refresh","aria-label":"Refresh",children:e.jsx(Ze,{size:16,className:y?"spin":void 0})}),!d&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"btn btn-sm agent-import-trigger",onClick:()=>{F(!0),G(!1)},"aria-label":"Import",title:"Import",children:[e.jsx(It,{size:16}),"Import"]}),e.jsxs("button",{className:"btn btn-task-create btn-sm",onClick:()=>{at(),G(!1)},"aria-label":"New Agent",title:"New Agent",children:[e.jsx(ss,{size:16}),"New Agent"]})]}),oe&&e.jsxs("div",{ref:Pe,id:He,className:"agent-controls-panel agent-controls-panel--scrollable",role:"dialog","aria-label":"Agent controls","aria-modal":"false",children:[e.jsx("div",{className:"agent-controls",children:e.jsxs("div",{className:"agent-controls-filters",children:[e.jsxs("div",{className:"agent-state-filter",children:[e.jsx(aa,{size:14}),e.jsxs("select",{className:"agent-state-filter-select",value:f,onChange:t=>j(t.target.value),"aria-label":"Filter agents by state",children:[e.jsx("option",{value:"all",children:"All States"}),e.jsx("option",{value:"idle",children:"Idle"}),e.jsx("option",{value:"active",children:"Active"}),e.jsx("option",{value:"running",children:"Running"}),e.jsx("option",{value:"paused",children:"Paused"}),e.jsx("option",{value:"error",children:"Error"})]})]}),e.jsxs("label",{className:"checkbox-label agent-system-filter",children:[e.jsx("input",{type:"checkbox",checked:h,onChange:t=>b(t.target.checked),"aria-label":"Show system agents"}),"Show system agents"]})]})}),d&&e.jsxs("div",{className:"agent-controls-mobile-actions",children:[e.jsxs("button",{className:"btn btn-sm agent-import-trigger",onClick:()=>{F(!0),G(!1)},"aria-label":"Import",title:"Import",children:[e.jsx(It,{size:16}),"Import"]}),e.jsxs("button",{className:"btn btn-task-create btn-sm",onClick:()=>{at(),G(!1)},"aria-label":"New Agent",title:"New Agent",children:[e.jsx(ss,{size:16}),"New Agent"]})]}),e.jsxs("div",{className:"agent-controls-bulk-actions",role:"menu","aria-label":"Bulk agent actions",children:[e.jsxs("button",{type:"button",className:"agent-detail-bulk-menu-item",role:"menuitem",disabled:_s,onClick:()=>{G(!1),Ht("paused")},children:[e.jsxs("span",{className:"agent-controls-bulk-actions__label",children:[e.jsx(wt,{}),e.jsx("span",{children:"Pause All Agents"})]}),e.jsx("span",{className:"agent-detail-bulk-menu-item-hint",children:Ae?"Loading eligibility…":be===0?"No active or running project agents to pause":`Pause ${be} active/running agent${be===1?"":"s"}`})]}),e.jsxs("button",{type:"button",className:"agent-detail-bulk-menu-item",role:"menuitem",disabled:Ls,onClick:()=>{G(!1),Ht("active")},children:[e.jsxs("span",{className:"agent-controls-bulk-actions__label",children:[e.jsx(mt,{}),e.jsx("span",{children:"Resume All Agents"})]}),e.jsx("span",{className:"agent-detail-bulk-menu-item-hint",children:Ae?"Loading eligibility…":ve===0?"No paused project agents to resume":`Resume ${ve} paused agent${ve===1?"":"s"}`})]})]}),e.jsx("div",{className:"agent-global-controls agent-controls-actions",children:e.jsxs("div",{className:"heartbeat-multiplier-group",children:[e.jsxs("div",{className:"heartbeat-multiplier-controls",children:[e.jsx("label",{htmlFor:"globalHeartbeatMultiplier",className:"heartbeat-multiplier-label",children:"Heartbeat Speed"}),e.jsx("input",{id:"globalHeartbeatMultiplier",className:"heartbeat-multiplier-slider touch-target",type:"range",min:.1,max:10,step:.1,value:We,onChange:t=>{const l=Number(t.target.value);Dt(Number.isFinite(l)&&l>0?l:1)},disabled:a}),e.jsxs("span",{className:"heartbeat-multiplier-value",children:["×",We.toFixed(1)]}),e.jsx("select",{className:"heartbeat-multiplier-preset",value:String(Mt.reduce((t,l)=>Math.abs(l-We)<Math.abs(t-We)?l:t,Mt[0])),onChange:t=>{const l=Number(t.target.value);Dt(Number.isFinite(l)&&l>0?l:1)},disabled:a,"aria-label":"Heartbeat speed preset",children:Mt.map(t=>e.jsxs("option",{value:String(t),children:["×",t]},t))})]}),e.jsx("small",{className:"text-secondary",children:"Scales all agent heartbeat intervals. ×0.5 = twice as fast, ×2.0 = twice as slow. Default: ×1.0"})]})}),e.jsx(Ra,{agents:tt})]})]})]})]}),e.jsx(za,{isOpen:P,onClose:()=>{B(!1),L(null)},onCreated:()=>{B(!1),L(null),w()},projectId:r,prefillDraft:T,agentOnboardingEnabled:g,existingAgents:k,onPrefillDraft:L}),e.jsx(Oa,{isOpen:v,onClose:()=>F(!1),onImported:()=>void w(),projectId:r}),e.jsx(Pa,{stats:$,activeAgents:bs,projectId:r,isOpen:ce,onToggle:()=>xe(t=>!t),onSelectAgent:ws,onOpenTaskLogs:x}),A==="org"?e.jsx("div",{className:"agents-org-full-view",children:e.jsx("div",{className:"agents-view-content agents-view-content--org-full",children:z?e.jsxs("div",{className:"agents-org-detail-view","data-testid":"agents-org-detail-view",children:[e.jsx("button",{type:"button",className:"btn btn-sm agents-org-detail-back",onClick:Ve,"aria-label":"Back to org chart",children:"Back to org chart"}),e.jsx(s.Suspense,{fallback:null,children:e.jsx(us,{inline:!0,showInlineBackButton:!1,agentId:z,projectId:r,onClose:Ve,addToast:n,onChildClick:Wt,initialTab:ne,initialRunId:O,preferActiveRun:ge},z)})]}):Xt?e.jsxs("div",{className:"agents-view-loading",role:"status","aria-live":"polite",children:[e.jsx(Ze,{size:18,className:"spin"}),e.jsx("span",{children:"Loading agents..."})]}):e.jsxs("div",{className:"agent-org-chart-shell","data-testid":"agent-org-chart-shell",children:[d?e.jsxs("div",{className:"agent-org-chart-controls","data-testid":"agent-org-chart-controls",children:[Yt(),Kt()]}):e.jsxs("div",{className:"agent-org-chart-toolbar",children:[Yt(),e.jsx("div",{className:"agent-org-chart-controls","data-testid":"agent-org-chart-controls",children:Kt()})]}),e.jsx("div",{ref:de,className:"agent-org-chart-viewport","data-testid":"agent-org-chart-viewport",tabIndex:0,role:"region","aria-label":"Org chart canvas",onWheel:Rs,onPointerDown:$s,onPointerMove:Ts,onPointerUp:Ut,onPointerCancel:Ut,onKeyDown:Ms,"data-panning":ye?"true":"false",children:e.jsxs("div",{ref:Ie,className:`agent-org-chart-canvas agent-org-chart-canvas--zoom-${Math.round((M.scale??1)*100)}`,"data-panning":ye?"true":"false",style:{transform:`translate(${M.x}px, ${M.y}px) scale(${M.scale})`},children:[e.jsx("div",{className:`agent-org-chart${ct==="vertical"?" agent-org-chart--vertical":""}`,"data-testid":"agent-org-chart","data-layout-mode":ct,children:Ne?e.jsxs("div",{className:"agent-org-chart__loading",role:"status","aria-live":"polite",children:[e.jsx(Ze,{size:18,className:"spin"}),e.jsx("span",{children:"Loading org chart..."})]}):Ge.length===0?e.jsx(At,{onCtaClick:at}):(i.current=[],Ge.map(t=>e.jsx(xs,{node:t,onSelect:ks,getHealthStatus:Nt,selectedAgentId:je,registerNodeElement:As,linksRef:i},t.agent.id)))}),e.jsx(Xa,{links:i.current,nodeElements:Te.current,canvasRef:Ie,viewportRef:de,layoutMode:ct,transform:M})]})})]})})}):e.jsxs("div",{className:"agents-split-layout",children:[e.jsx("div",{className:`agents-split-sidebar${V?" agents-split-sidebar--hidden-mobile":""}`,children:e.jsx("div",{className:"agents-view-content",children:Xt?e.jsxs("div",{className:"agents-view-loading",role:"status","aria-live":"polite",children:[e.jsx(Ze,{size:18,className:"spin"}),e.jsx("span",{children:"Loading agents..."})]}):A==="board"?e.jsx("div",{className:"agent-board",children:tt.length===0?e.jsx(At,{onCtaClick:at}):tt.map(t=>{const l=Nt(t),c=Ot(t,l),u=zt(t.state),C=Ft("agent-board-card",t.state);return e.jsx("div",{className:`agent-board-card ${C}${z===t.id?" agent-card--selected":""}`,children:e.jsxs("div",{className:"agent-board-clickable",onClick:()=>me(t.id),role:"button",tabIndex:0,onKeyDown:R=>{(R.key==="Enter"||R.key===" ")&&(R.key===" "&&R.preventDefault(),me(t.id))},children:[e.jsxs("div",{className:"agent-board-header",children:[e.jsx("span",{className:"agent-board-icon",children:e.jsx(xt,{agent:t,size:20})}),e.jsx("span",{className:"agent-board-badge badge text-secondary",children:Gt(t.role)}),e.jsx("span",{className:`agent-board-badge badge ${u}`,children:t.state}),(t.pendingApprovalCount??0)>0?e.jsxs("span",{className:"agent-board-badge badge agent-approval-badge",title:"Pending approvals",children:[e.jsx("span",{className:"status-dot status-dot--pending"}),t.pendingApprovalCount]}):null]}),e.jsx("div",{className:"agent-board-name",children:t.name}),e.jsx("div",{className:"agent-board-id",children:t.id}),e.jsxs("div",{className:"agent-board-health",style:{color:l.color},title:c.title,children:[l.icon,c.label?` ${c.label}`:""]})]})},t.id)})}):e.jsx("div",{className:"agent-list",children:tt.length===0?e.jsx(At,{onCtaClick:at}):tt.map(t=>{const l=Nt(t),c=Ot(t,l),u=zt(t.state),C=Ft("agent-card",t.state),R=Et(t.runtimeConfig?.heartbeatIntervalMs),ae=na(R),Q=Qe===t.id;return e.jsxs("div",{className:`agent-card agent-card--clickable ${C}${z===t.id?" agent-card--selected":""}`,onClick:m=>{const H=m.target;if(H===m.currentTarget){me(t.id);return}const X=H.closest('button, select, input, [role="button"]');X&&X!==m.currentTarget||me(t.id)},role:"button",tabIndex:0,onKeyDown:m=>{m.target===m.currentTarget&&(m.key==="Enter"||m.key===" ")&&(m.key===" "&&m.preventDefault(),me(t.id))},"aria-label":`Open details for ${t.name}`,children:[e.jsxs("div",{className:"agent-card-header",children:[e.jsxs("div",{className:"agent-info",children:[vt===t.id?e.jsx("select",{ref:ft,className:"select agent-role-select",value:t.role,onChange:m=>void fs(t.id,m.target.value),onKeyDown:m=>js(m,t.id),onBlur:()=>ze(null),autoFocus:!0,children:Tt.map(m=>e.jsxs("option",{value:m.value,children:[m.icon," ",m.label]},m.value))}):e.jsx("span",{className:"agent-icon agent-icon--clickable",onClick:m=>{m.stopPropagation(),ze(t.id)},title:"Click to change role",role:"button",tabIndex:0,onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&(m.stopPropagation(),ze(t.id))},children:e.jsx(xt,{agent:t,size:20})}),e.jsxs("div",{className:"agent-meta",children:[e.jsx("span",{className:"agent-name",children:t.name}),e.jsx("span",{className:"agent-id text-secondary",children:t.id})]}),e.jsx(ms,{size:20,className:"agent-card-chevron"})]}),e.jsxs("div",{className:"agent-badges",children:[e.jsx("span",{className:`badge ${u}`,children:t.state}),e.jsxs("span",{className:"badge",style:{color:l.color},title:c.title,children:[l.icon,c.label?` ${c.label}`:""]}),e.jsx("span",{className:"badge text-secondary",children:Gt(t.role)}),(t.pendingApprovalCount??0)>0?e.jsxs("span",{className:"badge agent-approval-badge",title:"Pending approvals",children:[e.jsx("span",{className:"status-dot status-dot--pending"}),t.pendingApprovalCount]}):null,(()=>{const m=Es(t);if(m.length===0)return null;const H=m.slice(0,2),X=m.length-2;return e.jsxs(e.Fragment,{children:[H.map(W=>e.jsx("span",{className:"badge badge-skill",title:W,children:va(W)},W)),X>0&&e.jsxs("span",{className:"badge badge-skill",children:["+",X]})]})})()]})]}),e.jsxs("div",{className:"agent-card-body",children:[t.state==="error"&&t.lastError?e.jsx(la,{errorText:t.lastError,issueContext:{surface:"AgentsView list",agentId:t.id,agentName:t.name,agentState:t.state,taskId:t.taskId}}):null,t.taskId&&e.jsxs("div",{className:"agent-task",children:[e.jsx("span",{className:"text-secondary",children:"Working on:"}),e.jsx("span",{className:"badge",children:t.taskId})]}),e.jsxs("div",{className:"agent-heartbeat-control",children:[e.jsx("span",{className:"text-secondary",children:"Heartbeat:"}),lt===t.id?e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"text",inputMode:"numeric",pattern:"[0-9]*",className:"input agent-heartbeat-custom-input",value:Be[t.id]??"",onChange:m=>we(H=>({...H,[t.id]:m.target.value})),onKeyDown:m=>{m.key==="Enter"?Bt(t):m.key==="Escape"&&(Me(null),we(H=>{const X={...H};return delete X[t.id],X}))},disabled:Q,"aria-label":`Custom heartbeat interval in minutes for ${t.name}`}),e.jsx("span",{className:"text-secondary",children:"min"}),e.jsx("button",{className:"btn btn-sm",onClick:()=>void Bt(t),disabled:Q,title:"Save custom interval",children:"Save"}),e.jsx("button",{className:"btn btn-sm",onClick:()=>{Me(null),we(m=>{const H={...m};return delete H[t.id],H})},disabled:Q,title:"Cancel custom interval",children:"Cancel"})]}):e.jsx(e.Fragment,{children:e.jsxs("select",{className:"select agent-heartbeat-select",value:R,onChange:m=>{const H=m.target.value;H==="__custom__"?ys(t):Ns(t,Number(H))},disabled:Q,"aria-label":`Set heartbeat interval for ${t.name}`,children:[ae.map(m=>e.jsx("option",{value:m.value,children:m.label},m.value)),ia.some(m=>m.value===R)&&e.jsx("option",{value:"__custom__",children:"Custom..."})]})}),Q&&e.jsx("span",{className:"agent-heartbeat-saving text-secondary",children:"Saving…"}),t.lastHeartbeatAt&&(()=>{const m=new Date(t.lastHeartbeatAt),H=new Date(m.getTime()+R),X=t.state==="active"||t.state==="running";return e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"agent-heartbeat-last text-secondary",title:m.toLocaleString(),children:["Last: ",m.toLocaleTimeString([],{hour:"numeric",minute:"2-digit"})]}),X&&e.jsxs("span",{className:"agent-heartbeat-next text-secondary",title:H.toLocaleString(),children:["Next: ",H.toLocaleTimeString([],{hour:"numeric",minute:"2-digit"})]})]})})()]})]}),e.jsxs("div",{className:"agent-card-actions",children:[e.jsxs("div",{className:"agent-card-actions-group agent-card-actions-group--primary",children:[t.state==="idle"&&e.jsxs("button",{className:"btn btn-sm",onClick:()=>void st(t.id,"active"),disabled:se.has(t.id),title:"Activate",children:[e.jsx(mt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:"Start"})]}),t.state==="active"&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"btn btn-sm",onClick:()=>void Ss(t.id,t.name),disabled:se.has(t.id),title:"Run Now","aria-label":`Run now for ${t.name}`,children:[e.jsx(Je,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:"Run Now"})]}),e.jsxs("button",{className:"btn btn-sm",onClick:()=>void st(t.id,"paused"),disabled:se.has(t.id),title:"Pause",children:[e.jsx(wt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:"Pause"})]})]}),t.state==="paused"&&e.jsxs("button",{className:"btn btn-sm",onClick:()=>void st(t.id,"active"),disabled:se.has(t.id),title:"Resume",children:[e.jsx(mt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:"Resume"})]}),t.state==="running"&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"btn btn-sm",onClick:()=>me(t.id,{initialTab:"runs",initialRunId:null,preferActiveRun:!0}),title:"View live run details","aria-label":`View live run details for ${t.name}`,children:[e.jsx(Je,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:"Running"})]}),e.jsxs("button",{className:"btn btn-sm",onClick:()=>void st(t.id,"paused"),disabled:se.has(t.id),title:"Pause",children:[e.jsx(wt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:"Pause"})]})]}),t.state==="error"&&e.jsxs("button",{className:"btn btn-sm",onClick:()=>void st(t.id,"active"),disabled:se.has(t.id),title:"Retry",children:[e.jsx(mt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:"Retry"})]})]}),e.jsxs("div",{className:"agent-card-actions-group agent-card-actions-group--secondary",children:[e.jsxs("button",{className:"btn btn-sm agent-card-details-btn",onClick:()=>me(t.id),title:`View details for ${t.name}`,"aria-label":`View details for ${t.name}`,children:[e.jsx(ra,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:"Details"})]}),(t.state==="idle"||t.state==="paused")&&e.jsxs("button",{className:"btn btn-sm btn-danger",onClick:()=>void vs(t.id,t.name),title:"Delete",children:[e.jsx(oa,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:"Delete"})]})]})]})]},t.id)})})})}),e.jsx("div",{className:`agents-split-detail${d&&!z?" agents-split-detail--hidden-mobile":""}`,children:z?e.jsx(s.Suspense,{fallback:null,children:e.jsx(us,{inline:!0,showInlineBackButton:d,agentId:z,projectId:r,onClose:Ve,addToast:n,onChildClick:Wt,initialTab:ne,initialRunId:O,preferActiveRun:ge,onMutationSuccess:Cs},z)}):e.jsxs("div",{className:"agents-detail-empty-state",children:[e.jsx(Lt,{size:48}),e.jsx("h3",{children:"Select an agent"}),e.jsx("p",{children:"Choose an agent from the sidebar to view details"})]})})]})]})}export{an as AgentsView};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{r as s,a as bn,j as t,R as vn}from"./vendor-react-K0fH_qHe.js";import{c as xn,a9 as Rs,a7 as As,bc as Es,bd as os,aF as Mt,be as Ts,ac as Is,bf as Zt,t as yn,bg as wn,bh as $s,bi as Sn,bj as es,w as Cn,bk as kn,bl as jn,bm as Nn,bn as Mn,bo as Rn,bp as An,bq as En,s as Tn,br as In,i as $n,k as Xs,bs as Dn,bt as Pn,bu as Js,bv as Fn,bw as Ln,bx as _n,p as zn,by as Hn,bz as Un,u as On,bA as Bn,ah as Ys,ai as Qs,bB as Kn,bC as Gn,S as Wn,_ as ts,P as lt,J as ct,av as Vn,bD as Ds,a as Ct,bE as Ps,bF as Fs,bG as Ls,B as dt,ae as qn,af as Xn,b1 as Rt,bH as Jn,bI as Yn,a_ as Qn,bJ as _s,bK as Zn,T as ea,bL as zs,bM as ta,j as Hs,m as sa}from"./index-tJzhtiGM.js";import"./vendor-xterm-DzcZoU0P.js";import"./vendor-codemirror-jBKmHyH0.js";/**
|
|
2
|
+
* @license lucide-react v1.7.0 - ISC
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the ISC license.
|
|
5
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/const na=[["path",{d:"M5 3h14",key:"7usisc"}],["path",{d:"m18 13-6-6-6 6",key:"1kf1n9"}],["path",{d:"M12 7v14",key:"1akyts"}]],aa=xn("arrow-up-to-line",na),ss="kb-chat-active-session";function Us(n){const r=typeof n=="string"?n.trim():"",d=r.indexOf("/");return!r||d<=0||d>=r.length-1?{}:{modelProvider:r.slice(0,d),modelId:r.slice(d+1)}}function ra(n){const r=n?.toolCalls;if(!Array.isArray(r))return;const d=r.map(i=>{if(!i||typeof i!="object")return null;const f=i,p=typeof f.toolName=="string"?f.toolName:"";if(!p)return null;const S=f.args;return{toolName:p,...S&&typeof S=="object"?{args:S}:{},isError:!!f.isError,result:f.result,status:"completed"}}).filter(i=>i!==null);return d.length>0?d:void 0}function ia(n){const r=n?.fallback;if(!r||typeof r!="object")return;const d=r,i=typeof d.primaryModel=="string"?d.primaryModel:"",f=typeof d.fallbackModel=="string"?d.fallbackModel:"",p=d.triggerPoint;if(!(!i||!f||p!=="session-creation"&&p!=="prompt-time"))return{primaryModel:i,fallbackModel:f,triggerPoint:p}}function oa(n){const r=n?.failureInfo;if(!r||typeof r!="object")return;const d=r,i=typeof d.summary=="string"?d.summary.trim():"";if(!i)return;const f=(()=>{const p=d.reference;if(!p||typeof p!="object")return;const S=p,h=typeof S.kind=="string"?S.kind.trim():"",P=typeof S.id=="string"?S.id.trim():"";if(!(!h||!P))return{kind:h,id:P,...typeof S.label=="string"&&S.label.trim()?{label:S.label.trim()}:{}}})();return{summary:i,...typeof d.errorClass=="string"&&d.errorClass.trim()?{errorClass:d.errorClass.trim()}:{},...typeof d.code=="string"&&d.code.trim()?{code:d.code.trim()}:{},...typeof d.detail=="string"&&d.detail.trim()?{detail:d.detail.trim()}:{},...f?{reference:f}:{}}}function Os(n){return typeof n=="string"?{summary:n.trim()||"Failed to get response"}:{summary:typeof n.summary=="string"&&n.summary.trim()?n.summary.trim():"Failed to get response",...typeof n.errorClass=="string"&&n.errorClass.trim()?{errorClass:n.errorClass.trim()}:{},...typeof n.code=="string"&&n.code.trim()?{code:n.code.trim()}:{},...typeof n.detail=="string"&&n.detail.trim()?{detail:n.detail.trim()}:{},...n.reference?{reference:n.reference}:{}}}function ns(n){return{id:n.id,sessionId:n.sessionId,role:n.role,content:n.content,thinkingOutput:n.thinkingOutput,toolCalls:ra(n.metadata),fallbackInfo:ia(n.metadata),failureInfo:oa(n.metadata),attachments:n.attachments,createdAt:n.createdAt}}function ca(n,r){const d=s.useCallback(l=>l?`${Rs.CHAT_SESSIONS_PREFIX}${l}`:null,[]),i=s.useCallback((l,u)=>l&&u?`${Rs.CHAT_MESSAGES_PREFIX}${l}:${u}`:null,[]),f=s.useCallback(l=>{const u=d(l);return u?As(u,{maxAgeMs:Es})??[]:[]},[d]),[p,S]=s.useState(()=>f(n)),[h,P]=s.useState(null),[Q,Z]=s.useState(()=>f(n).length===0),[w,E]=s.useState([]),[H,C]=s.useState(!1),[ee,k]=s.useState(!1),[B,R]=s.useState(""),[q,L]=s.useState(""),[F,T]=s.useState([]),[te,M]=s.useState(""),[j,y]=s.useState(""),[g,c]=s.useState(!0),{agentsMap:Ce}=os(n),v=s.useRef(null),N=s.useRef(null),me=s.useRef(!1),ce=s.useRef(""),he=s.useRef(null),Ke=s.useRef(p),V=s.useRef(h),tt=s.useRef(w),W=s.useRef(ee);Ke.current=p,V.current=h,tt.current=w,W.current=ee,s.useEffect(()=>{ce.current=te},[te]);const $e=s.useRef(new Set),le=s.useRef(0),we=s.useRef(n);we.current!==n&&(Mt({view:"useChat",trigger:"project-context-change",projectId:n,replayAttempted:!1,detail:{previousProjectId:we.current??null}}),we.current=n,le.current++);const fe=s.useCallback(async()=>{Ke.current.length===0&&Z(!0);try{const u=[...(await Ts(n)).sessions].sort((I,X)=>new Date(X.updatedAt).getTime()-new Date(I.updatedAt).getTime());S(u);const b=d(n);b&&Is(b,u,{maxBytes:5e5})}catch{const l=f(n);if(Ke.current.length===0&&l.length===0){const u=d(n);u&&Zt(u)}}finally{Z(!1)}},[d,n]);s.useEffect(()=>{const l=f(n);S(l),Z(l.length===0)},[n,f]),s.useEffect(()=>{fe()},[fe,n]);const ut=s.useRef(()=>{}),Se=s.useRef(!1);s.useEffect(()=>{Se.current=!1,N.current=null},[n]),s.useEffect(()=>{if(Q||Se.current||V.current)return;const l=yn(ss,n);if(!l){Se.current=!0;return}const u=p.find(b=>b.id===l);if(u){Se.current=!0,ut.current(l,u);return}Se.current=!0},[Q,p,n]);const He=s.useCallback((l,u)=>{const b=i(l,u);return b?As(b,{maxAgeMs:Es})??[]:[]},[i]),ge=s.useCallback(l=>{const u=He(n,l);return u.length>0?(E(u),C(!1),!0):(E([]),!1)},[n,He]),ae=s.useCallback(async(l,u)=>{const b=typeof u?.offset=="number"&&u.offset>0,I=i(n,l),X=b?[]:He(n,l),A=X.length>0;!b&&A?(E(X),C(!1)):C(!0);try{const J=await wn(l,{limit:50,...u},n),U=J.messages.map(ns);b?E(O=>[...U,...O]):(E(U),I&&Is(I,U,{maxBytes:5e5})),c(J.messages.length>=50)}catch{!b&&tt.current.length===0&&A&&(E(X),C(!1))}finally{C(!1)}},[i,n,He]),Ue=s.useCallback(()=>{he.current?.(),he.current=null,ce.current="",M(""),R(""),L(""),T([]),k(!1)},[]),mt=s.useCallback(()=>{ce.current="",M("")},[]),se=s.useCallback(()=>{const l=ce.current.trim();l&&(ce.current="",M(""),ke.current(l))},[]),oe=s.useCallback((l,u,b)=>{if(v.current||!l)return!0;me.current=!1,u&&(R(u.streamingText),L(u.streamingThinking),T(u.toolCalls)),k(!0);const{handlers:I}=$s({sessionId:l,tempUserMessageId:"",setStreamingText:R,setStreamingThinking:L,setStreamingToolCalls:T,cancelStreamingFlushesRef:he,addToast:b?.silent?void 0:r,onFallbackSession:(A,J)=>{const U=Us(A.fallbackModel);S(O=>O.map(K=>K.id===J?{...K,...U}:K)),P(O=>O&&O.id===J?{...O,...U}:O)},onDone:()=>{R(""),L(""),T([]),k(!1),W.current=!1,v.current=null,N.current=null,ae(l),se()},onError:A=>{R(""),L(""),T([]),k(!1),W.current=!1,v.current=null,N.current=null;const J=Os(A);b?.silent||r?.(J.summary,"error"),ae(l),se()}});Mt({view:"useChat",trigger:"sse-open",projectId:n,replayAttempted:typeof u?.replayFromEventId=="number",replayFromEventId:u?.replayFromEventId??null,lastEventId:u?.replayFromEventId??null});const X=Sn(l,I,n,{...typeof u?.replayFromEventId=="number"?{lastEventId:u.replayFromEventId}:{}});return v.current=X,N.current={sessionId:l,replayFromEventId:typeof u?.replayFromEventId=="number"?u.replayFromEventId:null},!0},[r,ae,n,se]),xe=s.useCallback((l,u)=>{const b=V.current?.id??null;if(l&&b===l&&!u)return;v.current&&(v.current.close(),v.current=null),N.current=null;const I=u??p.find(X=>X.id===l);P(I||null),l&&es(l,n).then(({session:X})=>{!X.isGenerating||!X.inFlightGeneration||P(A=>!A||A.id!==l?A:{...A,...X})}).catch(()=>{}),Ue(),c(!0),l?(ge(l),ae(l)):E([]),I?.isGenerating&&oe(I.id,I.inFlightGeneration),l?Cn(ss,l,n):kn(ss,n)},[oe,ge,p,ae,n,Ue]);ut.current=xe;const De=s.useCallback(async l=>{const u=await jn(l,n);v.current&&(v.current.close(),v.current=null),N.current=null;const b={id:u.session.id,title:u.session.title,agentId:u.session.agentId,status:u.session.status,modelProvider:u.session.modelProvider,modelId:u.session.modelId,createdAt:u.session.createdAt,updatedAt:u.session.updatedAt};return S(I=>I.some(X=>X.id===b.id)?I:[b,...I]),Ue(),xe(b.id,b),b},[n,Ue,xe]),st=s.useCallback(async l=>{await Nn(l,{status:"archived"},n),S(u=>u.filter(b=>b.id!==l)),h?.id===l&&(N.current=null,P(null),E([]))},[h,n]),Ge=s.useCallback(async l=>{h?.id===l&&v.current&&(v.current.close(),v.current=null),h?.id===l&&(N.current=null),await Mn(l,n);const u=i(n,l);u&&Zt(u),S(b=>b.filter(I=>I.id!==l)),h?.id===l&&(P(null),E([]))},[h,i,n]),We=s.useCallback(async()=>{!h||!g||await ae(h.id,{offset:w.length})},[h,g,ae,w.length]),Oe=s.useCallback(()=>{h&&(me.current=!0,he.current?.(),he.current=null,v.current?.close(),v.current=null,N.current=null,Rn(h.id,n).catch(()=>{}),k(!1),W.current=!1,R(""),L(""),T([]),se())},[h,n,se]),ke=s.useRef(()=>{}),je=An(),pe=s.useCallback(async l=>{try{await fe();const u=await es(l,n);V.current?.id===l&&P(b=>!b||b.id!==l?b:{...b,...u.session}),u.session.isGenerating?(R(""),L(""),T([]),k(!0),W.current=!0,oe(l,u.session.inFlightGeneration,{silent:!0})):(R(""),L(""),T([]),k(!1),W.current=!1,await ae(l))}catch{}},[oe,ae,n,fe]),Ne=s.useCallback((l,u)=>{if(!h)return;if(W.current){ce.current=l,M(l);return}me.current=!1,v.current&&(v.current.close(),v.current=null),N.current=null;const b=`temp-${Date.now()}`,I={id:b,sessionId:h.id,role:"user",content:l,createdAt:new Date().toISOString()};E(A=>[...A,I]),R(""),L(""),T([]),k(!0);const{handlers:X}=$s({sessionId:h.id,tempUserMessageId:b,setStreamingText:R,setStreamingThinking:L,setStreamingToolCalls:T,cancelStreamingFlushesRef:he,addToast:r,onFallbackSession:(A,J)=>{const U=Us(A.fallbackModel);S(O=>O.map(K=>K.id===J?{...K,...U}:K)),P(O=>O&&O.id===J?{...O,...U}:O)},onDone:({messageId:A,message:J,accumulated:U})=>{const O=J?{...ns(J),...U.text.length>0?{content:U.text}:{}}:{id:A||`msg-${Date.now()}`,sessionId:h.id,role:"assistant",content:U.text,thinkingOutput:U.thinking,toolCalls:U.toolCalls.length>0?U.toolCalls:void 0,fallbackInfo:U.fallbackInfo,createdAt:new Date().toISOString()};$e.current.add(O.id),E(K=>[...K,O]),R(""),L(""),T([]),k(!1),W.current=!1,v.current=null,N.current=null,setTimeout(()=>{$e.current.delete(O.id)},1e3),fe(),se()},onError:(A,J)=>{const U=Os(A),O=typeof A=="string"?A:U.summary,K=In(O);E(G=>{const D=G.filter(Y=>Y.id!==J);return K?D:[...D,{id:`error-${Date.now()}`,sessionId:h.id,role:"assistant",content:U.summary,failureInfo:U,createdAt:new Date().toISOString()}]}),R(""),L(""),T([]),k(!1),W.current=!1,v.current=null,N.current=null,console.error("[useChat] Stream error:",A),K?(console.info("[useChat] Suppressed tab-suspension stream error:",A),h?.id&&(R(""),L(""),T([]),k(!0),W.current=!0,pe(h.id))):(r?.(U.summary,"error"),fe()),me.current||se()}});v.current=En(h.id,l,X,u,n)},[h,n,fe,r,oe,pe,se]);ke.current=Ne;const Ve=j?p.filter(l=>l.title?.toLowerCase().includes(j.toLowerCase())||l.agentId.toLowerCase().includes(j.toLowerCase())):p;return s.useEffect(()=>{if(!h?.id||h.isGenerating!==!0||v.current)return;const l=typeof h.inFlightGeneration?.replayFromEventId=="number"?h.inFlightGeneration.replayFromEventId:null,u=N.current;u?.sessionId===h.id&&u.replayFromEventId===l||oe(h.id,h.inFlightGeneration,{silent:!0})},[h?.id,h?.isGenerating,h?.inFlightGeneration,oe]),s.useEffect(()=>{if(!V.current?.isGenerating||(v.current||oe(V.current.id,V.current.inFlightGeneration),!W.current||v.current||!V.current))return;const l=setInterval(async()=>{if(!W.current||v.current||!V.current){clearInterval(l);return}try{(await Ts(n)).sessions.find(I=>I.id===V.current?.id)?.isGenerating||(clearInterval(l),await ae(V.current.id),R(""),L(""),T([]),k(!1),W.current=!1,se())}catch{}},3e3);return()=>clearInterval(l)},[oe,ae,n,h,se]),s.useEffect(()=>je.onBecameVisible(()=>{const u=V.current;if(!u||v.current)return;const b=le.current;es(u.id,n).then(I=>{if(!(le.current!==b||v.current)){if(I.session.isGenerating){R(""),L(""),T([]),k(!0),W.current=!0,oe(u.id,I.session.inFlightGeneration,{silent:!0});return}W.current&&(R(""),L(""),T([]),k(!1),W.current=!1,se(),ae(u.id))}}).catch(()=>{})}),[oe,ae,n,je,se]),s.useEffect(()=>{const l=le.current,u=n?`?projectId=${encodeURIComponent(n)}`:"",b=()=>le.current!==l,I=K=>{if(b())return;const G=JSON.parse(K.data);S(D=>D.some(Y=>Y.id===G.id)?D:[G,...D])},X=K=>{if(b())return;const G=JSON.parse(K.data);S(D=>[...D.map(re=>re.id===G.id?G:re)]),V.current?.id===G.id&&(P(G),G.isGenerating&&!v.current&&oe(G.id,G.inFlightGeneration))},A=K=>{if(b())return;const{id:G}=JSON.parse(K.data);S(Y=>Y.filter(re=>re.id!==G));const D=i(n,G);D&&Zt(D),V.current?.id===G&&(P(null),E([]))},J=K=>{if(b())return;const G=JSON.parse(K.data),D=ns(G);if(!$e.current.has(D.id)){if(V.current?.id===D.sessionId&&W.current&&!v.current&&D.role==="assistant"){E(Y=>Y.some(re=>re.id===D.id)?Y:[...Y,D]),R(""),L(""),T([]),k(!1),W.current=!1,se();return}V.current?.id===D.sessionId&&!W.current&&E(Y=>{if(Y.some(re=>re.id===D.id))return Y;if(D.role==="user"){const re=Y.findIndex(de=>de.role==="user"&&de.id.startsWith("temp-")&&de.content.trim()===D.content.trim());if(re>=0){const de=[...Y];return de[re]=D,de}}return[...Y,D]})}},U=K=>{if(b())return;const{id:G}=JSON.parse(K.data);E(D=>D.filter(Y=>Y.id!==G))};return Tn(`/api/events${u}`,{events:{"chat:session:created":I,"chat:session:updated":X,"chat:session:deleted":A,"chat:message:added":J,"chat:message:deleted":U}})},[oe,i,n,se]),s.useEffect(()=>()=>{v.current&&(v.current.close(),v.current=null),N.current=null},[]),{sessions:p,activeSession:h,sessionsLoading:Q,messages:w,messagesLoading:H,isStreaming:ee,streamingText:B,streamingThinking:q,streamingToolCalls:F,pendingMessage:te,selectSession:xe,createSession:De,archiveSession:st,deleteSession:Ge,sendMessage:Ne,stopStreaming:Oe,clearPendingMessage:mt,loadMoreMessages:We,hasMoreMessages:g,searchQuery:j,setSearchQuery:y,filteredSessions:Ve,refreshSessions:fe,agentsMap:Ce}}function la(n,r=[]){const d=n.trim().replace(/^#/,"");if(!d)return{ok:!1,error:"Room name is required."};if(/[A-Z]/.test(d))return{ok:!1,error:"Use lowercase letters only."};const i=d.toLowerCase();return i.length>80?{ok:!1,error:"Room names can be at most 80 characters."}:/^[a-z0-9_-]+$/.test(i)?/^[-_]|[-_]$/.test(i)?{ok:!1,error:"Room names cannot start or end with a hyphen or underscore."}:r.some(f=>f.toLowerCase()===i)?{ok:!1,error:"A room with this name already exists."}:{ok:!0,name:i}:{ok:!1,error:"Use lowercase letters, numbers, hyphens, or underscores only."}}function da({isOpen:n,onClose:r,onCreate:d,projectId:i,existingRoomNames:f=[]}){const[p,S]=s.useState(""),[h,P]=s.useState([]),[Q,Z]=s.useState(""),[w,E]=s.useState([]),[H,C]=s.useState(!1),[ee,k]=s.useState(null),[B,R]=s.useState(!1),q=s.useRef(null),L=s.useRef(null);s.useEffect(()=>{n&&(L.current=document.activeElement instanceof HTMLElement?document.activeElement:null,C(!0),k(null),$n(void 0,i).then(g=>P(g)).catch(()=>{P([]),k("Failed to load agents.")}).finally(()=>C(!1)))},[n,i]),s.useEffect(()=>{if(!n){S(""),Z(""),E([]),k(null),R(!1);return}const g=window.requestAnimationFrame(()=>q.current?.focus());return()=>window.cancelAnimationFrame(g)},[n]),s.useEffect(()=>{if(!n)return;const g=c=>{c.key==="Escape"&&r()};return document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g)},[n,r]),s.useEffect(()=>{n||L.current?.focus()},[n]);const F=s.useMemo(()=>la(p,f),[p,f]),T=s.useMemo(()=>{const g=Q.trim().toLowerCase();return g?h.filter(c=>c.name.toLowerCase().includes(g)):h},[h,Q]),te=s.useMemo(()=>h.filter(g=>w.includes(g.id)),[h,w]),M=F.ok&&w.length>0&&!B&&!H;if(!n)return null;const j=g=>{B||E(c=>c.includes(g)?c.filter(Ce=>Ce!==g):[...c,g])},y=async()=>{if(!F.ok){k(F.error);return}if(w.length===0){k("Select at least one member.");return}k(null),R(!0);try{await d({name:F.name,displayName:`#${F.name}`,memberAgentIds:w}),r()}catch(g){k(g instanceof Error?g.message:"Failed to create room.")}finally{R(!1)}};return bn.createPortal(t.jsx("div",{className:"modal-overlay open",onClick:g=>g.target===g.currentTarget&&r(),children:t.jsxs("div",{className:"modal modal-lg create-room-modal",role:"dialog","aria-modal":"true","aria-label":"Create room",onClick:g=>g.stopPropagation(),children:[t.jsxs("div",{className:"modal-header",children:[t.jsx("h3",{children:"Create room"}),t.jsx("button",{type:"button",className:"modal-close","aria-label":"Close",onClick:r,children:"×"})]}),t.jsxs("div",{className:"form-group create-room-modal-name-group",children:[t.jsx("label",{htmlFor:"create-room-name",children:"Room name"}),t.jsxs("div",{className:"create-room-modal-name-field",children:[t.jsx("span",{"aria-hidden":"true",className:"create-room-modal-name-hash",children:"#"}),t.jsx("input",{ref:q,id:"create-room-name",className:"input",value:p,disabled:B,onChange:g=>{const c=g.target.value.replace(/^#/,"").replace(/\s+/g,"-").toLowerCase();S(c)}})]}),!F.ok&&t.jsx("div",{className:"form-error",children:F.error})]}),t.jsxs("div",{className:"form-group",children:[t.jsx("label",{htmlFor:"create-room-member-search",children:"Members"}),t.jsx("input",{id:"create-room-member-search",className:"input",placeholder:"Search agents",value:Q,disabled:B,onChange:g=>Z(g.target.value)})]}),te.length>0&&t.jsx("div",{className:"create-room-modal-selected","data-testid":"create-room-selected-chips",children:te.map(g=>t.jsxs("button",{type:"button",className:"btn btn-sm create-room-modal-chip",onClick:()=>j(g.id),disabled:B,children:[g.name," ×"]},g.id))}),t.jsx("div",{className:"create-room-modal-member-list","data-testid":"create-room-member-list",children:H?t.jsx("div",{className:"create-room-modal-empty",children:"Loading agents..."}):T.length===0?t.jsx("div",{className:"create-room-modal-empty",children:h.length===0?"No agents in this project yet.":"No agents match your search."}):T.map(g=>{const c=w.includes(g.id);return t.jsxs("button",{type:"button",className:`create-room-modal-member-row${c?" create-room-modal-member-row--selected":""}`,onClick:()=>j(g.id),disabled:B,children:[t.jsx(Xs,{agent:g,size:20}),t.jsx("span",{children:g.name}),t.jsx("span",{className:"create-room-modal-member-role",children:g.role})]},g.id)})}),ee&&t.jsx("div",{className:"form-group",children:t.jsx("div",{className:"form-error",children:ee})}),t.jsxs("div",{className:"modal-actions",children:[t.jsx("button",{type:"button",className:"btn",onClick:r,disabled:B,children:"Cancel"}),t.jsx("button",{type:"button",className:"btn btn-primary",onClick:()=>void y(),disabled:!M,children:B?"Creating...":"Create room"})]})]})}),document.body)}const ua=640;let as=!1;function ma(n){return Math.max(40,Math.min(n,ua))}function Zs(n){const r=new Date(n),i=new Date().getTime()-r.getTime(),f=Math.floor(i/1e3),p=Math.floor(f/60),S=Math.floor(p/60),h=Math.floor(S/24);return f<60?"just now":p<60?`${p}m ago`:S<24?`${S}h ago`:h<7?`${h}d ago`:r.toLocaleDateString()}function Bs(n,r){if(!n||!r)return null;const d=r.toLowerCase();if(d.includes("claude")){let f=r.replace(/^claude[- ]/i,"Claude ").replace(/sonnet[- ](\d+)[- ](\d+)/i,"Sonnet $1.$2").replace(/sonnet[- ](\d+)/i,"Sonnet $1").replace(/haiku[- ](\d+)/i,"Haiku $1").replace(/opus[- ](\d+)/i,"Opus $1").replace(/sonnet/i,"Sonnet").replace(/haiku/i,"Haiku").replace(/opus/i,"Opus").replace(/-/g," ").trim();return f=f.replace(/\s+/g," "),f.length>30?f.slice(0,30)+"…":f}if(d.includes("gpt")||d.includes("openai")){const f=r.replace(/^gpt-4-turbo$/i,"GPT-4 Turbo").replace(/^gpt-4o-mini$/i,"GPT-4o Mini").replace(/^gpt-4o$/i,"GPT-4o").replace(/^gpt-4$/i,"GPT-4").replace(/^gpt-o1-preview$/i,"GPT-o1 Preview").replace(/^gpt-o1-mini$/i,"GPT-o1 Mini").replace(/^gpt-o1$/i,"GPT-o1").replace(/^gpt/i,"GPT").trim();return f.length>30?f.slice(0,30)+"…":f}if(d.includes("gemini")){const f=r.replace(/^gemini[- ]/i,"Gemini ").replace(/pro[- ](\d+)[- ](\d+)/i,"Pro $1.$2").replace(/pro[- ](\d+)/i,"Pro $1").replace(/-/g," ").replace(/\s+/g," ").trim();return f.length>30?f.slice(0,30)+"…":f}const i=r.replace(/-/g," ").replace(/^\w/,f=>f.toUpperCase()).replace(/\s+/g," ").trim();return i.length>30?i.slice(0,30)+"…":i}function Nt(n,r){return n.length<=r?n:`${n.slice(0,r)}…`}function ha(n){if(!n)return null;const r=Object.entries(n);return r.length===0?null:r.map(([d,i])=>{const f=typeof i=="string"?i:(()=>{try{return JSON.stringify(i)}catch{return String(i)}})();return`${d}=${Nt(f,50)}`}).join(", ")}function fa(n){if(n===void 0)return null;if(typeof n=="string")return Nt(n,200);try{return Nt(JSON.stringify(n),200)}catch{return Nt(String(n),200)}}function ga(n){if(!n)return null;if(n.kind==="mailbox"||n.kind==="mailbox-message"){const r=typeof window>"u"?"/":window.location.pathname||"/",d=new URLSearchParams(typeof window>"u"?"":window.location.search);return d.set("view","mailbox"),d.set("mailbox-message",n.id),`${r}?${d.toString()}#message-${encodeURIComponent(n.id)}`}return null}function pa(n){if(!n)return null;const r=n.label??`${n.kind} ${n.id}`,d=ga(n),i=`chat-failure-reference-${n.kind}-${n.id}`.replace(/[^a-zA-Z0-9_-]+/g,"-").toLowerCase();return t.jsxs("div",{className:"chat-message-failure-reference",children:[t.jsx("span",{className:"chat-message-failure-reference-label",children:"Reference"}),t.jsx("span",{className:"chat-message-failure-reference-value",children:r}),d?t.jsx("a",{className:"btn btn-sm chat-message-failure-reference-link",href:d,children:"Open mailbox message"}):t.jsxs("details",{className:"chat-message-failure-reference-details",children:[t.jsx("summary",{className:"btn btn-sm chat-message-failure-reference-link",children:"View failure details"}),t.jsxs("dl",{className:"chat-message-failure-reference-meta",id:i,children:[t.jsxs("div",{children:[t.jsx("dt",{children:"Kind"}),t.jsx("dd",{children:n.kind})]}),t.jsxs("div",{children:[t.jsx("dt",{children:"ID"}),t.jsx("dd",{children:n.id})]}),n.label&&t.jsxs("div",{children:[t.jsx("dt",{children:"Label"}),t.jsx("dd",{children:n.label})]})]})]})]})}function en(n){if(!n||n.length===0)return null;const r=(w,E)=>{const H=w.status==="running",C=w.status==="completed"&&w.isError,ee=ha(w.args),k=fa(w.result),B=H?ee:k?`result: ${k}`:ee?`args: ${ee}`:null,R=H?"running":C?"error":"completed";return t.jsxs("details",{className:`chat-tool-call${H?" chat-tool-call--running":""}${C?" chat-tool-call--error":""}`,open:H,children:[t.jsxs("summary",{children:[t.jsx("span",{className:"chat-tool-call-status-dot","aria-hidden":"true"}),t.jsx("span",{className:"chat-tool-call-name",title:w.toolName,children:w.toolName}),B&&t.jsx("span",{className:"chat-tool-call-preview",title:B,children:B}),t.jsx("span",{className:"chat-tool-call-status-text",children:R})]}),t.jsxs("div",{className:"chat-tool-call-content",children:[ee&&t.jsxs("div",{className:"chat-tool-call-row",children:[t.jsx("span",{className:"chat-tool-call-label",children:"args"}),t.jsx("span",{className:"chat-tool-call-value",children:ee})]}),k&&t.jsxs("div",{className:`chat-tool-call-row${C?" chat-tool-call-row--error":""}`,children:[t.jsx("span",{className:"chat-tool-call-label",children:"result"}),t.jsx("span",{className:"chat-tool-call-value",children:k})]})]})]},`${w.toolName}-${E}`)},d="chat-tool-calls";if(n.length===1)return t.jsxs("div",{className:d,"data-testid":"chat-tool-calls",children:[t.jsxs("div",{className:"chat-tool-calls-header",children:[t.jsx(zs,{size:12,"aria-hidden":"true"}),t.jsx("span",{children:"Tool calls"})]}),r(n[0],0)]});const i=n.filter(w=>w.status==="running").length,f=n.filter(w=>w.status==="completed"&&w.isError).length,p=i>0,S=Array.from(new Set(n.map(w=>w.toolName))),h=S.slice(0,5),P=Math.max(0,S.length-h.length),Q=P>0?`${h.join(", ")}, +${P} more`:h.join(", "),Z=p?`(${i} running)`:f>0?`(${f} ${f===1?"error":"errors"})`:null;return t.jsx("div",{className:d,"data-testid":"chat-tool-calls",children:t.jsxs("details",{className:"chat-tool-calls-group","data-testid":"chat-tool-calls-group",open:p,children:[t.jsxs("summary",{className:"chat-tool-calls-group-summary",children:[t.jsx(zs,{size:12,"aria-hidden":"true"}),t.jsxs("span",{className:"chat-tool-calls-count",children:[n.length," tool calls"]}),t.jsx("span",{className:"chat-tool-calls-names",title:Q,children:Q}),Z&&t.jsx("span",{className:"chat-tool-calls-group-status",children:Z})]}),n.map((w,E)=>r(w,E))]})})}const tn={p:({children:n,...r})=>t.jsx("p",{...r,children:_s(n)}),li:({children:n,...r})=>t.jsx("li",{...r,children:_s(n)}),pre:({children:n,...r})=>t.jsx("pre",{...r,className:"chat-markdown-pre",children:n}),code:({children:n,...r})=>{const d=typeof n=="string"?n:vn.Children.toArray(n).join(""),i=Rt(d);return i.length===1&&typeof i[0]=="string"?t.jsx("code",{...r,children:n}):t.jsx("code",{...r,children:i})},table:({children:n,...r})=>t.jsx("table",{...r,className:"chat-markdown-table",children:n})},et="__fn_agent__",ba=280,kt=180,jt=500,Ks="fusion:chat-sidebar-width",rs="fusion:chat-scope",va="fusion:chat-draft:";function Gs(n,r){return r?`${va}${n}:${r}`:null}function Ws(n){if(!n)return"";try{return localStorage.getItem(n)??""}catch{return""}}const xa=["image/png","image/jpeg","image/gif","image/webp","text/plain","application/json","text/yaml","text/markdown","text/csv","application/xml","text/x-log"];function Vs(n){const r=/(^|[\s])\/([^\s]*)$/.exec(n);if(!r)return null;const d=r[1]??"",i=r[2]??"",f=r.index+d.length;return{filter:i,start:f,end:n.length}}function ya(n,r){const d=n.slice(0,r),i=/(^|[\s\n])@([\w-]*)$/.exec(d);if(!i)return null;const f=i[2]??"",p=d.length-f.length-1;return{filter:f,start:p,end:r}}function wa(n){const r=n?.runtimeConfig;if(!r||typeof r!="object")return null;const d=Reflect.get(r,"modelProvider"),i=Reflect.get(r,"modelId");return typeof d!="string"||d.trim().length===0||typeof i!="string"||i.trim().length===0?null:{provider:d,modelId:i}}function qs(n,r,d){if(n?.modelProvider&&n?.modelId)return{provider:n.modelProvider,modelId:n.modelId};const i=wa(r??void 0);return i||(d.provider&&d.modelId?{provider:d.provider,modelId:d.modelId}:null)}function Sa({projectId:n,onClose:r,onCreate:d}){const[i,f]=s.useState("agent"),{agents:p,loading:S}=os(n),[h,P]=s.useState(""),{models:Q,favoriteProviders:Z,favoriteModels:w,loading:E,refresh:H}=Js(),[C,ee]=s.useState(""),[k,B]=s.useState(Z),[R,q]=s.useState(w);s.useEffect(()=>{B(Z)},[Z]),s.useEffect(()=>{q(w)},[w]);const L=s.useCallback(async M=>{const j=k,g=j.includes(M)?j.filter(c=>c!==M):[M,...j];B(g);try{await Hs({favoriteProviders:g,favoriteModels:R}),await H()}catch{B(j)}},[k,R,H]),F=s.useCallback(async M=>{const j=R,g=j.includes(M)?j.filter(c=>c!==M):[M,...j];q(g);try{await Hs({favoriteProviders:k,favoriteModels:g}),await H()}catch{q(j)}},[R,k,H]),T=M=>{if(M.preventDefault(),i==="agent"){if(!h)return;d({agentId:h});return}if(!C)return;const j=C.indexOf("/");if(j<=0)return;const y=C.slice(0,j),g=C.slice(j+1);d({agentId:et,modelProvider:y,modelId:g})},te=i==="agent"?!h:!C;return t.jsx("div",{className:"chat-new-dialog-backdrop chat-view-dialog-backdrop",onClick:r,role:"dialog","aria-modal":"true",children:t.jsxs("div",{className:"chat-new-dialog chat-view-dialog",onClick:M=>M.stopPropagation(),children:[t.jsx("h3",{children:"New Chat"}),t.jsxs("div",{className:"chat-new-dialog-mode-toggle","data-testid":"chat-new-dialog-mode-toggle",children:[t.jsx("button",{type:"button",className:`chat-new-dialog-mode-btn${i==="agent"?" chat-new-dialog-mode-btn--active":""}`,"data-testid":"chat-new-dialog-mode-agent",onClick:()=>{f("agent"),ee("")},children:"Agent"}),t.jsx("button",{type:"button",className:`chat-new-dialog-mode-btn${i==="model"?" chat-new-dialog-mode-btn--active":""}`,"data-testid":"chat-new-dialog-mode-model",onClick:()=>{f("model"),P("")},children:"Model"})]}),t.jsxs("form",{onSubmit:T,children:[i==="agent"&&t.jsxs("label",{className:"chat-new-dialog-model-label",children:["Agent",S?t.jsx("div",{className:"chat-new-dialog-loading",children:"Loading agents..."}):p.length===0?t.jsx("div",{className:"chat-new-dialog-empty",children:"No agents available"}):t.jsx("div",{className:"chat-new-dialog-agent-list",children:p.map(M=>t.jsxs("button",{type:"button",className:`chat-new-dialog-agent-item${h===M.id?" chat-new-dialog-agent-item--selected":""}`,onClick:()=>P(M.id),"data-testid":`agent-option-${M.id}`,children:[t.jsx(dt,{size:16}),t.jsx("span",{className:"chat-new-dialog-agent-name",children:M.name}),t.jsx("span",{className:"chat-new-dialog-agent-role",children:M.role})]},M.id))})]}),i==="model"&&t.jsx("div",{className:"chat-new-dialog-model-dropdown","data-testid":"chat-new-dialog-model-section",children:E?t.jsx("div",{className:"chat-new-dialog-loading",children:"Loading models..."}):t.jsx(sa,{models:Q,value:C,onChange:ee,label:"Model",placeholder:"Select a model",favoriteProviders:k,onToggleFavorite:L,favoriteModels:R,onToggleModelFavorite:F})}),t.jsxs("div",{className:"chat-new-dialog-actions",children:[t.jsx("button",{type:"button",className:"btn btn-sm",onClick:r,children:"Cancel"}),t.jsx("button",{type:"submit",className:"btn btn-sm btn-primary",disabled:te,children:"Create"})]})]})]})})}const is=s.memo(function({message:r,forcePlain:d,agentName:i,hideAssistantIdentity:f,showAssistantModelTag:p,activeModelTag:S,activeModelProvider:h,activeSessionId:P,mentionAgentsByName:Q,roomContext:Z,copyAction:w,onScrollToTop:E}){const H=r.role==="assistant",C=H?r.failureInfo:void 0,ee=H&&(!f||!!C),k=s.useMemo(()=>{if(H)return null;const q=r.content,L=/@([\w-]+)/g,F=[];let T=0,te=L.exec(q);for(;te;){const[M,j=""]=te,y=te.index;y>T&&F.push(q.slice(T,y));const g=j.replace(/_/g," ").toLowerCase(),c=Q.get(g);if(c){const Ce=!!(Z&&!Z.memberIds.has(c.id)),v=Ce?`Not a member of ${Z?.roomName}`:void 0;F.push(t.jsxs("span",{className:`chat-mention-chip${Ce?" chat-mention-chip--non-member":""}`,title:v,"aria-label":v,children:["@",c.name.replace(/\s+/g,"_")]},`${c.id}-${y}`))}else F.push(M);T=y+M.length,te=L.exec(q)}return T<q.length&&F.push(q.slice(T)),F.length===0?q:F},[H,r.content,Q,Z]),B=s.useMemo(()=>{const q=r.attachments;if(!q||q.length===0)return null;const L=r.roomId?`/api/chat/rooms/${encodeURIComponent(r.roomId)}/attachments/`:P?`/api/chat/sessions/${encodeURIComponent(P)}/attachments/`:null;return L?t.jsx("div",{className:"chat-message-attachments",children:q.map(F=>{const T=F.mimeType.startsWith("image/"),te=F.id||F.filename,M=`${L}${encodeURIComponent(F.filename)}`;return T?t.jsx("a",{className:"chat-message-attachment-link","data-testid":"chat-message-attachment",href:M,target:"_blank",rel:"noopener noreferrer",children:t.jsx("img",{className:"chat-message-attachment",src:M,alt:F.originalName})},te):t.jsxs("a",{className:"chat-message-attachment-file","data-testid":"chat-message-attachment",href:M,target:"_blank",rel:"noopener noreferrer",children:[t.jsx(Zn,{size:14}),t.jsx("span",{children:F.originalName})]},te)})}):null},[r.attachments,r.roomId,P]),R=s.useMemo(()=>H?C?t.jsxs("div",{className:"chat-message-content chat-message-content--failure",children:[t.jsxs("div",{className:"chat-message-failure-summary-row",children:[t.jsx("span",{className:"status-dot status-dot--error","aria-hidden":"true"}),t.jsx("span",{className:"chat-message-failure-label",children:"Response failed"})]}),t.jsx("div",{className:"chat-message-failure-summary",children:C.summary}),(C.errorClass||C.code)&&t.jsxs("div",{className:"chat-message-failure-badges",children:[C.errorClass&&t.jsx("span",{className:"chat-message-failure-badge",children:C.errorClass}),C.code&&t.jsx("span",{className:"chat-message-failure-badge",children:C.code})]}),(C.detail||C.reference)&&t.jsxs("details",{className:"chat-message-failure-details",children:[t.jsxs("summary",{children:[t.jsx(ea,{size:14,"aria-hidden":"true"}),t.jsx("span",{children:"Failure details"})]}),C.detail&&t.jsx("pre",{className:"chat-message-failure-detail",children:Rt(C.detail)}),pa(C.reference)]})]}):d?t.jsx("div",{className:"chat-message-content chat-message-content--plain",children:r.content}):t.jsx("div",{className:"chat-message-content chat-message-content--markdown",children:t.jsx(Ys,{remarkPlugins:[Qs],components:tn,children:r.content})}):null,[C,d,H,r.content]);return t.jsxs("div",{className:`chat-message chat-message--${r.role}${C?" chat-message--failure":""}`,"data-testid":`chat-message-${r.id}`,"data-message-id":r.id,children:[ee&&t.jsxs("div",{className:"chat-message-avatar",children:[h?t.jsx(lt,{provider:h,size:"sm"}):t.jsx(dt,{size:14}),t.jsx("span",{children:i}),p&&S&&t.jsx("span",{className:"chat-model-tag",children:S})]}),H?R:t.jsx("div",{className:"chat-message-content",children:k}),H&&!C&&(w||E)&&t.jsxs("div",{className:"chat-message-actions",children:[w,E&&t.jsx("button",{type:"button",className:"btn-icon chat-message-scroll-to-top-action","aria-label":"Scroll message to top","data-testid":`chat-message-scroll-to-top-${r.id}`,onClick:()=>E(r.id),children:t.jsx(aa,{size:14})})]}),en(r.toolCalls),r.thinkingOutput&&t.jsxs("details",{className:"chat-message-thinking",children:[t.jsx("summary",{children:"Thinking"}),t.jsx("pre",{className:"chat-message-thinking-content",children:Rt(r.thinkingOutput)})]}),B,t.jsx("div",{className:"chat-message-time",children:Zs(r.createdAt)})]})});function Ra({projectId:n,addToast:r,experimentalFeatures:d}){s.useEffect(()=>(Mt({view:"ChatView",trigger:as?"route-active":"remount",projectId:n,replayAttempted:!1}),as=!1,()=>{as=!0,Mt({view:"ChatView",trigger:"route-inactive",projectId:n,replayAttempted:!1})}),[n]);const{activeSession:i,sessionsLoading:f,messages:p,messagesLoading:S,isStreaming:h,streamingText:P,streamingThinking:Q,streamingToolCalls:Z,selectSession:w,createSession:E,archiveSession:H,deleteSession:C,sendMessage:ee,stopStreaming:k,pendingMessage:B,clearPendingMessage:R,searchQuery:q,setSearchQuery:L,filteredSessions:F,agentsMap:T}=ca(n,r),[te,M]=s.useState(!1),j=d?.chatRooms===!0,[y,g]=s.useState(()=>{try{if(localStorage.getItem(rs)==="rooms"&&j)return"rooms"}catch{}return"direct"}),c=Dn(n,r),{isUnread:Ce,markRead:v}=Pn(n),[N,me]=s.useState(()=>{const e=Gs(y,y==="rooms"?c.activeRoom?.id:i?.id);return Ws(e)}),[ce,he]=s.useState(null),[Ke,V]=s.useState(null),[tt,W]=s.useState(null),[$e,le]=s.useState(!0),[we,fe]=s.useState(ba),[ut,Se]=s.useState(!1),{agentsMap:He}=os(n),ge=s.useMemo(()=>T.size>0?T:He,[He,T]),{defaultProvider:ae,defaultModelId:Ue}=Js(),mt=s.useMemo(()=>({provider:ae,modelId:Ue}),[Ue,ae]),{skills:se,loading:oe}=Fn(n),[xe,De]=s.useState(!1),[st,Ge]=s.useState(""),[We,Oe]=s.useState(0),[ke,je]=s.useState(""),[pe,Ne]=s.useState(!1),[Ve,l]=s.useState(0),[u,b]=s.useState(-1),[I,X]=s.useState(!1),[A,J]=s.useState([]),[U,O]=s.useState(!1),[K,G]=s.useState(!1),[D,Y]=s.useState({}),[re,de]=s.useState(!1),[ht,nt]=s.useState(!1),{pushNav:cs}=Ln(),[,ft]=s.useState(!1),[sn,nn]=s.useState({top:0,left:0}),_=_n({projectId:n}),At=s.useCallback(e=>{if(!e||!_.mentionActive)return;const a=e.getBoundingClientRect();nn({top:a.top-260,left:a.left+8})},[_.mentionActive]),ls=s.useRef(null),ds=s.useRef(null),us=s.useRef(null),Me=s.useRef(!1),Et=s.useRef(null),ms=s.useRef(null),Pe=s.useRef(null),gt=s.useRef(0),Tt=s.useRef(null),It=s.useRef(null),Re=s.useRef(null),be=s.useRef(null),$t=s.useRef(null),pt=s.useRef(!1),Ae=s.useRef(null),ie=s.useRef(null),hs=s.useRef(null),fs=s.useRef([]),qe=s.useRef(0),at=s.useRef(new Map),$=zn()==="mobile";s.useEffect(()=>{i?.id&&v("direct",i.id,i.lastMessageAt??i.updatedAt)},[i?.id,i?.lastMessageAt,i?.updatedAt,v]),s.useEffect(()=>{c.activeRoom?.id&&v("room",c.activeRoom.id,c.activeRoom.updatedAt)},[c.activeRoom?.id,c.activeRoom?.updatedAt,v]),s.useEffect(()=>{if(!i?.id||p.length===0)return;const e=p[p.length-1];v("direct",i.id,e?.createdAt??i.lastMessageAt??i.updatedAt)},[i?.id,i?.lastMessageAt,i?.updatedAt,v,p]),s.useEffect(()=>{if(!c.activeRoom?.id||c.messages.length===0)return;const e=c.messages[c.messages.length-1];v("room",c.activeRoom.id,e?.createdAt??c.activeRoom.updatedAt)},[v,c.activeRoom?.id,c.activeRoom?.updatedAt,c.messages]),s.useEffect(()=>{try{const e=localStorage.getItem(Ks);if(!e)return;const a=Number.parseInt(e,10);if(Number.isNaN(a))return;const o=Math.max(kt,Math.min(jt,a));fe(o)}catch{}},[]),s.useEffect(()=>{try{const e=localStorage.getItem(rs);if(e==="direct"){g("direct");return}e==="rooms"&&j&&g("rooms")}catch{}},[j]),s.useEffect(()=>{if(!j&&y==="rooms"){g("direct");return}try{localStorage.setItem(rs,y)}catch{}},[j,y]);const ue=Gs(y,y==="rooms"?c.activeRoom?.id:i?.id),Dt=s.useRef(ue);s.useEffect(()=>{ue!==Dt.current&&(Dt.current=ue,me(Ws(ue)))},[ue]),s.useEffect(()=>{if(!(!ue||Dt.current!==ue))try{if(N){localStorage.setItem(ue,N);return}localStorage.removeItem(ue)}catch{}},[ue,N]);const ne=j&&y==="rooms"&&!!c.activeRoom,{keyboardOverlap:gs,keyboardOpen:Pt}=Hn({enabled:$&&(!!i||ne)}),ye=s.useMemo(()=>{const e=st.trim().toLowerCase();return(e?se.filter(o=>o.name.toLowerCase().includes(e)):se).slice(0,10)},[se,st]),Xe=s.useMemo(()=>Array.from(ge.values()),[ge]),Ee=s.useMemo(()=>!j||y!=="rooms"||!c.activeRoom?null:{roomId:c.activeRoom.id,roomName:c.activeRoom.name,memberIds:new Set(c.activeRoomMembers.map(e=>e.agentId))},[j,y,c.activeRoom,c.activeRoomMembers]),Be=s.useMemo(()=>{const e=Xe.filter(m=>Un(m.name,ke));if(!Ee)return e;const a=e.filter(m=>Ee.memberIds.has(m.id));if(ke.trim().length===0)return a;const o=e.filter(m=>!Ee.memberIds.has(m.id));return[...a,...o]},[Xe,ke,Ee]),Ft=s.useMemo(()=>{const e=new Map;for(const a of Xe)e.set(a.name.toLowerCase(),a);return e},[Xe]);s.useEffect(()=>{Oe(0)},[ye]),s.useEffect(()=>{l(0)},[ke,pe]),s.useEffect(()=>()=>{Re.current!==null&&window.clearTimeout(Re.current)},[]);const Je=s.useCallback(()=>ne?c.activeRoom?.id??null:i?.id??null,[ne,c.activeRoom?.id,i?.id]),ps=s.useCallback((e,a)=>typeof CSS<"u"&&typeof CSS.escape=="function"?e.querySelector(`.chat-message[data-message-id="${CSS.escape(a)}"]`):e.querySelector(`.chat-message[data-message-id="${a.replace(/"/g,'\\"')}"]`),[]),bt=s.useCallback(()=>{const e=be.current,a=Je();if(!e||!a)return;const o=e.querySelector(".chat-message[data-message-id]"),m=o?.getAttribute("data-message-id")??null,x=o?o.offsetTop-e.scrollTop:0;It.current={threadId:a,scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight,anchorMessageId:m,anchorOffset:x,wasPinnedBefore:!Me.current}},[Je]),bs=s.useCallback(()=>{const e=be.current;if(!e)return;const o=e.scrollTop+e.clientHeight>=e.scrollHeight-50;G(!o),Me.current=!o,bt()},[bt]),Te=s.useCallback(e=>{if(!e.isConnected)return;let a=0,o=0,m=-1;const x=6,z=()=>{if(e.isConnected){if(e.scrollTop=e.scrollHeight,e.scrollHeight===m?o+=1:(o=0,m=e.scrollHeight),a+=1,a>=x||o>=2){G(!1),Me.current=!1;return}window.requestAnimationFrame(z)}};z()},[]),rt=ne?c.messages:p;s.useLayoutEffect(()=>{const e=be.current,a=Je(),o=It.current;if(!e||!a||!o||o.threadId!==a||o.wasPinnedBefore)return;let m=o.scrollTop;if(o.anchorMessageId){const x=ps(e,o.anchorMessageId);x?m=x.offsetTop-o.anchorOffset:m=o.scrollTop+(e.scrollHeight-o.scrollHeight)}else m=o.scrollTop+(e.scrollHeight-o.scrollHeight);e.scrollTop=Math.max(0,m),Me.current=!0,G(!0),It.current=null},[rt,Je,ps]);const Lt=s.useCallback(e=>{},[rt.length,ne]),Fe=s.useCallback(e=>{Lt(e);const a=be.current;a&&Te(a)},[Te,Lt]);s.useLayoutEffect(()=>{Pe.current!==null&&(window.clearTimeout(Pe.current),Pe.current=null);const e=ne?c.activeRoom?.id??null:i?.id??null;if(!e){Et.current=null;return}const a={threadId:e,loaded:ne?!c.messagesLoading:!S,hasMessages:ne?c.messages.length>0:p.length>0},o=Et.current,m=o?.threadId!==e,x=o?.threadId===e&&!o.loaded&&a.loaded,z=o?.threadId===e&&!o.hasMessages&&a.hasMessages;if(!(o===null||m||x||z))return;const Ie=be.current;if(Ie)return Lt(m?"thread-change":x?"finished-loading":z?"first-messages":"mount"),Te(Ie),ne||(Pe.current=window.setTimeout(()=>{if(Pe.current=null,Me.current)return;const Qe=be.current;Qe&&Te(Qe)},250)),Et.current=a,()=>{Pe.current!==null&&(window.clearTimeout(Pe.current),Pe.current=null)}},[ne,c.activeRoom?.id,c.messages.length,c.messagesLoading,i?.id,p.length,S,Te]),s.useEffect(()=>{!h||Me.current||Fe("streaming")},[h,P,Q,Fe]),s.useEffect(()=>{const e=Je();if(!e){gt.current=0,Tt.current=null;return}if(Tt.current!==e){Tt.current=e,gt.current=rt.length;return}const a=gt.current,o=rt.length,m=o>a,x=!Me.current;gt.current=o,m&&x&&Fe("new-message")},[rt,Je,Fe]),s.useEffect(()=>{gs<=0||!be.current||Fe("keyboard")},[gs,Fe]),On($&&Pt),s.useLayoutEffect(()=>{if(!$||!i&&!ne||typeof window>"u")return;const e=$t.current,a=window.visualViewport;if(!e||!a)return;const o=x=>{if(!(x instanceof HTMLElement))return!1;if(x.tagName==="TEXTAREA")return!0;if(x.tagName!=="INPUT")return!1;const z=x.type.toLowerCase();return["","text","search","email","url","tel","password","number"].includes(z)},m=()=>{if(pt.current){e.classList.remove("chat-thread--keyboard-active");return}const x=Math.max(0,window.innerHeight-a.offsetTop-a.height),z=a.offsetTop||0;e.style.setProperty("--vv-height",`${a.height}px`),e.style.setProperty("--vv-offset-top",`${z}px`),e.style.setProperty("--keyboard-overlap",`${x}px`);const ze=(x>0||z>0)&&o(document.activeElement);e.classList.toggle("chat-thread--keyboard-active",ze)};return m(),a.addEventListener("resize",m),a.addEventListener("scroll",m),document.addEventListener("focusin",m),document.addEventListener("focusout",m),window.addEventListener("pageshow",m),document.addEventListener("visibilitychange",m),()=>{a.removeEventListener("resize",m),a.removeEventListener("scroll",m),document.removeEventListener("focusin",m),document.removeEventListener("focusout",m),window.removeEventListener("pageshow",m),document.removeEventListener("visibilitychange",m),e.classList.remove("chat-thread--keyboard-active")}},[i,$,ne]),s.useEffect(()=>{const e=()=>he(null);if(ce)return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[ce]),s.useEffect(()=>{if(!$||!Pt)return;const e=a=>{a.target?.closest(".chat-messages")||a.preventDefault()};return document.addEventListener("touchmove",e,{passive:!1}),()=>{document.removeEventListener("touchmove",e)}},[$,Pt]),s.useEffect(()=>{if(!$||!i)return;const e=()=>{const a=ie.current;a&&document.activeElement===a&&(a.blur(),window.setTimeout(()=>{a.focus({preventScroll:!0})},0))};return document.addEventListener("visibilitychange",e),window.addEventListener("pageshow",e),()=>{document.removeEventListener("visibilitychange",e),window.removeEventListener("pageshow",e)}},[$,i]),s.useEffect(()=>{const e=ms.current;if(ms.current=y,y!=="direct"||e!==null&&e!=="rooms")return;const a=be.current;a&&(Te(a),Me.current=!1,G(!1))},[y,Te]),s.useEffect(()=>{if(!i&&!ne||ne&&!$)return;const e=()=>{bt()},a=()=>{document.visibilityState==="visible"&&e()};return document.addEventListener("visibilitychange",a),window.addEventListener("pageshow",e),()=>{document.removeEventListener("visibilitychange",a),window.removeEventListener("pageshow",e)}},[$,i,ne,bt]),s.useEffect(()=>{if(ne||typeof ResizeObserver>"u")return;const e=be.current;if(!e)return;const a=new ResizeObserver(()=>{Me.current||Te(e)});return a.observe(e),()=>{a.disconnect()}},[ne,Te,i?.id,y]),s.useEffect(()=>{fs.current=A},[A]),s.useEffect(()=>()=>{for(const e of fs.current)e.previewUrl&&URL.revokeObjectURL(e.previewUrl);for(const e of at.current.values())window.clearTimeout(e);at.current.clear()},[]);const vt=s.useCallback(e=>{if(!e||e.length===0)return;const a=[];for(const o of Array.from(e)){if(!xa.includes(o.type))continue;const m=o.type.startsWith("image/");a.push({file:o,previewUrl:m?URL.createObjectURL(o):""})}a.length>0&&J(o=>[...o,...a])},[]),an=s.useCallback(e=>{J(a=>{const o=a[e];return o?.previewUrl&&URL.revokeObjectURL(o.previewUrl),a.filter((m,x)=>x!==e)})},[]),rn=s.useCallback(e=>{const a=e.clipboardData?.files;if(!a||a.length===0)return;const o=Array.from(a).filter(m=>m.type.startsWith("image/"));o.length!==0&&vt(o)},[vt]),on=s.useCallback(async e=>{try{await E(e),M(!1),$&&le(!1)}catch{r("Failed to create chat session","error")}},[E,r,$]),ve=s.useCallback(e=>{const a=e??ie.current;a&&(a.style.height="auto",a.style.height=`${ma(a.scrollHeight)}px`)},[]),vs=s.useCallback(e=>{ie.current=e,e&&ve(e)},[ve]);s.useLayoutEffect(()=>{ve()},[y,N,i?.id,c.activeRoom?.id,ve]);const Ye=s.useCallback(()=>{if(me(""),ue)try{localStorage.removeItem(ue)}catch{}De(!1),Ge(""),Ne(!1),je(""),b(-1),J(e=>{for(const a of e)a.previewUrl&&URL.revokeObjectURL(a.previewUrl);return[]})},[ue]),_t=s.useCallback(()=>{const e=N.trim(),a=A.map(o=>o.file);if(!(!e&&a.length===0||!i)){if(e==="/clear"||e==="/new"){Ye(),R(),k(),E({agentId:i.agentId,modelProvider:i.modelProvider??void 0,modelId:i.modelId??void 0}).catch(()=>{r("Failed to clear conversation","error")});return}Ye(),ee(e,a)}},[N,A,i,Ye,k,R,E,r,ee]),zt=s.useCallback(async()=>{const e=N.trim();if(e){if(j&&y==="rooms"){if(!c.activeRoom)return;if(e==="/clear"||e==="/new"){Ye();try{await c.clearRoom(c.activeRoom.id)}catch{r("Failed to clear room conversation","error")}return}const a=N;Ye();try{await c.sendRoomMessage(e,{files:A.map(o=>o.file)})}catch(o){if(o instanceof Bn){const x=o.message.trim()?o.message:"Message sent, but assistant reply failed";r(`Message sent, but assistant reply failed: ${x}`,"error");return}me(a);const m=o instanceof Error&&o.message.trim()?o.message:"Failed to send room message";r(m,"error")}return}_t()}},[N,A,j,y,c,c.clearRoom,Ye,r,_t]),Ht=s.useCallback(e=>{me(a=>{const o=Vs(a);if(!o)return a;const m=`/skill:${e.name} `,x=a.slice(0,o.start)+m+a.slice(o.end);return window.requestAnimationFrame(()=>{ie.current&&(ve(ie.current),ie.current.focus())}),x}),De(!1),Ge(""),Oe(0)},[ve]),xt=s.useCallback(e=>{const a=ie.current;if(!a||u<0)return;const o=a.selectionStart??qe.current,m=a.selectionEnd??o,x=Math.max(o,m),z=Math.min(u,x),Ie=`${`@${e.name.replace(/\s+/g,"_")}`} `,Qe=N.slice(0,z)+Ie+N.slice(x),Ze=z+Ie.length;me(Qe),Ne(!1),je(""),l(0),b(-1),window.requestAnimationFrame(()=>{ie.current&&(ve(ie.current),ie.current.focus(),ie.current.setSelectionRange(Ze,Ze))})},[u,N,ve]),it=s.useCallback((e,a)=>{const m=ie.current?.selectionStart??qe.current,x=N.lastIndexOf("#",m),z=x>=0?x+a.length:e.length;me(e),_.dismissMention(),ft(!1),window.requestAnimationFrame(()=>{ie.current&&(ve(ie.current),ie.current.focus(),ie.current.setSelectionRange(z,z))})},[_,N,ve]),xs=s.useCallback(e=>{if(qe.current=e.currentTarget.selectionStart??qe.current,_.mentionActive&&_.combinedItems.length>0){if(_.handleKeyDown(e,N),e.key==="Enter"||e.key==="Tab"){const a=_.combinedItems[_.selectedIndex];a?.kind==="task"?it(_.selectTask(a.task,N),`#${a.task.id}`):a?.kind==="file"&&it(_.selectFile(a.file,N),`#${a.file.path}`)}return}if(pe&&e.key==="ArrowDown"){e.preventDefault(),Be.length>0&&l(a=>(a+1)%Be.length);return}if(pe&&e.key==="ArrowUp"){e.preventDefault(),Be.length>0&&l(a=>a===0?Be.length-1:a-1);return}if(pe&&e.key==="Enter"){e.preventDefault();const a=Be[Ve]??Be[0];a&&xt(a);return}if(pe&&e.key==="Escape"){e.preventDefault(),Ne(!1),je(""),b(-1);return}if(xe&&e.key==="ArrowDown"){e.preventDefault(),ye.length>0&&Oe(a=>(a+1)%ye.length);return}if(xe&&e.key==="ArrowUp"){e.preventDefault(),ye.length>0&&Oe(a=>a===0?ye.length-1:a-1);return}if(xe&&(e.key==="Enter"||e.key==="Tab")&&ye.length>0){e.preventDefault();const a=ye[We]??ye[0];a&&Ht(a);return}if(xe&&e.key==="Escape"){e.preventDefault(),De(!1);return}e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),zt())},[pe,Be,Ve,xt,xe,ye,We,Ht,zt,_,it,N]),yt=s.useCallback((e,a)=>{const o=ya(e,a);if(o){Ne(!0),je(o.filter),b(o.start);return}Ne(!1),je(""),b(-1)},[]),ys=s.useCallback(e=>{const a=e.target,o=a.value,m=a.selectionStart??o.length;ve(a),qe.current=m,me(o);const x=Vs(o);x?(De(!0),Ge(x.filter)):(De(!1),Ge("")),yt(o,m),_.detectMention(o,m),ft(_.mentionActive),_.mentionActive&&At(a)},[yt,ve]),wt=s.useCallback(e=>{const a=e.currentTarget,o=a.selectionStart??a.value.length;qe.current=o,yt(a.value,o),_.detectMention(a.value,o),ft(_.mentionActive),_.mentionActive&&At(a)},[yt,_,At]),ws=s.useCallback(e=>{e.key!=="Escape"&&wt(e)},[wt]),Ss=s.useCallback(()=>{typeof window<"u"&&window.innerWidth<=768&&(pt.current=!0,Ae.current!==null&&window.clearTimeout(Ae.current),Ae.current=window.setTimeout(()=>{pt.current=!1,Ae.current=null},450)),Re.current!==null&&window.clearTimeout(Re.current),Re.current=window.setTimeout(()=>{De(!1),Ne(!1),je(""),b(-1),ft(!1),_.dismissMention(),Re.current=null},120)},[_]),Cs=s.useCallback(()=>{pt.current=!1,Ae.current!==null&&(window.clearTimeout(Ae.current),Ae.current=null),Re.current!==null&&(window.clearTimeout(Re.current),Re.current=null),typeof window<"u"&&window.innerWidth<=768&&queueMicrotask(()=>{(window.scrollY!==0||window.scrollX!==0)&&window.scrollTo(0,0)})},[]);s.useEffect(()=>()=>{Ae.current!==null&&window.clearTimeout(Ae.current)},[]);const cn=s.useCallback(async e=>{he(null);try{await H(e),r("Conversation archived","success")}catch{r("Failed to archive conversation","error")}},[H,r]),ln=s.useCallback(async e=>{V(null),he(null);try{await C(e),r("Conversation deleted","success")}catch{r("Failed to delete conversation","error")}},[C,r]),ot=s.useCallback(e=>{try{localStorage.setItem(Ks,String(e))}catch{}},[]),dn=s.useCallback(e=>{if($)return;e.preventDefault(),e.stopPropagation();const a=e.currentTarget;typeof a.setPointerCapture=="function"&&a.setPointerCapture(e.pointerId);const o=e.clientX,m=we;let x=m;document.body.style.userSelect="none";const z=Ie=>{const Qe=Ie.clientX-o,Ze=Math.max(kt,Math.min(jt,m+Qe));x=Ze,fe(Ze),ot(Ze)},ze=Ie=>{typeof a.releasePointerCapture=="function"&&a.releasePointerCapture(Ie.pointerId),document.body.style.userSelect="",document.removeEventListener("pointermove",z),document.removeEventListener("pointerup",ze),ot(x)};document.addEventListener("pointermove",z),document.addEventListener("pointerup",ze)},[$,ot,we]),un=s.useCallback(e=>{if($||e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;e.preventDefault();const a=e.shiftKey?50:10,o=e.key==="ArrowLeft"?-a:a,m=Math.max(kt,Math.min(jt,we+o));fe(m),ot(m)},[$,ot,we]),ks=s.useCallback(e=>{const a=F.find(o=>o.id===e);v("direct",e,a?.lastMessageAt??a?.updatedAt),w(e),de(!1),$&&le(!1)},[F,$,v,w]),Ut=s.useCallback(()=>{w(""),le(!0),de(!1)},[w]),Ot=s.useCallback(()=>{c.selectRoom(null),le(!0),de(!1)},[c]),mn=()=>t.jsxs("div",{className:"chat-empty-state",children:[t.jsx(ta,{size:48,strokeWidth:1.5}),t.jsx("h2",{children:"Start a new conversation"}),t.jsxs("button",{className:"btn btn-primary",onClick:()=>M(!0),children:[t.jsx(ct,{size:16}),"New Chat"]})]}),Bt=qs(i,i?.agentId?ge.get(i.agentId)??null:null,mt),Le=Bs(Bt?.provider,Bt?.modelId),_e=Bt?.provider??null,Kt=!!(i||h||p.length>0),St=y==="rooms"?ne:!!i,js=s.useRef(St);s.useEffect(()=>{const e=js.current;js.current=St,$&&(e||!St||cs({type:"view",revert:y==="rooms"?Ot:Ut}))},[y,Ut,Ot,St,$,cs]);const Gt=i?.agentId===et?Le??"Fusion":i?.title||ge.get(i?.agentId??"")?.name||i?.agentId||"Chat",Ns=!!(Le&&Le!==Gt),hn=$&&y==="direct"&&!!i,Wt=ge.get(i?.agentId??"")?.name||(i?.agentId===et?Le??"Fusion":i?.agentId?.slice(0,30)??"Fusion"),Vt=!1,qt=i?.agentId===et,fn=B.length>50?`${B.slice(0,50)}…`:B,gn=s.useCallback(()=>{X(e=>!e)},[]);s.useEffect(()=>{if(!re)return;const e=a=>{ds.current?.contains(a.target)||de(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[re]),s.useEffect(()=>{if(!ht)return;const e=o=>{us.current?.contains(o.target)||nt(!1)},a=o=>{o.key==="Escape"&&nt(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",a)}},[ht]),s.useEffect(()=>{(!$||y!=="direct"||$e)&&de(!1)},[$,y,$e]),s.useEffect(()=>{nt(!1)},[c.activeRoom?.id]);const Xt=s.useCallback((e,a)=>{const o=at.current.get(e);o&&window.clearTimeout(o),Y(x=>({...x,[e]:a}));const m=window.setTimeout(()=>{Y(x=>{const{[e]:z,...ze}=x;return ze}),at.current.delete(e)},2e3);at.current.set(e,m)},[]),Ms=s.useCallback(async(e,a)=>{try{if(!navigator.clipboard?.writeText)throw new Error("Clipboard API unavailable");await navigator.clipboard.writeText(a),Xt(e,"success")}catch{Xt(e,"error")}},[Xt]),pn=s.useCallback((e,a=!1)=>a?t.jsx("div",{className:"chat-message-content chat-message-content--plain",children:e}):t.jsx("div",{className:"chat-message-content chat-message-content--markdown",children:t.jsx(Ys,{remarkPlugins:[Qs],components:tn,children:e})}),[]),Jt=i?.agentId===et,Yt=s.useCallback((e,a,o)=>t.jsx("button",{type:"button",className:`btn-icon chat-message-copy-action${D[e]==="success"?" chat-message-copy-action--success":""}${D[e]==="error"?" chat-message-copy-action--error":""}`,"data-testid":o??`chat-copy-response-${e}`,"aria-label":D[e]==="success"?"Response copied":D[e]==="error"?"Copy failed":"Copy response",onClick:()=>{Ms(e,a)},children:D[e]==="success"?t.jsx(Kn,{size:14}):t.jsx(Gn,{size:14})}),[D,Ms]),Qt=s.useCallback(e=>{const a=be.current;if(!a)return;const o=`[data-testid="chat-message-${e}"]`,m=a.querySelector(o);if(!m)return;const x=m.getBoundingClientRect().top-a.getBoundingClientRect().top+a.scrollTop,z=typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;a.scrollTo({top:x,behavior:z?"auto":"smooth"})},[]);return t.jsxs("div",{className:"chat-view",children:[t.jsxs("div",{className:`chat-sidebar${$e?"":" chat-sidebar--hidden"}`,style:$?void 0:{width:`${we}px`},children:[j&&t.jsxs("div",{className:"chat-sidebar-scope-toggle",role:"tablist","data-testid":"chat-sidebar-scope-toggle",children:[t.jsx("button",{type:"button",role:"tab",className:`chat-sidebar-scope-btn${y==="direct"?" chat-sidebar-scope-btn--active":""}`,"aria-selected":y==="direct","data-testid":"chat-sidebar-scope-direct",onClick:()=>g("direct"),children:"Direct"}),t.jsx("button",{type:"button",role:"tab",className:`chat-sidebar-scope-btn${y==="rooms"?" chat-sidebar-scope-btn--active":""}`,"aria-selected":y==="rooms","data-testid":"chat-sidebar-scope-rooms",onClick:()=>g("rooms"),children:"Rooms"})]}),!j||y==="direct"?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"chat-sidebar-search-container",children:t.jsxs("div",{className:"chat-sidebar-search-wrapper",children:[t.jsx(Wn,{size:14,className:"chat-sidebar-search-icon"}),t.jsx("input",{type:"text",className:"chat-sidebar-search",placeholder:"Search conversations...",value:q,onChange:e=>L(e.target.value),"data-testid":"chat-search-input"})]})}),t.jsx("div",{className:"chat-session-list chat-sidebar-list",children:f?t.jsx("div",{className:"chat-empty-state chat-empty-state--padded",children:"Loading..."}):F.length===0?t.jsx("div",{className:"chat-empty-state chat-empty-state--padded",children:"No conversations yet"}):F.map(e=>{const a=i?.id===e.id,o=!a&&Ce("direct",e.id,e.lastMessageAt??e.updatedAt),m=qs(e,ge.get(e.agentId)??null,mt),x=Bs(m?.provider,m?.modelId)??"Fusion";return t.jsxs("div",{className:`chat-session-item${a?" chat-session-item--active":""}`,onClick:()=>ks(e.id),onContextMenu:z=>{z.preventDefault(),he({sessionId:e.id,x:z.clientX,y:z.clientY})},"data-testid":`chat-session-${e.id}`,children:[t.jsx("button",{className:"chat-session-delete-btn",onClick:z=>{z.stopPropagation(),V(e.id)},"data-testid":"chat-session-delete-btn","aria-label":"Delete conversation",children:t.jsx(ts,{size:14})}),t.jsxs("div",{className:"chat-session-title",children:[e.title||"Untitled",o?t.jsx("span",{className:"chat-unread-dot","data-testid":`chat-unread-dot-${e.id}`,"aria-label":"Unread messages"}):null]}),t.jsx("div",{className:"chat-session-preview",children:e.lastMessagePreview||"No messages"}),t.jsxs("div",{className:"chat-session-meta",children:[t.jsxs("span",{className:"chat-session-meta-model",children:[m?.provider?t.jsx(lt,{provider:m.provider,size:"sm"}):null,t.jsx("span",{children:ge.get(e.agentId)?.name||(e.agentId===et?x:e.agentId.slice(0,30))})]}),t.jsx("span",{children:e.updatedAt?Zs(e.updatedAt):""})]})]},e.id)})})]}):t.jsxs("div",{className:"chat-sidebar-rooms","data-testid":"chat-sidebar-rooms",children:[!$&&t.jsx("div",{className:"chat-sidebar-rooms-header","data-testid":"chat-sidebar-rooms-header",children:t.jsxs("button",{type:"button",className:"btn btn-sm btn-primary","data-testid":"chat-create-room-btn",onClick:()=>Se(!0),children:[t.jsx(ct,{size:14}),"Create room"]})}),c.rooms.length===0?t.jsx("div",{className:"chat-sidebar-rooms-empty","data-testid":"chat-sidebar-rooms-empty",children:"No rooms yet."}):t.jsx("div",{className:"chat-session-list chat-sidebar-list",children:c.rooms.map(e=>{const a=c.activeRoom?.id===e.id,o=!a&&Ce("room",e.id,e.updatedAt);return t.jsxs("div",{role:"button",tabIndex:0,className:`chat-room-item${a?" chat-room-item--active":""}`,"data-testid":`chat-room-item-${e.slug}`,onClick:()=>{v("room",e.id,e.updatedAt),c.selectRoom(e.id),$&&le(!1)},onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),v("room",e.id,e.updatedAt),c.selectRoom(e.id),$&&le(!1))},children:[t.jsxs("span",{className:"chat-room-item-details",children:[t.jsxs("span",{className:"chat-room-item-name-row",children:[t.jsxs("span",{className:"chat-room-item-name",children:["#",e.name]}),o?t.jsx("span",{className:"chat-unread-dot","data-testid":`chat-unread-dot-${e.id}`,"aria-label":"Unread messages"}):null]}),a?t.jsxs("span",{className:"chat-room-item-meta",children:[c.activeRoomMembers.length," ",c.activeRoomMembers.length===1?"member":"members"]}):null]}),t.jsx("button",{type:"button",className:"btn-icon chat-room-item-delete","data-testid":`chat-room-delete-${e.slug}`,"aria-label":`Delete room ${e.name}`,onClick:m=>{m.stopPropagation(),W(e.id)},children:t.jsx(ts,{size:14})})]},e.id)})})]}),y==="rooms"?$?t.jsx("div",{className:"chat-sidebar-footer",children:t.jsxs("button",{type:"button",className:"btn btn-sm btn-primary chat-sidebar-footer-btn","data-testid":"chat-create-room-btn",onClick:()=>Se(!0),children:[t.jsx(ct,{size:14}),"Create room"]})}):null:t.jsx("div",{className:"chat-sidebar-footer",children:t.jsxs("button",{className:"btn btn-sm btn-primary chat-sidebar-footer-btn",onClick:()=>M(!0),"data-testid":"chat-new-btn",children:[t.jsx(ct,{size:14}),"New Chat"]})})]}),!$&&$e&&t.jsx("div",{className:"chat-sidebar-resize-handle",role:"separator","aria-orientation":"vertical","aria-valuemin":kt,"aria-valuemax":jt,"aria-valuenow":we,"aria-label":"Resize chat sidebar",tabIndex:0,onPointerDown:dn,onKeyDown:un}),ce&&t.jsxs("div",{className:"chat-session-context-menu",style:{top:ce.y,left:ce.x},onClick:e=>e.stopPropagation(),children:[t.jsxs("button",{onClick:()=>cn(ce.sessionId),"data-testid":"chat-context-archive",children:[t.jsx(Vn,{size:14}),"Archive"]}),t.jsxs("button",{onClick:()=>{he(null),V(ce.sessionId)},"data-testid":"chat-context-delete",children:[t.jsx(ts,{size:14}),"Delete"]})]}),Ke&&t.jsx("div",{className:"chat-new-dialog-backdrop chat-view-dialog-backdrop",onClick:()=>V(null),children:t.jsxs("div",{className:"chat-new-dialog chat-view-dialog",onClick:e=>e.stopPropagation(),children:[t.jsx("h3",{children:"Delete Conversation?"}),t.jsx("p",{className:"chat-view-delete-dialog-copy",children:"This action cannot be undone. All messages in this conversation will be permanently deleted."}),t.jsxs("div",{className:"chat-new-dialog-actions",children:[t.jsx("button",{className:"btn btn-sm",onClick:()=>V(null),children:"Cancel"}),t.jsx("button",{className:"btn btn-sm btn-danger",onClick:()=>void ln(Ke),children:"Delete"})]})]})}),j&&tt&&t.jsx("div",{className:"chat-new-dialog-backdrop chat-view-dialog-backdrop",onClick:()=>W(null),children:t.jsxs("div",{className:"chat-new-dialog chat-view-dialog",onClick:e=>e.stopPropagation(),children:[t.jsx("h3",{children:"Delete Room?"}),t.jsx("p",{className:"chat-view-delete-dialog-copy",children:"This action cannot be undone. This room and all its messages will be permanently deleted."}),t.jsxs("div",{className:"chat-new-dialog-actions",children:[t.jsx("button",{className:"btn btn-sm",onClick:()=>W(null),children:"Cancel"}),t.jsx("button",{className:"btn btn-sm btn-danger",onClick:()=>{(async()=>{try{await c.deleteRoom(tt),W(null)}catch{r("Failed to delete room","error")}})()},children:"Delete"})]})]})}),j&&y==="rooms"?t.jsxs("div",{ref:$t,className:"chat-thread",children:[c.activeRoom?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"chat-room-thread-header",children:[$&&t.jsx("button",{className:"btn-icon",onClick:Ot,"data-testid":"chat-back-btn",children:t.jsx(Ds,{size:16})}),t.jsxs("div",{className:"chat-room-switcher-menu",ref:us,children:[t.jsxs("button",{type:"button",className:"chat-room-switcher-trigger","data-testid":"chat-room-switcher-trigger","aria-haspopup":"menu","aria-expanded":ht,onClick:()=>nt(e=>!e),children:[t.jsxs("span",{className:"chat-thread-header-title",children:["#",c.activeRoom.name]}),t.jsx(Ct,{size:16,"aria-hidden":"true"})]}),ht&&t.jsx("div",{role:"menu",className:"chat-room-switcher-dropdown","data-testid":"chat-room-switcher-dropdown",children:c.rooms.map(e=>t.jsxs("button",{type:"button",role:"menuitem",className:`chat-room-switcher-option${e.id===c.activeRoom?.id?" chat-room-switcher-option--active":""}`,"data-testid":`chat-room-switcher-option-${e.id}`,onClick:()=>{v("room",e.id,e.updatedAt),c.selectRoom(e.id),nt(!1)},children:["#",e.name]},e.id))})]}),t.jsx("div",{className:"chat-room-thread-members",children:c.activeRoomMembers.map(e=>t.jsx(Xs,{agent:ge.get(e.agentId)??{id:e.agentId,name:e.agentId.slice(0,30)}},e.agentId))})]}),t.jsxs("div",{className:"chat-messages",ref:be,onScroll:bs,children:[c.messagesLoading?t.jsx("div",{className:"chat-empty-state",children:"Loading messages..."}):c.messages.length===0?t.jsx("div",{className:"chat-empty-state",children:"No messages yet. Start the conversation!"}):c.messages.map(e=>{const a=e.senderAgentId?ge.get(e.senderAgentId)?.name??e.senderAgentId.slice(0,30):"You",o={id:e.id,sessionId:e.roomId,role:e.role,content:e.content,thinkingOutput:e.thinkingOutput??void 0,toolCalls:void 0,fallbackInfo:void 0,attachments:e.attachments,createdAt:e.createdAt};return t.jsx(is,{message:o,forcePlain:I,agentName:a,hideAssistantIdentity:!1,showAssistantModelTag:!1,activeModelTag:null,activeModelProvider:null,activeSessionId:c.activeRoom?.id??null,mentionAgentsByName:Ft,roomContext:Ee,onScrollToTop:Qt},e.id)}),t.jsx("div",{ref:ls})]}),c.activeRoom&&K&&t.jsxs("button",{type:"button",className:"btn btn-sm chat-jump-to-latest","data-testid":"chat-jump-to-latest",onClick:()=>Fe("fab-click"),children:[t.jsx(Ct,{size:14}),"Latest"]})]}):t.jsx("div",{className:"chat-room-empty-pane","data-testid":"chat-rooms-empty-pane",children:"Select a room or create one"}),c.activeRoom&&t.jsx("div",{className:"chat-input-area",children:t.jsxs("div",{className:"chat-input-row",children:[t.jsxs("div",{className:"chat-input-wrapper",children:[t.jsx("textarea",{ref:vs,className:"chat-input-textarea",placeholder:"Type a message...",value:N,onChange:ys,onKeyDown:xs,onKeyUp:ws,onClick:wt,onBlur:Ss,onFocus:Cs,onTouchStart:e=>{typeof window>"u"||window.innerWidth>768||Ps()&&document.activeElement!==e.currentTarget&&(e.preventDefault(),e.currentTarget.focus({preventScroll:!0}))},rows:1,"data-testid":"chat-input"}),t.jsx(Fs,{agents:Xe,filter:ke,highlightedIndex:Ve,visible:pe,onSelect:xt,position:"below",roomMemberIds:Ee?.memberIds,roomName:Ee?.roomName})]}),t.jsx("button",{type:"button",className:"chat-input-send",onPointerDown:e=>{e.pointerType&&e.pointerType!=="mouse"&&e.preventDefault()},onMouseDown:e=>{e.preventDefault()},onClick:()=>{zt()},disabled:!N.trim(),"data-testid":"chat-send-btn",style:{touchAction:"manipulation"},children:t.jsx(Ls,{size:16})})]})})]}):t.jsxs("div",{ref:$t,className:"chat-thread",children:[(Kt||!$)&&t.jsxs("div",{className:"chat-thread-header",children:[$&&Kt&&t.jsx("button",{className:"btn-icon",onClick:Ut,"data-testid":"chat-back-btn",children:t.jsx(Ds,{size:16})}),t.jsx("div",{className:"chat-thread-header-identity","data-testid":"chat-thread-header-identity",children:hn?t.jsxs("div",{className:"chat-mobile-session-menu",ref:ds,children:[t.jsxs("button",{type:"button",className:"btn chat-mobile-session-trigger","data-testid":"chat-mobile-session-trigger","aria-haspopup":"menu","aria-expanded":re,onClick:()=>de(e=>!e),children:[_e?t.jsx(lt,{provider:_e,size:"md"}):t.jsx(dt,{size:16}),t.jsx("span",{className:"chat-thread-header-title",children:Gt}),Ns&&t.jsx("span",{className:"chat-model-tag",children:Le}),t.jsx(Ct,{size:16,"aria-hidden":"true"})]}),re&&t.jsx("div",{className:"chat-mobile-session-dropdown",role:"menu","data-testid":"chat-mobile-session-dropdown",children:F.map(e=>t.jsx("button",{type:"button",role:"menuitem",className:`chat-mobile-session-option${i?.id===e.id?" chat-mobile-session-option--active":""}`,"data-testid":`chat-mobile-session-option-${e.id}`,onClick:()=>ks(e.id),children:t.jsx("span",{className:"chat-mobile-session-option-title",children:e.title||"Untitled"})},e.id))})]}):t.jsxs(t.Fragment,{children:[_e?t.jsx(lt,{provider:_e,size:"md"}):t.jsx(dt,{size:16}),t.jsx("span",{className:"chat-thread-header-title",children:Gt}),Ns&&t.jsx("span",{className:"chat-model-tag",children:Le})]})}),Kt&&t.jsx("button",{type:"button",className:`chat-thread-header-render-toggle${I?" chat-thread-header-render-toggle--plain":""}`,"data-testid":"chat-thread-render-toggle","aria-label":I?"Show all messages as rendered Markdown":"Show all messages as plain text",onClick:gn,children:I?t.jsx(qn,{size:14}):t.jsx(Xn,{size:14})}),!$&&t.jsxs("button",{className:"btn btn-sm btn-primary chat-thread-header-new-chat",onClick:()=>M(!0),"data-testid":"chat-thread-new-chat-btn",children:[t.jsx(ct,{size:14}),"New Chat"]})]}),t.jsxs("div",{className:"chat-messages",ref:be,onScroll:bs,children:[h?t.jsxs(t.Fragment,{children:[p.map(e=>t.jsx(is,{message:e,forcePlain:I,agentName:Wt,hideAssistantIdentity:qt,showAssistantModelTag:Vt,activeModelTag:Le,activeModelProvider:_e,activeSessionId:i?.id??null,mentionAgentsByName:Ft,roomContext:null,copyAction:Jt&&e.role==="assistant"?Yt(e.id,e.content):void 0,onScrollToTop:Qt},e.id)),t.jsxs("div",{className:"chat-message chat-message--assistant chat-message--streaming",children:[!qt&&t.jsxs("div",{className:"chat-message-avatar",children:[_e?t.jsx(lt,{provider:_e,size:"sm"}):t.jsx(dt,{size:14}),t.jsx("span",{children:Wt}),Vt]}),P?pn(P,I):t.jsx("div",{className:"chat-message-content chat-message-content--waiting",children:Q?"Thinking…":"Connecting…"}),Jt&&P&&Yt("__streaming__",P,"chat-copy-response-streaming"),en(Z),Q&&t.jsxs("details",{className:"chat-message-thinking",children:[t.jsx("summary",{children:"Thinking"}),t.jsx("pre",{className:"chat-message-thinking-content",children:Rt(Q)})]}),t.jsxs("div",{className:"chat-typing-indicator",children:[t.jsx("span",{}),t.jsx("span",{}),t.jsx("span",{})]})]})]}):S?t.jsx("div",{className:"chat-empty-state",children:"Loading messages..."}):p.length===0&&!i?mn():p.length===0&&i?t.jsx("div",{className:"chat-empty-state",children:"No messages yet. Start the conversation!"}):t.jsx(t.Fragment,{children:p.map(e=>t.jsx(is,{message:e,forcePlain:I,agentName:Wt,hideAssistantIdentity:qt,showAssistantModelTag:Vt,activeModelTag:Le,activeModelProvider:_e,activeSessionId:i?.id??null,mentionAgentsByName:Ft,roomContext:null,copyAction:Jt&&e.role==="assistant"?Yt(e.id,e.content):void 0,onScrollToTop:Qt},e.id))}),t.jsx("div",{ref:ls})]}),K&&t.jsxs("button",{type:"button",className:"btn btn-sm chat-jump-to-latest","data-testid":"chat-jump-to-latest",onClick:()=>Fe("fab-click"),children:[t.jsx(Ct,{size:14}),"Latest"]}),i&&t.jsxs("div",{className:"chat-input-area",children:[t.jsx("input",{ref:hs,type:"file",accept:"image/*,.txt,.json,.yaml,.yml,.log,.csv,.xml,.md",multiple:!0,style:{display:"none"},onChange:e=>{vt(e.target.files),e.target.value=""}}),xe&&t.jsx("div",{className:"chat-skill-menu","data-testid":"chat-skill-menu",role:"listbox","aria-label":"Skill suggestions",children:oe?t.jsx("div",{className:"chat-skill-menu-empty",children:"Loading skills…"}):ye.length===0?t.jsx("div",{className:"chat-skill-menu-empty",children:st?"No skills found":"No skills available"}):ye.map((e,a)=>t.jsxs("button",{type:"button",role:"option","aria-selected":a===We,className:`chat-skill-menu-item${a===We?" chat-skill-menu-item--highlighted":""}`,onMouseDown:o=>o.preventDefault(),onMouseEnter:()=>Oe(a),onClick:()=>Ht(e),children:[t.jsx("span",{className:"chat-skill-menu-item-name",children:e.name}),t.jsx("span",{className:"chat-skill-menu-item-description",title:e.relativePath,children:e.relativePath})]},e.id))}),A.length>0&&t.jsx("div",{className:"chat-attachment-previews","data-testid":"chat-attachment-previews",children:A.map((e,a)=>t.jsxs("div",{className:"chat-attachment-preview","data-testid":`chat-attachment-preview-${a}`,children:[e.previewUrl?t.jsx("img",{src:e.previewUrl,alt:e.file.name}):t.jsx("span",{className:"chat-attachment-preview-name",children:e.file.name}),t.jsx("button",{type:"button",className:"chat-attachment-remove",onClick:()=>an(a),"data-testid":`chat-attachment-remove-${a}`,"aria-label":`Remove ${e.file.name}`,children:"×"})]},e.previewUrl||`${e.file.name}-${a}`))}),t.jsxs("div",{className:"chat-input-row",children:[t.jsx("button",{type:"button",className:"btn-icon chat-attach-btn","data-testid":"chat-attach-btn","aria-label":"Attach files",onClick:()=>hs.current?.click(),children:t.jsx(Jn,{size:16})}),t.jsxs("div",{className:`chat-input-wrapper${U?" chat-input-wrapper--dragover":""}`,onDragOver:e=>{e.preventDefault(),O(!0)},onDragLeave:()=>O(!1),onDrop:e=>{e.preventDefault(),O(!1),vt(e.dataTransfer.files)},children:[t.jsx("textarea",{ref:vs,className:"chat-input-textarea",placeholder:"Type a message...",value:N,onChange:ys,onKeyDown:xs,onKeyUp:ws,onClick:wt,onBlur:Ss,onFocus:Cs,onPaste:rn,onTouchStart:e=>{typeof window>"u"||window.innerWidth>768||Ps()&&document.activeElement!==e.currentTarget&&(e.preventDefault(),e.currentTarget.focus({preventScroll:!0}))},rows:1,"data-testid":"chat-input"}),t.jsx(Fs,{agents:Xe,filter:ke,highlightedIndex:Ve,visible:pe,onSelect:xt,position:"below",roomMemberIds:Ee?.memberIds,roomName:Ee?.roomName}),t.jsx(Yn,{visible:_.mentionActive&&!pe,position:sn,tasks:_.tasks,files:_.files,selectedIndex:_.selectedIndex,onSelectTask:e=>{it(_.selectTask(e,N),`#${e.id}`)},onSelectFile:e=>{it(_.selectFile(e,N),`#${e.path}`)},loading:_.loading}),B&&t.jsxs("div",{className:"chat-pending-message","data-testid":"chat-pending-indicator",children:[t.jsx("span",{children:`Queued: ${fn}`}),t.jsx("button",{type:"button",className:"chat-pending-message-dismiss","aria-label":"Dismiss queued message","data-testid":"chat-pending-dismiss",onClick:R,children:"×"})]})]}),h?t.jsx("button",{className:"chat-input-stop",onClick:k,"aria-label":"Stop generation","data-testid":"chat-stop-btn",children:t.jsx(Qn,{size:14})}):t.jsx("button",{type:"button",className:"chat-input-send",onPointerDown:e=>{e.pointerType&&e.pointerType!=="mouse"&&e.preventDefault()},onMouseDown:e=>{e.preventDefault()},onClick:()=>{_t()},disabled:!N.trim()&&A.length===0,"data-testid":"chat-send-btn",style:{touchAction:"manipulation"},children:t.jsx(Ls,{size:16})})]})]})]}),j&&t.jsx(da,{isOpen:ut,onClose:()=>Se(!1),projectId:n,existingRoomNames:c.rooms.map(e=>e.name),onCreate:async e=>{await c.createRoom({name:e.name,memberAgentIds:e.memberAgentIds}),y!=="rooms"&&g("rooms"),Se(!1),$&&le(!1)}}),te&&t.jsx(Sa,{projectId:n,onClose:()=>M(!1),onCreate:on})]})}export{Ra as ChatView,ma as clampChatInputHeight,qs as resolveSessionProvider};
|