@runfusion/fusion 0.70.2 → 0.72.0

package/dist/client/assets/{AgentsView-DtC-DVyX.js → AgentsView-Bu8h0vGY.js}

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