@runfusion/fusion 0.32.0 → 0.34.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 +24129 -11045
- package/dist/client/.vite/manifest.json +62 -61
- package/dist/client/assets/{AgentDetailView-CnFf_eBZ.js → AgentDetailView-CzqwIIpv.js} +3 -3
- package/dist/client/assets/{AgentPermissionPolicyEditor-Cmkt9Z01.js → AgentPermissionPolicyEditor-2eoM2XQH.js} +2 -2
- package/dist/client/assets/AgentsView-BrtAvhJl.js +29 -0
- package/dist/client/assets/ChatView-BuIe4MhL.js +6 -0
- package/dist/client/assets/DevServerView-CF6FPLRb.js +1 -0
- package/dist/client/assets/{DirectoryPicker-DctpCNrd.js → DirectoryPicker-BpvHQxhu.js} +1 -1
- package/dist/client/assets/{DocumentsView-DORp5JjC.js → DocumentsView-RMWZBJ-y.js} +1 -1
- package/dist/client/assets/{EvalsView-CYVJ1pbc.js → EvalsView-DtVxpc4T.js} +1 -1
- package/dist/client/assets/{ExperimentalAgentOnboardingModal-BULVNAiq.js → ExperimentalAgentOnboardingModal-fzJmb-yG.js} +2 -2
- package/dist/client/assets/{GoalsView-bmpZKOI_.js → GoalsView-BAchggxo.js} +1 -1
- package/dist/client/assets/{InsightsView-mmtem0RU.js → InsightsView-B8892IbG.js} +1 -1
- package/dist/client/assets/{MemoryView-HVpO1fCH.js → MemoryView-Cfp1WmAm.js} +2 -2
- package/dist/client/assets/NodesView-Dt26DSEQ.js +14 -0
- package/dist/client/assets/{PiExtensionsManager-Cyfas2VT.js → PiExtensionsManager-xHU56SMh.js} +2 -2
- package/dist/client/assets/{PluginManager-C7QDE3Lk.js → PluginManager-37WUEOmp.js} +1 -1
- package/dist/client/assets/ResearchView-pu88M5xL.js +1 -0
- package/dist/client/assets/SecretsView-BT7ofJLN.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-Cz9MHNGg.js +31 -0
- package/dist/client/assets/{SettingsModal-YCJM5is3.js → SettingsModal-DxYXsn08.js} +1 -1
- package/dist/client/assets/{SetupWizardModal-BT-mj3VD.js → SetupWizardModal-yWTk3Cac.js} +1 -1
- package/dist/client/assets/{SkillsView-Db7dYpqd.js → SkillsView-CWNfKNTs.js} +1 -1
- package/dist/client/assets/{StashRecoveryView-CSYYcWux.js → StashRecoveryView-D0t4IIX-.js} +1 -1
- package/dist/client/assets/{TodoView-zqCqfy26.js → TodoView-B4W1Lhy6.js} +2 -2
- package/dist/client/assets/{dashboard-view-PpcsMDvN.js → dashboard-view-4OCJIthP.js} +1 -1
- package/dist/client/assets/{folder-open-mxsFQlAX.js → folder-open-BTdhwFQ5.js} +1 -1
- package/dist/client/assets/index-D4nQgFjo.js +742 -0
- package/dist/client/assets/index-k4s0JWir.css +1 -0
- package/dist/client/assets/{upload-j7JjaJzG.js → upload-kESyjow_.js} +1 -1
- package/dist/client/assets/{users-DZ_0WcB6.js → users-DNXMrdcp.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 +18838 -6745
- 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-reports/src/dashboard/__tests__/ReportsView.test.tsx +15 -0
- package/dist/plugins/fusion-plugin-reports/src/dashboard/test-setup.ts +9 -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 +4 -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-D4nQgFjo.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-CzqwIIpv.js","assets/vendor-react-K0fH_qHe.js","assets/index-D4nQgFjo.js","assets/vendor-xterm-DzcZoU0P.js","assets/vendor-xterm-LZoznX6r.css","assets/vendor-codemirror-jBKmHyH0.js","assets/index-k4s0JWir.css","assets/AgentPermissionPolicyEditor-2eoM2XQH.js","assets/AgentPermissionPolicyEditor-CGxjOr6G.css","assets/ExperimentalAgentOnboardingModal-fzJmb-yG.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 Fs,r as Et,F as _t,f as zs,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 wt,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 Ct,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-D4nQgFjo.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-fzJmb-yG.js";import{U as It}from"./upload-kESyjow_.js";import{F as fa}from"./folder-open-BTdhwFQ5.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 wa=[["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"}]],Ca=bt("zoom-in",wa);/**
|
|
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=Fs(y,{events:{"agent:log":E=>{if(d.current===$)try{const P=JSON.parse(E.data),W={type:P.type??"text",text:P.text??P.content??"",timestamp:P.timestamp,content:P.content};g(T=>{const L=[W,...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 z=await zs(n.taskId,r);T||d(z)}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)},W=T=>{(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),E())};return e.jsxs("div",{className:"live-agent-card",onClick:E,onKeyDown:W,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=z=>{z.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:z}=await Hs(v,g);d({type:"preview",spec:z,sessionId:v})}catch(v){const z=v instanceof Error?v.message:"Failed to generate agent specification";z.includes("429")||z.toLowerCase().includes("rate limit")?j("Too many requests. Please wait a moment and try again."):j(z),d({type:"input"}),y.current=null}}},[h,g]),W=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 W(),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 Fa({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(""),[W,T]=s.useState(""),[L,v]=s.useState("custom"),[z,F]=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,ze]=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=>{ze(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]),Fe=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"),F(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 we=()=>{j(0),$("presets"),w(""),P(""),T(""),v("custom"),F(""),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()}:{},...W.trim()?{icon:W.trim()}:{},...z.trim()?{reportsTo:z.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),we(),x()}catch(a){Se(a instanceof Error?a.message:"Failed to create agent")}finally{K(!1)}}},Me=os.find(a=>a.value===L),Be=z.trim(),Ce=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:Fe})]}):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&&we()},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:we,"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:W,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:z,onChange:a=>F(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 agent-dialog-summary-row--editable",children:[e.jsx("label",{className:"agent-dialog-summary-row-label",htmlFor:"agent-review-name",children:"Name"}),e.jsx("input",{id:"agent-review-name",type:"text",className:"input",placeholder:"e.g. Frontend Reviewer",value:y,onChange:a=>w(a.target.value)})]}),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:Ce?`${Ce.name} (${Ce.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:we,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 za(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,W]=s.useState([]),[T,L]=s.useState([]),[v,z]=s.useState([]),[F,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)})},[]),ze=s.useCallback(()=>{o("input"),f(h),k(""),y([]),E("Unknown"),W([]),L([]),z([]),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(()=>{ze(),r()},[ze,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(za(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"),W(J),L(D),z(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:F}:d==="browse"&&K?i={importSource:"companies.sh",companySlug:K.slug,skipExisting:!0,selectedAgents:v,selectedSkills:F}:i={manifest:j,skipExisting:!0,selectedAgents:v,selectedSkills:F};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,F,g,x]),M=v.length,_=F.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=>{z(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(wt,{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(wt,{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:()=>z(P.map(i=>i.name)),children:"Select all agents"}),e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>z([]),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:F.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(wt,{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-CzqwIIpv.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 Ft(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 zt(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=Ft(o.state),$=zt("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 W=r.get(E),T=r.get(P);if(!W||!T)return[];const L=W.getBoundingClientRect(),v=T.getBoundingClientRect(),z=(L.left-y.left)/b.scale,F=(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=z,ge=F+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=z+L.width/b.scale/2,V=F+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,W]=s.useState(!1),[T,L]=s.useState(null),[v,z]=s.useState(!1),[F,q]=s.useState(null),[je,le]=s.useState(null),V=d&&!!F,[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,ze]=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,Fe]=s.useState(null),ft=s.useRef(null),[Qe,we]=s.useState(null),[lt,Me]=s.useState(null),[Be,Ce]=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){ze(!0);try{const c=(await Pt(void 0,r)).filter(B=>!nt(B)),u=c.filter(B=>t==="paused"?B.state==="active"||B.state==="running":B.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(B=>as(B.id,t,r))),Q=ae.map((B,dt)=>({result:B,agent:u[dt]})).filter(B=>B.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 B=Q.slice(0,3).map(({agent:dt,result:Ps})=>`${dt.name||dt.id}: ${fe(Ps.reason)}`).join("; ");n(`${X}; failed ${H}${B?` (${B})`:""}`,"error")}else n(X,"success");await w()}catch(l){n(`Failed to ${t==="paused"?"pause":"resume"} agents: ${fe(l)}`,"error")}finally{ze(!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){Fe(null);return}try{await gt(t,{role:l},r),n(`Agent role updated to ${Tt.find(u=>u.value===l)?.label??l}`,"success"),Fe(null),w()}catch(u){n(`Failed to update role: ${fe(u)}`,"error")}}},js=(t,l)=>{t.key==="Escape"&&Fe(null)},Ns=async(t,l)=>{lt===t.id&&(Me(null),Ce(c=>{const u={...c};return delete u[t.id],u})),we(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{we(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){we(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),Ce(C=>{const R={...C};return delete R[t.id],R}),w()}catch(C){n(`Failed to update heartbeat interval: ${fe(C)}`,"error")}finally{we(null)}return}const u=Math.round(c*6e4);we(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),Ce(C=>{const R={...C};return delete R[t.id],R}),w()}catch(C){n(`Failed to update heartbeat interval: ${fe(C)}`,"error")}finally{we(null)}},ys=t=>{const l=Et(t.runtimeConfig?.heartbeatIntervalMs),c=Math.round(l/6e4);Me(t.id),Ce(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]),ws=s.useCallback(async({agentId:t,deleted:l})=>{await E(),l&&F===t&&Ve()},[E,F,Ve]),Cs=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),B=qe;return{scale:u,x:Math.max(m,Math.min(H,t.x)),y:Math.max(X,Math.min(B,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&&F&&Ve()},[Ve,d,F]),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(Ca,{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(()=>{W(!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:()=>{z(!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:()=>{z(!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(Ct,{}),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(Fa,{isOpen:P,onClose:()=>{W(!1),L(null)},onCreated:()=>{W(!1),L(null),w()},projectId:r,prefillDraft:T,agentOnboardingEnabled:g,existingAgents:k,onPrefillDraft:L}),e.jsx(Oa,{isOpen:v,onClose:()=>z(!1),onImported:()=>void w(),projectId:r}),e.jsx(Pa,{stats:$,activeAgents:bs,projectId:r,isOpen:ce,onToggle:()=>xe(t=>!t),onSelectAgent:Cs,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:F?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:F,projectId:r,onClose:Ve,addToast:n,onChildClick:Wt,initialTab:ne,initialRunId:O,preferActiveRun:ge},F)})]}):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=Ft(t.state),C=zt("agent-board-card",t.state);return e.jsx("div",{className:`agent-board-card ${C}${F===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=Ft(t.state),C=zt("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}${F===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:()=>Fe(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(),Fe(t.id)},title:"Click to change role",role:"button",tabIndex:0,onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&(m.stopPropagation(),Fe(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(B=>e.jsx("span",{className:"badge badge-skill",title:B,children:va(B)},B)),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=>Ce(H=>({...H,[t.id]:m.target.value})),onKeyDown:m=>{m.key==="Enter"?Bt(t):m.key==="Escape"&&(Me(null),Ce(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),Ce(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(Ct,{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(Ct,{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&&!F?" agents-split-detail--hidden-mobile":""}`,children:F?e.jsx(s.Suspense,{fallback:null,children:e.jsx(us,{inline:!0,showInlineBackButton:d,agentId:F,projectId:r,onClose:Ve,addToast:n,onChildClick:Wt,initialTab:ne,initialRunId:O,preferActiveRun:ge,onMutationSuccess:ws},F)}):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 yn,j as t,R as wn}from"./vendor-react-K0fH_qHe.js";import{c as Sn,a9 as Ts,a7 as Is,bc as $s,bd as ls,aF as Rt,be as Ds,ac as Ps,bf as ts,t as Cn,bg as kn,bh as Ls,bi as jn,bj as ss,w as Nn,bk as Mn,bl as Rn,bm as An,bn as En,bo as Tn,bp as In,bq as $n,s as Dn,br as Pn,i as Ln,k as Qs,bs as Fn,bt as _n,bu as Zs,bv as zn,bw as Hn,bx as Un,p as On,by as Bn,bz as Kn,u as Gn,bA as Wn,ah as en,ai as tn,bB as Vn,bC as qn,S as Xn,_ as ns,P as dt,J as lt,av as Jn,bD as Fs,a as kt,bE as _s,bF as zs,bG as Hs,B as ut,ae as Yn,af as Qn,b1 as At,bH as Zn,bI as ea,a_ as ta,bJ as Us,bK as sa,T as na,bL as Os,bM as aa,j as Bs,m as ra}from"./index-D4nQgFjo.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 ia=[["path",{d:"M5 3h14",key:"7usisc"}],["path",{d:"m18 13-6-6-6 6",key:"1kf1n9"}],["path",{d:"M12 7v14",key:"1akyts"}]],oa=Sn("arrow-up-to-line",ia),as="kb-chat-active-session";function Ks(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 ca(n){const r=n?.toolCalls;if(!Array.isArray(r))return;const d=r.map(i=>{if(!i||typeof i!="object")return null;const g=i,b=typeof g.toolName=="string"?g.toolName:"";if(!b)return null;const y=g.args;return{toolName:b,...y&&typeof y=="object"?{args:y}:{},isError:!!g.isError,result:g.result,status:"completed"}}).filter(i=>i!==null);return d.length>0?d:void 0}function la(n){const r=n?.fallback;if(!r||typeof r!="object")return;const d=r,i=typeof d.primaryModel=="string"?d.primaryModel:"",g=typeof d.fallbackModel=="string"?d.fallbackModel:"",b=d.triggerPoint;if(!(!i||!g||b!=="session-creation"&&b!=="prompt-time"))return{primaryModel:i,fallbackModel:g,triggerPoint:b}}function da(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 g=(()=>{const b=d.reference;if(!b||typeof b!="object")return;const y=b,f=typeof y.kind=="string"?y.kind.trim():"",I=typeof y.id=="string"?y.id.trim():"";if(!(!f||!I))return{kind:f,id:I,...typeof y.label=="string"&&y.label.trim()?{label:y.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()}:{},...g?{reference:g}:{}}}function Gs(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 rs(n){return{id:n.id,sessionId:n.sessionId,role:n.role,content:n.content,thinkingOutput:n.thinkingOutput,toolCalls:ca(n.metadata),fallbackInfo:la(n.metadata),failureInfo:da(n.metadata),attachments:n.attachments,createdAt:n.createdAt}}function ua(n,r){const d=s.useCallback(l=>l?`${Ts.CHAT_SESSIONS_PREFIX}${l}`:null,[]),i=s.useCallback((l,u)=>l&&u?`${Ts.CHAT_MESSAGES_PREFIX}${l}:${u}`:null,[]),g=s.useCallback(l=>{const u=d(l);return u?Is(u,{maxAgeMs:$s})??[]:[]},[d]),[b,y]=s.useState(()=>g(n)),[f,I]=s.useState(null),[Y,Q]=s.useState(()=>g(n).length===0),[w,N]=s.useState([]),[z,S]=s.useState(!1),[Z,C]=s.useState(!1),[O,j]=s.useState(""),[X,E]=s.useState(""),[_,T]=s.useState([]),[J,k]=s.useState(""),[B,te]=s.useState(""),[h,p]=s.useState(!0),{agentsMap:he}=ls(n),c=s.useRef(null),re=s.useRef(null),se=s.useRef(!1),$=s.useRef(""),ue=s.useRef(null),be=s.useRef(b),G=s.useRef(f),st=s.useRef(w),K=s.useRef(Z);be.current=b,G.current=f,st.current=w,K.current=Z,s.useEffect(()=>{$.current=J},[J]);const Ge=s.useRef(new Set),ye=s.useRef(0),Ie=s.useRef(n);Ie.current!==n&&(Rt({view:"useChat",trigger:"project-context-change",projectId:n,replayAttempted:!1,detail:{previousProjectId:Ie.current??null}}),Ie.current=n,ye.current++);const oe=s.useCallback(async()=>{be.current.length===0&&Q(!0);try{const u=[...(await Ds(n)).sessions].sort((D,H)=>new Date(H.updatedAt).getTime()-new Date(D.updatedAt).getTime());y(u);const v=d(n);v&&Ps(v,u,{maxBytes:5e5})}catch{const l=g(n);if(be.current.length===0&&l.length===0){const u=d(n);u&&ts(u)}}finally{Q(!1)}},[d,n]);s.useEffect(()=>{const l=g(n);y(l),Q(l.length===0)},[n,g]),s.useEffect(()=>{oe()},[oe,n]);const we=s.useRef(()=>{}),Se=s.useRef(!1);s.useEffect(()=>{Se.current=!1,re.current=null},[n]),s.useEffect(()=>{if(Y||Se.current||G.current)return;const l=Cn(as,n);if(!l){Se.current=!0;return}const u=b.find(v=>v.id===l);if(u){Se.current=!0,we.current(l,u);return}Se.current=!0},[Y,b,n]);const We=s.useCallback((l,u)=>{const v=i(l,u);return v?Is(v,{maxAgeMs:$s})??[]:[]},[i]),Oe=s.useCallback(l=>{const u=We(n,l);return u.length>0?(N(u),S(!1),!0):(N([]),!1)},[n,We]),ce=s.useCallback(async(l,u)=>{const v=typeof u?.offset=="number"&&u.offset>0,D=i(n,l),H=v?[]:We(n,l),A=H.length>0;!v&&A?(N(H),S(!1)):S(!0);try{const ee=await kn(l,{limit:50,...u},n),M=ee.messages.map(rs);v?G.current?.id===l&&(N(U=>[...M,...U]),p(ee.messages.length>=50)):G.current?.id===l&&(N(M),p(ee.messages.length>=50),D&&Ps(D,M,{maxBytes:5e5}))}catch{!v&&st.current.length===0&&A&&(N(H),S(!1))}finally{S(!1)}},[i,n,We]),me=s.useCallback(()=>{ue.current?.(),ue.current=null,$.current="",k(""),j(""),E(""),T([]),C(!1)},[]),mt=s.useCallback(()=>{$.current="",k("")},[]),ie=s.useCallback(()=>{const l=$.current.trim();l&&($.current="",k(""),Be.current(l))},[]),le=s.useCallback((l,u,v)=>{if(c.current||!l)return!0;se.current=!1,u&&(j(u.streamingText),E(u.streamingThinking),T(u.toolCalls)),C(!0);const{handlers:D}=Ls({sessionId:l,tempUserMessageId:"",setStreamingText:j,setStreamingThinking:E,setStreamingToolCalls:T,cancelStreamingFlushesRef:ue,addToast:v?.silent?void 0:r,onFallbackSession:(A,ee)=>{const M=Ks(A.fallbackModel);y(U=>U.map(W=>W.id===ee?{...W,...M}:W)),I(U=>U&&U.id===ee?{...U,...M}:U)},onDone:()=>{j(""),E(""),T([]),C(!1),K.current=!1,c.current=null,re.current=null,ce(l),ie()},onError:A=>{j(""),E(""),T([]),C(!1),K.current=!1,c.current=null,re.current=null;const ee=Gs(A);v?.silent||r?.(ee.summary,"error"),ce(l),ie()}});Rt({view:"useChat",trigger:"sse-open",projectId:n,replayAttempted:typeof u?.replayFromEventId=="number",replayFromEventId:u?.replayFromEventId??null,lastEventId:u?.replayFromEventId??null});const H=jn(l,D,n,{...typeof u?.replayFromEventId=="number"?{lastEventId:u.replayFromEventId}:{}});return c.current=H,re.current={sessionId:l,replayFromEventId:typeof u?.replayFromEventId=="number"?u.replayFromEventId:null},!0},[r,ce,n,ie]),$e=s.useCallback((l,u)=>{const v=G.current?.id??null;if(l&&v===l&&!u)return;c.current&&(c.current.close(),c.current=null),re.current=null;const D=u??b.find(H=>H.id===l);I(D||null),l&&ss(l,n).then(({session:H})=>{!H.isGenerating||!H.inFlightGeneration||I(A=>!A||A.id!==l?A:{...A,...H})}).catch(()=>{}),me(),p(!0),l?(Oe(l),ce(l)):N([]),D?.isGenerating&&le(D.id,D.inFlightGeneration),l?Nn(as,l,n):Mn(as,n)},[le,Oe,b,ce,n,me]);we.current=$e;const Et=s.useCallback(async l=>{const u=await Rn(l,n);c.current&&(c.current.close(),c.current=null),re.current=null;const v={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 y(D=>D.some(H=>H.id===v.id)?D:[v,...D]),me(),$e(v.id,v),v},[n,me,$e]),De=s.useCallback(async l=>{await An(l,{status:"archived"},n),y(u=>u.filter(v=>v.id!==l)),f?.id===l&&(re.current=null,I(null),N([]))},[f,n]),Pe=s.useCallback(async l=>{f?.id===l&&c.current&&(c.current.close(),c.current=null),f?.id===l&&(re.current=null),await En(l,n);const u=i(n,l);u&&ts(u),y(v=>v.filter(D=>D.id!==l)),f?.id===l&&(I(null),N([]))},[f,i,n]),nt=s.useCallback(async()=>{!f||!h||await ce(f.id,{offset:w.length})},[f,h,ce,w.length]),Ve=s.useCallback(()=>{f&&(se.current=!0,ue.current?.(),ue.current=null,c.current?.close(),c.current=null,re.current=null,Tn(f.id,n).catch(()=>{}),C(!1),K.current=!1,j(""),E(""),T([]),ie())},[f,n,ie]),Be=s.useRef(()=>{}),Le=In(),Ce=s.useCallback(async l=>{try{await oe();const u=await ss(l,n);G.current?.id===l&&I(v=>!v||v.id!==l?v:{...v,...u.session}),u.session.isGenerating?(j(""),E(""),T([]),C(!0),K.current=!0,le(l,u.session.inFlightGeneration,{silent:!0})):(j(""),E(""),T([]),C(!1),K.current=!1,await ce(l))}catch{}},[le,ce,n,oe]),ke=s.useCallback((l,u)=>{if(!f)return;if(K.current){$.current=l,k(l);return}se.current=!1,c.current&&(c.current.close(),c.current=null),re.current=null;const v=`temp-${Date.now()}`,D={id:v,sessionId:f.id,role:"user",content:l,createdAt:new Date().toISOString()};N(A=>[...A,D]),j(""),E(""),T([]),C(!0);const{handlers:H}=Ls({sessionId:f.id,tempUserMessageId:v,setStreamingText:j,setStreamingThinking:E,setStreamingToolCalls:T,cancelStreamingFlushesRef:ue,addToast:r,onFallbackSession:(A,ee)=>{const M=Ks(A.fallbackModel);y(U=>U.map(W=>W.id===ee?{...W,...M}:W)),I(U=>U&&U.id===ee?{...U,...M}:U)},onDone:({messageId:A,message:ee,accumulated:M})=>{const U=ee?{...rs(ee),...M.text.length>0?{content:M.text}:{}}:{id:A||`msg-${Date.now()}`,sessionId:f.id,role:"assistant",content:M.text,thinkingOutput:M.thinking,toolCalls:M.toolCalls.length>0?M.toolCalls:void 0,fallbackInfo:M.fallbackInfo,createdAt:new Date().toISOString()};Ge.current.add(U.id),N(W=>[...W,U]),j(""),E(""),T([]),C(!1),K.current=!1,c.current=null,re.current=null,setTimeout(()=>{Ge.current.delete(U.id)},1e3),oe(),ie()},onError:(A,ee)=>{const M=Gs(A),U=typeof A=="string"?A:M.summary,W=Pn(U);N(V=>{const P=V.filter(q=>q.id!==ee);return W?P:[...P,{id:`error-${Date.now()}`,sessionId:f.id,role:"assistant",content:M.summary,failureInfo:M,createdAt:new Date().toISOString()}]}),j(""),E(""),T([]),C(!1),K.current=!1,c.current=null,re.current=null,console.error("[useChat] Stream error:",A),W?(console.info("[useChat] Suppressed tab-suspension stream error:",A),f?.id&&(j(""),E(""),T([]),C(!0),K.current=!0,Ce(f.id))):(r?.(M.summary,"error"),oe()),se.current||ie()}});c.current=$n(f.id,l,H,u,n)},[f,n,oe,r,le,Ce,ie]);Be.current=ke;const ve=B?b.filter(l=>l.title?.toLowerCase().includes(B.toLowerCase())||l.agentId.toLowerCase().includes(B.toLowerCase())):b;return s.useEffect(()=>{if(!f?.id||f.isGenerating!==!0||c.current)return;const l=typeof f.inFlightGeneration?.replayFromEventId=="number"?f.inFlightGeneration.replayFromEventId:null,u=re.current;u?.sessionId===f.id&&u.replayFromEventId===l||le(f.id,f.inFlightGeneration,{silent:!0})},[f?.id,f?.isGenerating,f?.inFlightGeneration,le]),s.useEffect(()=>{if(!G.current?.isGenerating||(c.current||le(G.current.id,G.current.inFlightGeneration),!K.current||c.current||!G.current))return;const l=setInterval(async()=>{if(!K.current||c.current||!G.current){clearInterval(l);return}try{(await Ds(n)).sessions.find(D=>D.id===G.current?.id)?.isGenerating||(clearInterval(l),await ce(G.current.id),j(""),E(""),T([]),C(!1),K.current=!1,ie())}catch{}},3e3);return()=>clearInterval(l)},[le,ce,n,f,ie]),s.useEffect(()=>Le.onBecameVisible(()=>{const u=G.current;if(!u||c.current)return;const v=ye.current;ss(u.id,n).then(D=>{if(!(ye.current!==v||c.current)){if(D.session.isGenerating){j(""),E(""),T([]),C(!0),K.current=!0,le(u.id,D.session.inFlightGeneration,{silent:!0});return}K.current&&(j(""),E(""),T([]),C(!1),K.current=!1,ie(),ce(u.id))}}).catch(()=>{})}),[le,ce,n,Le,ie]),s.useEffect(()=>{const l=ye.current,u=n?`?projectId=${encodeURIComponent(n)}`:"",v=()=>ye.current!==l,D=W=>{if(v())return;const V=JSON.parse(W.data);y(P=>P.some(q=>q.id===V.id)?P:[V,...P])},H=W=>{if(v())return;const V=JSON.parse(W.data);y(P=>[...P.map(ne=>ne.id===V.id?V:ne)]),G.current?.id===V.id&&(I(V),V.isGenerating&&!c.current&&le(V.id,V.inFlightGeneration))},A=W=>{if(v())return;const{id:V}=JSON.parse(W.data);y(q=>q.filter(ne=>ne.id!==V));const P=i(n,V);P&&ts(P),G.current?.id===V&&(I(null),N([]))},ee=W=>{if(v())return;const V=JSON.parse(W.data),P=rs(V);if(!Ge.current.has(P.id)){if(G.current?.id===P.sessionId&&K.current&&!c.current&&P.role==="assistant"){N(q=>q.some(ne=>ne.id===P.id)?q:[...q,P]),j(""),E(""),T([]),C(!1),K.current=!1,ie();return}G.current?.id===P.sessionId&&!K.current&&N(q=>{if(q.some(ne=>ne.id===P.id))return q;if(P.role==="user"){const ne=q.findIndex(je=>je.role==="user"&&je.id.startsWith("temp-")&&je.content.trim()===P.content.trim());if(ne>=0){const je=[...q];return je[ne]=P,je}}return[...q,P]})}},M=W=>{if(v())return;const{id:V}=JSON.parse(W.data);N(P=>P.filter(q=>q.id!==V))};return Dn(`/api/events${u}`,{events:{"chat:session:created":D,"chat:session:updated":H,"chat:session:deleted":A,"chat:message:added":ee,"chat:message:deleted":M}})},[le,i,n,ie]),s.useEffect(()=>()=>{c.current&&(c.current.close(),c.current=null),re.current=null},[]),{sessions:b,activeSession:f,sessionsLoading:Y,messages:w,messagesLoading:z,isStreaming:Z,streamingText:O,streamingThinking:X,streamingToolCalls:_,pendingMessage:J,selectSession:$e,createSession:Et,archiveSession:De,deleteSession:Pe,sendMessage:ke,stopStreaming:Ve,clearPendingMessage:mt,loadMoreMessages:nt,hasMoreMessages:h,searchQuery:B,setSearchQuery:te,filteredSessions:ve,refreshSessions:oe,agentsMap:he}}function ma(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(g=>g.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 ha({isOpen:n,onClose:r,onCreate:d,projectId:i,existingRoomNames:g=[]}){const[b,y]=s.useState(""),[f,I]=s.useState([]),[Y,Q]=s.useState(""),[w,N]=s.useState([]),[z,S]=s.useState(!1),[Z,C]=s.useState(null),[O,j]=s.useState(!1),X=s.useRef(null),E=s.useRef(null);s.useEffect(()=>{n&&(E.current=document.activeElement instanceof HTMLElement?document.activeElement:null,S(!0),C(null),Ln(void 0,i).then(h=>I(h)).catch(()=>{I([]),C("Failed to load agents.")}).finally(()=>S(!1)))},[n,i]),s.useEffect(()=>{if(!n){y(""),Q(""),N([]),C(null),j(!1);return}const h=window.requestAnimationFrame(()=>X.current?.focus());return()=>window.cancelAnimationFrame(h)},[n]),s.useEffect(()=>{if(!n)return;const h=p=>{p.key==="Escape"&&r()};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[n,r]),s.useEffect(()=>{n||E.current?.focus()},[n]);const _=s.useMemo(()=>ma(b,g),[b,g]),T=s.useMemo(()=>{const h=Y.trim().toLowerCase();return h?f.filter(p=>p.name.toLowerCase().includes(h)):f},[f,Y]),J=s.useMemo(()=>f.filter(h=>w.includes(h.id)),[f,w]),k=_.ok&&w.length>0&&!O&&!z;if(!n)return null;const B=h=>{O||N(p=>p.includes(h)?p.filter(he=>he!==h):[...p,h])},te=async()=>{if(!_.ok){C(_.error);return}if(w.length===0){C("Select at least one member.");return}C(null),j(!0);try{await d({name:_.name,displayName:`#${_.name}`,memberAgentIds:w}),r()}catch(h){C(h instanceof Error?h.message:"Failed to create room.")}finally{j(!1)}};return yn.createPortal(t.jsx("div",{className:"modal-overlay open",onClick:h=>h.target===h.currentTarget&&r(),children:t.jsxs("div",{className:"modal modal-lg create-room-modal",role:"dialog","aria-modal":"true","aria-label":"Create room",onClick:h=>h.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:X,id:"create-room-name",className:"input",value:b,disabled:O,onChange:h=>{const p=h.target.value.replace(/^#/,"").replace(/\s+/g,"-").toLowerCase();y(p)}})]}),!_.ok&&t.jsx("div",{className:"form-error",children:_.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:Y,disabled:O,onChange:h=>Q(h.target.value)})]}),J.length>0&&t.jsx("div",{className:"create-room-modal-selected","data-testid":"create-room-selected-chips",children:J.map(h=>t.jsxs("button",{type:"button",className:"btn btn-sm create-room-modal-chip",onClick:()=>B(h.id),disabled:O,children:[h.name," ×"]},h.id))}),t.jsx("div",{className:"create-room-modal-member-list","data-testid":"create-room-member-list",children:z?t.jsx("div",{className:"create-room-modal-empty",children:"Loading agents..."}):T.length===0?t.jsx("div",{className:"create-room-modal-empty",children:f.length===0?"No agents in this project yet.":"No agents match your search."}):T.map(h=>{const p=w.includes(h.id);return t.jsxs("button",{type:"button",className:`create-room-modal-member-row${p?" create-room-modal-member-row--selected":""}`,onClick:()=>B(h.id),disabled:O,children:[t.jsx(Qs,{agent:h,size:20}),t.jsx("span",{children:h.name}),t.jsx("span",{className:"create-room-modal-member-role",children:h.role})]},h.id)})}),Z&&t.jsx("div",{className:"form-group",children:t.jsx("div",{className:"form-error",children:Z})}),t.jsxs("div",{className:"modal-actions",children:[t.jsx("button",{type:"button",className:"btn",onClick:r,disabled:O,children:"Cancel"}),t.jsx("button",{type:"button",className:"btn btn-primary",onClick:()=>void te(),disabled:!k,children:O?"Creating...":"Create room"})]})]})}),document.body)}const fa=640;let is=!1;function ga(n){return Math.max(40,Math.min(n,fa))}function sn(n){const r=new Date(n),i=new Date().getTime()-r.getTime(),g=Math.floor(i/1e3),b=Math.floor(g/60),y=Math.floor(b/60),f=Math.floor(y/24);return g<60?"just now":b<60?`${b}m ago`:y<24?`${y}h ago`:f<7?`${f}d ago`:r.toLocaleDateString()}function Ws(n,r){if(!n||!r)return null;const d=r.toLowerCase();if(d.includes("claude")){let g=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 g=g.replace(/\s+/g," "),g.length>30?g.slice(0,30)+"…":g}if(d.includes("gpt")||d.includes("openai")){const g=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 g.length>30?g.slice(0,30)+"…":g}if(d.includes("gemini")){const g=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 g.length>30?g.slice(0,30)+"…":g}const i=r.replace(/-/g," ").replace(/^\w/,g=>g.toUpperCase()).replace(/\s+/g," ").trim();return i.length>30?i.slice(0,30)+"…":i}function Mt(n,r){return n.length<=r?n:`${n.slice(0,r)}…`}function pa(n){if(!n)return null;const r=Object.entries(n);return r.length===0?null:r.map(([d,i])=>{const g=typeof i=="string"?i:(()=>{try{return JSON.stringify(i)}catch{return String(i)}})();return`${d}=${Mt(g,50)}`}).join(", ")}function ba(n){if(n===void 0)return null;if(typeof n=="string")return Mt(n,200);try{return Mt(JSON.stringify(n),200)}catch{return Mt(String(n),200)}}function va(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 xa(n){if(!n)return null;const r=n.label??`${n.kind} ${n.id}`,d=va(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 nn(n){if(!n||n.length===0)return null;const r=(w,N)=>{const z=w.status==="running",S=w.status==="completed"&&w.isError,Z=pa(w.args),C=ba(w.result),O=z?Z:C?`result: ${C}`:Z?`args: ${Z}`:null,j=z?"running":S?"error":"completed";return t.jsxs("details",{className:`chat-tool-call${z?" chat-tool-call--running":""}${S?" chat-tool-call--error":""}`,open:z,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}),O&&t.jsx("span",{className:"chat-tool-call-preview",title:O,children:O}),t.jsx("span",{className:"chat-tool-call-status-text",children:j})]}),t.jsxs("div",{className:"chat-tool-call-content",children:[Z&&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:Z})]}),C&&t.jsxs("div",{className:`chat-tool-call-row${S?" 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:C})]})]})]},`${w.toolName}-${N}`)},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(Os,{size:12,"aria-hidden":"true"}),t.jsx("span",{children:"Tool calls"})]}),r(n[0],0)]});const i=n.filter(w=>w.status==="running").length,g=n.filter(w=>w.status==="completed"&&w.isError).length,b=i>0,y=Array.from(new Set(n.map(w=>w.toolName))),f=y.slice(0,5),I=Math.max(0,y.length-f.length),Y=I>0?`${f.join(", ")}, +${I} more`:f.join(", "),Q=b?`(${i} running)`:g>0?`(${g} ${g===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:b,children:[t.jsxs("summary",{className:"chat-tool-calls-group-summary",children:[t.jsx(Os,{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:Y,children:Y}),Q&&t.jsx("span",{className:"chat-tool-calls-group-status",children:Q})]}),n.map((w,N)=>r(w,N))]})})}const an={p:({children:n,...r})=>t.jsx("p",{...r,children:Us(n)}),li:({children:n,...r})=>t.jsx("li",{...r,children:Us(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:wn.Children.toArray(n).join(""),i=At(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})},tt="__fn_agent__",ya=280,jt=180,Nt=500,Vs="fusion:chat-sidebar-width",os="fusion:chat-scope",wa="fusion:chat-draft:";function qs(n,r){return r?`${wa}${n}:${r}`:null}function Xs(n){if(!n)return"";try{return localStorage.getItem(n)??""}catch{return""}}const Sa=["image/png","image/jpeg","image/gif","image/webp","text/plain","application/json","text/yaml","text/markdown","text/csv","application/xml","text/x-log"];function Js(n){const r=/(^|[\s])\/([^\s]*)$/.exec(n);if(!r)return null;const d=r[1]??"",i=r[2]??"",g=r.index+d.length;return{filter:i,start:g,end:n.length}}function Ca(n,r){const d=n.slice(0,r),i=/(^|[\s\n])@([\w-]*)$/.exec(d);if(!i)return null;const g=i[2]??"",b=d.length-g.length-1;return{filter:g,start:b,end:r}}function ka(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 Ys(n,r,d){if(n?.modelProvider&&n?.modelId)return{provider:n.modelProvider,modelId:n.modelId};const i=ka(r??void 0);return i||(d.provider&&d.modelId?{provider:d.provider,modelId:d.modelId}:null)}function ja({projectId:n,onClose:r,onCreate:d}){const[i,g]=s.useState("agent"),{agents:b,loading:y}=ls(n),[f,I]=s.useState(""),{models:Y,favoriteProviders:Q,favoriteModels:w,loading:N,refresh:z}=Zs(),[S,Z]=s.useState(""),[C,O]=s.useState(Q),[j,X]=s.useState(w);s.useEffect(()=>{O(Q)},[Q]),s.useEffect(()=>{X(w)},[w]);const E=s.useCallback(async k=>{const B=C,h=B.includes(k)?B.filter(p=>p!==k):[k,...B];O(h);try{await Bs({favoriteProviders:h,favoriteModels:j}),await z()}catch{O(B)}},[C,j,z]),_=s.useCallback(async k=>{const B=j,h=B.includes(k)?B.filter(p=>p!==k):[k,...B];X(h);try{await Bs({favoriteProviders:C,favoriteModels:h}),await z()}catch{X(B)}},[j,C,z]),T=k=>{if(k.preventDefault(),i==="agent"){if(!f)return;d({agentId:f});return}if(!S)return;const B=S.indexOf("/");if(B<=0)return;const te=S.slice(0,B),h=S.slice(B+1);d({agentId:tt,modelProvider:te,modelId:h})},J=i==="agent"?!f:!S;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:k=>k.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:()=>{g("agent"),Z("")},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:()=>{g("model"),I("")},children:"Model"})]}),t.jsxs("form",{onSubmit:T,children:[i==="agent"&&t.jsxs("label",{className:"chat-new-dialog-model-label",children:["Agent",y?t.jsx("div",{className:"chat-new-dialog-loading",children:"Loading agents..."}):b.length===0?t.jsx("div",{className:"chat-new-dialog-empty",children:"No agents available"}):t.jsx("div",{className:"chat-new-dialog-agent-list",children:b.map(k=>t.jsxs("button",{type:"button",className:`chat-new-dialog-agent-item${f===k.id?" chat-new-dialog-agent-item--selected":""}`,onClick:()=>I(k.id),"data-testid":`agent-option-${k.id}`,children:[t.jsx(ut,{size:16}),t.jsx("span",{className:"chat-new-dialog-agent-name",children:k.name}),t.jsx("span",{className:"chat-new-dialog-agent-role",children:k.role})]},k.id))})]}),i==="model"&&t.jsx("div",{className:"chat-new-dialog-model-dropdown","data-testid":"chat-new-dialog-model-section",children:N?t.jsx("div",{className:"chat-new-dialog-loading",children:"Loading models..."}):t.jsx(ra,{models:Y,value:S,onChange:Z,label:"Model",placeholder:"Select a model",favoriteProviders:C,onToggleFavorite:E,favoriteModels:j,onToggleModelFavorite:_})}),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:J,children:"Create"})]})]})]})})}const cs=s.memo(function({message:r,forcePlain:d,agentName:i,hideAssistantIdentity:g,showAssistantModelTag:b,activeModelTag:y,activeModelProvider:f,activeSessionId:I,mentionAgentsByName:Y,roomContext:Q,copyAction:w,onScrollToTop:N}){const z=r.role==="assistant",S=z?r.failureInfo:void 0,Z=z&&(!g||!!S),C=s.useMemo(()=>{if(z)return null;const X=r.content,E=/@([\w-]+)/g,_=[];let T=0,J=E.exec(X);for(;J;){const[k,B=""]=J,te=J.index;te>T&&_.push(X.slice(T,te));const h=B.replace(/_/g," ").toLowerCase(),p=Y.get(h);if(p){const he=!!(Q&&!Q.memberIds.has(p.id)),c=he?`Not a member of ${Q?.roomName}`:void 0;_.push(t.jsxs("span",{className:`chat-mention-chip${he?" chat-mention-chip--non-member":""}`,title:c,"aria-label":c,children:["@",p.name.replace(/\s+/g,"_")]},`${p.id}-${te}`))}else _.push(k);T=te+k.length,J=E.exec(X)}return T<X.length&&_.push(X.slice(T)),_.length===0?X:_},[z,r.content,Y,Q]),O=s.useMemo(()=>{const X=r.attachments;if(!X||X.length===0)return null;const E=r.roomId?`/api/chat/rooms/${encodeURIComponent(r.roomId)}/attachments/`:I?`/api/chat/sessions/${encodeURIComponent(I)}/attachments/`:null;return E?t.jsx("div",{className:"chat-message-attachments",children:X.map(_=>{const T=_.mimeType.startsWith("image/"),J=_.id||_.filename,k=`${E}${encodeURIComponent(_.filename)}`;return T?t.jsx("a",{className:"chat-message-attachment-link","data-testid":"chat-message-attachment",href:k,target:"_blank",rel:"noopener noreferrer",children:t.jsx("img",{className:"chat-message-attachment",src:k,alt:_.originalName})},J):t.jsxs("a",{className:"chat-message-attachment-file","data-testid":"chat-message-attachment",href:k,target:"_blank",rel:"noopener noreferrer",children:[t.jsx(sa,{size:14}),t.jsx("span",{children:_.originalName})]},J)})}):null},[r.attachments,r.roomId,I]),j=s.useMemo(()=>z?S?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:S.summary}),(S.errorClass||S.code)&&t.jsxs("div",{className:"chat-message-failure-badges",children:[S.errorClass&&t.jsx("span",{className:"chat-message-failure-badge",children:S.errorClass}),S.code&&t.jsx("span",{className:"chat-message-failure-badge",children:S.code})]}),(S.detail||S.reference)&&t.jsxs("details",{className:"chat-message-failure-details",children:[t.jsxs("summary",{children:[t.jsx(na,{size:14,"aria-hidden":"true"}),t.jsx("span",{children:"Failure details"})]}),S.detail&&t.jsx("pre",{className:"chat-message-failure-detail",children:At(S.detail)}),xa(S.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(en,{remarkPlugins:[tn],components:an,children:r.content})}):null,[S,d,z,r.content]);return t.jsxs("div",{className:`chat-message chat-message--${r.role}${S?" chat-message--failure":""}`,"data-testid":`chat-message-${r.id}`,"data-message-id":r.id,children:[Z&&t.jsxs("div",{className:"chat-message-avatar",children:[f?t.jsx(dt,{provider:f,size:"sm"}):t.jsx(ut,{size:14}),t.jsx("span",{children:i}),b&&y&&t.jsx("span",{className:"chat-model-tag",children:y})]}),z?j:t.jsx("div",{className:"chat-message-content",children:C}),z&&!S&&(w||N)&&t.jsxs("div",{className:"chat-message-actions",children:[w,N&&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:()=>N(r.id),children:t.jsx(oa,{size:14})})]}),nn(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:At(r.thinkingOutput)})]}),O,t.jsx("div",{className:"chat-message-time",children:sn(r.createdAt)})]})});function Ta({projectId:n,addToast:r,experimentalFeatures:d}){s.useEffect(()=>(Rt({view:"ChatView",trigger:is?"route-active":"remount",projectId:n,replayAttempted:!1}),is=!1,()=>{is=!0,Rt({view:"ChatView",trigger:"route-inactive",projectId:n,replayAttempted:!1})}),[n]);const{activeSession:i,sessionsLoading:g,messages:b,messagesLoading:y,isStreaming:f,streamingText:I,streamingThinking:Y,streamingToolCalls:Q,selectSession:w,createSession:N,archiveSession:z,deleteSession:S,sendMessage:Z,stopStreaming:C,pendingMessage:O,clearPendingMessage:j,loadMoreMessages:X,hasMoreMessages:E,searchQuery:_,setSearchQuery:T,filteredSessions:J,agentsMap:k}=ua(n,r),[B,te]=s.useState(!1),h=d?.chatRooms===!0,[p,he]=s.useState(()=>{try{if(localStorage.getItem(os)==="rooms"&&h)return"rooms"}catch{}return"direct"}),c=Fn(n,r),{isUnread:re,markRead:se}=_n(n),[$,ue]=s.useState(()=>{const e=qs(p,p==="rooms"?c.activeRoom?.id:i?.id);return Xs(e)}),[be,G]=s.useState(null),[st,K]=s.useState(null),[Ge,ye]=s.useState(null),[Ie,oe]=s.useState(!0),[we,Se]=s.useState(ya),[We,Oe]=s.useState(!1),{agentsMap:ce}=ls(n),me=s.useMemo(()=>k.size>0?k:ce,[ce,k]),{defaultProvider:mt,defaultModelId:ie}=Zs(),le=s.useMemo(()=>({provider:mt,modelId:ie}),[ie,mt]),{skills:$e,loading:Et}=zn(n),[De,Pe]=s.useState(!1),[nt,Ve]=s.useState(""),[Be,Le]=s.useState(0),[Ce,ke]=s.useState(""),[ve,l]=s.useState(!1),[u,v]=s.useState(0),[D,H]=s.useState(-1),[A,ee]=s.useState(!1),[M,U]=s.useState([]),[W,V]=s.useState(!1),[P,q]=s.useState(!1),[ne,je]=s.useState({}),[ht,qe]=s.useState(!1),[ft,at]=s.useState(!1),{pushNav:ds}=Hn(),[,gt]=s.useState(!1),[rn,on]=s.useState({top:0,left:0}),L=Un({projectId:n}),Tt=s.useCallback(e=>{if(!e||!L.mentionActive)return;const a=e.getBoundingClientRect();on({top:a.top-260,left:a.left+8})},[L.mentionActive]),us=s.useRef(null),ms=s.useRef(null),hs=s.useRef(null),fs=s.useRef(null),Ne=s.useRef(!1),It=s.useRef(null),gs=s.useRef(null),Fe=s.useRef(null),pt=s.useRef(0),$t=s.useRef(null),Dt=s.useRef(null),Me=s.useRef(null),ge=s.useRef(null),Pt=s.useRef(null),bt=s.useRef(!1),Re=s.useRef(null),de=s.useRef(null),ps=s.useRef(null),bs=s.useRef([]),Xe=s.useRef(0),rt=s.useRef(new Map),R=On()==="mobile";s.useEffect(()=>{i?.id&&se("direct",i.id,i.lastMessageAt??i.updatedAt)},[i?.id,i?.lastMessageAt,i?.updatedAt,se]),s.useEffect(()=>{c.activeRoom?.id&&se("room",c.activeRoom.id,c.activeRoom.updatedAt)},[c.activeRoom?.id,c.activeRoom?.updatedAt,se]),s.useEffect(()=>{if(!i?.id||b.length===0)return;const e=b[b.length-1];se("direct",i.id,e?.createdAt??i.lastMessageAt??i.updatedAt)},[i?.id,i?.lastMessageAt,i?.updatedAt,se,b]),s.useEffect(()=>{if(!c.activeRoom?.id||c.messages.length===0)return;const e=c.messages[c.messages.length-1];se("room",c.activeRoom.id,e?.createdAt??c.activeRoom.updatedAt)},[se,c.activeRoom?.id,c.activeRoom?.updatedAt,c.messages]),s.useEffect(()=>{try{const e=localStorage.getItem(Vs);if(!e)return;const a=Number.parseInt(e,10);if(Number.isNaN(a))return;const o=Math.max(jt,Math.min(Nt,a));Se(o)}catch{}},[]),s.useEffect(()=>{try{const e=localStorage.getItem(os);if(e==="direct"){he("direct");return}e==="rooms"&&h&&he("rooms")}catch{}},[h]),s.useEffect(()=>{if(!h&&p==="rooms"){he("direct");return}try{localStorage.setItem(os,p)}catch{}},[h,p]);const fe=qs(p,p==="rooms"?c.activeRoom?.id:i?.id),Lt=s.useRef(fe);s.useEffect(()=>{fe!==Lt.current&&(Lt.current=fe,ue(Xs(fe)))},[fe]),s.useEffect(()=>{if(!(!fe||Lt.current!==fe))try{if($){localStorage.setItem(fe,$);return}localStorage.removeItem(fe)}catch{}},[fe,$]);const ae=h&&p==="rooms"&&!!c.activeRoom,{keyboardOverlap:vs,keyboardOpen:Ft}=Bn({enabled:R&&(!!i||ae)}),xe=s.useMemo(()=>{const e=nt.trim().toLowerCase();return(e?$e.filter(o=>o.name.toLowerCase().includes(e)):$e).slice(0,10)},[$e,nt]),Je=s.useMemo(()=>Array.from(me.values()),[me]),Ae=s.useMemo(()=>!h||p!=="rooms"||!c.activeRoom?null:{roomId:c.activeRoom.id,roomName:c.activeRoom.name,memberIds:new Set(c.activeRoomMembers.map(e=>e.agentId))},[h,p,c.activeRoom,c.activeRoomMembers]),Ke=s.useMemo(()=>{const e=Je.filter(m=>Kn(m.name,Ce));if(!Ae)return e;const a=e.filter(m=>Ae.memberIds.has(m.id));if(Ce.trim().length===0)return a;const o=e.filter(m=>!Ae.memberIds.has(m.id));return[...a,...o]},[Je,Ce,Ae]),_t=s.useMemo(()=>{const e=new Map;for(const a of Je)e.set(a.name.toLowerCase(),a);return e},[Je]);s.useEffect(()=>{Le(0)},[xe]),s.useEffect(()=>{v(0)},[Ce,ve]),s.useEffect(()=>()=>{Me.current!==null&&window.clearTimeout(Me.current)},[]),s.useEffect(()=>{const e=ms.current;if(!e||!E)return;const a=new IntersectionObserver(o=>{o[0].isIntersecting&&X()},{threshold:.1});return a.observe(e),()=>a.disconnect()},[E,X]);const Ye=s.useCallback(()=>ae?c.activeRoom?.id??null:i?.id??null,[ae,c.activeRoom?.id,i?.id]),xs=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,'\\"')}"]`),[]),vt=s.useCallback(()=>{const e=ge.current,a=Ye();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;Dt.current={threadId:a,scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight,anchorMessageId:m,anchorOffset:x,wasPinnedBefore:!Ne.current}},[Ye]),ys=s.useCallback(()=>{const e=ge.current;if(!e)return;const o=e.scrollTop+e.clientHeight>=e.scrollHeight-50;q(!o),Ne.current=!o,vt()},[vt]),Ee=s.useCallback(e=>{if(!e.isConnected)return;let a=0,o=0,m=-1;const x=6,F=()=>{if(e.isConnected){if(e.scrollTop=e.scrollHeight,e.scrollHeight===m?o+=1:(o=0,m=e.scrollHeight),a+=1,a>=x||o>=2){q(!1),Ne.current=!1;return}window.requestAnimationFrame(F)}};F()},[]),it=ae?c.messages:b;s.useLayoutEffect(()=>{const e=ge.current,a=Ye(),o=Dt.current;if(!e||!a||!o||o.threadId!==a||o.wasPinnedBefore)return;let m=o.scrollTop;if(o.anchorMessageId){const x=xs(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),Ne.current=!0,q(!0),Dt.current=null},[it,Ye,xs]);const zt=s.useCallback(e=>{},[it.length,ae]),_e=s.useCallback(e=>{zt(e);const a=ge.current;a&&Ee(a)},[Ee,zt]);s.useLayoutEffect(()=>{Fe.current!==null&&(window.clearTimeout(Fe.current),Fe.current=null);const e=ae?c.activeRoom?.id??null:i?.id??null;if(!e){It.current=null;return}const a={threadId:e,loaded:ae?!c.messagesLoading:!y,hasMessages:ae?c.messages.length>0:b.length>0},o=It.current,m=o?.threadId!==e,x=o?.threadId===e&&!o.loaded&&a.loaded,F=o?.threadId===e&&!o.hasMessages&&a.hasMessages;if(!(o===null||m||x||F))return;const Te=ge.current;if(Te)return zt(m?"thread-change":x?"finished-loading":F?"first-messages":"mount"),Ee(Te),ae||(Fe.current=window.setTimeout(()=>{if(Fe.current=null,Ne.current)return;const Ze=ge.current;Ze&&Ee(Ze)},250)),It.current=a,()=>{Fe.current!==null&&(window.clearTimeout(Fe.current),Fe.current=null)}},[ae,c.activeRoom?.id,c.messages.length,c.messagesLoading,i?.id,b.length,y,Ee]),s.useEffect(()=>{!f||Ne.current||_e("streaming")},[f,I,Y,_e]),s.useEffect(()=>{const e=Ye();if(!e){pt.current=0,$t.current=null;return}if($t.current!==e){$t.current=e,pt.current=it.length;return}const a=pt.current,o=it.length,m=o>a,x=!Ne.current;pt.current=o,m&&x&&_e("new-message")},[it,Ye,_e]),s.useEffect(()=>{vs<=0||!ge.current||_e("keyboard")},[vs,_e]),Gn(R&&Ft),s.useLayoutEffect(()=>{if(!R||!i&&!ae||typeof window>"u")return;const e=Pt.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 F=x.type.toLowerCase();return["","text","search","email","url","tel","password","number"].includes(F)},m=()=>{if(bt.current){e.classList.remove("chat-thread--keyboard-active");return}const x=Math.max(0,window.innerHeight-a.offsetTop-a.height),F=a.offsetTop||0;e.style.setProperty("--vv-height",`${a.height}px`),e.style.setProperty("--vv-offset-top",`${F}px`),e.style.setProperty("--keyboard-overlap",`${x}px`);const Ue=(x>0||F>0)&&o(document.activeElement);e.classList.toggle("chat-thread--keyboard-active",Ue)};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,R,ae]),s.useEffect(()=>{const e=()=>G(null);if(be)return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[be]),s.useEffect(()=>{if(!R||!Ft)return;const e=a=>{a.target?.closest(".chat-messages")||a.preventDefault()};return document.addEventListener("touchmove",e,{passive:!1}),()=>{document.removeEventListener("touchmove",e)}},[R,Ft]),s.useEffect(()=>{if(!R||!i)return;const e=()=>{const a=de.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)}},[R,i]),s.useEffect(()=>{const e=gs.current;if(gs.current=p,p!=="direct"||e!==null&&e!=="rooms")return;const a=ge.current;a&&(Ee(a),Ne.current=!1,q(!1))},[p,Ee]),s.useEffect(()=>{if(!i&&!ae||ae&&!R)return;const e=()=>{vt()},a=()=>{document.visibilityState==="visible"&&e()};return document.addEventListener("visibilitychange",a),window.addEventListener("pageshow",e),()=>{document.removeEventListener("visibilitychange",a),window.removeEventListener("pageshow",e)}},[R,i,ae,vt]),s.useEffect(()=>{if(ae||typeof ResizeObserver>"u")return;const e=ge.current;if(!e)return;const a=new ResizeObserver(()=>{Ne.current||Ee(e)});return a.observe(e),()=>{a.disconnect()}},[ae,Ee,i?.id,p]),s.useEffect(()=>{bs.current=M},[M]),s.useEffect(()=>()=>{for(const e of bs.current)e.previewUrl&&URL.revokeObjectURL(e.previewUrl);for(const e of rt.current.values())window.clearTimeout(e);rt.current.clear()},[]);const xt=s.useCallback(e=>{if(!e||e.length===0)return;const a=[];for(const o of Array.from(e)){if(!Sa.includes(o.type))continue;const m=o.type.startsWith("image/");a.push({file:o,previewUrl:m?URL.createObjectURL(o):""})}a.length>0&&U(o=>[...o,...a])},[]),cn=s.useCallback(e=>{U(a=>{const o=a[e];return o?.previewUrl&&URL.revokeObjectURL(o.previewUrl),a.filter((m,x)=>x!==e)})},[]),ln=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&&xt(o)},[xt]),dn=s.useCallback(async e=>{try{await N(e),te(!1),R&&oe(!1)}catch{r("Failed to create chat session","error")}},[N,r,R]),pe=s.useCallback(e=>{const a=e??de.current;a&&(a.style.height="auto",a.style.height=`${ga(a.scrollHeight)}px`)},[]),ws=s.useCallback(e=>{de.current=e,e&&pe(e)},[pe]);s.useLayoutEffect(()=>{pe()},[p,$,i?.id,c.activeRoom?.id,pe]);const Qe=s.useCallback(()=>{if(ue(""),fe)try{localStorage.removeItem(fe)}catch{}Pe(!1),Ve(""),l(!1),ke(""),H(-1),U(e=>{for(const a of e)a.previewUrl&&URL.revokeObjectURL(a.previewUrl);return[]})},[fe]),Ht=s.useCallback(()=>{const e=$.trim(),a=M.map(o=>o.file);if(!(!e&&a.length===0||!i)){if(e==="/clear"||e==="/new"){Qe(),j(),C(),N({agentId:i.agentId,modelProvider:i.modelProvider??void 0,modelId:i.modelId??void 0}).catch(()=>{r("Failed to clear conversation","error")});return}Qe(),Z(e,a)}},[$,M,i,Qe,C,j,N,r,Z]),Ut=s.useCallback(async()=>{const e=$.trim();if(e){if(h&&p==="rooms"){if(!c.activeRoom)return;if(e==="/clear"||e==="/new"){Qe();try{await c.clearRoom(c.activeRoom.id)}catch{r("Failed to clear room conversation","error")}return}const a=$;Qe();try{await c.sendRoomMessage(e,{files:M.map(o=>o.file)})}catch(o){if(o instanceof Wn){const x=o.message.trim()?o.message:"Message sent, but assistant reply failed";r(`Message sent, but assistant reply failed: ${x}`,"error");return}ue(a);const m=o instanceof Error&&o.message.trim()?o.message:"Failed to send room message";r(m,"error")}return}Ht()}},[$,M,h,p,c,c.clearRoom,Qe,r,Ht]),Ot=s.useCallback(e=>{ue(a=>{const o=Js(a);if(!o)return a;const m=`/skill:${e.name} `,x=a.slice(0,o.start)+m+a.slice(o.end);return window.requestAnimationFrame(()=>{de.current&&(pe(de.current),de.current.focus())}),x}),Pe(!1),Ve(""),Le(0)},[pe]),yt=s.useCallback(e=>{const a=de.current;if(!a||D<0)return;const o=a.selectionStart??Xe.current,m=a.selectionEnd??o,x=Math.max(o,m),F=Math.min(D,x),Te=`${`@${e.name.replace(/\s+/g,"_")}`} `,Ze=$.slice(0,F)+Te+$.slice(x),et=F+Te.length;ue(Ze),l(!1),ke(""),v(0),H(-1),window.requestAnimationFrame(()=>{de.current&&(pe(de.current),de.current.focus(),de.current.setSelectionRange(et,et))})},[D,$,pe]),ot=s.useCallback((e,a)=>{const m=de.current?.selectionStart??Xe.current,x=$.lastIndexOf("#",m),F=x>=0?x+a.length:e.length;ue(e),L.dismissMention(),gt(!1),window.requestAnimationFrame(()=>{de.current&&(pe(de.current),de.current.focus(),de.current.setSelectionRange(F,F))})},[L,$,pe]),Ss=s.useCallback(e=>{if(Xe.current=e.currentTarget.selectionStart??Xe.current,L.mentionActive&&L.combinedItems.length>0){if(L.handleKeyDown(e,$),e.key==="Enter"||e.key==="Tab"){const a=L.combinedItems[L.selectedIndex];a?.kind==="task"?ot(L.selectTask(a.task,$),`#${a.task.id}`):a?.kind==="file"&&ot(L.selectFile(a.file,$),`#${a.file.path}`)}return}if(ve&&e.key==="ArrowDown"){e.preventDefault(),Ke.length>0&&v(a=>(a+1)%Ke.length);return}if(ve&&e.key==="ArrowUp"){e.preventDefault(),Ke.length>0&&v(a=>a===0?Ke.length-1:a-1);return}if(ve&&e.key==="Enter"){e.preventDefault();const a=Ke[u]??Ke[0];a&&yt(a);return}if(ve&&e.key==="Escape"){e.preventDefault(),l(!1),ke(""),H(-1);return}if(De&&e.key==="ArrowDown"){e.preventDefault(),xe.length>0&&Le(a=>(a+1)%xe.length);return}if(De&&e.key==="ArrowUp"){e.preventDefault(),xe.length>0&&Le(a=>a===0?xe.length-1:a-1);return}if(De&&(e.key==="Enter"||e.key==="Tab")&&xe.length>0){e.preventDefault();const a=xe[Be]??xe[0];a&&Ot(a);return}if(De&&e.key==="Escape"){e.preventDefault(),Pe(!1);return}e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),Ut())},[ve,Ke,u,yt,De,xe,Be,Ot,Ut,L,ot,$]),wt=s.useCallback((e,a)=>{const o=Ca(e,a);if(o){l(!0),ke(o.filter),H(o.start);return}l(!1),ke(""),H(-1)},[]),Cs=s.useCallback(e=>{const a=e.target,o=a.value,m=a.selectionStart??o.length;pe(a),Xe.current=m,ue(o);const x=Js(o);x?(Pe(!0),Ve(x.filter)):(Pe(!1),Ve("")),wt(o,m),L.detectMention(o,m),gt(L.mentionActive),L.mentionActive&&Tt(a)},[wt,pe]),St=s.useCallback(e=>{const a=e.currentTarget,o=a.selectionStart??a.value.length;Xe.current=o,wt(a.value,o),L.detectMention(a.value,o),gt(L.mentionActive),L.mentionActive&&Tt(a)},[wt,L,Tt]),ks=s.useCallback(e=>{e.key!=="Escape"&&St(e)},[St]),js=s.useCallback(()=>{typeof window<"u"&&window.innerWidth<=768&&(bt.current=!0,Re.current!==null&&window.clearTimeout(Re.current),Re.current=window.setTimeout(()=>{bt.current=!1,Re.current=null},450)),Me.current!==null&&window.clearTimeout(Me.current),Me.current=window.setTimeout(()=>{Pe(!1),l(!1),ke(""),H(-1),gt(!1),L.dismissMention(),Me.current=null},120)},[L]),Ns=s.useCallback(()=>{bt.current=!1,Re.current!==null&&(window.clearTimeout(Re.current),Re.current=null),Me.current!==null&&(window.clearTimeout(Me.current),Me.current=null),typeof window<"u"&&window.innerWidth<=768&&queueMicrotask(()=>{(window.scrollY!==0||window.scrollX!==0)&&window.scrollTo(0,0)})},[]);s.useEffect(()=>()=>{Re.current!==null&&window.clearTimeout(Re.current)},[]);const un=s.useCallback(async e=>{G(null);try{await z(e),r("Conversation archived","success")}catch{r("Failed to archive conversation","error")}},[z,r]),mn=s.useCallback(async e=>{K(null),G(null);try{await S(e),r("Conversation deleted","success")}catch{r("Failed to delete conversation","error")}},[S,r]),ct=s.useCallback(e=>{try{localStorage.setItem(Vs,String(e))}catch{}},[]),hn=s.useCallback(e=>{if(R)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 F=Te=>{const Ze=Te.clientX-o,et=Math.max(jt,Math.min(Nt,m+Ze));x=et,Se(et),ct(et)},Ue=Te=>{typeof a.releasePointerCapture=="function"&&a.releasePointerCapture(Te.pointerId),document.body.style.userSelect="",document.removeEventListener("pointermove",F),document.removeEventListener("pointerup",Ue),ct(x)};document.addEventListener("pointermove",F),document.addEventListener("pointerup",Ue)},[R,ct,we]),fn=s.useCallback(e=>{if(R||e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;e.preventDefault();const a=e.shiftKey?50:10,o=e.key==="ArrowLeft"?-a:a,m=Math.max(jt,Math.min(Nt,we+o));Se(m),ct(m)},[R,ct,we]),Ms=s.useCallback(e=>{const a=J.find(o=>o.id===e);se("direct",e,a?.lastMessageAt??a?.updatedAt),w(e),qe(!1),R&&oe(!1)},[J,R,se,w]),Bt=s.useCallback(()=>{w(""),oe(!0),qe(!1)},[w]),Kt=s.useCallback(()=>{c.selectRoom(null),oe(!0),qe(!1)},[c]),gn=()=>t.jsxs("div",{className:"chat-empty-state",children:[t.jsx(aa,{size:48,strokeWidth:1.5}),t.jsx("h2",{children:"Start a new conversation"}),t.jsxs("button",{className:"btn btn-primary",onClick:()=>te(!0),children:[t.jsx(lt,{size:16}),"New Chat"]})]}),Gt=Ys(i,i?.agentId?me.get(i.agentId)??null:null,le),ze=Ws(Gt?.provider,Gt?.modelId),He=Gt?.provider??null,Wt=!!(i||f||b.length>0),Ct=p==="rooms"?ae:!!i,Rs=s.useRef(Ct);s.useEffect(()=>{const e=Rs.current;Rs.current=Ct,R&&(e||!Ct||ds({type:"view",revert:p==="rooms"?Kt:Bt}))},[p,Bt,Kt,Ct,R,ds]);const Vt=i?.agentId===tt?ze??"Fusion":i?.title||me.get(i?.agentId??"")?.name||i?.agentId||"Chat",As=!!(ze&&ze!==Vt),pn=R&&p==="direct"&&!!i,qt=me.get(i?.agentId??"")?.name||(i?.agentId===tt?ze??"Fusion":i?.agentId?.slice(0,30)??"Fusion"),Xt=!1,Jt=i?.agentId===tt,bn=O.length>50?`${O.slice(0,50)}…`:O,vn=s.useCallback(()=>{ee(e=>!e)},[]);s.useEffect(()=>{if(!ht)return;const e=a=>{hs.current?.contains(a.target)||qe(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[ht]),s.useEffect(()=>{if(!ft)return;const e=o=>{fs.current?.contains(o.target)||at(!1)},a=o=>{o.key==="Escape"&&at(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",a)}},[ft]),s.useEffect(()=>{(!R||p!=="direct"||Ie)&&qe(!1)},[R,p,Ie]),s.useEffect(()=>{at(!1)},[c.activeRoom?.id]);const Yt=s.useCallback((e,a)=>{const o=rt.current.get(e);o&&window.clearTimeout(o),je(x=>({...x,[e]:a}));const m=window.setTimeout(()=>{je(x=>{const{[e]:F,...Ue}=x;return Ue}),rt.current.delete(e)},2e3);rt.current.set(e,m)},[]),Es=s.useCallback(async(e,a)=>{try{if(!navigator.clipboard?.writeText)throw new Error("Clipboard API unavailable");await navigator.clipboard.writeText(a),Yt(e,"success")}catch{Yt(e,"error")}},[Yt]),xn=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(en,{remarkPlugins:[tn],components:an,children:e})}),[]),Qt=i?.agentId===tt,Zt=s.useCallback((e,a,o)=>t.jsx("button",{type:"button",className:`btn-icon chat-message-copy-action${ne[e]==="success"?" chat-message-copy-action--success":""}${ne[e]==="error"?" chat-message-copy-action--error":""}`,"data-testid":o??`chat-copy-response-${e}`,"aria-label":ne[e]==="success"?"Response copied":ne[e]==="error"?"Copy failed":"Copy response",onClick:()=>{Es(e,a)},children:ne[e]==="success"?t.jsx(Vn,{size:14}):t.jsx(qn,{size:14})}),[ne,Es]),es=s.useCallback(e=>{const a=ge.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,F=typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;a.scrollTo({top:x,behavior:F?"auto":"smooth"})},[]);return t.jsxs("div",{className:"chat-view",children:[t.jsxs("div",{className:`chat-sidebar${Ie?"":" chat-sidebar--hidden"}`,style:R?void 0:{width:`${we}px`},children:[h&&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${p==="direct"?" chat-sidebar-scope-btn--active":""}`,"aria-selected":p==="direct","data-testid":"chat-sidebar-scope-direct",onClick:()=>he("direct"),children:"Direct"}),t.jsx("button",{type:"button",role:"tab",className:`chat-sidebar-scope-btn${p==="rooms"?" chat-sidebar-scope-btn--active":""}`,"aria-selected":p==="rooms","data-testid":"chat-sidebar-scope-rooms",onClick:()=>he("rooms"),children:"Rooms"})]}),!h||p==="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(Xn,{size:14,className:"chat-sidebar-search-icon"}),t.jsx("input",{type:"text",className:"chat-sidebar-search",placeholder:"Search conversations...",value:_,onChange:e=>T(e.target.value),"data-testid":"chat-search-input"})]})}),t.jsx("div",{className:"chat-session-list chat-sidebar-list",children:g?t.jsx("div",{className:"chat-empty-state chat-empty-state--padded",children:"Loading..."}):J.length===0?t.jsx("div",{className:"chat-empty-state chat-empty-state--padded",children:"No conversations yet"}):J.map(e=>{const a=i?.id===e.id,o=!a&&re("direct",e.id,e.lastMessageAt??e.updatedAt),m=Ys(e,me.get(e.agentId)??null,le),x=Ws(m?.provider,m?.modelId)??"Fusion";return t.jsxs("div",{className:`chat-session-item${a?" chat-session-item--active":""}`,onClick:()=>Ms(e.id),onContextMenu:F=>{F.preventDefault(),G({sessionId:e.id,x:F.clientX,y:F.clientY})},"data-testid":`chat-session-${e.id}`,children:[t.jsx("button",{className:"chat-session-delete-btn",onClick:F=>{F.stopPropagation(),K(e.id)},"data-testid":"chat-session-delete-btn","aria-label":"Delete conversation",children:t.jsx(ns,{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(dt,{provider:m.provider,size:"sm"}):null,t.jsx("span",{children:me.get(e.agentId)?.name||(e.agentId===tt?x:e.agentId.slice(0,30))})]}),t.jsx("span",{children:e.updatedAt?sn(e.updatedAt):""})]})]},e.id)})})]}):t.jsxs("div",{className:"chat-sidebar-rooms","data-testid":"chat-sidebar-rooms",children:[!R&&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:()=>Oe(!0),children:[t.jsx(lt,{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&&re("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:()=>{se("room",e.id,e.updatedAt),c.selectRoom(e.id),R&&oe(!1)},onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),se("room",e.id,e.updatedAt),c.selectRoom(e.id),R&&oe(!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(),ye(e.id)},children:t.jsx(ns,{size:14})})]},e.id)})})]}),p==="rooms"?R?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:()=>Oe(!0),children:[t.jsx(lt,{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:()=>te(!0),"data-testid":"chat-new-btn",children:[t.jsx(lt,{size:14}),"New Chat"]})})]}),!R&&Ie&&t.jsx("div",{className:"chat-sidebar-resize-handle",role:"separator","aria-orientation":"vertical","aria-valuemin":jt,"aria-valuemax":Nt,"aria-valuenow":we,"aria-label":"Resize chat sidebar",tabIndex:0,onPointerDown:hn,onKeyDown:fn}),be&&t.jsxs("div",{className:"chat-session-context-menu",style:{top:be.y,left:be.x},onClick:e=>e.stopPropagation(),children:[t.jsxs("button",{onClick:()=>un(be.sessionId),"data-testid":"chat-context-archive",children:[t.jsx(Jn,{size:14}),"Archive"]}),t.jsxs("button",{onClick:()=>{G(null),K(be.sessionId)},"data-testid":"chat-context-delete",children:[t.jsx(ns,{size:14}),"Delete"]})]}),st&&t.jsx("div",{className:"chat-new-dialog-backdrop chat-view-dialog-backdrop",onClick:()=>K(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:()=>K(null),children:"Cancel"}),t.jsx("button",{className:"btn btn-sm btn-danger",onClick:()=>void mn(st),children:"Delete"})]})]})}),h&&Ge&&t.jsx("div",{className:"chat-new-dialog-backdrop chat-view-dialog-backdrop",onClick:()=>ye(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:()=>ye(null),children:"Cancel"}),t.jsx("button",{className:"btn btn-sm btn-danger",onClick:()=>{(async()=>{try{await c.deleteRoom(Ge),ye(null)}catch{r("Failed to delete room","error")}})()},children:"Delete"})]})]})}),h&&p==="rooms"?t.jsxs("div",{ref:Pt,className:"chat-thread",children:[c.activeRoom?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"chat-room-thread-header",children:[R&&t.jsx("button",{className:"btn-icon",onClick:Kt,"data-testid":"chat-back-btn",children:t.jsx(Fs,{size:16})}),t.jsxs("div",{className:"chat-room-switcher-menu",ref:fs,children:[t.jsxs("button",{type:"button",className:"chat-room-switcher-trigger","data-testid":"chat-room-switcher-trigger","aria-haspopup":"menu","aria-expanded":ft,onClick:()=>at(e=>!e),children:[t.jsxs("span",{className:"chat-thread-header-title",children:["#",c.activeRoom.name]}),t.jsx(kt,{size:16,"aria-hidden":"true"})]}),ft&&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:()=>{se("room",e.id,e.updatedAt),c.selectRoom(e.id),at(!1)},children:["#",e.name]},e.id))})]}),t.jsx("div",{className:"chat-room-thread-members",children:c.activeRoomMembers.map(e=>t.jsx(Qs,{agent:me.get(e.agentId)??{id:e.agentId,name:e.agentId.slice(0,30)}},e.agentId))})]}),t.jsxs("div",{className:"chat-messages",ref:ge,onScroll:ys,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?me.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(cs,{message:o,forcePlain:A,agentName:a,hideAssistantIdentity:!1,showAssistantModelTag:!1,activeModelTag:null,activeModelProvider:null,activeSessionId:c.activeRoom?.id??null,mentionAgentsByName:_t,roomContext:Ae,onScrollToTop:es},e.id)}),t.jsx("div",{ref:us})]}),c.activeRoom&&P&&t.jsxs("button",{type:"button",className:"btn btn-sm chat-jump-to-latest","data-testid":"chat-jump-to-latest",onClick:()=>_e("fab-click"),children:[t.jsx(kt,{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:ws,className:"chat-input-textarea",placeholder:"Type a message...",value:$,onChange:Cs,onKeyDown:Ss,onKeyUp:ks,onClick:St,onBlur:js,onFocus:Ns,onTouchStart:e=>{typeof window>"u"||window.innerWidth>768||_s()&&document.activeElement!==e.currentTarget&&(e.preventDefault(),e.currentTarget.focus({preventScroll:!0}))},rows:1,"data-testid":"chat-input"}),t.jsx(zs,{agents:Je,filter:Ce,highlightedIndex:u,visible:ve,onSelect:yt,position:"below",roomMemberIds:Ae?.memberIds,roomName:Ae?.roomName})]}),t.jsx("button",{type:"button",className:"chat-input-send",onPointerDown:e=>{e.pointerType&&e.pointerType!=="mouse"&&e.preventDefault()},onMouseDown:e=>{e.preventDefault()},onClick:()=>{Ut()},disabled:!$.trim(),"data-testid":"chat-send-btn",style:{touchAction:"manipulation"},children:t.jsx(Hs,{size:16})})]})})]}):t.jsxs("div",{ref:Pt,className:"chat-thread",children:[(Wt||!R)&&t.jsxs("div",{className:"chat-thread-header",children:[R&&Wt&&t.jsx("button",{className:"btn-icon",onClick:Bt,"data-testid":"chat-back-btn",children:t.jsx(Fs,{size:16})}),t.jsx("div",{className:"chat-thread-header-identity","data-testid":"chat-thread-header-identity",children:pn?t.jsxs("div",{className:"chat-mobile-session-menu",ref:hs,children:[t.jsxs("button",{type:"button",className:"btn chat-mobile-session-trigger","data-testid":"chat-mobile-session-trigger","aria-haspopup":"menu","aria-expanded":ht,onClick:()=>qe(e=>!e),children:[He?t.jsx(dt,{provider:He,size:"md"}):t.jsx(ut,{size:16}),t.jsx("span",{className:"chat-thread-header-title",children:Vt}),As&&t.jsx("span",{className:"chat-model-tag",children:ze}),t.jsx(kt,{size:16,"aria-hidden":"true"})]}),ht&&t.jsx("div",{className:"chat-mobile-session-dropdown",role:"menu","data-testid":"chat-mobile-session-dropdown",children:J.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:()=>Ms(e.id),children:t.jsx("span",{className:"chat-mobile-session-option-title",children:e.title||"Untitled"})},e.id))})]}):t.jsxs(t.Fragment,{children:[He?t.jsx(dt,{provider:He,size:"md"}):t.jsx(ut,{size:16}),t.jsx("span",{className:"chat-thread-header-title",children:Vt}),As&&t.jsx("span",{className:"chat-model-tag",children:ze})]})}),Wt&&t.jsx("button",{type:"button",className:`chat-thread-header-render-toggle${A?" chat-thread-header-render-toggle--plain":""}`,"data-testid":"chat-thread-render-toggle","aria-label":A?"Show all messages as rendered Markdown":"Show all messages as plain text",onClick:vn,children:A?t.jsx(Yn,{size:14}):t.jsx(Qn,{size:14})}),!R&&t.jsxs("button",{className:"btn btn-sm btn-primary chat-thread-header-new-chat",onClick:()=>te(!0),"data-testid":"chat-thread-new-chat-btn",children:[t.jsx(lt,{size:14}),"New Chat"]})]}),t.jsxs("div",{className:"chat-messages",ref:ge,onScroll:ys,children:[t.jsx("div",{ref:ms,className:"chat-load-more-sentinel",children:E&&y&&t.jsx("div",{className:"chat-loading-older",children:"Loading older messages…"})}),f?t.jsxs(t.Fragment,{children:[b.map(e=>t.jsx(cs,{message:e,forcePlain:A,agentName:qt,hideAssistantIdentity:Jt,showAssistantModelTag:Xt,activeModelTag:ze,activeModelProvider:He,activeSessionId:i?.id??null,mentionAgentsByName:_t,roomContext:null,copyAction:Qt&&e.role==="assistant"?Zt(e.id,e.content):void 0,onScrollToTop:es},e.id)),t.jsxs("div",{className:"chat-message chat-message--assistant chat-message--streaming",children:[!Jt&&t.jsxs("div",{className:"chat-message-avatar",children:[He?t.jsx(dt,{provider:He,size:"sm"}):t.jsx(ut,{size:14}),t.jsx("span",{children:qt}),Xt]}),I?xn(I,A):t.jsx("div",{className:"chat-message-content chat-message-content--waiting",children:Y?"Thinking…":"Connecting…"}),Qt&&I&&Zt("__streaming__",I,"chat-copy-response-streaming"),nn(Q),Y&&t.jsxs("details",{className:"chat-message-thinking",children:[t.jsx("summary",{children:"Thinking"}),t.jsx("pre",{className:"chat-message-thinking-content",children:At(Y)})]}),t.jsxs("div",{className:"chat-typing-indicator",children:[t.jsx("span",{}),t.jsx("span",{}),t.jsx("span",{})]})]})]}):y?t.jsx("div",{className:"chat-empty-state",children:"Loading messages..."}):b.length===0&&!i?gn():b.length===0&&i?t.jsx("div",{className:"chat-empty-state",children:"No messages yet. Start the conversation!"}):t.jsx(t.Fragment,{children:b.map(e=>t.jsx(cs,{message:e,forcePlain:A,agentName:qt,hideAssistantIdentity:Jt,showAssistantModelTag:Xt,activeModelTag:ze,activeModelProvider:He,activeSessionId:i?.id??null,mentionAgentsByName:_t,roomContext:null,copyAction:Qt&&e.role==="assistant"?Zt(e.id,e.content):void 0,onScrollToTop:es},e.id))}),t.jsx("div",{ref:us})]}),P&&t.jsxs("button",{type:"button",className:"btn btn-sm chat-jump-to-latest","data-testid":"chat-jump-to-latest",onClick:()=>_e("fab-click"),children:[t.jsx(kt,{size:14}),"Latest"]}),i&&t.jsxs("div",{className:"chat-input-area",children:[t.jsx("input",{ref:ps,type:"file",accept:"image/*,.txt,.json,.yaml,.yml,.log,.csv,.xml,.md",multiple:!0,style:{display:"none"},onChange:e=>{xt(e.target.files),e.target.value=""}}),De&&t.jsx("div",{className:"chat-skill-menu","data-testid":"chat-skill-menu",role:"listbox","aria-label":"Skill suggestions",children:Et?t.jsx("div",{className:"chat-skill-menu-empty",children:"Loading skills…"}):xe.length===0?t.jsx("div",{className:"chat-skill-menu-empty",children:nt?"No skills found":"No skills available"}):xe.map((e,a)=>t.jsxs("button",{type:"button",role:"option","aria-selected":a===Be,className:`chat-skill-menu-item${a===Be?" chat-skill-menu-item--highlighted":""}`,onMouseDown:o=>o.preventDefault(),onMouseEnter:()=>Le(a),onClick:()=>Ot(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))}),M.length>0&&t.jsx("div",{className:"chat-attachment-previews","data-testid":"chat-attachment-previews",children:M.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:()=>cn(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:()=>ps.current?.click(),children:t.jsx(Zn,{size:16})}),t.jsxs("div",{className:`chat-input-wrapper${W?" chat-input-wrapper--dragover":""}`,onDragOver:e=>{e.preventDefault(),V(!0)},onDragLeave:()=>V(!1),onDrop:e=>{e.preventDefault(),V(!1),xt(e.dataTransfer.files)},children:[t.jsx("textarea",{ref:ws,className:"chat-input-textarea",placeholder:"Type a message...",value:$,onChange:Cs,onKeyDown:Ss,onKeyUp:ks,onClick:St,onBlur:js,onFocus:Ns,onPaste:ln,onTouchStart:e=>{typeof window>"u"||window.innerWidth>768||_s()&&document.activeElement!==e.currentTarget&&(e.preventDefault(),e.currentTarget.focus({preventScroll:!0}))},rows:1,"data-testid":"chat-input"}),t.jsx(zs,{agents:Je,filter:Ce,highlightedIndex:u,visible:ve,onSelect:yt,position:"below",roomMemberIds:Ae?.memberIds,roomName:Ae?.roomName}),t.jsx(ea,{visible:L.mentionActive&&!ve,position:rn,tasks:L.tasks,files:L.files,selectedIndex:L.selectedIndex,onSelectTask:e=>{ot(L.selectTask(e,$),`#${e.id}`)},onSelectFile:e=>{ot(L.selectFile(e,$),`#${e.path}`)},loading:L.loading}),O&&t.jsxs("div",{className:"chat-pending-message","data-testid":"chat-pending-indicator",children:[t.jsx("span",{children:`Queued: ${bn}`}),t.jsx("button",{type:"button",className:"chat-pending-message-dismiss","aria-label":"Dismiss queued message","data-testid":"chat-pending-dismiss",onClick:j,children:"×"})]})]}),f?t.jsx("button",{className:"chat-input-stop",onClick:C,"aria-label":"Stop generation","data-testid":"chat-stop-btn",children:t.jsx(ta,{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:()=>{Ht()},disabled:!$.trim()&&M.length===0,"data-testid":"chat-send-btn",style:{touchAction:"manipulation"},children:t.jsx(Hs,{size:16})})]})]})]}),h&&t.jsx(ha,{isOpen:We,onClose:()=>Oe(!1),projectId:n,existingRoomNames:c.rooms.map(e=>e.name),onCreate:async e=>{await c.createRoom({name:e.name,memberAgentIds:e.memberAgentIds}),p!=="rooms"&&he("rooms"),Oe(!1),R&&oe(!1)}}),B&&t.jsx(ja,{projectId:n,onClose:()=>te(!1),onCreate:dn})]})}export{Ta as ChatView,ga as clampChatInputHeight,Ys as resolveSessionProvider};
|