@runfusion/fusion 0.43.1 → 0.45.0

package/dist/client/assets/AgentsView-Co-k4vjh.js

@@ -1,29 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/AgentDetailView-DKMz3r04.js","assets/vendor-react-D37HfzIf.js","assets/index-CpTBp1RG.js","assets/vendor-i18n-CV0mwX_-.js","assets/vendor-reactflow-CRZcPCXF.js","assets/vendor-reactflow-C5ap-Sga.css","assets/vendor-xterm-tcedd2Jt.js","assets/vendor-xterm-LZoznX6r.css","assets/vendor-codemirror-jBKmHyH0.js","assets/index-DqhCiU35.css","assets/ExperimentalAgentOnboardingModal-Dau9RTU_.js","assets/ExperimentalAgentOnboardingModal-BNpveCEk.css","assets/AgentPermissionPolicyEditor-BiY1a4KR.js","assets/AgentPermissionPolicyEditor-CGxjOr6G.css","assets/AgentDetailView-BGN03dyz.css"])))=>i.map(i=>d[i]);
-import{c as jt,A as tt,C as vt,Z as Ha,s as Oa,r as _t,F as Lt,f as $a,a as Da,b as pa,B as It,u as xa,d as wt,e as Va,g as Ba,h as Wa,i as Ua,j as Ft,k as ft,P as Ga,l as Ka,m as Ya,n as Xa,o as Qt,G as qa,S as Za,L as St,T as rt,R as et,X as ea,p as Ja,q as Qa,t as ht,v as es,w as ta,x as ts,y as as,z as me,D as ot,E as ss,M as ns,H as ls,N as aa,I as sa,J as na,K as is,O as At,Q as pt,U as la,V as rs,W as os,Y as cs,_ as ds,$ as ia,a0 as gs,a1 as us,a2 as ms,a3 as xt,a4 as hs,a5 as ra,a6 as ps}from"./index-CpTBp1RG.js";import{r as s,j as e,b as xs}from"./vendor-react-D37HfzIf.js";import{u as Me}from"./vendor-i18n-CV0mwX_-.js";import{A as bs,S as vs,E as fs,f as js}from"./ExperimentalAgentOnboardingModal-Dau9RTU_.js";import{U as zt}from"./upload-BCmd-1I0.js";import{F as Ns}from"./folder-open-Bw1mxVfa.js";import"./vendor-reactflow-CRZcPCXF.js";import"./vendor-xterm-tcedd2Jt.js";import"./vendor-codemirror-jBKmHyH0.js";/**
- * @license lucide-react v1.7.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ys=[["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"}]],ks=jt("list-todo",ys);/**
- * @license lucide-react v1.7.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Cs=[["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"}]],ws=jt("sliders-horizontal",Cs);/**
- * @license lucide-react v1.7.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Ss=[["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"}]],As=jt("zoom-in",Ss);/**
- * @license lucide-react v1.7.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Rs=[["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"}]],Ts=jt("zoom-out",Rs);function oa(n){return typeof n=="number"&&Number.isFinite(n)?n:0}function Je(n){return n.toLocaleString()}function Ms({agents:n}){const{t:d}=Me("app"),{rows:b,totalInputTokens:p,totalOutputTokens:a,totalTokens:c}=s.useMemo(()=>{const g=n.map(l=>{const x=oa(l.totalInputTokens),j=oa(l.totalOutputTokens);return{id:l.id,name:l.name,inputTokens:x,outputTokens:j,totalTokens:x+j}}).sort((l,x)=>x.totalTokens-l.totalTokens||l.name.localeCompare(x.name)||l.id.localeCompare(x.id));return{rows:g,totalInputTokens:g.reduce((l,x)=>l+x.inputTokens,0),totalOutputTokens:g.reduce((l,x)=>l+x.outputTokens,0),totalTokens:g.reduce((l,x)=>l+x.totalTokens,0)}},[n]),v=c>0;return e.jsxs("section",{className:"agent-token-stats-panel","aria-label":d("agents.tokenStatistics","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:d("agents.tokenUsageByAgent","Token Usage by Agent")})}),e.jsxs("div",{className:"agent-token-stats-panel__totals",role:"list","aria-label":d("agents.tokenUsageTotals","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:d("agents.inputTokens","Input Tokens")}),e.jsx("span",{className:"agent-token-stats-panel__total-value",children:Je(p)})]}),e.jsxs("div",{className:"agent-token-stats-panel__total-card",role:"listitem",children:[e.jsx("span",{className:"agent-token-stats-panel__total-label",children:d("agents.outputTokens","Output Tokens")}),e.jsx("span",{className:"agent-token-stats-panel__total-value",children:Je(a)})]}),e.jsxs("div",{className:"agent-token-stats-panel__total-card",role:"listitem",children:[e.jsx("span",{className:"agent-token-stats-panel__total-label",children:d("agents.combinedTokens","Combined Tokens")}),e.jsx("span",{className:"agent-token-stats-panel__total-value",children:Je(c)})]})]}),v?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:d("agents.agent","Agent")}),e.jsx("th",{scope:"col",children:d("agents.input","Input")}),e.jsx("th",{scope:"col",children:d("agents.output","Output")}),e.jsx("th",{scope:"col",children:d("agents.total","Total")})]})}),e.jsx("tbody",{children:b.map(g=>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:g.name}),e.jsx("span",{className:"agent-token-stats-panel__agent-id",children:g.id})]}),e.jsx("td",{children:Je(g.inputTokens)}),e.jsx("td",{children:Je(g.outputTokens)}),e.jsx("td",{className:"agent-token-stats-panel__total-cell",children:Je(g.totalTokens)})]},g.id))})]})}):e.jsx("div",{className:"agent-token-stats-panel__empty",role:"status",children:d("agents.noTokenUsageYet","No token usage recorded yet. Token totals appear here once agents run.")})]})}const Es=[{icon:tt,label:"Active Agents",valueKey:"activeCount",className:"agent-metric-card--active"},{icon:ks,label:"Assigned Tasks",valueKey:"assignedTaskCount",className:"agent-metric-card--tasks"},{icon:vt,label:"Success Rate",valueKey:"successRate",className:"agent-metric-card--success"},{icon:Ha,label:"Total Runs",valueKey:"completedRuns",className:"agent-metric-card--runs"}];function Ps({stats:n,className:d=""}){return n?e.jsx("div",{className:`agent-metrics-bar ${d}`.trim(),children:Es.map(b=>{const p=b.valueKey==="successRate"?`${Math.round(n.successRate*100)}%`:n[b.valueKey];return e.jsxs("div",{className:`agent-metric-card ${b.className}`,children:[e.jsx(b.icon,{size:18}),e.jsxs("div",{className:"agent-metric-info",children:[e.jsx("span",{className:"agent-metric-value",children:p}),e.jsx("span",{className:"agent-metric-label",children:b.label})]})]},b.label)})}):null}const ca=200;function _s(n,d){const[b,p]=s.useState([]),[a,c]=s.useState(!1),v=s.useRef(null),g=s.useRef(0),l=s.useRef(n),x=s.useRef(d);return(l.current!==n||x.current!==d)&&(l.current=n,x.current=d,g.current++,v.current&&(v.current(),v.current=null),p([]),c(!1)),s.useEffect(()=>{if(!n){p([]),c(!1);return}const R=g.current;let C=`/api/tasks/${encodeURIComponent(n)}/logs/stream`;d&&(C+=`?projectId=${encodeURIComponent(d)}`);const S=Oa(C,{events:{"agent:log":$=>{if(g.current===R)try{const N=JSON.parse($.data),I={type:N.type??"text",text:N.text??N.content??"",timestamp:N.timestamp,content:N.content};p(B=>{const A=[I,...B];return A.length>ca?A.slice(0,ca):A})}catch{}}},onOpen:()=>{g.current===R&&c(!0)},onError:()=>{g.current===R&&c(!1)}});return v.current=S,()=>{S(),v.current=null,g.current===R&&c(!1)}},[n,d]),{entries:b,isConnected:a}}const Ls=5e3;function Is({agent:n,projectId:d,onSelect:b,onOpenTaskLogs:p}){const{t:a}=Me("app"),{entries:c,isConnected:v}=_s(n.taskId,d),[g,l]=s.useState(null);s.useEffect(()=>{if(!n.taskId){l(null);return}let A=!1,F;const y=async()=>{try{const D=await $a(n.taskId,d);A||l(D)}catch{}finally{A||(F=setTimeout(y,Ls))}};return y(),()=>{A=!0,F&&clearTimeout(F)}},[n.taskId,d]);const x=n.lastHeartbeatAt?Math.floor((Date.now()-new Date(n.lastHeartbeatAt).getTime())/1e3):0,j=(()=>{if(!n.lastHeartbeatAt)return null;const A=_t(n.runtimeConfig?.heartbeatIntervalMs),F=new Date(n.lastHeartbeatAt).getTime()+A,y=Math.round((F-Date.now())/1e3);return Number.isFinite(y)?y<=0?a("agents.heartbeatOverdue","Heartbeat overdue {{elapsed}}",{elapsed:Rt(-y)}):a("agents.nextHeartbeat","Next heartbeat in {{elapsed}}",{elapsed:Rt(y)}):null})(),R=g?.steps?.[g.currentStep??0],C=g?.steps?.length??0,S=(g?.currentStep??0)+1,$=g?.modelId,N=()=>{b&&b(n.id)},I=A=>{A.stopPropagation(),n.taskId&&p&&p(n.taskId)},B=A=>{(A.key==="Enter"||A.key===" ")&&(A.preventDefault(),N())};return e.jsxs("div",{className:"live-agent-card",onClick:N,onKeyDown:B,role:"button",tabIndex:0,"aria-label":a("agents.selectAgent","Select agent {{name}}",{name: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:c.length===0?e.jsx("div",{className:"live-agent-card-empty",children:n.taskId?R?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"live-agent-card-status",children:a("agents.step","Step {{number}}{{total}}: {{name}}",{number:S,total:C?`/${C}`:"",name:R.name})}),$&&e.jsx("div",{className:"live-agent-card-status-sub",children:$}),e.jsx("div",{className:"live-agent-card-status-sub",children:v?a("agents.waitingOutput","Waiting for output..."):a("agents.connectingStream","Connecting to log stream...")})]}):e.jsx("span",{children:v?a("agents.waitingOutput","Waiting for output..."):a("agents.connecting","Connecting...")}):e.jsx("span",{children:n.state==="running"?a("agents.starting","Starting..."):a("agents.idleNoTask","Idle — no task assigned")})}):c.slice(0,20).map((A,F)=>e.jsx("div",{className:"live-agent-card-line",children:A.text},F))}),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:Rt(x)}),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&&p&&e.jsxs("button",{type:"button",className:"live-agent-card-logs-btn",onClick:I,title:a("agents.viewLiveLogs","View live run logs"),"aria-label":a("agents.viewLogsFor","View live logs for {{taskId}}",{taskId:n.taskId}),children:[e.jsx(Lt,{size:12}),e.jsx("span",{children:a("agents.liveLogs","Live logs")})]}),v&&e.jsx(tt,{size:12,className:"live-agent-streaming-dot"})]})]})]})}function Rt(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 Fs({agents:n,projectId:d,onAgentSelect:b,onOpenTaskLogs:p,className:a=""}){const{t:c}=Me("app"),v=Array.from(new Map(n.map(g=>[g.id,g])).values());return v.length===0?null:e.jsxs("div",{className:`active-agents-panel ${a}`.trim(),children:[e.jsxs("div",{className:"active-agents-panel-header",children:[e.jsx(tt,{size:16}),e.jsx("span",{children:c("agents.activeAgents","Active Agents ({{count}})",{count:v.length})})]}),e.jsx("div",{className:"active-agents-grid",children:v.map(g=>e.jsx(Is,{agent:g,projectId:d,onSelect:b,onOpenTaskLogs:p},g.id))})]})}function zs({stats:n,activeAgents:d,projectId:b,isOpen:p,onToggle:a,onSelectAgent:c,onOpenTaskLogs:v}){const{t:g}=Me("app"),l=d.filter(j=>j.state==="active").length,x=d.filter(j=>j.state==="running").length;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":p,onClick:a,children:[e.jsxs("span",{className:"agents-overview-bar__title-wrap",children:[p?e.jsx(Da,{size:16,"aria-hidden":"true"}):e.jsx(pa,{size:16,"aria-hidden":"true"}),e.jsx("span",{className:"agents-overview-bar__title",children:g("agents.overview","Overview")})]}),e.jsx("span",{className:"agents-overview-bar__meta text-secondary",children:g("agents.statusCount","{{activeCount}} active · {{runningCount}} running",{activeCount:l,runningCount:x})})]}),p?e.jsxs("div",{className:"agents-overview-bar__content",children:[e.jsx(Ps,{stats:n,className:"agents-overview-bar__metrics"}),e.jsx(Fs,{agents:d,projectId:b,onAgentSelect:c,onOpenTaskLogs:v,className:"agents-overview-bar__active-panel"})]}):null]})}function Tt({title:n="No agents found",description:d="Create an agent to get started",ctaLabel:b="Create Agent",onCtaClick:p}){return e.jsxs("div",{className:"agent-empty",children:[e.jsx(It,{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:d}),p?e.jsx("button",{type:"button",className:"btn btn-task-create btn-sm",onClick:p,children:b}):null]})}const da=3,Mt=1e3;function Hs({isOpen:n,onClose:d,onGenerated:b,projectId:p}){const{t:a}=Me("app");xa(n);const[c,v]=s.useState(""),[g,l]=s.useState({type:"input"}),[x,j]=s.useState(null),[R,C]=s.useState(!1),S=s.useRef(null),$=s.useRef(null);s.useEffect(()=>{n&&g.type==="input"&&$.current?.focus()},[n,g.type]),s.useEffect(()=>{if(!n&&S.current){const y=S.current;S.current=null,wt(y,p).catch(()=>{})}},[n,p]),s.useEffect(()=>{if(!n)return;const y=D=>{D.key==="Escape"&&N()};return document.addEventListener("keydown",y),()=>document.removeEventListener("keydown",y)},[n]);const N=s.useCallback(()=>{if(S.current){const y=S.current;S.current=null,wt(y,p).catch(()=>{})}v(""),l({type:"input"}),j(null),C(!1),d()},[d,p]),I=s.useCallback(async()=>{if(!(!c.trim()||c.trim().length<da)){j(null),l({type:"loading"});try{const{sessionId:y}=await Va(c.trim(),p);S.current=y;const{spec:D}=await Ba(y,p);l({type:"preview",spec:D,sessionId:y})}catch(y){const D=y instanceof Error?y.message:"Failed to generate agent specification";D.includes("429")||D.toLowerCase().includes("rate limit")?j(a("agents.generation.rateLimited","Too many requests. Please wait a moment and try again.")):j(D),l({type:"input"}),S.current=null}}},[c,p]),B=s.useCallback(async()=>{if(S.current){const y=S.current;S.current=null;try{await wt(y,p)}catch{}}await I()},[I,p]),A=s.useCallback(()=>{g.type==="preview"&&(S.current=null,b(g.spec),v(""),l({type:"input"}),j(null),C(!1),d())},[g,b,d]);if(!n)return null;const F=c.trim().length>=da&&c.trim().length<=Mt;return e.jsx("div",{className:"agent-dialog-overlay",onClick:y=>{y.target===y.currentTarget&&N()},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:"✨"}),a("agents.generation.title","Generate Agent")]}),e.jsx("button",{className:"modal-close",onClick:N,"aria-label":a("actions.close","Close"),children:"×"})]}),e.jsxs("div",{className:"agent-dialog-body",children:[x&&e.jsx("div",{className:"agent-dialog-error-banner",children:x}),g.type==="input"&&e.jsxs("div",{children:[e.jsx("p",{className:"agent-dialog-info",children:a("agents.generation.info","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:a("agents.generation.roleLabel","Role Description")}),e.jsx("textarea",{ref:$,id:"agent-role-description",className:"input agent-dialog-textarea",rows:4,placeholder:a("agents.generation.rolePlaceholder",'e.g. "Senior frontend code reviewer who specializes in React accessibility"'),value:c,onChange:y=>v(y.target.value),onKeyDown:y=>{y.key==="Enter"&&!y.shiftKey&&F&&(y.preventDefault(),I())},maxLength:Mt,"aria-describedby":"role-description-hint"}),e.jsxs("div",{id:"role-description-hint",className:"agent-dialog-hint",children:[e.jsx("span",{children:a("agents.generation.roleHint","Describe what your agent should do")}),e.jsxs("span",{children:[c.length,"/",Mt]})]})]})]}),g.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:a("agents.generation.loading","Generating agent specification...")})]}),g.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:a("agents.generation.previewTitle","Title")}),e.jsxs("span",{className:"agent-dialog-summary-row-value",children:[g.spec.icon," ",g.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:a("agents.generation.previewRole","Role")}),e.jsx("span",{children:g.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:a("agents.generation.previewDescription","Description")}),e.jsx("span",{className:"agent-dialog-summary-row-value agent-dialog-summary-row-value--body",children:g.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:a("agents.generation.previewThinking","Thinking")}),e.jsx("span",{className:"agent-dialog-summary-row-value agent-dialog-summary-row-value--capitalize",children:g.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:a("agents.generation.previewMaxTurns","Max Turns")}),e.jsx("span",{children:g.spec.maxTurns})]})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{children:[a("agents.generation.systemPrompt","System Prompt"),e.jsx("button",{type:"button",className:"agent-dialog-expand-btn",onClick:()=>C(!R),children:R?a("agents.generation.collapse","Collapse"):a("agents.generation.expand","Expand")})]}),e.jsxs("div",{className:`agent-generation-prompt-box${R?"":" agent-generation-prompt-box--collapsed"}`,children:[g.spec.systemPrompt,!R&&g.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:N,children:a("actions.cancel","Cancel")}),g.type==="input"&&e.jsx("button",{className:"btn btn-task-create",onClick:()=>void I(),disabled:!F,children:a("agents.generation.generate","Generate")}),g.type==="preview"&&e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"btn",onClick:()=>void B(),children:a("agents.generation.regenerate","Regenerate")}),e.jsx("button",{className:"btn btn-task-create",onClick:A,children:a("agents.generation.useThis","Use This")})]})]})]})})}const ga=[{value:"triage",icon:"⊕"},{value:"executor",icon:"▶"},{value:"reviewer",icon:"⊙"},{value:"merger",icon:"⊞"},{value:"scheduler",icon:"◷"},{value:"engineer",icon:"⎔"},{value:"custom",icon:"✦"}],ua=new Set(["triage","executor","reviewer","merger","scheduler","engineer","custom"]);function Os({isOpen:n,onClose:d,onCreated:b,projectId:p,prefillDraft:a=null,agentOnboardingEnabled:c=!1,existingAgents:v=[],onPrefillDraft:g}){const{t:l}=Me("app"),x=i=>({triage:l("agents.roleTriage","Triage"),executor:l("agents.roleExecutor","Executor"),reviewer:l("agents.roleReviewer","Reviewer"),merger:l("agents.roleMerger","Merger"),scheduler:l("agents.roleScheduler","Scheduler"),engineer:l("agents.roleEngineer","Engineer"),custom:l("agents.roleCustom","Custom")})[i]??i,[j,R]=s.useState(0),[C,S]=s.useState("presets"),[$,N]=s.useState(""),[I,B]=s.useState(""),[A,F]=s.useState(""),[y,D]=s.useState("custom"),[K,L]=s.useState(""),[X,se]=s.useState(""),[he,ne]=s.useState(""),[le,ie]=s.useState(""),[ce,H]=s.useState(""),[k,pe]=s.useState(""),[M,oe]=s.useState({model:"",thinkingLevel:"off",maxTurns:1e3}),[de,Ee]=s.useState(null),[xe,fe]=s.useState([]),[q,Pe]=s.useState(!1),[Z,be]=s.useState(null),[ve,W]=s.useState(!1),[Oe,J]=s.useState(!1),{favoriteProviders:Ne,favoriteModels:Ke,toggleFavoriteProvider:Ae,toggleFavoriteModel:_e}=Wa(),[Le,Ye]=s.useState([]),[Ie,$e]=s.useState(!1),[z,E]=s.useState("model"),[U,je]=s.useState(""),[Re,ge]=s.useState([]),[Fe,Te]=s.useState(!1),[ze,r]=s.useState([]),[f,P]=s.useState(!1);s.useEffect(()=>{n&&($e(!0),Ua().then(i=>{Ye(i.models)}).catch(()=>{}).finally(()=>$e(!1)))},[n]),s.useEffect(()=>{n&&(P(!0),r([]),Ft(void 0,p).then(i=>{r(i)}).catch(()=>{r([])}).finally(()=>P(!1)))},[n,p]),s.useEffect(()=>{if(!n)return;const i=Ka;if(typeof i!="function"){ge([]),Te(!1);return}Te(!0),ge([]),i(p).then(_=>{ge(_)}).catch(()=>{ge([])}).finally(()=>Te(!1))},[n,p]);const V=M.model.includes("/")?M.model:"",Q=s.useCallback(i=>{const _=ua.has(i.role)?i.role:"custom";N(i.title),B(i.description),F(i.icon),D(_),ne(i.systemPrompt),oe(He=>({...He,thinkingLevel:i.thinkingLevel,maxTurns:i.maxTurns})),W(!1),R(1)},[]),Y=s.useCallback(i=>{oe(_=>({..._,model:i}))},[]),De=s.useCallback(i=>{E(i),i==="model"&&je("")},[]),at=s.useCallback(i=>{Ee(i.id),N(i.name),F(i.icon),B(i.description??i.title),D(i.role),H(i.soul??""),ne(i.instructionsText??""),R(1)},[]),ye=s.useCallback(i=>{const _=i.runtimeHint?.trim()??"",He=i.model?.trim()||i.modelHint?.trim()||"";R(1),S("custom"),N(i.name??""),B(i.title??""),F(i.icon??""),D(ua.has(i.role)?i.role:"custom"),L(i.reportsTo??""),ne(i.instructionsText??""),ie(i.heartbeatProcedurePath??""),H(i.soul??""),pe(i.memory??""),fe(Array.isArray(i.skills)?i.skills:[]),oe(Be=>({...Be,model:_?"":He,thinkingLevel:i.thinkingLevel??Be.thinkingLevel,maxTurns:i.maxTurns??Be.maxTurns})),_?(E("runtime"),je(_)):(E("model"),je(""))},[]);if(s.useEffect(()=>{!n||!a||ye(a)},[n,a,ye]),!n)return null;const Xe=()=>{R(0),S("presets"),N(""),B(""),F(""),D("custom"),L(""),se(""),ne(""),ie(""),H(""),pe(""),oe({model:"",thinkingLevel:"off",maxTurns:1e3}),E("model"),je(""),Ee(null),fe([]),be(null),W(!1),J(!1),d()},Nt=async()=>{if($.trim()){Pe(!0),be(null);try{const i={};z==="runtime"?U.trim()&&(i.runtimeHint=U.trim()):M.model.trim()&&(i.model=M.model.trim()),M.thinkingLevel!=="off"&&(i.thinkingLevel=M.thinkingLevel),M.maxTurns!==1e3&&(i.maxTurns=M.maxTurns),await Xa({name:$.trim(),role:y,...I.trim()?{title:I.trim()}:{},...A.trim()?{icon:A.trim()}:{},...K.trim()?{reportsTo:K.trim()}:{},...X.trim()?{instructionsPath:X.trim()}:{},...he.trim()?{instructionsText:he.trim()}:{},...le.trim()?{heartbeatProcedurePath:le.trim()}:{},...ce.trim()?{soul:ce.trim()}:{},...k.trim()?{memory:k.trim()}:{},...Object.keys(i).length>0?{runtimeConfig:i}:{},...xe.length>0?{metadata:{skills:xe}}:{}},p),Xe(),b()}catch(i){be(i instanceof Error?i.message:l("agents.createError","Failed to create agent"))}finally{Pe(!1)}}},ke=ga.find(i=>i.value===y),Ve=K.trim(),Ce=Ve?ze.find(i=>i.id===Ve):void 0,st=U?Re.find(i=>i.runtimeId===U):void 0,we=i=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{id:i,children:l("agents.runtimeSource","Runtime Source")}),e.jsxs("div",{className:"agent-runtime-mode-toggle",role:"radiogroup","aria-labelledby":i,children:[e.jsxs("label",{className:`agent-runtime-mode-option${z==="model"?" agent-runtime-mode-option--active":""}`,children:[e.jsx("input",{type:"radio",name:i,value:"model",checked:z==="model",onChange:()=>De("model")}),e.jsx("span",{children:l("agents.runtimeSourceBuiltIn","Built-in Model")})]}),e.jsxs("label",{className:`agent-runtime-mode-option${z==="runtime"?" agent-runtime-mode-option--active":""}`,children:[e.jsx("input",{type:"radio",name:i,value:"runtime",checked:z==="runtime",onChange:()=>De("runtime")}),e.jsx("span",{children:l("agents.runtimeSourcePlugin","Plugin Runtime")})]})]})]}),z==="model"?e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{children:l("agents.model","Model")}),Ie?e.jsx("div",{className:"agent-dialog-loading",children:l("agents.loadingModels","Loading models…")}):e.jsx(Ya,{id:"agent-model",label:l("agents.model","Model"),value:V,onChange:Y,models:Le,placeholder:l("agents.modelPlaceholder","Select a model…"),favoriteProviders:Ne,onToggleFavorite:Ae,favoriteModels:Ke,onToggleModelFavorite:_e})]}):e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{htmlFor:"agent-runtime-hint",children:l("agents.runtime","Runtime")}),Fe?e.jsx("div",{className:"agent-dialog-loading",children:l("agents.loadingRuntimes","Loading runtimes…")}):e.jsxs("select",{id:"agent-runtime-hint",className:"select",value:U,onChange:_=>je(_.target.value),children:[e.jsx("option",{value:"",children:Re.length>0?l("agents.runtimePlaceholder","Select a plugin runtime…"):l("agents.runtimeEmpty","No plugin runtimes available")}),Re.map(_=>e.jsx("option",{value:_.runtimeId,children:_.description?`${_.name} — ${_.description}`:_.name},`${_.pluginId}:${_.runtimeId}`))]})]})]});return xs.createPortal(e.jsxs("div",{className:"agent-dialog-overlay",onClick:i=>{i.target===i.currentTarget&&Xe()},children:[e.jsxs("div",{className:"agent-dialog",role:"dialog","aria-modal":"true","aria-label":l("agents.dialogAriaLabel","Create new agent"),children:[e.jsxs("div",{className:"agent-dialog-header",children:[e.jsx("span",{className:"agent-dialog-header-title",children:l("agents.dialogTitle","New Agent")}),e.jsx("button",{className:"btn-icon",onClick:Xe,"aria-label":l("agents.closeAriaLabel","Close"),children:"×"})]}),e.jsx("div",{className:"agent-dialog-steps",children:[0,1,2].map(i=>e.jsx("div",{className:`agent-dialog-step${i===j?" active":i<j?" completed":""}`,"aria-label":l("agents.stepAriaLabel","Step {{step}}",{step:i+1})},i))}),e.jsxs("div",{className:"agent-dialog-body",children:[j===0&&e.jsxs("div",{children:[c&&e.jsx("div",{className:"agent-dialog-step-zero-actions",children:e.jsx("button",{type:"button",className:"btn agent-dialog-interview-btn",onClick:()=>J(!0),children:l("agents.aiInterview","AI Interview")})}),e.jsxs("div",{className:"agent-dialog-tabs",role:"tablist","aria-label":l("agents.setupModeAriaLabel","Agent setup mode"),children:[e.jsx("button",{id:"agent-dialog-tab-presets",type:"button",role:"tab","aria-controls":"agent-dialog-panel-presets","aria-selected":C==="presets",tabIndex:C==="presets"?0:-1,className:`agent-dialog-tab${C==="presets"?" active":""}`,onClick:()=>S("presets"),"data-testid":"agent-dialog-tab-presets",children:l("agents.tabPresets","Preset personas")}),e.jsx("button",{id:"agent-dialog-tab-custom",type:"button",role:"tab","aria-controls":"agent-dialog-panel-custom","aria-selected":C==="custom",tabIndex:C==="custom"?0:-1,className:`agent-dialog-tab${C==="custom"?" active":""}`,onClick:()=>S("custom"),"data-testid":"agent-dialog-tab-custom",children:l("agents.tabCustom","Custom agent")})]}),C==="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:l("agents.presetsHeader","Choose a preset persona to prefill role, identity, soul, and instructions")}),e.jsx("div",{className:"agent-presets-grid",children:bs.map(i=>e.jsxs("button",{type:"button",className:`agent-preset-card${de===i.id?" selected":""}`,"data-testid":`preset-${i.id}`,onClick:()=>at(i),title:i.title,children:[e.jsx("span",{className:"agent-preset-icon",children:e.jsx(ft,{agent:{id:i.id,icon:i.icon,name:i.name},size:28})}),e.jsx("span",{className:"agent-preset-name",children:i.name}),e.jsx("span",{className:"agent-preset-role",children:i.role}),i.description&&e.jsx("span",{className:"agent-preset-description",children:i.description})]},i.id))})]})}),C==="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:l("agents.sectionIdentity","Identity")}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-name",children:[l("agents.fieldName","Name")," ",!de&&e.jsx("span",{className:"agent-dialog-required",children:"*"})]}),e.jsx("input",{id:"agent-name",type:"text",className:"input",placeholder:l("agents.namePlaceholder","e.g. Frontend Reviewer"),value:$,onChange:i=>N(i.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field agent-dialog-field--title",children:[e.jsxs("label",{htmlFor:"agent-title",children:[l("agents.fieldTitle","Title")," ",e.jsx("span",{className:"agent-dialog-optional",children:l("agents.optional","(optional)")})]}),e.jsx("input",{id:"agent-title",type:"text",className:"input",placeholder:l("agents.titlePlaceholder","e.g. Senior Code Reviewer"),value:I,onChange:i=>B(i.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-icon",children:[l("agents.fieldIcon","Icon")," ",e.jsx("span",{className:"agent-dialog-optional",children:l("agents.optional","(optional)")})]}),e.jsx("input",{id:"agent-icon",type:"text",className:"input",placeholder:l("agents.iconPlaceholder","e.g. 🤖"),value:A,onChange:i=>F(i.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{children:l("agents.fieldRole","Role")}),e.jsx("div",{className:"agent-role-grid",children:ga.map(i=>e.jsxs("button",{type:"button",className:`agent-role-option${y===i.value?" selected":""}`,onClick:()=>D(i.value),children:[e.jsx("span",{className:"agent-role-option-icon",children:i.icon}),e.jsx("span",{className:"agent-role-option-label",children:x(i.value)})]},i.value))})]})]}),e.jsxs("div",{className:"agent-dialog-section",children:[e.jsx("div",{className:"agent-dialog-section-header",children:l("agents.sectionConfiguration","Configuration")}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-reports-to",children:[l("agents.fieldReportsTo","Reports To")," ",e.jsx("span",{className:"agent-dialog-optional",children:l("agents.optional","(optional)")})]}),e.jsxs("select",{id:"agent-reports-to",className:"select",value:K,onChange:i=>L(i.target.value),disabled:f,children:[e.jsx("option",{value:"",children:l("agents.noManager","No manager")}),ze.map(i=>e.jsxs("option",{value:i.id,children:[i.name," (",i.id,")"]},i.id))]})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-soul",children:[l("agents.fieldSoul","Soul")," ",e.jsx("span",{className:"agent-dialog-optional",children:l("agents.optional","(optional)")})]}),e.jsx("textarea",{id:"agent-soul",className:"input",rows:2,placeholder:l("agents.soulPlaceholder","Describe the agent's personality and communication style..."),value:ce,onChange:i=>H(i.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-memory",children:[l("agents.fieldMemory","Agent Memory")," ",e.jsx("span",{className:"agent-dialog-optional",children:l("agents.optional","(optional)")})]}),e.jsx("textarea",{id:"agent-memory",className:"input",rows:2,placeholder:l("agents.memoryPlaceholder","Private to this agent — durable preferences, operating habits, and context it should carry across tasks..."),value:k,onChange:i=>pe(i.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-instructions-path",children:[l("agents.fieldInstructionsPath","Instructions Path")," ",e.jsx("span",{className:"agent-dialog-optional",children:l("agents.optional","(optional)")})]}),e.jsx("input",{id:"agent-instructions-path",type:"text",className:"input",placeholder:l("agents.instructionsPathPlaceholder","e.g. .fusion/agents/reviewer.md"),value:X,onChange:i=>se(i.target.value)})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsxs("label",{htmlFor:"agent-heartbeat-procedure-path",children:[l("agents.fieldHeartbeatPath","Heartbeat Procedure Path")," ",e.jsx("span",{className:"agent-dialog-optional",children:l("agents.optional","(optional)")})]}),e.jsx("input",{id:"agent-heartbeat-procedure-path",type:"text",className:"input",placeholder:l("agents.heartbeatPathPlaceholder","e.g. .fusion/agents/ceo-agent2736/HEARTBEAT.md"),value:le,onChange:i=>ie(i.target.value)}),e.jsx("p",{className:"agent-dialog-optional agent-dialog-field-hint",children:l("agents.heartbeatPathHint","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:[l("agents.fieldInstructionsText","Inline Instructions")," ",e.jsx("span",{className:"agent-dialog-optional",children:l("agents.optional","(optional)")})]}),e.jsx("textarea",{id:"agent-instructions-text",className:"input",rows:4,placeholder:l("agents.instructionsTextPlaceholder","Add custom behavior instructions..."),value:he,onChange:i=>ne(i.target.value)})]})]}),e.jsxs("div",{className:"agent-dialog-section",children:[e.jsx("div",{className:"agent-dialog-section-header",children:l("agents.sectionRuntime","Runtime")}),we("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:()=>W(!0),children:[e.jsx("span",{children:"✨"}),l("agents.generateWithAI","Generate with AI")]}),e.jsx("p",{className:"agent-dialog-ai-hint",children:l("agents.generateHint","Describe your agent's role and let AI generate a specification")})]})]})]}),j===1&&e.jsxs("div",{children:[we("agent-runtime-source-step-1"),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{htmlFor:"agent-thinking",children:l("agents.fieldThinkingLevel","Thinking Level")}),e.jsxs("select",{id:"agent-thinking",className:"select",value:M.thinkingLevel,onChange:i=>oe(_=>({..._,thinkingLevel:i.target.value})),children:[e.jsx("option",{value:"off",children:l("agents.thinkingOff","Off")}),e.jsx("option",{value:"minimal",children:l("agents.thinkingMinimal","Minimal")}),e.jsx("option",{value:"low",children:l("agents.thinkingLow","Low")}),e.jsx("option",{value:"medium",children:l("agents.thinkingMedium","Medium")}),e.jsx("option",{value:"high",children:l("agents.thinkingHigh","High")})]})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx("label",{htmlFor:"agent-max-turns",children:l("agents.fieldMaxTurns","Max Turns")}),e.jsx("input",{id:"agent-max-turns",type:"number",className:"input",min:1,max:2e3,value:M.maxTurns,onChange:i=>oe(_=>({..._,maxTurns:Math.max(1,parseInt(i.target.value,10)||1)}))})]}),e.jsxs("div",{className:"agent-dialog-field",children:[e.jsx(vs,{id:"agent-skills",label:l("agents.fieldSkills","Skills"),value:xe,onChange:fe,projectId:p}),e.jsx("p",{className:"agent-dialog-optional agent-dialog-skills-hint",children:l("agents.skillsHint","Optional skills to assign to this agent")})]})]}),j===2&&e.jsxs("div",{children:[e.jsx("p",{className:"agent-dialog-info",children:l("agents.reviewHint","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:l("agents.fieldName","Name")}),e.jsx("input",{id:"agent-review-name",type:"text",className:"input",placeholder:l("agents.namePlaceholder","e.g. Frontend Reviewer"),value:$,onChange:i=>N(i.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:l("agents.fieldTitle","Title")}),e.jsx("input",{id:"agent-review-title",type:"text",className:"input",placeholder:l("agents.titlePlaceholder","e.g. Senior Code Reviewer"),value:I,onChange:i=>B(i.target.value)})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:l("agents.fieldRole","Role")}),e.jsxs("span",{children:[ke?.icon," ",ke?x(ke.value):""]})]}),Ve&&e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:l("agents.fieldReportsTo","Reports To")}),e.jsx("span",{children:Ce?`${Ce.name} (${Ce.id})`:Ve})]}),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:l("agents.fieldSoul","Soul")}),e.jsx("textarea",{id:"agent-review-soul",className:"input",rows:2,placeholder:l("agents.soulPlaceholder","Describe the agent's personality and communication style..."),value:ce,onChange:i=>H(i.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:l("agents.fieldHeartbeatPath","Heartbeat Procedure Path")}),e.jsx("input",{id:"agent-review-heartbeat-procedure-path",type:"text",className:"input",placeholder:l("agents.heartbeatPathPlaceholder","e.g. .fusion/agents/ceo-agent2736/HEARTBEAT.md"),value:le,onChange:i=>ie(i.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:l("agents.fieldInstructionsPath","Instructions Path")}),e.jsx("input",{id:"agent-review-instructions-path",type:"text",className:"input",placeholder:l("agents.instructionsPathPlaceholder","e.g. .fusion/agents/reviewer.md"),value:X,onChange:i=>se(i.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:l("agents.fieldInstructionsText","Inline Instructions")}),e.jsx("textarea",{id:"agent-review-instructions-text",className:"input",rows:4,placeholder:l("agents.instructionsTextPlaceholder","Add custom behavior instructions..."),value:he,onChange:i=>ne(i.target.value)})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:z==="runtime"?l("agents.runtime","Runtime"):l("agents.model","Model")}),e.jsx("span",{children:z==="runtime"?st?st.name:e.jsx("em",{className:"agent-dialog-summary-row-value--muted",children:l("agents.notSelected","Not selected")}):V?e.jsxs(e.Fragment,{children:[e.jsx(Ga,{provider:V.split("/")[0],size:"sm"})," ",(()=>{const i=V.indexOf("/"),_=V.slice(0,i),He=V.slice(i+1);return Le.find(Se=>Se.provider===_&&Se.id===He)?.name||V})()]}):e.jsx("em",{className:"agent-dialog-summary-row-value--muted",children:l("agents.modelDefault","default")})})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:l("agents.fieldThinking","Thinking")}),e.jsx("span",{className:"agent-dialog-summary-row-value--capitalize",children:M.thinkingLevel})]}),e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:l("agents.fieldMaxTurns","Max Turns")}),e.jsx("span",{children:M.maxTurns})]}),xe.length>0&&e.jsxs("div",{className:"agent-dialog-summary-row",children:[e.jsx("span",{className:"agent-dialog-summary-row-label",children:l("agents.fieldSkills","Skills")}),e.jsx("span",{children:l("agents.skillsSelected","{{count}} skill selected",{count:xe.length,defaultValue_one:"{{count}} skill selected",defaultValue_other:"{{count}} skills selected"})})]})]}),Z&&e.jsx("p",{className:"agent-dialog-error",children:Z})]})]}),e.jsxs("div",{className:"agent-dialog-footer",children:[j>0&&e.jsx("button",{className:"btn",onClick:()=>R(i=>i-1),disabled:q,children:l("agents.back","Back")}),e.jsx("button",{className:"btn",onClick:Xe,disabled:q,children:l("agents.cancel","Cancel")}),j<2?e.jsx("button",{className:"btn btn--primary",onClick:()=>R(i=>i+1),disabled:j===0&&!$.trim()&&!de,children:l("agents.next","Next")}):e.jsx("button",{className:"btn btn--primary",onClick:()=>void Nt(),disabled:q||!$.trim(),children:q?l("agents.creating","Creating..."):l("agents.create","Create")})]})]}),e.jsx(Hs,{isOpen:ve,onClose:()=>W(!1),onGenerated:Q,projectId:p}),e.jsx(fs,{isOpen:Oe,onClose:()=>J(!1),onUseDraft:i=>{g?.(i),g||ye(i),J(!1)},projectId:p,existingAgents:v,mode:"create"})]}),document.body)}function $s(n){const d=n.match(/^---\s*\r?\n([\s\S]*?)\r?\n---(?:\r?\n([\s\S]*))?$/);if(!d)throw new Error("Missing YAML frontmatter delimiters (---)");const b=d[1].split(/\r?\n/),p=d[2]??"",a={name:""},c=[];let v=!1;for(const g of b){const x=g.trimEnd().trim();if(!x)continue;if(x.startsWith("skills:")){v=!0;continue}if(v&&x.startsWith("- ")){c.push(x.slice(2).trim());continue}v=!1;const[j,...R]=x.split(":"),S=R.join(":").trim().replace(/^['"]|['"]$/g,"");j==="name"&&(a.name=S),j==="title"&&(a.title=S),j==="icon"&&(a.icon=S),j==="role"&&(a.role=S),j==="reportsTo"&&(a.reportsTo=S)}if(!a.name)throw new Error("Missing required field: name");return c.length>0&&(a.skills=c),p.trim().length>0&&(a.instructionBody=p),a}function Ds({isOpen:n,onClose:d,onImported:b,projectId:p,initialInputMethod:a="paste"}){const{t:c}=Me("app");xa(n);const[v,g]=s.useState("input"),[l,x]=s.useState(a),[j,R]=s.useState(""),[C,S]=s.useState([]),[$,N]=s.useState("Unknown"),[I,B]=s.useState([]),[A,F]=s.useState([]),[y,D]=s.useState([]),[K,L]=s.useState([]),[X,se]=s.useState([]),[he,ne]=s.useState(!1),[le,ie]=s.useState(!1),[ce,H]=s.useState(null),[k,pe]=s.useState(null),[M,oe]=s.useState(null),de=s.useRef(null),Ee=s.useRef(null),[xe,fe]=s.useState([]),[q,Pe]=s.useState(""),[Z,be]=s.useState(null),[ve,W]=s.useState(!1),[Oe,J]=s.useState(null),Ne=s.useRef(!1);s.useEffect(()=>{l==="browse"&&!Ne.current&&!ve&&(Ne.current=!0,W(!0),J(null),Qt().then(r=>{r.error?J(r.error):r.companies.length>0?fe(r.companies):J(c("agents.noCompaniesAvailable","No companies available"))}).catch(r=>{J(r instanceof Error?r.message:c("agents.failedToLoadCompanies","Failed to load companies"))}).finally(()=>{W(!1)}))},[l,ve,c]);const Ke=s.useCallback(()=>{Ne.current=!0,J(null),fe([]),be(null),W(!0),Qt().then(r=>{r.error?J(r.error):r.companies.length>0?fe(r.companies):J(c("agents.noCompaniesAvailable","No companies available"))}).catch(r=>{J(r instanceof Error?r.message:c("agents.failedToLoadCompanies","Failed to load companies"))}).finally(()=>{W(!1)})},[c]),Ae=s.useCallback(()=>{g("input"),x(a),R(""),S([]),N("Unknown"),B([]),F([]),D([]),L([]),se([]),ne(!1),ie(!1),H(null),pe(null),oe(null),fe([]),Pe(""),be(null),W(!1),J(null),Ne.current=!1},[a]),_e=s.useCallback(()=>{Ae(),d()},[Ae,d]),Le=s.useCallback(r=>{const f=r.target.files?.[0];if(!f)return;const P=new FileReader;P.onload=V=>{const Q=V.target?.result;x("file"),S([]),R(Q),H(null)},P.onerror=()=>{H(c("agents.failedToReadFile","Failed to read file"))},P.readAsText(f),r.target.value=""},[c]),Ye=s.useCallback(async r=>{const f=Array.from(r.target.files??[]);if(f.length!==0)try{const P=f.filter(Q=>(Q.webkitRelativePath||Q.name).toLowerCase().endsWith("agents.md")).sort((Q,Y)=>{const De=Q.webkitRelativePath||Q.name,at=Y.webkitRelativePath||Y.name;return De.localeCompare(at)});if(P.length===0){H(c("agents.noAgentsMdFiles","Selected directory has no AGENTS.md files"));return}const V=[];for(const Q of P){const Y=await Q.text();V.push($s(Y))}x("directory"),S(V),R(""),H(null)}catch{H(c("agents.failedToParseDirectory","Failed to parse AGENTS.md files from selected directory"))}finally{r.target.value=""}},[c]);function Ie(r){if(!p)return`/api${r}`;const f=r.includes("?")?"&":"?";return`/api${r}${f}projectId=${encodeURIComponent(p)}`}const $e=s.useCallback(async()=>{if(l==="directory"&&C.length===0){H(c("agents.selectDirectory","Please select a directory containing AGENTS.md files"));return}if(l==="browse"&&!Z){H(c("agents.selectCompany","Please select a company from the catalog"));return}if(l!=="directory"&&l!=="browse"&&!j.trim()){H(c("agents.provideManifest","Please provide manifest content"));return}ne(!0),H(null);try{let r;l==="directory"?r={agents:C,dryRun:!0}:l==="browse"&&Z?r={importSource:"companies.sh",companySlug:Z.slug,dryRun:!0}:r={manifest:j,dryRun:!0};const f=await fetch(Ie("/agents/import"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(r)});if(!f.ok){const Y=await f.json();throw new Error(Y.error??`Parse failed (${f.status})`)}const P=await f.json(),V=P.agents&&P.agents.length>0?P.agents:P.created.map(Y=>({name:Y,role:"custom"})),Q=Array.isArray(P.skills)?P.skills:[];N(P.companyName??"Unknown"),B(V),F(Q),D(Array.isArray(P.warnings)?P.warnings:[]),L(V.map(Y=>Y.name)),se(Q.map(Y=>Y.name)),g("preview")}catch(r){H(r instanceof Error?r.message:c("agents.failedToParseManifest","Failed to parse manifest"))}finally{ne(!1)}},[l,C,j,Z,p,c]),z=s.useCallback(async()=>{ie(!0),oe(null);try{let r;l==="directory"?r={agents:C,skipExisting:!0,selectedAgents:K,selectedSkills:X}:l==="browse"&&Z?r={importSource:"companies.sh",companySlug:Z.slug,skipExisting:!0,selectedAgents:K,selectedSkills:X}:r={manifest:j,skipExisting:!0,selectedAgents:K,selectedSkills:X};const f=await fetch(Ie("/agents/import"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(r)});if(!f.ok){const V=await f.json();throw new Error(V.error??`Import failed (${f.status})`)}const P=await f.json();pe(P),g("result"),b()}catch(r){oe(r instanceof Error?r.message:c("agents.failedToImport","Failed to import agents"))}finally{ie(!1)}},[l,C,j,Z,K,X,p,b,c]),E=K.length,U=X.length,je=c("agents.selectedAgentLabel","{{count}} Agent{{plural}}",{count:E,plural:E!==1?"s":""}),Re=c("agents.selectedSkillLabel","{{count}} Skill{{plural}}",{count:U,plural:U!==1?"s":""}),ge=E>0&&U>0?`${je} + ${Re}`:U>0?Re:je,Fe=E>0&&U>0?c("agents.importingAgentsAndSkills","Importing {{agentCount}} agent{{agentPlural}} and {{skillCount}} skill{{skillPlural}}...",{agentCount:E,agentPlural:E!==1?"s":"",skillCount:U,skillPlural:U!==1?"s":""}):U>0?c("agents.importingSkills","Importing {{count}} skill{{plural}}...",{count:U,plural:U!==1?"s":""}):c("agents.importingAgents","Importing {{count}} agent{{plural}}...",{count:E,plural:E!==1?"s":""}),Te=r=>{L(f=>f.includes(r)?f.filter(P=>P!==r):[...f,r])},ze=r=>{se(f=>f.includes(r)?f.filter(P=>P!==r):[...f,r])};return n?e.jsx("div",{className:"agent-dialog-overlay",onClick:r=>{r.target===r.currentTarget&&_e()},children:e.jsxs("div",{className:"agent-dialog agent-import-dialog",role:"dialog","aria-modal":"true","aria-label":c("agents.importAgents","Import agents"),children:[e.jsxs("div",{className:"agent-dialog-header",children:[e.jsx("span",{className:"agent-dialog-header-title",children:c("agents.importAgents","Import Agents")}),e.jsx("button",{className:"modal-close",onClick:_e,"aria-label":c("agents.close","Close"),children:"×"})]}),e.jsxs("div",{className:"agent-dialog-body",children:[v==="input"&&e.jsxs("div",{className:"agent-import-input",children:[e.jsx("p",{className:"agent-import-description",children:c("agents.importDescription","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:de,type:"file",accept:".md,.txt",onChange:Le,className:"agent-import-file-input","aria-label":"Upload agent manifest file"}),e.jsx("input",{ref:Ee,type:"file",webkitdirectory:"",multiple:!0,onChange:Ye,className:"agent-import-file-input","aria-label":"Select directory"}),e.jsxs("button",{type:"button",className:"btn agent-import-upload-btn",onClick:()=>de.current?.click(),children:[e.jsx(zt,{size:16}),c("agents.chooseFile","Choose File")]}),e.jsxs("button",{type:"button",className:"btn agent-import-upload-btn",onClick:()=>Ee.current?.click(),children:[e.jsx(Ns,{size:16}),c("agents.selectDirectory","Select Directory")]}),e.jsxs("button",{type:"button",className:"btn agent-import-upload-btn",onClick:()=>{x("browse"),S([]),R(""),be(null),H(null)},children:[e.jsx(qa,{size:16}),c("agents.browseCatalog","Browse Catalog")]}),e.jsx("span",{className:"agent-import-file-hint",children:c("agents.fileHint",".md and .txt files supported")})]}),l==="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(Za,{size:16,className:"agent-import-browse-search-icon"}),e.jsx("input",{type:"text",className:"agent-import-browse-search-input",placeholder:c("agents.searchCompanies","Search companies..."),value:q,onChange:r=>Pe(r.target.value),"aria-label":c("agents.searchCompanies","Search companies")})]}),Z&&e.jsxs("div",{className:"agent-import-browse-selected",children:[e.jsxs("span",{className:"agent-import-browse-selected-label",children:[c("agents.selected","Selected:")," "]}),e.jsx("span",{className:"agent-import-browse-selected-name",children:Z.name}),e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>be(null),children:c("agents.change","Change")})]})]}),ve&&e.jsxs("div",{className:"agent-import-browse-loading",children:[e.jsx(St,{size:20,className:"spin"}),e.jsx("span",{children:c("agents.loadingCompanies","Loading companies...")})]}),Oe&&e.jsxs("div",{className:"agent-import-browse-error",children:[e.jsx(rt,{size:16}),e.jsx("span",{children:Oe}),e.jsxs("button",{type:"button",className:"btn btn-sm",onClick:Ke,children:[e.jsx(et,{size:14}),c("agents.retry","Retry")]})]}),!ve&&!Oe&&e.jsxs("div",{className:"agent-import-browse-list",children:[xe.filter(r=>q===""||r.name.toLowerCase().includes(q.toLowerCase())||(r.tagline?.toLowerCase().includes(q.toLowerCase())??!1)).map(r=>e.jsxs("div",{className:`agent-import-browse-item ${Z?.slug===r.slug?"agent-import-browse-item--selected":""}`,onClick:()=>be(r),role:"button",tabIndex:0,onKeyDown:f=>{(f.key==="Enter"||f.key===" ")&&be(r)},children:[e.jsxs("div",{className:"agent-import-browse-item-header",children:[e.jsx("span",{className:"agent-import-browse-item-name",children:r.name}),r.installs!==void 0&&e.jsxs("span",{className:"agent-import-browse-item-installs",children:[r.installs.toLocaleString()," ",c("agents.installs","installs")]})]}),r.tagline&&e.jsx("span",{className:"agent-import-browse-item-tagline",children:r.tagline}),r.repo&&e.jsx("span",{className:"agent-import-browse-item-repo",children:r.repo})]},r.slug)),xe.filter(r=>q===""||r.name.toLowerCase().includes(q.toLowerCase())||(r.tagline?.toLowerCase().includes(q.toLowerCase())??!1)).length===0&&e.jsx("p",{className:"agent-import-browse-empty",children:q?c("agents.noCompaniesMatch","No companies match your search"):c("agents.noCompaniesAvailable","No companies available")})]})]}),l!=="browse"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"agent-import-divider",children:e.jsx("span",{children:c("agents.orPasteManifest","or paste manifest content")})}),e.jsx("textarea",{className:"agent-import-textarea",placeholder:c("agents.manifestPlaceholder",`---
-name: CEO
-title: Chief Executive Officer
-reportsTo: null
-skills:
-  - review
----
-Agent instructions go here...`),value:j,onChange:r=>{x("paste"),S([]),R(r.target.value),H(null)},rows:8,"aria-label":c("agents.manifestContent","Manifest content")})]}),e.jsx("p",{className:"agent-import-file-hint",children:c("agents.currentInput","Current input: {{method}}",{method:l})}),ce&&e.jsxs("p",{className:"agent-dialog-error",children:[e.jsx(rt,{size:14}),ce]})]}),v==="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:c("agents.company","Company")}),e.jsx("span",{className:"agent-import-company-name",children:$})]}),y.length>0&&e.jsx("div",{className:"agent-import-result-warnings",children:y.map((r,f)=>e.jsxs("div",{className:"agent-import-result-warning",children:[e.jsx(rt,{size:12}),e.jsx("span",{children:r})]},f))}),e.jsxs("div",{className:"agent-import-count",children:[e.jsx(Lt,{size:14}),e.jsx("span",{children:c("agents.agentsFound","{{count}} agent{{plural}} found",{count:I.length,plural:I.length!==1?"s":""})})]}),I.length>0&&e.jsxs("div",{className:"agent-import-selection-controls",children:[e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>L(I.map(r=>r.name)),children:c("agents.selectAllAgents","Select all agents")}),e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>L([]),children:c("agents.clearAgents","Clear agents")})]}),I.length>0?e.jsx("div",{className:"agent-import-agent-list",children:I.map((r,f)=>e.jsxs("div",{className:"agent-import-agent-item",children:[e.jsx("label",{className:"checkbox-label",children:e.jsx("input",{type:"checkbox","aria-label":c("agents.selectAgent","Select agent {{name}}",{name:r.name}),checked:K.includes(r.name),onChange:()=>Te(r.name)})}),e.jsx("span",{className:"agent-import-agent-icon",children:r.icon||"🤖"}),e.jsxs("div",{className:"agent-import-agent-details",children:[e.jsx("span",{className:"agent-import-agent-name",children:r.name}),e.jsxs("span",{className:"agent-import-agent-meta",children:[r.title&&e.jsxs("span",{className:"agent-import-agent-title",children:[r.title," · "]}),e.jsx("span",{className:"agent-import-agent-role",children:r.role}),r.reportsTo&&e.jsxs("span",{className:"agent-import-agent-reports",children:[" · reports to ",r.reportsTo]}),r.skills&&r.skills.length>0&&e.jsxs("span",{className:"agent-import-agent-model",children:[" · skills: ",r.skills.join(", ")]})]}),r.instructionsText&&e.jsxs("span",{className:"agent-import-agent-instructions",children:[r.instructionsText.slice(0,100),r.instructionsText.length>100?"...":""]})]})]},f))}):e.jsx("p",{className:"agent-import-empty",children:c("agents.noAgentsFound","No agents found in the manifest.")}),A.length>0&&e.jsxs("div",{className:"agent-import-skills-section",children:[e.jsxs("div",{className:"agent-import-count",children:[e.jsx(Lt,{size:14}),e.jsx("span",{children:c("agents.skillsFound","{{count}} skill{{plural}} found",{count:A.length,plural:A.length!==1?"s":""})})]}),e.jsxs("div",{className:"agent-import-selection-controls",children:[e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>se(A.map(r=>r.name)),children:c("agents.selectAllSkills","Select all skills")}),e.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>se([]),children:c("agents.clearSkills","Clear skills")})]}),e.jsx("div",{className:"agent-import-skill-list",children:A.map((r,f)=>e.jsxs("div",{className:"agent-import-skill-item",children:[e.jsx("label",{className:"checkbox-label",children:e.jsx("input",{type:"checkbox","aria-label":c("agents.selectSkill","Select skill {{name}}",{name:r.name}),checked:X.includes(r.name),onChange:()=>ze(r.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:r.name}),r.description&&e.jsx("span",{className:"agent-import-skill-description",children:r.description})]})]},`${r.name}-${f}`))})]}),M&&e.jsxs("p",{className:"agent-dialog-error",children:[e.jsx(rt,{size:14}),M]})]}),v==="result"&&k&&e.jsxs("div",{className:"agent-import-result",children:[e.jsx("div",{className:"agent-import-result-icon",children:e.jsx(vt,{size:32})}),e.jsx("h3",{className:"agent-import-result-title",children:c("agents.importComplete","Import Complete")}),e.jsxs("p",{className:"agent-import-result-company",children:[c("agents.from","From")," ",e.jsx("strong",{children:k.companyName??"Unknown"})]}),e.jsxs("div",{className:"agent-import-result-stats",children:[k.created.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--success",children:e.jsx("span",{children:c("agents.resultCreated","{{count}} created",{count:k.created.length})})}),k.skipped.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--skipped",children:e.jsx("span",{children:c("agents.resultSkipped","{{count}} skipped (already exist)",{count:k.skipped.length})})}),k.errors.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--error",children:e.jsx("span",{children:c("agents.resultErrors","{{count}} error{{plural}}",{count:k.errors.length,plural:k.errors.length!==1?"s":""})})})]}),k.created.length>0&&e.jsx("div",{className:"agent-import-result-agents",children:k.created.map((r,f)=>e.jsxs("div",{className:"agent-import-result-agent",children:[e.jsx(vt,{size:12}),e.jsx("span",{children:r.name})]},f))}),k.errors.length>0&&e.jsx("div",{className:"agent-import-result-errors",children:k.errors.map((r,f)=>e.jsxs("div",{className:"agent-import-result-error",children:[e.jsx(ea,{size:12}),e.jsxs("span",{children:[r.name,": ",r.error]})]},f))}),k.warnings&&k.warnings.length>0&&e.jsx("div",{className:"agent-import-result-warnings",children:k.warnings.map((r,f)=>e.jsxs("div",{className:"agent-import-result-warning",children:[e.jsx(rt,{size:12}),e.jsx("span",{children:r})]},f))}),k.skills&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"agent-import-result-divider"}),e.jsx("h4",{className:"agent-import-result-section-title",children:c("agents.skills","Skills")}),e.jsxs("div",{className:"agent-import-result-stats",children:[k.skills.imported.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--success",children:e.jsx("span",{children:c("agents.skillsImported","{{count}} skill{{plural}} imported",{count:k.skills.imported.length,plural:k.skills.imported.length!==1?"s":""})})}),k.skills.skipped.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--skipped",children:e.jsx("span",{children:c("agents.skillsSkipped","{{count}} skill{{plural}} skipped (already exist)",{count:k.skills.skipped.length,plural:k.skills.skipped.length!==1?"s":""})})}),k.skills.errors.length>0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--error",children:e.jsx("span",{children:c("agents.skillsErrors","{{count}} skill{{plural}} error{{pluralError}}",{count:k.skills.errors.length,plural:k.skills.errors.length!==1?"s":"",pluralError:k.skills.errors.length!==1?"s":""})})}),k.skills.imported.length===0&&k.skills.skipped.length===0&&k.skills.errors.length===0&&e.jsx("div",{className:"agent-import-result-stat agent-import-result-stat--skipped",children:e.jsx("span",{children:c("agents.noSkillsInPackage","No skills in package")})})]}),k.skills.imported.length>0&&e.jsx("div",{className:"agent-import-result-agents",children:k.skills.imported.map((r,f)=>e.jsxs("div",{className:"agent-import-result-agent",children:[e.jsx(vt,{size:12}),e.jsx("span",{children:r.name})]},f))}),k.skills.errors.length>0&&e.jsx("div",{className:"agent-import-result-errors",children:k.skills.errors.map((r,f)=>e.jsxs("div",{className:"agent-import-result-error",children:[e.jsx(ea,{size:12}),e.jsxs("span",{children:[r.name,": ",r.error]})]},f))})]})]})]}),e.jsxs("div",{className:"agent-dialog-footer",children:[v==="preview"&&e.jsx("button",{className:"btn",onClick:()=>g("input"),disabled:le,children:c("agents.back","Back")}),e.jsx("button",{className:"btn",onClick:_e,disabled:le,children:v==="result"?c("agents.close","Close"):c("agents.cancel","Cancel")}),v==="input"&&e.jsx("button",{className:"btn btn-task-create",onClick:()=>void $e(),disabled:he||(l==="directory"?C.length===0:l==="browse"?!Z:!j.trim()),children:he?e.jsxs(e.Fragment,{children:[e.jsx(St,{size:14,className:"spin"}),c("agents.parsing","Parsing...")]}):c("agents.preview","Preview")}),v==="preview"&&e.jsx("button",{className:"btn btn-task-create",onClick:()=>void z(),disabled:le||E===0&&U===0,children:le?e.jsxs(e.Fragment,{children:[e.jsx(St,{size:14,className:"spin"}),Fe]}):c("agents.importButton","Import {{label}}",{label:ge})})]})]})}):null}const Et="fn-agent-org-chart-layout";function ma(n){return n==="auto"||n==="horizontal"||n==="vertical"}const Vs=768,Bs={nodeWidth:220,siblingGap:24,rootGap:24,chartPadding:24},Ws={nodeWidth:160,siblingGap:8,rootGap:8,chartPadding:8};function ba(n){return n.children.length===0?1:n.children.reduce((d,b)=>d+ba(b),0)}function Us(n){return n<=Vs?Ws:Bs}function Gs(n,d){const b=ba(n);return b*d.nodeWidth+Math.max(0,b-1)*d.siblingGap}function Ks(n,d=Number.POSITIVE_INFINITY){const b=Us(d);if(n.length===0)return b.nodeWidth;const a=n.map(v=>Gs(v,b)).reduce((v,g)=>v+g,0),c=Math.max(0,n.length-1)*b.rootGap;return a+c+b.chartPadding*2}function Ys(n){const d=n.preference??"auto";if(d!=="auto")return d;const b=Number.isFinite(n.availableWidth)&&n.availableWidth>0?n.availableWidth:0;return b===0||n.tree.length<=1?"horizontal":Ks(n.tree,b)>b?"vertical":"horizontal"}const ha=s.lazy(()=>gs(()=>import("./AgentDetailView-DKMz3r04.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(n=>({default:n.AgentDetailView})));function Xs(n){return[{value:"triage",label:n("agents.roleTriage","Triage"),icon:"⊕"},{value:"executor",label:n("agents.roleExecutor","Executor"),icon:"▶"},{value:"reviewer",label:n("agents.roleReviewer","Reviewer"),icon:"⊙"},{value:"merger",label:n("agents.roleMerger","Merger"),icon:"⊞"},{value:"scheduler",label:n("agents.roleScheduler","Scheduler"),icon:"◷"},{value:"engineer",label:n("agents.roleEngineer","Engineer"),icon:"⎔"},{value:"custom",label:n("agents.roleCustom","Custom"),icon:"✦"}]}const Pt=[.1,.25,.5,1,2,3,5,10],qs=.25,Zs=3,bt=16,Qe=32;function Ht(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 Ot(n,d){switch(d){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 va(n){return n.children.length===0?1:n.children.reduce((d,b)=>d+va(b),0)}function $t(n,d,b){return n.state==="error"?{title:void 0,label:b("agents.healthError","Error")}:{title:d.reason??d.label,label:d.stateDerived?null:d.label}}function fa({node:n,onSelect:d,getHealthStatus:b,selectedAgentId:p,registerNodeElement:a,linksRef:c}){const{t:v}=Me("app"),{agent:g,children:l}=n,x=b(g),j=$t(g,x,v),R=Ht(g.state),C=Ot("org-chart-node-card",g.state),S=va(n),$={"--org-chart-subtree-leaves":String(S)};return e.jsxs("div",{className:`org-chart-node${l.length>0?" org-chart-node--has-children":""}`,style:$,children:[e.jsxs("div",{ref:N=>a(g.id,N),"data-agent-id":g.id,className:`org-chart-node-card ${C}${p===g.id?" agent-card--selected":""}`,onClick:()=>d(g.id),role:"button",tabIndex:0,onKeyDown:N=>{(N.key==="Enter"||N.key===" ")&&(N.key===" "&&N.preventDefault(),d(g.id))},children:[e.jsxs("div",{className:"org-chart-node__header",children:[e.jsx("span",{className:"org-chart-node__icon",children:e.jsx(ft,{agent:g,size:20})}),e.jsx("span",{className:"org-chart-node__name",children:g.name})]}),e.jsxs("div",{className:"org-chart-node__meta",children:[e.jsx("span",{className:`org-chart-node__badge ${R}`,children:g.state}),e.jsxs("span",{className:"org-chart-node__health",style:{color:x.color},title:j.title,children:[x.icon,j.label&&e.jsx("span",{className:"text-secondary",children:j.label})]})]})]}),l.length>0&&e.jsx("div",{className:"org-chart-children",role:"group","aria-label":v("agents.orgChartEmployees","{{name}} employees",{name:g.name}),children:l.map(N=>(c.current.push({parentId:g.id,childId:N.agent.id}),e.jsx(fa,{node:N,onSelect:d,getHealthStatus:b,selectedAgentId:p,registerNodeElement:a,linksRef:c},N.agent.id)))})]})}function Js({links:n,nodeElements:d,canvasRef:b,viewportRef:p,layoutMode:a,transform:c}){const[v,g]=s.useState([]);return s.useLayoutEffect(()=>{const l=b.current,x=p.current;if(!l||!x||n.length===0){g([]);return}const j=()=>{const C=l.getBoundingClientRect(),S=n.flatMap(({parentId:$,childId:N})=>{const I=d.get($),B=d.get(N);if(!I||!B)return[];const A=I.getBoundingClientRect(),F=B.getBoundingClientRect(),y=(A.left-C.left)/c.scale,D=(A.top-C.top)/c.scale,K=(F.left-C.left)/c.scale,L=(F.top-C.top)/c.scale;if(a==="vertical"){const ie=y,ce=D+A.height/c.scale/2,H=K,k=L+F.height/c.scale/2,pe=ie-(ie-H)/2;return[`M ${ie} ${ce} L ${pe} ${ce} L ${pe} ${k} L ${H} ${k}`]}const X=y+A.width/c.scale/2,se=D+A.height/c.scale,he=K+F.width/c.scale/2,ne=L,le=se+(ne-se)/2;return[`M ${X} ${se} L ${X} ${le} L ${he} ${le} L ${he} ${ne}`]});g(S)};j();const R=new ResizeObserver(j);return R.observe(l),R.observe(x),d.forEach(C=>R.observe(C)),()=>R.disconnect()},[b,a,n,d,c.scale,p]),e.jsx("svg",{className:"agent-org-chart-connectors","aria-hidden":"true",children:v.map((l,x)=>e.jsx("path",{d:l},`${x}-${l}`))})}function cn({addToast:n,projectId:d,onOpenTaskLogs:b,agentOnboardingEnabled:p=!1}){const{t:a}=Me("app"),c=Xs(a),[v,g]=s.useState(!1),x=Ja()==="mobile",[j,R]=s.useState("all"),{agents:C,stats:S,isLoading:$,loadAgents:N,refreshAgents:I}=Qa(d,{filterState:j,showSystemAgents:v}),[B,A]=s.useState(!1),[F,y]=s.useState(null),[D,K]=s.useState(!1),[L,X]=s.useState(null),[se,he]=s.useState(null),ne=x&&!!L,[le,ie]=s.useState("dashboard"),[ce,H]=s.useState(null),[k,pe]=s.useState(!1),[M,oe]=s.useState(()=>{if(typeof window>"u")return"list";const t=ht("fn-agent-view",d);return t==="list"||t==="board"||t==="org"?t:"list"}),[de,Ee]=s.useState(()=>{if(typeof window>"u")return"auto";const t=ht(Et,d);return ma(t)?t:"auto"}),[xe,fe]=s.useState([]),[q,Pe]=s.useState(!1),[Z,be]=s.useState(0),[ve,W]=s.useState(!1),[Oe,J]=s.useState(!1),[Ne,Ke]=s.useState(!1),[Ae,_e]=s.useState(!1),[Le,Ye]=s.useState(0),[Ie,$e]=s.useState(0),[z,E]=s.useState({scale:1,x:0,y:0}),[U,je]=s.useState(!1),Re=s.useRef(null),ge=s.useRef(null),Fe=s.useRef(null),Te=s.useRef(new Map),ze=s.useRef([]),r=s.useRef(new Map),f=s.useRef(null),P=s.useRef(null),V=s.useRef(!1),{confirm:Q}=es(),Y=s.useRef(null),De=s.useId();s.useEffect(()=>{const t=ht("fn-agent-view",d);if(t==="list"||t==="board"||t==="org"){oe(t);return}oe("list")},[d]),s.useEffect(()=>{ta("fn-agent-view",M,d)},[M,d]),s.useEffect(()=>{const t=ht(Et,d);Ee(ma(t)?t:"auto")},[d]),s.useEffect(()=>{ta(Et,de,d)},[de,d]);const[at,ye]=s.useState(null),Xe=s.useRef(null),[Nt,ke]=s.useState(null),[Ve,Ce]=s.useState(null),[st,we]=s.useState({}),[i,_]=s.useState(1),[He,Be]=s.useState(!1),[Se,Dt]=s.useState(new Set),[yt,qe]=s.useState(new Map),ct=s.useRef(!0);s.useEffect(()=>(ct.current=!0,()=>{ct.current=!1}),[]),s.useEffect(()=>{ts(d).then(t=>{ct.current&&_(t.heartbeatMultiplier??1)}).catch(()=>{})},[d]);const Vt=s.useCallback(async t=>{const o=Number.isFinite(t)&&t>0?t:1;_(o),Be(!0);try{await as({heartbeatMultiplier:o},d),n(a("agents.heartbeatSpeedSet","Heartbeat speed set to ×{{value}}",{value:o.toFixed(1)}),"success")}catch(u){n(a("agents.heartbeatSpeedSaveFailed","Failed to save heartbeat multiplier: {{error}}",{error:me(u)}),"error")}finally{ct.current&&Be(!1)}},[d,n]),dt=s.useMemo(()=>yt.size===0?C:C.map(t=>{const o=yt.get(t.id);return o?{...t,state:o}:t}),[C,yt]),nt=s.useMemo(()=>dt.filter(t=>v||!ot(t)),[dt,v]),ja=s.useMemo(()=>dt.filter(t=>t.state!=="active"&&t.state!=="running"?!1:v||!ot(t)),[dt,v]),We=s.useMemo(()=>{if(v)return xe;const t=o=>ot(o.agent)?null:{...o,children:o.children.map(t).filter(u=>u!==null)};return xe.map(t).filter(o=>o!==null)},[xe,v]);s.useEffect(()=>{if(M!=="org")return;const t=ge.current;if(!t)return;const o=()=>{be(t.clientWidth)};o();const u=typeof ResizeObserver<"u"?new ResizeObserver(o):null;return u?.observe(t),window.addEventListener("resize",o),()=>{u?.disconnect(),window.removeEventListener("resize",o)}},[M,We.length]),s.useEffect(()=>{if(M!=="org")return;let t=!1;return Pe(!0),ss(d,{includeEphemeral:v}).then(o=>{t||fe(o)}).catch(o=>{t||(n(a("agents.orgChartLoadFailed","Failed to load org chart: {{error}}",{error:me(o)}),"error"),fe([]))}).finally(()=>{t||Pe(!1)}),()=>{t=!0}},[M,d,v,n]),s.useEffect(()=>{const t=setInterval(()=>{N()},3e4);return()=>{clearInterval(t)}},[N]),s.useEffect(()=>{if(!ve)return;let t=!1;_e(!0),Ft(void 0,d).then(m=>{if(t)return;const w=m.filter(T=>!ot(T));Ye(w.filter(T=>T.state==="active"||T.state==="running").length),$e(w.filter(T=>T.state==="paused").length)}).catch(m=>{t||(Ye(0),$e(0),n(a("agents.bulkActionsLoadFailed","Failed to load bulk agent actions: {{error}}",{error:me(m)}),"error"))}).finally(()=>{t||_e(!1)});const o=m=>{const w=m.target;w&&(Re.current?.contains(w)||Y.current?.contains(w)||W(!1))},u=m=>{m.key==="Escape"&&(W(!1),Y.current?.focus())};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),document.addEventListener("keydown",u),()=>{t=!0,document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o),document.removeEventListener("keydown",u)}},[n,ve,d]);const Bt=async t=>{if(!Ne){Ke(!0);try{const u=(await Ft(void 0,d)).filter(G=>!ot(G)),m=u.filter(G=>t==="paused"?G.state==="active"||G.state==="running":G.state==="paused"),w=u.length-m.length;if(m.length===0){n(t==="paused"?a("agents.noAgentsToPause","No agents eligible to pause"):a("agents.noAgentsToResume","No agents eligible to resume"),"error");return}if(!await Q({title:t==="paused"?a("agents.pauseAllTitle","Pause All Agents"):a("agents.resumeAllTitle","Resume All Agents"),message:t==="paused"?a("agents.pauseAllConfirm",{count:m.length,defaultValue_one:"Pause {{count}} agent in this project?",defaultValue_other:"Pause {{count}} agents in this project?"}):a("agents.resumeAllConfirm",{count:m.length,defaultValue_one:"Resume {{count}} agent in this project?",defaultValue_other:"Resume {{count}} agents in this project?"}),danger:t==="paused"}))return;const re=await Promise.allSettled(m.map(G=>ia(G.id,t,d))),ae=re.map((G,mt)=>({result:G,agent:m[mt]})).filter(G=>G.result.status==="rejected"),h=re.length-ae.length,O=ae.length,te=t==="paused"?a("agents.pausedSummary",{count:h,skipped:w,defaultValue_one:"Paused {{count}} agent; skipped {{skipped}}",defaultValue_other:"Paused {{count}} agents; skipped {{skipped}}"}):a("agents.resumedSummary",{count:h,skipped:w,defaultValue_one:"Resumed {{count}} agent; skipped {{skipped}}",defaultValue_other:"Resumed {{count}} agents; skipped {{skipped}}"});if(O>0){const G=ae.slice(0,3).map(({agent:mt,result:za})=>`${mt.name||mt.id}: ${me(za.reason)}`).join("; ");n(`${te}; failed ${O}${G?` (${G})`:""}`,"error")}else n(te,"success");await N()}catch(o){n(t==="paused"?a("agents.pauseAgentsFailed","Failed to pause agents: {{error}}",{error:me(o)}):a("agents.resumeAgentsFailed","Failed to resume agents: {{error}}",{error:me(o)}),"error")}finally{Ke(!1)}}},lt=async(t,o)=>{if(!Se.has(t)){Dt(u=>new Set(u).add(t)),qe(u=>{const m=new Map(u);return m.set(t,o),m});try{await ia(t,o,d),n(a("agents.stateUpdated","Agent state updated to {{state}}",{state:o}),"success"),await N(),qe(u=>{const m=new Map(u);return m.delete(t),m})}catch(u){qe(m=>{const w=new Map(m);return w.delete(t),w}),n(a("agents.stateUpdateFailed","Failed to update state: {{error}}",{error:me(u)}),"error")}finally{Dt(u=>{const m=new Set(u);return m.delete(t),m})}}},Wt=async(t,o)=>{if(await Q({title:a("agents.deleteTitle","Delete Agent"),message:a("agents.deleteConfirm",'Delete agent "{{name}}"? This cannot be undone.',{name:o}),danger:!0}))try{await ms(t,d),n(a("agents.deleted",'Agent "{{name}}" deleted',{name:o}),"success"),await N()}catch(m){n(a("agents.deleteFailed","Failed to delete agent: {{error}}",{error:me(m)}),"error")}},Na=async(t,o)=>{const u=C.find(m=>m.id===t);if(u){if(u.role===o){ye(null);return}try{await xt(t,{role:o},d),n(a("agents.roleUpdated","Agent role updated to {{role}}",{role:c.find(m=>m.value===o)?.label??o}),"success"),ye(null),N()}catch(m){n(a("agents.roleUpdateFailed","Failed to update role: {{error}}",{error:me(m)}),"error")}}},ya=(t,o)=>{t.key==="Escape"&&ye(null)},ka=async(t,o)=>{Ve===t.id&&(Ce(null),we(u=>{const m={...u};return delete m[t.id],m})),ke(t.id);try{await xt(t.id,{runtimeConfig:{...t.runtimeConfig??{},heartbeatIntervalMs:o}},d),n(a("agents.heartbeatIntervalUpdated","Heartbeat interval updated to {{interval}} for {{name}}",{interval:ra(o),name:t.name}),"success"),N()}catch(u){n(a("agents.heartbeatIntervalUpdateFailed","Failed to update heartbeat interval: {{error}}",{error:me(u)}),"error")}finally{ke(null)}},Ut=async t=>{const o=st[t.id]??"";if(o.trim()===""){n(a("agents.heartbeatEnterMinutes","Please enter a heartbeat interval in minutes"),"error");return}const u=Number(o);if(isNaN(u)){n(a("agents.heartbeatMustBeNumber","Heartbeat interval must be a valid number"),"error");return}if(u<=0){n(a("agents.heartbeatMustBePositive","Heartbeat interval must be greater than 0"),"error");return}if(u>=1&&u<5){ke(t.id);try{await xt(t.id,{runtimeConfig:{...t.runtimeConfig??{},heartbeatIntervalMs:hs}},d),n(a("agents.heartbeatClampedToMin",{count:u,defaultValue_one:"Heartbeat interval set to 5 minutes (minimum). {{count}} minute was below the 5-minute minimum.",defaultValue_other:"Heartbeat interval set to 5 minutes (minimum). {{count}} minutes was below the 5-minute minimum."}),"success"),Ce(null),we(w=>{const T={...w};return delete T[t.id],T}),N()}catch(w){n(a("agents.heartbeatIntervalUpdateFailed","Failed to update heartbeat interval: {{error}}",{error:me(w)}),"error")}finally{ke(null)}return}const m=Math.round(u*6e4);ke(t.id);try{await xt(t.id,{runtimeConfig:{...t.runtimeConfig??{},heartbeatIntervalMs:m}},d),n(a("agents.heartbeatIntervalUpdated","Heartbeat interval updated to {{interval}} for {{name}}",{interval:ra(m),name:t.name}),"success"),Ce(null),we(w=>{const T={...w};return delete T[t.id],T}),N()}catch(w){n(a("agents.heartbeatIntervalUpdateFailed","Failed to update heartbeat interval: {{error}}",{error:me(w)}),"error")}finally{ke(null)}},Ca=t=>{const o=_t(t.runtimeConfig?.heartbeatIntervalMs),u=Math.round(o/6e4);Ce(t.id),we(m=>({...m,[t.id]:String(u)}))},ue=s.useCallback((t,o)=>{X(t),ie(o?.initialTab??"dashboard"),H(o?.initialRunId??null),pe(o?.preferActiveRun??!1)},[]),Ue=s.useCallback(()=>{X(null),ie("dashboard"),H(null),pe(!1)},[]),Gt=s.useCallback(t=>{ue(t)},[ue]),wa=s.useCallback(t=>{he(t),ue(t)},[ue]),Sa=s.useCallback(async({agentId:t,deleted:o})=>{await I(),o&&L===t&&Ue()},[I,L,Ue]),Aa=s.useCallback(t=>{ue(t),x&&J(!1)},[x,ue]),Ra=async(t,o)=>{qe(u=>{const m=new Map(u);return m.set(t,"running"),m});try{await ps(t,d,{source:"on_demand",triggerDetail:"Triggered from dashboard"}),n(a("agents.heartbeatRunStarted","Heartbeat run started for {{name}}",{name:o}),"success"),await N(),qe(u=>{const m=new Map(u);return m.delete(t),m})}catch(u){qe(m=>{const w=new Map(m);return w.delete(t),w}),n(a("agents.heartbeatRunFailed","Failed to start heartbeat run: {{error}}",{error:me(u)}),"error")}},Ge=s.useCallback(t=>Math.min(Zs,Math.max(qs,t)),[]),ee=s.useCallback(t=>{const o=ge.current,u=Fe.current?.querySelector(".agent-org-chart");if(!o||!u)return{...t,scale:Ge(t.scale)};const m=Ge(t.scale),w=u.scrollWidth*m,T=u.scrollHeight*m,re=o.clientWidth,ae=o.clientHeight,h=Math.min(Qe,re-w-Qe),O=Qe,te=Math.min(Qe,ae-T-Qe),G=Qe;return{scale:m,x:Math.max(h,Math.min(O,t.x)),y:Math.max(te,Math.min(G,t.y))}},[Ge]),gt=s.useCallback((t,o,u)=>{const m=ge.current;m&&E(w=>{const T=Ge(t),re=m.getBoundingClientRect(),ae=o-re.left,h=u-re.top,O=(ae-w.x)/w.scale,te=(h-w.y)/w.scale;return ee({scale:T,x:ae-O*T,y:h-te*T})})},[Ge,ee]),Ze=s.useCallback(()=>{const t=ge.current,o=Fe.current?.querySelector(".agent-org-chart");if(!t||!o)return;const u=t.clientWidth,m=t.clientHeight,w=o.scrollWidth,T=o.scrollHeight;if(w<=0||T<=0)return;const re=Ge(Math.min(u/w,m/T,1)),ae=(u-w*re)/2,h=(m-T*re)/2;E(ee({scale:re,x:ae,y:h}))},[Ge,ee]),kt=s.useCallback(t=>{oe(t),t!=="org"&&E({scale:1,x:0,y:0}),x&&L&&Ue()},[Ue,x,L]),Kt=t=>c.find(o=>o.value===t)?.label??t,ut=s.useMemo(()=>Ys({tree:We,availableWidth:Z,preference:de}),[We,de,Z]),Yt=s.useCallback(t=>{Ee(t),E({scale:1,x:0,y:0})},[]);s.useEffect(()=>{E({scale:1,x:0,y:0}),V.current=!1},[d,ut]),s.useLayoutEffect(()=>{M!=="org"||q||We.length===0||V.current||(Ze(),V.current=!0)},[M,We.length,Ze,q]);const Ta=s.useCallback((t,o)=>{o?Te.current.set(t,o):Te.current.delete(t)},[]),Xt=s.useCallback(()=>e.jsxs(e.Fragment,{children:[e.jsx("button",{type:"button",className:"btn-icon touch-target",onClick:()=>E(t=>ee({...t,scale:t.scale*.9})),"aria-label":a("agents.orgChartZoomOut","Zoom out org chart"),title:a("agents.zoomOut","Zoom out"),children:e.jsx(Ts,{size:16})}),e.jsxs("span",{className:"agent-org-chart-controls__zoom-label","aria-live":"polite",children:[Math.round(z.scale*100),"%"]}),e.jsx("button",{type:"button",className:"btn-icon touch-target",onClick:()=>E(t=>ee({...t,scale:t.scale*1.1})),"aria-label":a("agents.orgChartZoomIn","Zoom in org chart"),title:a("agents.zoomIn","Zoom in"),children:e.jsx(As,{size:16})}),e.jsxs("button",{type:"button",className:"btn touch-target btn-sm agent-org-chart-controls__fit-btn",onClick:Ze,"aria-label":a("agents.orgChartFit","Fit org chart"),title:a("agents.orgChartFit","Fit org chart"),children:[e.jsx(ns,{size:16}),a("agents.fit","Fit")]}),e.jsxs("button",{type:"button",className:"btn touch-target btn-sm",onClick:()=>E(t=>ee({...t,x:0,y:0})),"aria-label":a("agents.orgChartCenter","Center org chart"),title:a("agents.orgChartCenter","Center org chart"),children:[e.jsx(ls,{size:16}),a("agents.center","Center")]})]}),[ee,Ze,z.scale]),Ma=s.useCallback(t=>{if(!(t.ctrlKey||t.metaKey))return;t.preventDefault();const o=t.deltaY>0?.9:1.1;gt(z.scale*o,t.clientX,t.clientY)},[z.scale,gt]),Ea=s.useCallback(t=>{if(t.target.closest(".org-chart-node-card"))return;if(t.currentTarget.setPointerCapture?.(t.pointerId),r.current.set(t.pointerId,{x:t.clientX,y:t.clientY}),r.current.size===1){f.current={x:t.clientX-z.x,y:t.clientY-z.y,pointerId:t.pointerId},je(!0);return}if(r.current.size===2){const u=Array.from(r.current.values()),m=u[0].x-u[1].x,w=u[0].y-u[1].y;P.current={distance:Math.hypot(m,w),scale:z.scale,centerX:(u[0].x+u[1].x)/2,centerY:(u[0].y+u[1].y)/2},f.current=null}},[z.scale,z.x,z.y]),Pa=s.useCallback(t=>{if(r.current.has(t.pointerId)){if(r.current.set(t.pointerId,{x:t.clientX,y:t.clientY}),r.current.size>=2){const o=Array.from(r.current.values()),u=P.current;if(!u)return;const m=o[0].x-o[1].x,w=o[0].y-o[1].y,T=Math.hypot(m,w),re=u.scale*(T/u.distance);gt(re,u.centerX,u.centerY);return}!f.current||f.current.pointerId!==t.pointerId||E(o=>ee({...o,x:t.clientX-f.current.x,y:t.clientY-f.current.y}))}},[ee,gt]),qt=s.useCallback(t=>{r.current.delete(t.pointerId),r.current.size<2&&(P.current=null),r.current.size===0&&(f.current=null,je(!1))},[]),_a=s.useCallback(t=>{if(t.key==="ArrowLeft")E(o=>ee({...o,x:o.x+bt}));else if(t.key==="ArrowRight")E(o=>ee({...o,x:o.x-bt}));else if(t.key==="ArrowUp")E(o=>ee({...o,y:o.y+bt}));else if(t.key==="ArrowDown")E(o=>ee({...o,y:o.y-bt}));else if(t.key==="+"||t.key==="=")E(o=>ee({...o,scale:o.scale*1.1}));else if(t.key==="-")E(o=>ee({...o,scale:o.scale*.9}));else if(t.key==="0")Ze();else if(t.key==="Home")E({scale:1,x:0,y:0});else return;t.preventDefault()},[ee,Ze]),Zt=s.useCallback(()=>{const t=[{value:"horizontal",label:a("agents.layoutHorizontal","Horizontal"),icon:e.jsx(aa,{size:16}),ariaLabel:a("agents.layoutHorizontalAria","Horizontal layout")},{value:"vertical",label:a("agents.layoutVertical","Vertical"),icon:e.jsx(sa,{size:16}),ariaLabel:a("agents.layoutVerticalAria","Vertical layout")},{value:"auto",label:a("agents.layoutAuto","Auto"),icon:e.jsx(et,{size:16}),ariaLabel:a("agents.layoutAutoAria","Automatic layout")}];return e.jsx("div",{className:"agent-org-chart-layout-toggle","data-testid":"agent-org-chart-layout-toggle",children:t.map(o=>{const u=de===o.value;return e.jsxs("button",{type:"button",className:`btn-icon touch-target agent-org-chart-layout-toggle__button${u?" btn-icon--active":""}`,onClick:()=>Yt(o.value),"aria-pressed":u,"aria-label":o.ariaLabel,title:o.ariaLabel,"data-layout-value":o.value,children:[o.icon,e.jsx("span",{className:"agent-org-chart-layout-toggle__text",children:o.label})]},o.value)})})},[Yt,de]),La=t=>Array.isArray(t.metadata?.skills)?t.metadata.skills:[],Ct=t=>us(t),Ia=Ae||Ne||Le===0,Fa=Ae||Ne||Ie===0,Jt=$&&C.length===0,it=s.useCallback(()=>{A(!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(It,{size:24}),e.jsx("h2",{children:a("agents.title","Agents")})]}),e.jsxs("div",{className:"agents-view-controls",children:[e.jsxs("div",{className:"view-toggle",children:[e.jsx("button",{className:`view-toggle-btn${M==="list"?" active":""}`,onClick:()=>kt("list"),title:a("agents.listView","List view"),"aria-label":a("agents.listView","List view"),"aria-pressed":M==="list",children:e.jsx(sa,{size:16})}),e.jsx("button",{className:`view-toggle-btn${M==="board"?" active":""}`,onClick:()=>kt("board"),title:a("agents.boardView","Board view"),"aria-label":a("agents.boardView","Board view"),"aria-pressed":M==="board",children:e.jsx(tt,{size:16})}),e.jsx("button",{className:`view-toggle-btn${M==="org"?" active":""}`,onClick:()=>kt("org"),title:a("agents.orgChartView","Org Chart view"),"aria-label":a("agents.orgChartView","Org Chart view"),"aria-pressed":M==="org",children:e.jsx(aa,{size:16})})]}),e.jsxs("div",{className:"agents-view-primary-actions",children:[e.jsx("button",{ref:Y,className:`btn-icon agent-controls-trigger${ve?" agent-controls-trigger--active":""}`,onClick:()=>W(t=>!t),title:a("agents.controls","Controls"),"aria-label":a("agents.controls","Controls"),"aria-haspopup":"dialog","aria-expanded":ve,"aria-controls":De,children:e.jsx(ws,{size:16})}),e.jsx("button",{className:"btn-icon",onClick:()=>void N(),title:a("agents.refresh","Refresh"),"aria-label":a("agents.refresh","Refresh"),children:e.jsx(et,{size:16,className:$?"spin":void 0})}),!x&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"btn btn-sm agent-import-trigger",onClick:()=>{K(!0),W(!1)},"aria-label":a("agents.import","Import"),title:a("agents.import","Import"),children:[e.jsx(zt,{size:16}),a("agents.import","Import")]}),e.jsxs("button",{className:"btn btn-task-create btn-sm",onClick:()=>{it(),W(!1)},"aria-label":a("agents.newAgent","New Agent"),title:a("agents.newAgent","New Agent"),children:[e.jsx(na,{size:16}),a("agents.newAgent","New Agent")]})]}),ve&&e.jsxs("div",{ref:Re,id:De,className:"agent-controls-panel agent-controls-panel--scrollable",role:"dialog","aria-label":a("agents.agentControls","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(is,{size:14}),e.jsxs("select",{className:"agent-state-filter-select",value:j,onChange:t=>R(t.target.value),"aria-label":a("agents.filterByState","Filter agents by state"),children:[e.jsx("option",{value:"all",children:a("agents.stateAll","All States")}),e.jsx("option",{value:"idle",children:a("agents.stateIdle","Idle")}),e.jsx("option",{value:"active",children:a("agents.stateActive","Active")}),e.jsx("option",{value:"running",children:a("agents.stateRunning","Running")}),e.jsx("option",{value:"paused",children:a("agents.statePaused","Paused")}),e.jsx("option",{value:"error",children:a("agents.stateError","Error")})]})]}),e.jsxs("label",{className:"checkbox-label agent-system-filter",children:[e.jsx("input",{type:"checkbox",checked:v,onChange:t=>g(t.target.checked),"aria-label":a("agents.showSystemAgents","Show system agents")}),a("agents.showSystemAgents","Show system agents")]})]})}),x&&e.jsxs("div",{className:"agent-controls-mobile-actions",children:[e.jsxs("button",{className:"btn btn-sm agent-import-trigger",onClick:()=>{K(!0),W(!1)},"aria-label":a("agents.import","Import"),title:a("agents.import","Import"),children:[e.jsx(zt,{size:16}),a("agents.import","Import")]}),e.jsxs("button",{className:"btn btn-task-create btn-sm",onClick:()=>{it(),W(!1)},"aria-label":a("agents.newAgent","New Agent"),title:a("agents.newAgent","New Agent"),children:[e.jsx(na,{size:16}),a("agents.newAgent","New Agent")]})]}),e.jsxs("div",{className:"agent-controls-bulk-actions",role:"menu","aria-label":a("agents.bulkAgentActions","Bulk agent actions"),children:[e.jsxs("button",{type:"button",className:"agent-detail-bulk-menu-item",role:"menuitem",disabled:Ia,onClick:()=>{W(!1),Bt("paused")},children:[e.jsxs("span",{className:"agent-controls-bulk-actions__label",children:[e.jsx(At,{}),e.jsx("span",{children:a("agents.pauseAllAgents","Pause All Agents")})]}),e.jsx("span",{className:"agent-detail-bulk-menu-item-hint",children:Ae?a("agents.loadingEligibility","Loading eligibility…"):Le===0?a("agents.noAgentsToPauseHint","No active or running project agents to pause"):a("agents.pauseCountHint",{count:Le,defaultValue_one:"Pause {{count}} active/running agent",defaultValue_other:"Pause {{count}} active/running agents"})})]}),e.jsxs("button",{type:"button",className:"agent-detail-bulk-menu-item",role:"menuitem",disabled:Fa,onClick:()=>{W(!1),Bt("active")},children:[e.jsxs("span",{className:"agent-controls-bulk-actions__label",children:[e.jsx(pt,{}),e.jsx("span",{children:a("agents.resumeAllAgents","Resume All Agents")})]}),e.jsx("span",{className:"agent-detail-bulk-menu-item-hint",children:Ae?a("agents.loadingEligibility","Loading eligibility…"):Ie===0?a("agents.noAgentsToResumeHint","No paused project agents to resume"):a("agents.resumeCountHint",{count:Ie,defaultValue_one:"Resume {{count}} paused agent",defaultValue_other:"Resume {{count}} paused agents"})})]})]}),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:a("agents.heartbeatSpeed","Heartbeat Speed")}),e.jsx("input",{id:"globalHeartbeatMultiplier",className:"heartbeat-multiplier-slider touch-target",type:"range",min:.1,max:10,step:.1,value:i,onChange:t=>{const o=Number(t.target.value);Vt(Number.isFinite(o)&&o>0?o:1)},disabled:He}),e.jsxs("span",{className:"heartbeat-multiplier-value",children:["×",i.toFixed(1)]}),e.jsx("select",{className:"heartbeat-multiplier-preset",value:String(Pt.reduce((t,o)=>Math.abs(o-i)<Math.abs(t-i)?o:t,Pt[0])),onChange:t=>{const o=Number(t.target.value);Vt(Number.isFinite(o)&&o>0?o:1)},disabled:He,"aria-label":a("agents.heartbeatSpeedPreset","Heartbeat speed preset"),children:Pt.map(t=>e.jsxs("option",{value:String(t),children:["×",t]},t))})]}),e.jsx("small",{className:"text-secondary",children:a("agents.heartbeatSpeedHint","Scales all agent heartbeat intervals. ×0.5 = twice as fast, ×2.0 = twice as slow. Default: ×1.0")})]})}),e.jsx(Ms,{agents:nt})]})]})]})]}),e.jsx(Os,{isOpen:B,onClose:()=>{A(!1),y(null)},onCreated:()=>{A(!1),y(null),N()},projectId:d,prefillDraft:F,agentOnboardingEnabled:p,existingAgents:C,onPrefillDraft:y}),e.jsx(Ds,{isOpen:D,onClose:()=>K(!1),onImported:()=>void N(),projectId:d}),e.jsx(zs,{stats:S,activeAgents:ja,projectId:d,isOpen:Oe,onToggle:()=>J(t=>!t),onSelectAgent:Aa,onOpenTaskLogs:b}),M==="org"?e.jsx("div",{className:"agents-org-full-view",children:e.jsx("div",{className:"agents-view-content agents-view-content--org-full",children:L?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:Ue,"aria-label":a("agents.backToOrgChart","Back to org chart"),children:a("agents.backToOrgChart","Back to org chart")}),e.jsx(s.Suspense,{fallback:null,children:e.jsx(ha,{inline:!0,showInlineBackButton:!1,agentId:L,projectId:d,onClose:Ue,addToast:n,onChildClick:Gt,initialTab:le,initialRunId:ce,preferActiveRun:k},L)})]}):Jt?e.jsxs("div",{className:"agents-view-loading",role:"status","aria-live":"polite",children:[e.jsx(et,{size:18,className:"spin"}),e.jsx("span",{children:a("agents.loadingAgents","Loading agents...")})]}):e.jsxs("div",{className:"agent-org-chart-shell","data-testid":"agent-org-chart-shell",children:[x?e.jsxs("div",{className:"agent-org-chart-controls","data-testid":"agent-org-chart-controls",children:[Zt(),Xt()]}):e.jsxs("div",{className:"agent-org-chart-toolbar",children:[Zt(),e.jsx("div",{className:"agent-org-chart-controls","data-testid":"agent-org-chart-controls",children:Xt()})]}),e.jsx("div",{ref:ge,className:"agent-org-chart-viewport","data-testid":"agent-org-chart-viewport",tabIndex:0,role:"region","aria-label":a("agents.orgChartCanvas","Org chart canvas"),onWheel:Ma,onPointerDown:Ea,onPointerMove:Pa,onPointerUp:qt,onPointerCancel:qt,onKeyDown:_a,"data-panning":U?"true":"false",children:e.jsxs("div",{ref:Fe,className:`agent-org-chart-canvas agent-org-chart-canvas--zoom-${Math.round((z.scale??1)*100)}`,"data-panning":U?"true":"false",style:{transform:`translate(${z.x}px, ${z.y}px) scale(${z.scale})`},children:[e.jsx("div",{className:`agent-org-chart${ut==="vertical"?" agent-org-chart--vertical":""}`,"data-testid":"agent-org-chart","data-layout-mode":ut,children:q?e.jsxs("div",{className:"agent-org-chart__loading",role:"status","aria-live":"polite",children:[e.jsx(et,{size:18,className:"spin"}),e.jsx("span",{children:a("agents.loadingOrgChart","Loading org chart...")})]}):We.length===0?e.jsx(Tt,{onCtaClick:it}):(ze.current=[],We.map(t=>e.jsx(fa,{node:t,onSelect:wa,getHealthStatus:Ct,selectedAgentId:se,registerNodeElement:Ta,linksRef:ze},t.agent.id)))}),e.jsx(Js,{links:ze.current,nodeElements:Te.current,canvasRef:Fe,viewportRef:ge,layoutMode:ut,transform:z})]})})]})})}):e.jsxs("div",{className:"agents-split-layout",children:[e.jsx("div",{className:`agents-split-sidebar${ne?" agents-split-sidebar--hidden-mobile":""}`,children:e.jsx("div",{className:"agents-view-content",children:Jt?e.jsxs("div",{className:"agents-view-loading",role:"status","aria-live":"polite",children:[e.jsx(et,{size:18,className:"spin"}),e.jsx("span",{children:a("agents.loadingAgents","Loading agents...")})]}):M==="board"?e.jsx("div",{className:"agent-board",children:nt.length===0?e.jsx(Tt,{onCtaClick:it}):nt.map(t=>{const o=Ct(t),u=$t(t,o,a),m=Ht(t.state),w=Ot("agent-board-card",t.state);return e.jsxs("div",{className:`agent-board-card ${w}${L===t.id?" agent-card--selected":""}`,children:[e.jsxs("div",{className:"agent-board-clickable",onClick:()=>ue(t.id),role:"button",tabIndex:0,onKeyDown:T=>{(T.key==="Enter"||T.key===" ")&&(T.key===" "&&T.preventDefault(),ue(t.id))},children:[e.jsxs("div",{className:"agent-board-header",children:[e.jsx("span",{className:"agent-board-icon",children:e.jsx(ft,{agent:t,size:20})}),e.jsx("span",{className:"agent-board-badge badge text-secondary",children:Kt(t.role)}),e.jsx("span",{className:`agent-board-badge badge ${m}`,children:t.state}),(t.pendingApprovalCount??0)>0?e.jsxs("span",{className:"agent-board-badge badge agent-approval-badge",title:a("agents.pendingApprovals","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:o.color},title:u.title,children:[o.icon,u.label?` ${u.label}`:""]})]}),(t.state==="idle"||t.state==="paused"||t.state==="error")&&e.jsx("div",{className:"agent-board-actions",children:e.jsx("button",{className:"btn btn-sm btn-danger",onClick:()=>void Wt(t.id,t.name),title:a("agents.delete","Delete"),children:e.jsx(la,{size:14})})})]},t.id)})}):e.jsx("div",{className:"agent-list",children:nt.length===0?e.jsx(Tt,{onCtaClick:it}):nt.map(t=>{const o=Ct(t),u=$t(t,o,a),m=Ht(t.state),w=Ot("agent-card",t.state),T=_t(t.runtimeConfig?.heartbeatIntervalMs),re=rs(T),ae=Nt===t.id;return e.jsxs("div",{className:`agent-card agent-card--clickable ${w}${L===t.id?" agent-card--selected":""}`,onClick:h=>{const O=h.target;if(O===h.currentTarget){ue(t.id);return}const te=O.closest('button, select, input, [role="button"]');te&&te!==h.currentTarget||ue(t.id)},role:"button",tabIndex:0,onKeyDown:h=>{h.target===h.currentTarget&&(h.key==="Enter"||h.key===" ")&&(h.key===" "&&h.preventDefault(),ue(t.id))},"aria-label":a("agents.openDetails","Open details for {{name}}",{name:t.name}),children:[e.jsxs("div",{className:"agent-card-header",children:[e.jsxs("div",{className:"agent-info",children:[at===t.id?e.jsx("select",{ref:Xe,className:"select agent-role-select",value:t.role,onChange:h=>void Na(t.id,h.target.value),onKeyDown:h=>ya(h,t.id),onBlur:()=>ye(null),autoFocus:!0,children:c.map(h=>e.jsxs("option",{value:h.value,children:[h.icon," ",h.label]},h.value))}):e.jsx("span",{className:"agent-icon agent-icon--clickable",onClick:h=>{h.stopPropagation(),ye(t.id)},title:a("agents.clickToChangeRole","Click to change role"),role:"button",tabIndex:0,onKeyDown:h=>{(h.key==="Enter"||h.key===" ")&&(h.stopPropagation(),ye(t.id))},children:e.jsx(ft,{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(pa,{size:20,className:"agent-card-chevron"})]}),e.jsxs("div",{className:"agent-badges",children:[e.jsx("span",{className:`badge ${m}`,children:t.state}),e.jsxs("span",{className:"badge",style:{color:o.color},title:u.title,children:[o.icon,u.label?` ${u.label}`:""]}),e.jsx("span",{className:"badge text-secondary",children:Kt(t.role)}),(t.pendingApprovalCount??0)>0?e.jsxs("span",{className:"badge agent-approval-badge",title:a("agents.pendingApprovals","Pending approvals"),children:[e.jsx("span",{className:"status-dot status-dot--pending"}),t.pendingApprovalCount]}):null,(()=>{const h=La(t);if(h.length===0)return null;const O=h.slice(0,2),te=h.length-2;return e.jsxs(e.Fragment,{children:[O.map(G=>e.jsx("span",{className:"badge badge-skill",title:G,children:js(G)},G)),te>0&&e.jsxs("span",{className:"badge badge-skill",children:["+",te]})]})})()]})]}),e.jsxs("div",{className:"agent-card-body",children:[t.state==="error"&&t.lastError?e.jsx(os,{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:a("agents.workingOn","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:a("agents.heartbeat","Heartbeat:")}),Ve===t.id?e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"text",inputMode:"numeric",pattern:"[0-9]*",className:"input agent-heartbeat-custom-input",value:st[t.id]??"",onChange:h=>we(O=>({...O,[t.id]:h.target.value})),onKeyDown:h=>{h.key==="Enter"?Ut(t):h.key==="Escape"&&(Ce(null),we(O=>{const te={...O};return delete te[t.id],te}))},disabled:ae,"aria-label":a("agents.customHeartbeatAria","Custom heartbeat interval in minutes for {{name}}",{name:t.name})}),e.jsx("span",{className:"text-secondary",children:a("agents.minutesUnit","min")}),e.jsx("button",{className:"btn btn-sm",onClick:()=>void Ut(t),disabled:ae,title:a("agents.saveCustomInterval","Save custom interval"),children:a("agents.save","Save")}),e.jsx("button",{className:"btn btn-sm",onClick:()=>{Ce(null),we(h=>{const O={...h};return delete O[t.id],O})},disabled:ae,title:a("agents.cancelCustomInterval","Cancel custom interval"),children:a("agents.cancel","Cancel")})]}):e.jsx(e.Fragment,{children:e.jsxs("select",{className:"select agent-heartbeat-select",value:T,onChange:h=>{const O=h.target.value;O==="__custom__"?Ca(t):ka(t,Number(O))},disabled:ae,"aria-label":a("agents.setHeartbeatAria","Set heartbeat interval for {{name}}",{name:t.name}),children:[re.map(h=>e.jsx("option",{value:h.value,children:h.label},h.value)),cs.some(h=>h.value===T)&&e.jsx("option",{value:"__custom__",children:a("agents.customHeartbeatOption","Custom...")})]})}),ae&&e.jsx("span",{className:"agent-heartbeat-saving text-secondary",children:a("agents.saving","Saving…")}),t.lastHeartbeatAt&&(()=>{const h=new Date(t.lastHeartbeatAt),O=new Date(h.getTime()+T),te=t.state==="active"||t.state==="running";return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"agent-heartbeat-last text-secondary",title:h.toLocaleString(),children:a("agents.lastHeartbeatAt","Last: {{time}}",{time:h.toLocaleTimeString([],{hour:"numeric",minute:"2-digit"})})}),te&&e.jsx("span",{className:"agent-heartbeat-next text-secondary",title:O.toLocaleString(),children:a("agents.nextHeartbeatAt","Next: {{time}}",{time:O.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 lt(t.id,"active"),disabled:Se.has(t.id),title:a("agents.activate","Activate"),children:[e.jsx(pt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:a("agents.start","Start")})]}),t.state==="active"&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"btn btn-sm",onClick:()=>void Ra(t.id,t.name),disabled:Se.has(t.id),title:a("agents.runNow","Run Now"),"aria-label":a("agents.runNowAria","Run now for {{name}}",{name:t.name}),children:[e.jsx(tt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:a("agents.runNow","Run Now")})]}),e.jsxs("button",{className:"btn btn-sm",onClick:()=>void lt(t.id,"paused"),disabled:Se.has(t.id),title:a("agents.pause","Pause"),children:[e.jsx(At,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:a("agents.pause","Pause")})]})]}),t.state==="paused"&&e.jsxs("button",{className:"btn btn-sm",onClick:()=>void lt(t.id,"active"),disabled:Se.has(t.id),title:a("agents.resume","Resume"),children:[e.jsx(pt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:a("agents.resume","Resume")})]}),t.state==="running"&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"btn btn-sm",onClick:()=>ue(t.id,{initialTab:"runs",initialRunId:null,preferActiveRun:!0}),title:a("agents.viewLiveRun","View live run details"),"aria-label":a("agents.viewLiveRunAria","View live run details for {{name}}",{name:t.name}),children:[e.jsx(tt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:a("agents.running","Running")})]}),e.jsxs("button",{className:"btn btn-sm",onClick:()=>void lt(t.id,"paused"),disabled:Se.has(t.id),title:a("agents.pause","Pause"),children:[e.jsx(At,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:a("agents.pause","Pause")})]})]}),t.state==="error"&&e.jsxs("button",{className:"btn btn-sm",onClick:()=>void lt(t.id,"active"),disabled:Se.has(t.id),title:a("agents.retry","Retry"),children:[e.jsx(pt,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:a("agents.retry","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:()=>ue(t.id),title:a("agents.viewDetailsFor","View details for {{name}}",{name:t.name}),"aria-label":a("agents.viewDetailsFor","View details for {{name}}",{name:t.name}),children:[e.jsx(ds,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:a("agents.details","Details")})]}),(t.state==="idle"||t.state==="paused"||t.state==="error")&&e.jsxs("button",{className:"btn btn-sm btn-danger",onClick:()=>void Wt(t.id,t.name),title:a("agents.delete","Delete"),children:[e.jsx(la,{size:14})," ",e.jsx("span",{className:"agent-card-action-label",children:a("agents.delete","Delete")})]})]})]})]},t.id)})})})}),e.jsx("div",{className:`agents-split-detail${x&&!L?" agents-split-detail--hidden-mobile":""}`,children:L?e.jsx(s.Suspense,{fallback:null,children:e.jsx(ha,{inline:!0,showInlineBackButton:x,agentId:L,projectId:d,onClose:Ue,addToast:n,onChildClick:Gt,initialTab:le,initialRunId:ce,preferActiveRun:k,onMutationSuccess:Sa},L)}):e.jsxs("div",{className:"agents-detail-empty-state",children:[e.jsx(It,{size:48}),e.jsx("h3",{children:a("agents.selectAnAgent","Select an agent")}),e.jsx("p",{children:a("agents.selectAgentHint","Choose an agent from the sidebar to view details")})]})})]})]})}export{cn as AgentsView};

package/dist/client/assets/AgentsView-DfznJDek.css

@@ -1 +0,0 @@
-.agent-token-stats-panel{margin-bottom:var(--space-lg);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-sm)}.agent-token-stats-panel__header{margin-bottom:var(--space-md)}.agent-token-stats-panel__title{margin:0;font-size:calc(var(--space-md) + var(--space-xs));font-weight:600;color:var(--text)}.agent-token-stats-panel__totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--space-2xl) * 4),1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.agent-token-stats-panel__total-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.agent-token-stats-panel__total-label{color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs));text-transform:uppercase;letter-spacing:calc(var(--space-xs) / 8)}.agent-token-stats-panel__total-value{color:var(--text);font-size:calc(var(--space-lg) + var(--space-xs));line-height:1.2;font-family:var(--font-mono);font-weight:700}.agent-token-stats-panel__table-wrapper{overflow-x:auto}.agent-token-stats-panel__table{width:100%;border-collapse:collapse}.agent-token-stats-panel__table th,.agent-token-stats-panel__table td{padding:var(--space-sm);border-bottom:1px solid var(--border);color:var(--text);text-align:right;font-size:calc(var(--space-sm) + var(--space-xs))}.agent-token-stats-panel__table thead th{text-transform:uppercase;letter-spacing:calc(var(--space-xs) / 8);color:var(--text-muted);font-weight:600}.agent-token-stats-panel__table th:first-child,.agent-token-stats-panel__table td:first-child{text-align:left}.agent-token-stats-panel__agent-cell{display:flex;flex-direction:column;gap:calc(var(--space-xs) * .5)}.agent-token-stats-panel__agent-name{color:var(--text)}.agent-token-stats-panel__agent-id{color:var(--text-muted);font-family:var(--font-mono);font-size:calc(var(--space-sm) + var(--space-xs) * .75);text-transform:none;letter-spacing:normal}.agent-token-stats-panel__total-cell{font-family:var(--font-mono);font-weight:700}.agent-token-stats-panel__empty{padding:var(--space-md);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:color-mix(in srgb,var(--surface) 85%,transparent);font-size:calc(var(--space-sm) + var(--space-xs))}@media(max-width:768px){.agent-token-stats-panel{padding:var(--space-sm)}.agent-token-stats-panel__totals{grid-template-columns:1fr}.agent-token-stats-panel__table th,.agent-token-stats-panel__table td{padding:var(--space-xs) var(--space-sm)}}.active-agents-panel{margin-top:var(--space-xl);margin-bottom:var(--space-lg)}.active-agents-panel-header{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-md)}.active-agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.live-agent-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background .15s,border-color .15s}.live-agent-card:hover{background:var(--bg-hover);border-color:var(--border-strong, var(--border))}.live-agent-card:focus-visible{outline:2px solid var(--accent, var(--color-primary));outline-offset:2px}.live-agent-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.live-agent-card-name{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:13px}.live-agent-task{font-family:var(--font-mono)}.live-agent-card-transcript{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--text-muted);max-height:120px;overflow-y:auto}.live-agent-card-empty{display:flex;flex-direction:column;gap:var(--space-xs)}.live-agent-card-status{font-style:normal;font-weight:500;color:var(--text-primary);opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-agent-card-status-sub{font-style:italic;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-agent-card-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-agent-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--space-sm) + var(--space-xs) * .75);color:var(--text-muted);padding-top:var(--space-sm);border-top:1px solid var(--border)}.live-agent-streaming-dot{color:var(--color-success);animation:pulse 1.5s infinite}.live-agent-card-footer-actions{display:flex;align-items:center;gap:var(--space-sm)}.live-agent-card-footer-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0}.live-agent-card-next-heartbeat{color:var(--text-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-agent-card-logs-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:11px;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.live-agent-card-logs-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong, var(--border))}@media(max-width:768px){.active-agents-grid{grid-template-columns:1fr}.live-agent-card{min-width:0;overflow:hidden}}.agents-overview-bar{border-bottom:1px solid var(--border);background:var(--surface);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.agents-overview-bar__toggle{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.agents-overview-bar__toggle:hover{background:var(--card-hover)}.agents-overview-bar__toggle:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.agents-overview-bar__title-wrap{display:inline-flex;align-items:center;gap:var(--space-xs)}.agents-overview-bar__title{font-weight:600}.agents-overview-bar__meta{font-size:calc(var(--space-sm) + var(--space-xs))}.agents-overview-bar__content{display:flex;flex-direction:column;gap:var(--space-md)}.agents-overview-bar__metrics{margin-bottom:0}.agents-overview-bar__active-panel{margin-top:0;margin-bottom:0}@media(max-width:768px){.agents-overview-bar{padding:var(--space-sm) var(--space-md)}.agents-overview-bar__toggle{min-height:calc(var(--space-2xl) + var(--space-sm))}}.agent-dialog-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(var(--space-xs));display:flex;align-items:center;justify-content:center;z-index:100;padding:calc(var(--space-lg) + var(--space-xs))}.agent-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:calc(var(--space-xl) * 21 + var(--space-md));max-height:calc(100vh - (var(--space-xl) + var(--space-lg)));max-height:calc(100dvh - (var(--space-xl) + var(--space-lg)));display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.agent-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) calc(var(--space-lg) + var(--space-xs));border-bottom:1px solid var(--border)}.agent-dialog-header-title{font-weight:600;font-size:calc(var(--space-md) + var(--space-xs) * .75)}.agent-dialog-body{flex:1;overflow-y:auto;padding:calc(var(--space-lg) + var(--space-xs))}.agent-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) calc(var(--space-lg) + var(--space-xs));border-top:1px solid var(--border)}.agent-dialog-steps{display:flex;gap:calc(var(--space-sm) - var(--space-xs) * .5);padding:var(--space-md) calc(var(--space-lg) + var(--space-xs));justify-content:center}.agent-dialog-step{width:calc(var(--space-2xl) + var(--space-sm));height:var(--space-xs);border-radius:calc(var(--space-xs) * .5);background:var(--border);transition:background var(--transition-fast)}.agent-dialog-step.active{background:var(--todo)}.agent-dialog-step.completed{background:var(--color-success)}.agent-dialog-field{margin-bottom:var(--space-lg)}.agent-dialog-field label{display:block;font-size:calc(var(--space-md) + var(--space-xs) * .25);font-weight:500;margin-bottom:calc(var(--space-sm) - var(--space-xs) * .5)}.agent-dialog-field .input,.agent-dialog-field .select{width:100%;box-sizing:border-box}.agent-dialog-field--title .input{font-size:calc(var(--space-md) + var(--space-xs) * .25);line-height:var(--space-lg)}.agent-dialog-section{margin-bottom:var(--space-lg)}.agent-dialog-section-header{font-size:calc(var(--space-sm) + var(--space-xs));font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.agent-dialog-step-zero-actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-sm)}.agent-dialog-interview-btn{font-weight:600}.agent-dialog-interview-btn:disabled{opacity:.7;cursor:not-allowed}.agent-dialog-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.agent-dialog-tab{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text-muted);padding:var(--space-sm) var(--space-md);font-size:calc(var(--space-sm) + var(--space-xs));font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.agent-dialog-tab:hover{border-color:var(--todo);color:var(--text);background:var(--card-hover)}.agent-dialog-tab:focus-visible{outline:none;border-color:var(--todo);box-shadow:var(--focus-ring-strong)}.agent-dialog-tab.active{border-color:var(--todo);color:var(--text);background:color-mix(in srgb,var(--todo) 12%,transparent)}.agent-dialog-tab-panel{display:flex;flex-direction:column;gap:var(--space-sm)}.agent-runtime-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.agent-runtime-mode-option{position:relative;margin:0}.agent-runtime-mode-option input{position:absolute;opacity:0;pointer-events:none}.agent-runtime-mode-option span{display:flex;align-items:center;justify-content:center;min-height:calc(var(--space-xl) + var(--space-lg));border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs));font-weight:600;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.agent-runtime-mode-option span:hover{border-color:var(--todo);color:var(--text);background:var(--card-hover)}.agent-runtime-mode-option input:focus-visible+span{outline:none;border-color:var(--todo);box-shadow:var(--focus-ring-strong)}.agent-runtime-mode-option--active span{border-color:var(--todo);color:var(--text);background:color-mix(in srgb,var(--todo) 12%,transparent)}.agent-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-xl) * 3 + var(--space-sm)),1fr));gap:var(--space-sm)}.agent-role-option{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-sm);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);font-family:var(--font-primary);color:var(--text)}.agent-role-option:hover{border-color:var(--text-muted);background:var(--card-hover)}.agent-role-option:focus-visible{outline:none;border-color:var(--todo);box-shadow:var(--focus-ring-strong)}.agent-role-option.selected{border-color:var(--todo);background:color-mix(in srgb,var(--todo) 12%,transparent);box-shadow:var(--focus-ring)}.agent-role-option-icon{font-size:calc(var(--space-lg) + var(--space-xs));line-height:1}.agent-role-option-label{font-size:calc(var(--space-sm) + var(--space-xs));margin-top:var(--space-xs)}.agent-dialog-icon-prefix{margin-right:calc(var(--space-sm) - var(--space-xs) * .5)}.agent-dialog-ai-generate{margin-top:var(--space-sm);border-top:1px solid var(--border);padding-top:var(--space-md)}.btn--ai-generate{width:100%;display:flex;align-items:center;justify-content:center;gap:calc(var(--space-sm) - var(--space-xs) * .5);background:var(--cta-bg, var(--todo));color:var(--cta-text, var(--text));font-weight:600;border:1px solid transparent}.btn--ai-generate:hover{opacity:.9;filter:brightness(1.1)}.agent-dialog-ai-hint{color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs) * .75);text-align:center;margin:calc(var(--space-sm) - var(--space-xs) * .5) 0 0}.agent-dialog-summary{display:flex;flex-direction:column;gap:var(--space-sm)}.agent-dialog-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.agent-dialog-summary-row:last-child{border-bottom:none}.agent-dialog-summary-row-label{color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs) * .75)}.agent-dialog-summary-row-label--fixed{flex:0 0 calc(var(--space-xl) * 4 - var(--space-xs) * 1.5)}.agent-dialog-summary-row-value{font-weight:600}.agent-dialog-summary-row-value--body{font-weight:400}.agent-dialog-summary--spaced{margin-bottom:var(--space-md)}.agent-dialog-summary-row-value--muted{font-style:italic;color:var(--text-muted)}.agent-dialog-summary-row-value--capitalize{text-transform:capitalize}.agent-dialog-summary-row--editable{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.agent-dialog-summary-row--editable .agent-dialog-summary-row-label{margin-bottom:0}.agent-dialog-summary-row--title .input{font-size:calc(var(--space-md) + var(--space-xs) * .25);line-height:var(--space-lg)}.agent-presets{margin-bottom:var(--space-lg)}.agent-presets-header{font-size:calc(var(--space-md) + var(--space-xs) * .5);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.agent-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-xl) * 5 + var(--space-lg) + var(--space-xs)),1fr));gap:var(--space-sm);margin-bottom:var(--space-lg);max-height:calc(var(--space-xl) * 16 + var(--space-lg));overflow-y:auto}.agent-preset-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:var(--bg-secondary);font-family:var(--font-primary);color:var(--text)}.agent-preset-card:hover{border-color:var(--todo);background:var(--bg-tertiary)}.agent-preset-card:focus-visible{outline:none;border-color:var(--todo);box-shadow:var(--focus-ring-strong)}.agent-preset-card.selected{border-color:var(--todo);background:color-mix(in srgb,var(--todo) 12%,transparent)}.agent-preset-icon{font-size:var(--space-xl);margin-bottom:var(--space-xs)}.agent-preset-name{font-size:calc(var(--space-md) + var(--space-xs) * .25);font-weight:500;text-align:center;margin-bottom:var(--space-xs)}.agent-preset-role{font-size:calc(var(--space-sm) + var(--space-xs) * .75);color:var(--text-muted);text-transform:capitalize}.agent-preset-description{font-size:calc(var(--space-sm) + var(--space-xs) * .75);color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:calc(var(--space-xs) * .5)}.agent-dialog-header-sparkle{margin-right:var(--space-sm)}.agent-dialog-error-banner{color:var(--color-error);font-size:calc(var(--space-md) + var(--space-xs) * .25);padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-error) 10%,transparent);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.agent-dialog-textarea{resize:vertical}.agent-dialog-hint{font-size:calc(var(--space-sm) + var(--space-xs) * .75);color:var(--text-muted);margin-top:var(--space-xs);display:flex;justify-content:space-between;gap:var(--space-sm)}.agent-dialog-loading-center{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl) var(--space-lg);gap:var(--space-md)}.agent-dialog-spinner{width:var(--space-2xl);height:var(--space-2xl);border:calc(var(--space-xs) * .75) solid var(--border);border-top-color:var(--todo);border-radius:50%}.agent-dialog-loading-text{color:var(--text-muted);font-size:calc(var(--space-md) + var(--space-xs) * .25);margin:0}.agent-dialog-expand-btn{background:none;border:none;color:var(--todo);cursor:pointer;font-size:calc(var(--space-sm) + var(--space-xs));margin-left:var(--space-sm);padding:0}.agent-dialog-expand-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);border-radius:var(--radius-sm)}.agent-generation-prompt-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);font-size:calc(var(--space-sm) + var(--space-xs));font-family:var(--font-mono);line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow:auto;position:relative}.agent-generation-prompt-box--collapsed{max-height:calc(var(--space-xl) * 6 + var(--space-sm) + var(--space-xs) * .5);overflow:hidden}.agent-generation-prompt-fade{position:absolute;bottom:0;left:0;right:0;height:calc(var(--space-lg) + var(--space-xl));background:linear-gradient(transparent,var(--bg-secondary));pointer-events:none}.agent-dialog-required{color:var(--color-error)}.agent-dialog-optional{color:var(--text-muted);font-weight:400}.agent-dialog-error{color:var(--color-error);font-size:calc(var(--space-md) + var(--space-xs) * .25);margin-top:var(--space-md)}.agent-dialog-info{color:var(--text-muted);font-size:calc(var(--space-md) + var(--space-xs) * .25);margin-top:0;margin-bottom:var(--space-md)}.agent-dialog-loading{color:var(--text-muted);font-size:calc(var(--space-md) + var(--space-xs) * .25);padding:var(--space-sm) 0}.agent-dialog-field-hint{margin-top:var(--space-xs);font-size:calc(var(--space-sm) + var(--space-xs) * .75)}@media(max-width:768px){.agent-dialog-overlay{padding:0;align-items:stretch;justify-content:stretch}.agent-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border-left:0;border-right:0}.agent-dialog-header{padding:calc(var(--space-md) + env(safe-area-inset-top)) var(--space-md) var(--space-md)}.agent-dialog-footer{padding:var(--space-md) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom))}.agent-dialog-steps{padding:var(--space-sm) var(--space-md);overflow-x:auto;flex-wrap:nowrap;flex-shrink:0}.agent-dialog-header,.agent-dialog-footer{flex-shrink:0}.agent-dialog-body{padding:var(--space-md);flex:1 1 auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.agent-dialog-summary-row--editable .input{min-height:calc(var(--space-lg) + var(--space-xl))}.agent-dialog-footer{flex-wrap:wrap;gap:var(--space-xs)}.agent-dialog-footer>.btn{flex:1 1 auto;min-width:0}.agent-dialog-step-zero-actions{justify-content:stretch}.agent-dialog-interview-btn{width:100%}.agent-presets-grid{max-height:none;overflow-y:visible}}.agent-import-skills-section{margin-top:var(--space-lg)}.agent-import-skill-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:calc(var(--space-2xl) * 6);overflow-y:auto}.agent-import-skill-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.agent-import-skill-icon{flex-shrink:0}.agent-import-skill-details{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.agent-import-skill-name{font-weight:500;color:var(--text)}.agent-import-skill-description{color:var(--text-muted)}.agent-import-empty{color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs) * 1.25);text-align:center;padding:var(--space-lg)}.agent-import-result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm)}.agent-import-result-icon{color:var(--color-success);margin-bottom:var(--space-xs)}.agent-import-result-title{margin:0;font-size:calc(var(--space-md) + var(--space-xs));font-weight:600}.agent-import-result-company{color:var(--text-muted);font-size:calc(var(--space-md) + var(--space-xs) * .25);margin:0 0 var(--space-md) 0}.agent-import-result-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.agent-import-result-stat{display:flex;align-items:center;gap:var(--space-sm);font-size:calc(var(--space-sm) + var(--space-xs) * 1.25);padding:var(--space-xs) var(--space-sm)}.agent-import-result-stat--success{color:var(--color-success)}.agent-import-result-stat--skipped{color:var(--color-warning)}.agent-import-result-stat--error{color:var(--color-error)}.agent-import-result-stat--success:before,.agent-import-result-stat--skipped:before,.agent-import-result-stat--error:before{content:"";width:var(--space-sm);height:var(--space-sm);border-radius:50%;flex-shrink:0}.agent-import-result-stat--success:before{background:var(--color-success)}.agent-import-result-stat--skipped:before{background:var(--color-warning)}.agent-import-result-stat--error:before{background:var(--color-error)}.agent-import-result-agents{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;text-align:left}.agent-import-result-agent{display:flex;align-items:center;gap:calc(var(--space-sm) - var(--space-xs) * .5);font-size:calc(var(--space-md) + var(--space-xs) * .25);color:var(--color-success);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--color-success) 8%,transparent);border-radius:var(--radius-sm)}.agent-import-result-errors{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;text-align:left;margin-top:var(--space-sm)}.agent-import-result-error{display:flex;align-items:center;gap:calc(var(--space-sm) - var(--space-xs) * .5);font-size:calc(var(--space-sm) + var(--space-xs));color:var(--color-error);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--color-error) 8%,transparent);border-radius:var(--radius-sm)}.agent-import-result-warnings{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;text-align:left;margin-top:var(--space-sm)}.agent-import-result-warning{display:flex;align-items:flex-start;gap:calc(var(--space-sm) - var(--space-xs) * .5);font-size:calc(var(--space-sm) + var(--space-xs));color:var(--color-warning, #b8860b);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--color-warning, #b8860b) 10%,transparent);border-radius:var(--radius-sm);line-height:1.4}.agent-import-result-warning svg{flex-shrink:0;margin-top:2px}.agent-import-result-divider{align-self:stretch;height:1px;background:var(--border);margin:var(--space-md) 0}.agent-import-result-section-title{font-size:calc(var(--space-sm) + var(--space-xs));font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-sm) 0}.agent-import-browse{margin-bottom:var(--space-md)}.agent-import-browse-header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.agent-import-browse-search{position:relative;display:flex;align-items:center}.agent-import-browse-search-icon{position:absolute;left:var(--space-sm);color:var(--text-muted);pointer-events:none}.agent-import-browse-search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) calc(var(--space-sm) + var(--space-lg));border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:calc(var(--space-md) + var(--space-xs) * .5)}.agent-import-browse-search-input:focus{outline:none;border-color:var(--todo);box-shadow:var(--focus-ring)}.agent-import-browse-selected{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:color-mix(in srgb,var(--todo) 10%,transparent);border:1px solid color-mix(in srgb,var(--todo) 30%,transparent);border-radius:var(--radius-md)}.agent-import-browse-selected-label{color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs))}.agent-import-browse-selected-name{flex:1;font-weight:500;color:var(--todo)}.agent-import-browse-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl) 0;color:var(--text-muted)}.agent-import-browse-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:color-mix(in srgb,var(--color-error) 8%,transparent);border-radius:var(--radius-md);color:var(--color-error);font-size:calc(var(--space-md) + var(--space-xs) * .25)}.agent-import-browse-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:calc(var(--space-xl) * 12 + var(--space-md));overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.agent-import-browse-item{display:flex;flex-direction:column;gap:calc(var(--space-xs) * .5);padding:var(--space-sm);cursor:pointer;border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}.agent-import-browse-item:last-child{border-bottom:none}.agent-import-browse-item:hover{background:var(--surface-hover)}.agent-import-browse-item:focus-visible{outline:none;background:var(--surface-hover);box-shadow:var(--focus-ring)}.agent-import-browse-item--selected{background:color-mix(in srgb,var(--todo) 10%,transparent);border-color:var(--todo)}.agent-import-browse-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.agent-import-browse-item-name{font-weight:500;color:var(--text)}.agent-import-browse-item-installs{font-size:calc(var(--space-sm) + var(--space-xs) * .75);color:var(--text-muted);white-space:nowrap}.agent-import-browse-item-tagline{font-size:calc(var(--space-sm) + var(--space-xs));color:var(--text-muted);line-height:1.4}.agent-import-browse-item-repo{font-size:calc(var(--space-sm) + var(--space-xs) * .75);color:var(--text-muted);font-family:var(--font-mono)}.agent-import-browse-empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs) * 1.25)}.agent-controls-actions{display:flex;gap:var(--space-sm)}.agent-global-controls{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.heartbeat-multiplier-label{font-weight:500;color:var(--text);white-space:nowrap}.agent-import-dialog{max-width:calc(var(--space-xl) * 23 + var(--space-sm))}.agent-import-description{color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs) * 1.25);margin:0 0 var(--space-md) 0;line-height:1.5}.agent-import-description code{background:var(--surface-hover);padding:calc(var(--space-xs) * .25) var(--space-xs);border-radius:calc(var(--radius-sm) - var(--space-xs) * .25);font-size:calc(var(--space-sm) + var(--space-xs))}.agent-import-file-upload{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.agent-import-file-input{display:none}.agent-import-upload-btn{display:inline-flex;align-items:center;gap:calc(var(--space-sm) - var(--space-xs) * .5)}.agent-import-file-hint{color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs))}.agent-import-divider{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs))}.agent-import-divider:before,.agent-import-divider:after{content:"";flex:1;height:1px;background:var(--border)}.agent-import-textarea{width:100%;min-height:calc(var(--space-xl) * 5);padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:calc(var(--space-sm) + var(--space-xs));line-height:1.5;resize:vertical}.agent-import-textarea:focus{outline:none;border-color:var(--todo);box-shadow:var(--focus-ring)}.agent-import-company{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.agent-import-company-label{color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs));text-transform:uppercase;letter-spacing:.04em}.agent-import-company-name{font-weight:600;font-size:calc(var(--space-md) + var(--space-xs) * .5)}.agent-import-count{display:flex;align-items:center;gap:calc(var(--space-sm) - var(--space-xs) * .5);color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs) * 1.25);margin-bottom:var(--space-md)}.agent-import-selection-controls{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.agent-import-agent-list{display:flex;flex-direction:column;gap:calc(var(--space-sm) - var(--space-xs) * .5);max-height:calc(var(--space-xl) * 11 + var(--space-lg));overflow-y:auto}.agent-import-agent-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.agent-import-agent-icon{font-size:calc(var(--space-md) + var(--space-xs) * 1.5);line-height:1;flex-shrink:0}.agent-import-agent-details{display:flex;flex-direction:column;min-width:0}.agent-import-agent-name{font-weight:500;font-size:calc(var(--space-sm) + var(--space-xs) * 1.25)}.agent-import-agent-meta{color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs) * .75)}.agent-import-agent-title{color:var(--text-muted)}.agent-import-agent-role{text-transform:capitalize}.agent-import-agent-model{color:var(--text-muted)}