specrails-hub 1.47.0 → 1.48.1

package/client/dist/assets/{ActivityFeedPage-BAfa_GyX.js → ActivityFeedPage-B3at49Zq.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{At as t,F as n,ct as r,dt as i,et as a,ft as o,lt as s,q as c,st as l,tt as u,ut as d}from"./index-DXv4GvQj.js";var f=r(`ban`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M4.929 4.929 19.07 19.071`,key:`196cmz`}]]),p=e(t(),1);function m(e){let t=new Set;return e.filter(e=>{let n=`${e.type}:${e.jobId}`;return t.has(n)?!1:(t.add(n),!0)})}function h({activeProjectId:e,limit:t=50}){let[n,r]=(0,p.useState)([]),[i,a]=(0,p.useState)(!1),[s,c]=(0,p.useState)(!0),l=(0,p.useRef)(e);(0,p.useEffect)(()=>{l.current=e},[e]);let{registerHandler:u,unregisterHandler:f}=d();(0,p.useEffect)(()=>{if(!e){r([]),c(!0);return}let n=!1;a(!0),r([]),c(!0);async function i(){let e=o();try{let i=await fetch(`${e}/activity?limit=${t}`);if(!i.ok||n)return;let a=await i.json();if(n)return;r(a),c(a.length===t)}catch{}finally{n||a(!1)}}return i(),()=>{n=!0}},[e,t]);let h=(0,p.useCallback)(async()=>{if(i||!s)return;a(!0);let e=o();try{r(n=>{let i=n[n.length-1];if(!i)return n;let o=encodeURIComponent(i.timestamp);return fetch(`${e}/activity?limit=${t}&before=${o}`).then(e=>e.json()).then(e=>{r(t=>m([...t,...e])),c(e.length===t),a(!1)}).catch(()=>a(!1)),n})}catch{a(!1)}},[i,s,t]),g=(0,p.useCallback)(e=>{let t=e,n=l.current;if(!(!t||typeof t.type!=`string`)&&!(t.projectId&&t.projectId!==n)){if(t.type===`queue`&&Array.isArray(t.jobs)){let e=[];for(let n of t.jobs){let t=n.status===`completed`?`job_completed`:n.status===`failed`?`job_failed`:n.status===`canceled`?`job_canceled`:`job_started`;e.push({id:`${t}:${n.id}`,type:t,jobId:n.id,jobCommand:n.command??``,timestamp:n.startedAt??new Date().toISOString(),summary:`${t.replace(`_`,` `)}: ${n.command??``}`,costUsd:null})}e.length>0&&r(t=>m([...e,...t]))}if(t.type===`phase`&&t.phase&&t.state&&t.timestamp){let e={id:`phase:${t.phase}:${t.state}:${t.timestamp}`,type:`job_started`,jobId:`phase-${t.phase}`,jobCommand:`Phase: ${t.phase} → ${t.state}`,timestamp:t.timestamp,summary:`Phase ${t.phase} is ${t.state}`,costUsd:null};r(t=>m([e,...t]))}}},[]);return(0,p.useLayoutEffect)(()=>(u(`activity`,g),()=>f(`activity`)),[g,u,f]),{items:n,loading:i,hasMore:s,loadMore:h}}var g=i();function _(e){let t=Date.now()-new Date(e).getTime(),n=Math.floor(t/1e3);if(n<60)return`${n}s ago`;let r=Math.floor(n/60);if(r<60)return`${r}m ago`;let i=Math.floor(r/60);return i<24?`${i}h ago`:`${Math.floor(i/24)}d ago`}function v({type:e}){switch(e){case`job_completed`:return(0,g.jsx)(u,{className:`w-4 h-4 text-green-500 flex-shrink-0`});case`job_failed`:return(0,g.jsx)(a,{className:`w-4 h-4 text-red-500 flex-shrink-0`});case`job_canceled`:return(0,g.jsx)(f,{className:`w-4 h-4 text-muted-foreground flex-shrink-0`});default:return(0,g.jsx)(n,{className:`w-4 h-4 text-blue-500 flex-shrink-0`})}}function y(e){switch(e){case`job_completed`:return`Completed`;case`job_failed`:return`Failed`;case`job_canceled`:return`Canceled`;default:return`Started`}}function b(e){switch(e){case`job_completed`:return`text-green-500`;case`job_failed`:return`text-red-500`;case`job_canceled`:return`text-muted-foreground`;default:return`text-blue-500`}}function x(){let{activeProjectId:e}=s(),{items:t,loading:n,hasMore:r,loadMore:i}=h({activeProjectId:e}),a=(0,p.useRef)(null);return(0,p.useEffect)(()=>{let e=a.current;if(!e)return;let t=new IntersectionObserver(e=>{e[0].isIntersecting&&r&&!n&&i()},{threshold:.1});return t.observe(e),()=>t.disconnect()},[r,n,i]),(0,g.jsxs)(`div`,{className:`flex flex-col h-full overflow-hidden`,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-3 border-b border-border bg-background/50`,children:[(0,g.jsx)(l,{className:`w-4 h-4 text-muted-foreground`}),(0,g.jsx)(`h1`,{className:`text-sm font-medium`,children:`Activity`})]}),(0,g.jsxs)(`div`,{className:`flex-1 overflow-y-auto`,children:[n&&t.length===0?(0,g.jsx)(`div`,{className:`flex items-center justify-center h-32`,children:(0,g.jsx)(c,{className:`w-4 h-4 animate-spin text-muted-foreground`})}):t.length===0?(0,g.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-48 gap-2 text-muted-foreground`,children:[(0,g.jsx)(l,{className:`w-8 h-8 opacity-40`}),(0,g.jsx)(`p`,{className:`text-sm`,children:`No activity yet`}),(0,g.jsx)(`p`,{className:`text-xs opacity-70`,children:`Job events will appear here when jobs run`})]}):(0,g.jsx)(`ul`,{className:`divide-y divide-border/50`,children:t.map(e=>(0,g.jsxs)(`li`,{className:`flex items-center gap-3 px-4 py-2.5 hover:bg-accent/30 transition-colors`,children:[(0,g.jsx)(v,{type:e.type}),(0,g.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,g.jsx)(`p`,{className:`text-xs text-foreground truncate`,title:e.jobCommand,children:e.jobCommand}),(0,g.jsxs)(`div`,{className:`flex items-center gap-2 mt-0.5`,children:[(0,g.jsx)(`span`,{className:`text-xs font-medium ${b(e.type)}`,children:y(e.type)}),e.costUsd!=null&&(0,g.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[`$`,e.costUsd.toFixed(4)]})]})]}),(0,g.jsx)(`span`,{className:`text-xs text-muted-foreground flex-shrink-0 tabular-nums`,children:_(e.timestamp)})]},`${e.type}:${e.jobId}`))}),(0,g.jsx)(`div`,{ref:a,className:`h-1`}),n&&t.length>0&&(0,g.jsx)(`div`,{className:`flex justify-center py-3`,children:(0,g.jsx)(c,{className:`w-4 h-4 animate-spin text-muted-foreground`})}),!r&&t.length>0&&(0,g.jsx)(`p`,{className:`text-center text-xs text-muted-foreground py-3`,children:`All activity loaded`})]})]})}export{x as default};
+import{r as e}from"./chunk-CilyBKbf.js";import{L as t,Mt as n,Y as r,dt as i,ft as a,lt as o,mt as s,nt as c,pt as l,rt as u,ut as d}from"./index--C_XTYoK.js";var f=d(`ban`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M4.929 4.929 19.07 19.071`,key:`196cmz`}]]),p=e(n(),1);function m(e){let t=new Set;return e.filter(e=>{let n=`${e.type}:${e.jobId}`;return t.has(n)?!1:(t.add(n),!0)})}function h({activeProjectId:e,limit:t=50}){let[n,r]=(0,p.useState)([]),[i,o]=(0,p.useState)(!1),[c,l]=(0,p.useState)(!0),u=(0,p.useRef)(e);(0,p.useEffect)(()=>{u.current=e},[e]);let{registerHandler:d,unregisterHandler:f}=a();(0,p.useEffect)(()=>{if(!e){r([]),l(!0);return}let n=!1;o(!0),r([]),l(!0);async function i(){let e=s();try{let i=await fetch(`${e}/activity?limit=${t}`);if(!i.ok||n)return;let a=await i.json();if(n)return;r(a),l(a.length===t)}catch{}finally{n||o(!1)}}return i(),()=>{n=!0}},[e,t]);let h=(0,p.useCallback)(async()=>{if(i||!c)return;o(!0);let e=s();try{r(n=>{let i=n[n.length-1];if(!i)return n;let a=encodeURIComponent(i.timestamp);return fetch(`${e}/activity?limit=${t}&before=${a}`).then(e=>e.json()).then(e=>{r(t=>m([...t,...e])),l(e.length===t),o(!1)}).catch(()=>o(!1)),n})}catch{o(!1)}},[i,c,t]),g=(0,p.useCallback)(e=>{let t=e,n=u.current;if(!(!t||typeof t.type!=`string`)&&!(t.projectId&&t.projectId!==n)){if(t.type===`queue`&&Array.isArray(t.jobs)){let e=[];for(let n of t.jobs){let t=n.status===`completed`?`job_completed`:n.status===`failed`?`job_failed`:n.status===`canceled`?`job_canceled`:`job_started`;e.push({id:`${t}:${n.id}`,type:t,jobId:n.id,jobCommand:n.command??``,timestamp:n.startedAt??new Date().toISOString(),summary:`${t.replace(`_`,` `)}: ${n.command??``}`,costUsd:null})}e.length>0&&r(t=>m([...e,...t]))}if(t.type===`phase`&&t.phase&&t.state&&t.timestamp){let e={id:`phase:${t.phase}:${t.state}:${t.timestamp}`,type:`job_started`,jobId:`phase-${t.phase}`,jobCommand:`Phase: ${t.phase} → ${t.state}`,timestamp:t.timestamp,summary:`Phase ${t.phase} is ${t.state}`,costUsd:null};r(t=>m([e,...t]))}}},[]);return(0,p.useLayoutEffect)(()=>(d(`activity`,g),()=>f(`activity`)),[g,d,f]),{items:n,loading:i,hasMore:c,loadMore:h}}var g=l();function _(e){let t=Date.now()-new Date(e).getTime(),n=Math.floor(t/1e3);if(n<60)return`${n}s ago`;let r=Math.floor(n/60);if(r<60)return`${r}m ago`;let i=Math.floor(r/60);return i<24?`${i}h ago`:`${Math.floor(i/24)}d ago`}function v({type:e}){switch(e){case`job_completed`:return(0,g.jsx)(u,{className:`w-4 h-4 text-green-500 flex-shrink-0`});case`job_failed`:return(0,g.jsx)(c,{className:`w-4 h-4 text-red-500 flex-shrink-0`});case`job_canceled`:return(0,g.jsx)(f,{className:`w-4 h-4 text-muted-foreground flex-shrink-0`});default:return(0,g.jsx)(t,{className:`w-4 h-4 text-blue-500 flex-shrink-0`})}}function y(e){switch(e){case`job_completed`:return`Completed`;case`job_failed`:return`Failed`;case`job_canceled`:return`Canceled`;default:return`Started`}}function b(e){switch(e){case`job_completed`:return`text-green-500`;case`job_failed`:return`text-red-500`;case`job_canceled`:return`text-muted-foreground`;default:return`text-blue-500`}}function x(){let{activeProjectId:e}=i(),{items:t,loading:n,hasMore:a,loadMore:s}=h({activeProjectId:e}),c=(0,p.useRef)(null);return(0,p.useEffect)(()=>{let e=c.current;if(!e)return;let t=new IntersectionObserver(e=>{e[0].isIntersecting&&a&&!n&&s()},{threshold:.1});return t.observe(e),()=>t.disconnect()},[a,n,s]),(0,g.jsxs)(`div`,{className:`flex flex-col h-full overflow-hidden`,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-3 border-b border-border bg-background/50`,children:[(0,g.jsx)(o,{className:`w-4 h-4 text-muted-foreground`}),(0,g.jsx)(`h1`,{className:`text-sm font-medium`,children:`Activity`})]}),(0,g.jsxs)(`div`,{className:`flex-1 overflow-y-auto`,children:[n&&t.length===0?(0,g.jsx)(`div`,{className:`flex items-center justify-center h-32`,children:(0,g.jsx)(r,{className:`w-4 h-4 animate-spin text-muted-foreground`})}):t.length===0?(0,g.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-48 gap-2 text-muted-foreground`,children:[(0,g.jsx)(o,{className:`w-8 h-8 opacity-40`}),(0,g.jsx)(`p`,{className:`text-sm`,children:`No activity yet`}),(0,g.jsx)(`p`,{className:`text-xs opacity-70`,children:`Job events will appear here when jobs run`})]}):(0,g.jsx)(`ul`,{className:`divide-y divide-border/50`,children:t.map(e=>(0,g.jsxs)(`li`,{className:`flex items-center gap-3 px-4 py-2.5 hover:bg-accent/30 transition-colors`,children:[(0,g.jsx)(v,{type:e.type}),(0,g.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,g.jsx)(`p`,{className:`text-xs text-foreground truncate`,title:e.jobCommand,children:e.jobCommand}),(0,g.jsxs)(`div`,{className:`flex items-center gap-2 mt-0.5`,children:[(0,g.jsx)(`span`,{className:`text-xs font-medium ${b(e.type)}`,children:y(e.type)}),e.costUsd!=null&&(0,g.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[`$`,e.costUsd.toFixed(4)]})]})]}),(0,g.jsx)(`span`,{className:`text-xs text-muted-foreground flex-shrink-0 tabular-nums`,children:_(e.timestamp)})]},`${e.type}:${e.jobId}`))}),(0,g.jsx)(`div`,{ref:c,className:`h-1`}),n&&t.length>0&&(0,g.jsx)(`div`,{className:`flex justify-center py-3`,children:(0,g.jsx)(r,{className:`w-4 h-4 animate-spin text-muted-foreground`})}),!a&&t.length>0&&(0,g.jsx)(`p`,{className:`text-center text-xs text-muted-foreground py-3`,children:`All activity loaded`})]})]})}export{x as default};

package/client/dist/assets/AgentsPage-B5b75x7a.js

@@ -0,0 +1,79 @@
+import{r as e}from"./chunk-CilyBKbf.js";import{A as t,B as n,C as r,Ct as i,Dt as a,Et as o,H as s,I as c,K as l,M as u,Mt as d,N as f,P as p,Q as m,R as h,S as g,St as _,Tt as v,U as y,V as b,X as x,Y as S,Z as C,_t as w,bt as T,c as E,ct as D,d as O,dt as k,et as A,f as j,ft as M,gt as N,ht as P,j as F,k as I,l as L,mt as R,pt as z,q as B,u as V,ut as H,vt as ee,wt as U,xt as W,yt as te,z as G}from"./index--C_XTYoK.js";var ne=H(`arrow-down`,[[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`m19 12-7 7-7-7`,key:`1idqje`}]]),K=H(`arrow-up`,[[`path`,{d:`m5 12 7-7 7 7`,key:`hav0vg`}],[`path`,{d:`M12 19V5`,key:`x0mq9r`}]]),re=H(`circle-alert`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`line`,{x1:`12`,x2:`12`,y1:`8`,y2:`12`,key:`1pkeuh`}],[`line`,{x1:`12`,x2:`12.01`,y1:`16`,y2:`16`,key:`4dfq90`}]]),ie=H(`flask-conical`,[[`path`,{d:`M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2`,key:`18mbvz`}],[`path`,{d:`M6.453 15h11.094`,key:`3shlmq`}],[`path`,{d:`M8.5 2h7`,key:`csnxdl`}]]),ae=H(`history`,[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`,key:`1357e3`}],[`path`,{d:`M3 3v5h5`,key:`1xhq8a`}],[`path`,{d:`M12 7v5l4 2`,key:`1fdv2h`}]]),q=H(`pin`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]]),oe=H(`tag`,[[`path`,{d:`M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z`,key:`vktsd0`}],[`circle`,{cx:`7.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`kqv944`}]]),se=H(`wand-sparkles`,[[`path`,{d:`m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72`,key:`ul74o6`}],[`path`,{d:`m14 7 3 3`,key:`1r5n42`}],[`path`,{d:`M5 6v4`,key:`ilb8ba`}],[`path`,{d:`M19 14v4`,key:`blhpug`}],[`path`,{d:`M10 2v2`,key:`7u0qdc`}],[`path`,{d:`M7 8H3`,key:`zfb6yr`}],[`path`,{d:`M21 16h-4`,key:`1cnmox`}],[`path`,{d:`M11 3H9`,key:`1obp7u`}]]),J=e(d(),1),Y=z(),ce=/^[a-z0-9][a-z0-9-]*$/;function X({open:e,mode:n=`add`,initial:r,chainAgents:i,onConfirm:a,onCancel:o}){let[s,l]=(0,J.useState)(``),[d,m]=(0,J.useState)(i[0]??``);(0,J.useEffect)(()=>{e&&(n===`edit`&&r?(l(r.tags.join(`, `)),m(i.includes(r.agent)?r.agent:i[0]??``)):(l(``),m(i[0]??``)))},[e,n,r,i]);let h=s.split(`,`).map(e=>e.trim()).filter(Boolean),g=h.filter(e=>!ce.test(e)),_=h.length>0&&g.length===0&&i.includes(d);return(0,Y.jsx)(I,{open:e,onOpenChange:e=>{e||o()},children:(0,Y.jsxs)(t,{className:`max-w-md`,children:[(0,Y.jsxs)(f,{children:[(0,Y.jsx)(p,{children:n===`edit`?`Edit routing rule`:`Add routing rule`}),(0,Y.jsx)(F,{children:n===`edit`?`Update the tags or target agent for this rule.`:`Add a tag-matched routing rule using lowercase kebab-case tags.`})]}),(0,Y.jsxs)(`div`,{className:`py-2 space-y-3`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`label`,{className:`block text-xs font-medium text-muted-foreground mb-1`,children:`Tags`}),(0,Y.jsx)(E,{autoFocus:!0,value:s,onChange:e=>l(e.target.value),placeholder:`frontend, ui`,"aria-label":`Tags`,className:`text-sm font-mono`}),(0,Y.jsxs)(`p`,{className:`text-[11px] text-muted-foreground mt-1`,children:[`Comma-separated. Use lowercase kebab-case like `,(0,Y.jsx)(`code`,{children:`frontend`}),` or `,(0,Y.jsx)(`code`,{children:`api-design`}),`.`]}),g.length>0&&(0,Y.jsxs)(`p`,{className:`text-[11px] text-red-400 mt-1`,children:[`Invalid tag`,g.length===1?``:`s`,`: `,g.join(`, `),`. Tags must use lowercase letters, digits, and hyphens only.`]})]}),(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`label`,{className:`block text-xs font-medium text-muted-foreground mb-1`,children:`Route to`}),(0,Y.jsx)(`select`,{value:d,onChange:e=>m(e.target.value),"aria-label":`Route to`,className:`w-full h-9 px-2 text-sm rounded-md border border-border bg-background`,children:i.map(e=>(0,Y.jsx)(`option`,{value:e,children:e},e))}),(0,Y.jsx)(`p`,{className:`text-[11px] text-muted-foreground mt-1`,children:`Only agents in this profile's chain can be routing targets.`})]})]}),(0,Y.jsxs)(u,{children:[(0,Y.jsx)(c,{variant:`ghost`,size:`sm`,onClick:o,children:`Cancel`}),(0,Y.jsx)(c,{size:`sm`,onClick:()=>a(h,d),disabled:!_,children:n===`edit`?`Save changes`:`Add rule`})]})]})})}var Z=new Set([`sr-architect`,`sr-developer`,`sr-reviewer`,`sr-merge-resolver`]),le=[`sonnet`,`opus`,`haiku`],ue=/^[a-z0-9][a-z0-9-]*$/;function de({profile:e,onChange:t,footer:n,onValidityChange:r,onSoftWarningsChange:a}){let[o,s]=(0,J.useState)([]),[u,d]=(0,J.useState)(!1),[f,p]=(0,J.useState)(!1),[m,g]=(0,J.useState)(null);(0,J.useEffect)(()=>{let e=!1;return fetch(`${R()}/profiles/catalog`).then(e=>e.ok?e.json():{agents:[]}).then(t=>{e||s(t.agents)}).catch(()=>{e||s([])}),()=>{e=!0}},[]);let y=n=>{let r=JSON.parse(JSON.stringify(e));n(r),t(r)},b=new Set(e.agents.map(e=>e.id)),x=o.filter(e=>!b.has(e.id)),S=(0,J.useMemo)(()=>{let t=[];for(let n of Z)e.agents.some(e=>e.id===n)||t.push(`Missing required baseline agent: ${n}`);let n=e.routing.filter(e=>`default`in e&&e.default===!0);if(n.length>1&&t.push(`Routing may have at most one default rule (found ${n.length})`),n.length===1){let n=e.routing[e.routing.length-1];`default`in n&&n.default===!0||t.push(`The default routing rule must be the last entry`)}for(let n of e.routing)if(e.agents.some(e=>e.id===n.agent)||t.push(`Routing references agent not in the chain: ${n.agent}`),`tags`in n){let e=n.tags.filter(e=>!ue.test(e));e.length>0&&t.push(`Routing rule ${n.agent} has invalid tags: ${e.join(`, `)} (use lowercase kebab-case)`)}return t},[e]),C=(0,J.useMemo)(()=>{if(e.routing.length===0)return[];let t=new Set(e.routing.map(e=>e.agent));return e.agents.filter(e=>!Z.has(e.id)&&!t.has(e.id)).map(e=>e.id)},[e]),D=(0,J.useMemo)(()=>e.routing.some(e=>`default`in e&&e.default===!0),[e.routing]);(0,J.useEffect)(()=>{r&&r(S)},[S,r]),(0,J.useEffect)(()=>{a&&a({agentsMissingRouting:C})},[C,a]);let O=e=>{y(t=>{let n={id:e,model:`sonnet`},r=t.agents.findIndex(e=>e.id===`sr-merge-resolver`);r>=0?t.agents.splice(r,0,n):t.agents.push(n)}),d(!1)},k=t=>{let n=e.agents[t];Z.has(n.id)||y(e=>{e.agents.splice(t,1),e.routing=e.routing.filter(e=>e.agent!==n.id)})},A=(t,n)=>{if(t===n)return;let r=e.agents.findIndex(e=>e.id===t),i=e.agents.findIndex(e=>e.id===n);if(r<0||i<0)return;let a=N(e.agents,r,i),o=a.findIndex(e=>e.id===`sr-architect`);if(o>0){let[e]=a.splice(o,1);a.unshift(e)}let s=a.findIndex(e=>e.id===`sr-merge-resolver`);if(s>=0&&s!==a.length-1){let[e]=a.splice(s,1);a.push(e)}y(e=>{e.agents=a})},j=v(U(_,{activationConstraint:{distance:4}}),U(W,{coordinateGetter:w})),M=e=>{let{active:t,over:n}=e;n&&A(String(t.id),String(n.id))},F=(e,t)=>{y(n=>{n.agents[e].model=t})},I=(e,t)=>{y(n=>{let r={tags:e,agent:t},i=n.routing.findIndex(e=>`default`in e&&e.default===!0);i>=0?n.routing.splice(i,0,r):n.routing.push(r)}),p(!1)},L=()=>{y(e=>{e.routing.some(e=>`default`in e&&e.default===!0)||e.agents.some(e=>e.id===`sr-developer`)&&e.routing.push({default:!0,agent:`sr-developer`})})},z=e=>`default`in e&&e.default===!0,B=(e,t)=>{y(n=>{let r=n.routing[e];r&&(z(r)||(r.agent=t))})},V=(e,t,n)=>{y(r=>{let i=r.routing[e];i&&(z(i)||(i.tags=t,i.agent=n))})},H=e=>{y(t=>{let n=t.routing[e];n&&(z(n)||t.routing.splice(e,1))})},ee=(t,n)=>{let r=t+n;if(r<0||r>=e.routing.length)return;let i=e.routing[t],a=e.routing[r];z(i)||z(a)||y(e=>{let[n]=e.routing.splice(t,1);e.routing.splice(r,0,n)})};return(0,Y.jsxs)(`div`,{className:`p-6 space-y-6 max-w-3xl`,children:[(0,Y.jsx)(X,{open:f,mode:`add`,chainAgents:e.agents.map(e=>e.id),onConfirm:I,onCancel:()=>p(!1)}),(0,Y.jsx)(X,{open:m!==null,mode:`edit`,initial:m!==null&&e.routing[m]&&!(`default`in e.routing[m])?{tags:e.routing[m].tags,agent:e.routing[m].agent}:void 0,chainAgents:e.agents.map(e=>e.id),onConfirm:(e,t)=>{m!==null&&(V(m,e,t),g(null))},onCancel:()=>g(null)}),S.length>0&&(0,Y.jsxs)(`div`,{className:`px-3 py-2 text-xs rounded-md border border-yellow-500/30 bg-yellow-500/10 text-yellow-500`,children:[(0,Y.jsxs)(`div`,{className:`font-medium mb-1`,children:[S.length,` validation `,S.length===1?`issue`:`issues`]}),(0,Y.jsx)(`ul`,{className:`list-disc list-inside space-y-0.5`,children:S.map((e,t)=>(0,Y.jsx)(`li`,{children:e},t))})]}),(0,Y.jsxs)(`section`,{className:`space-y-3`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`label`,{className:`block text-xs font-medium text-muted-foreground mb-1`,children:`Name`}),(0,Y.jsx)(E,{value:e.name,disabled:!0,className:`text-sm`})]}),(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`label`,{className:`block text-xs font-medium text-muted-foreground mb-1`,children:`Description`}),(0,Y.jsx)(E,{value:e.description??``,onChange:e=>y(t=>{t.description=e.target.value}),className:`text-sm`,placeholder:`What is this profile for?`})]})]}),(0,Y.jsxs)(`section`,{children:[(0,Y.jsx)(`h2`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2`,children:`Orchestrator`}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 p-3 rounded-md border border-border`,children:[(0,Y.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,Y.jsx)(`div`,{className:`text-sm font-mono text-foreground truncate`,children:`/specrails:implement · /specrails:batch-implement`}),(0,Y.jsx)(`div`,{className:`text-[11px] text-muted-foreground mt-0.5`,children:`Top-level model for both commands. batch-implement delegates to implement per feature, so every rail it spawns inherits this profile's agent chain.`})]}),(0,Y.jsx)(me,{value:e.orchestrator.model,onChange:e=>y(t=>{t.orchestrator.model=e})})]})]}),(0,Y.jsxs)(`section`,{children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,Y.jsxs)(`h2`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:[`Agent chain (`,e.agents.length,`)`]}),(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:()=>d(e=>!e),disabled:x.length===0,title:x.length===0?`All catalog agents are already in the chain`:`Add an agent from the catalog`,children:[(0,Y.jsx)(l,{className:`w-3.5 h-3.5 mr-1`}),` Add`]})]}),u&&(0,Y.jsxs)(`div`,{className:`mb-2 p-2 rounded-md border border-border bg-muted/30`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between mb-1.5 px-1`,children:[(0,Y.jsxs)(`span`,{className:`text-[11px] text-muted-foreground`,children:[`Pick from catalog (`,x.length,` available)`]}),(0,Y.jsx)(`button`,{type:`button`,className:`p-1 hover:bg-accent rounded`,onClick:()=>d(!1),title:`Close`,children:(0,Y.jsx)(h,{className:`w-3 h-3`})})]}),x.length===0?(0,Y.jsx)(`div`,{className:`px-2 py-3 text-xs text-muted-foreground text-center`,children:`No more agents in the catalog. Add custom agents from the Agents Catalog tab.`}):(0,Y.jsx)(`div`,{className:`space-y-0.5 max-h-64 overflow-auto`,children:x.map(e=>(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>O(e.id),className:`w-full flex items-center justify-between gap-2 px-2 py-1.5 text-left rounded hover:bg-accent transition-colors`,children:[(0,Y.jsx)(`span`,{className:`text-sm font-mono`,children:e.id}),(0,Y.jsx)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded `+(e.kind===`custom`?`bg-purple-500/15 text-purple-400`:`bg-muted text-muted-foreground`),children:e.kind})]},e.id))})]}),(0,Y.jsx)(T,{sensors:j,collisionDetection:i,onDragEnd:M,children:(0,Y.jsx)(P,{items:e.agents.map(e=>e.id),strategy:te,children:(0,Y.jsx)(`div`,{className:`space-y-1.5`,children:e.agents.map((e,t)=>(0,Y.jsx)(fe,{agent:e,canRemove:!Z.has(e.id),onModel:e=>F(t,e),onRemove:()=>k(t)},e.id))})})})]}),(0,Y.jsxs)(`section`,{children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,Y.jsxs)(`h2`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:[`Routing (`,e.routing.length,`)`]}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[!D&&(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:L,disabled:e.agents.length===0,title:e.agents.length===0?`Add at least one agent before creating routing rules`:void 0,children:[(0,Y.jsx)(l,{className:`w-3.5 h-3.5 mr-1`}),` Add default`]}),(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:()=>p(!0),disabled:e.agents.length===0,title:e.agents.length===0?`Add at least one agent before creating routing rules`:void 0,children:[(0,Y.jsx)(l,{className:`w-3.5 h-3.5 mr-1`}),` Add rule`]})]})]}),(0,Y.jsx)(`p`,{className:`text-[11px] text-muted-foreground mb-2`,children:`First matching rule wins. Rules are editable and removable, and the default catch-all stays last when present. If you leave routing empty, the pipeline falls back to the first developer-shaped agent in the chain.`}),C.length>0&&(0,Y.jsxs)(`div`,{className:`mb-2 px-3 py-2 text-xs rounded-md border border-yellow-500/30 bg-yellow-500/10 text-yellow-500`,children:[(0,Y.jsx)(`div`,{className:`font-medium mb-1`,children:`Untargeted agents in the chain`}),(0,Y.jsxs)(`div`,{children:[`No routing rule points to: `,(0,Y.jsx)(`span`,{className:`font-mono`,children:C.join(`, `)}),`. Add a tag rule or retarget the default rule if you want them to run.`]})]}),(0,Y.jsx)(`div`,{className:`space-y-1.5`,children:e.routing.map((t,n)=>{let r=`default`in t&&t.default===!0;return(0,Y.jsx)(pe,{rule:t,ordinal:n+1,isLast:n===e.routing.length-1,canMove:!r,canRemove:!r,canEdit:!r,chainAgents:e.agents.map(e=>e.id),onAgentChange:e=>B(n,e),onEdit:()=>g(n),onUp:()=>ee(n,-1),onDown:()=>ee(n,1),onRemove:()=>H(n)},n)})})]}),n&&(0,Y.jsx)(`div`,{className:`pt-3 border-t border-border`,children:n})]})}function fe({agent:e,canRemove:t,onModel:n,onRemove:r}){let i=Z.has(e.id),a=e.id===`sr-architect`,s=e.id===`sr-merge-resolver`,{attributes:c,listeners:l,setNodeRef:u,transform:d,transition:f,isDragging:p}=ee({id:e.id});return(0,Y.jsxs)(`div`,{ref:u,style:{transform:o.Transform.toString(d),transition:f,opacity:p?.5:void 0,zIndex:p?10:void 0},className:`flex items-center gap-2 px-2 py-1.5 rounded-md border border-border group hover:bg-accent/30 transition-colors bg-background`,children:[(0,Y.jsx)(`button`,{type:`button`,className:`flex-shrink-0 p-0.5 rounded text-muted-foreground cursor-grab active:cursor-grabbing hover:text-foreground`,title:`Drag to reorder`,"aria-label":`Drag handle`,...c,...l,children:(0,Y.jsx)(x,{className:`w-3.5 h-3.5`})}),(0,Y.jsx)(`span`,{className:`text-sm font-mono flex-1 truncate`,children:e.id}),a&&(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[10px] px-1.5 py-0.5 rounded bg-accent-primary/15 text-accent-primary`,title:`Pinned to first position — pipeline always starts with sr-architect`,children:[(0,Y.jsx)(q,{className:`w-2.5 h-2.5 rotate-[135deg]`}),` first`]}),s&&(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[10px] px-1.5 py-0.5 rounded bg-accent-primary/15 text-accent-primary`,title:`Pinned to last position — merge phase always runs last`,children:[(0,Y.jsx)(q,{className:`w-2.5 h-2.5 rotate-45`}),` last`]}),i&&!a&&!s&&(0,Y.jsx)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground`,children:`required`}),(0,Y.jsx)(me,{value:e.model??`sonnet`,onChange:n}),(0,Y.jsx)(`button`,{type:`button`,className:`p-1 hover:bg-red-500/20 text-red-400 rounded disabled:opacity-30 disabled:cursor-not-allowed opacity-0 group-hover:opacity-100 transition-opacity`,onClick:r,disabled:!t,title:t?`Remove`:`Required baseline agent — the pipeline depends on this row`,children:(0,Y.jsx)(h,{className:`w-3 h-3`})})]})}function pe({rule:e,ordinal:t,isLast:n,canMove:r,canRemove:i,canEdit:a,chainAgents:o,onAgentChange:s,onEdit:c,onUp:l,onDown:u,onRemove:d}){let f=`default`in e&&e.default===!0;return(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 px-2 py-1.5 rounded-md border border-border group hover:bg-accent/30 transition-colors`,children:[(0,Y.jsxs)(`span`,{className:`text-[10px] font-mono text-muted-foreground w-5 text-center flex-shrink-0`,children:[t,`.`]}),f?(0,Y.jsx)(`span`,{className:`text-xs text-muted-foreground flex-1`,children:`everything else`}):(0,Y.jsx)(`span`,{className:`text-xs flex-1 flex gap-1 flex-wrap items-center`,children:e.tags.map(e=>(0,Y.jsx)(`span`,{className:`px-1.5 py-0.5 rounded bg-muted font-mono text-[11px]`,children:e},e))}),(0,Y.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`→`}),f?(0,Y.jsx)(`span`,{className:`h-7 max-w-[15rem] px-2 text-xs font-mono rounded border border-border bg-muted/40 text-muted-foreground inline-flex items-center`,"aria-label":`Default routing target (core, read-only)`,title:`Core fallback — not editable`,children:e.agent}):(0,Y.jsx)(`select`,{value:e.agent,onChange:e=>s(e.target.value),"aria-label":`Routing target for rule ${t}`,className:`h-7 max-w-[15rem] px-2 text-xs font-mono rounded border border-border bg-background`,children:o.map(e=>(0,Y.jsx)(`option`,{value:e,children:e},e))}),(0,Y.jsxs)(`div`,{className:`flex gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity`,children:[a&&(0,Y.jsx)(`button`,{type:`button`,className:`p-1 hover:bg-accent rounded`,onClick:c,title:`Edit rule`,"aria-label":`Edit rule ${t}`,children:(0,Y.jsx)(B,{className:`w-3 h-3`})}),r&&!n&&(0,Y.jsx)(`button`,{type:`button`,className:`p-1 hover:bg-accent rounded`,onClick:u,title:`Move down`,children:(0,Y.jsx)(ne,{className:`w-3 h-3`})}),r&&t>1&&(0,Y.jsx)(`button`,{type:`button`,className:`p-1 hover:bg-accent rounded`,onClick:l,title:`Move up`,children:(0,Y.jsx)(K,{className:`w-3 h-3`})}),i&&(0,Y.jsx)(`button`,{type:`button`,className:`p-1 hover:bg-red-500/20 text-red-400 rounded`,onClick:d,title:`Remove`,children:(0,Y.jsx)(h,{className:`w-3 h-3`})})]}),f&&(0,Y.jsx)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground`,title:`Core fallback — the pipeline's last-resort rule, pinned to sr-developer`,children:`core · default`})]})}function me({value:e,onChange:t}){return(0,Y.jsx)(`select`,{value:e,onChange:e=>t(e.target.value),className:`h-7 px-2 text-xs rounded border border-border bg-background`,children:le.map(e=>(0,Y.jsx)(`option`,{value:e,children:e},e))})}function he({open:e,title:n,description:r,placeholder:i,initialValue:a=``,confirmLabel:o=`Confirm`,inputPattern:s,inputInvalidHint:l,onConfirm:d,onCancel:m}){let[h,g]=(0,J.useState)(a);(0,J.useEffect)(()=>{e&&g(a)},[e,a]);let _=h.trim(),v=!s||s.test(_),y=_.length>0&&v;return(0,Y.jsx)(I,{open:e,onOpenChange:e=>{e||m()},children:(0,Y.jsxs)(t,{className:`max-w-md`,children:[(0,Y.jsx)(f,{children:(0,Y.jsx)(p,{children:n})}),(0,Y.jsxs)(`div`,{className:`py-2 space-y-2`,children:[r&&(0,Y.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:r}),(0,Y.jsx)(E,{autoFocus:!0,value:h,placeholder:i,onChange:e=>g(e.target.value),onKeyDown:e=>{e.key===`Enter`&&y&&d(_)},className:`text-sm font-mono`}),_.length>0&&!v&&l&&(0,Y.jsx)(`p`,{className:`text-[11px] text-yellow-500`,children:l})]}),(0,Y.jsxs)(u,{children:[(0,Y.jsx)(c,{variant:`ghost`,size:`sm`,onClick:m,children:`Cancel`}),(0,Y.jsx)(c,{size:`sm`,onClick:()=>d(_),disabled:!y,children:o})]})]})})}function ge({open:e,title:n,description:r,confirmLabel:i=`Confirm`,destructive:a=!1,onConfirm:o,onCancel:s}){return(0,Y.jsx)(I,{open:e,onOpenChange:e=>{e||s()},children:(0,Y.jsxs)(t,{className:`max-w-md`,children:[(0,Y.jsx)(f,{children:(0,Y.jsx)(p,{children:n})}),r&&(0,Y.jsx)(`div`,{className:`py-2`,children:(0,Y.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:r})}),(0,Y.jsxs)(u,{children:[(0,Y.jsx)(c,{variant:`ghost`,size:`sm`,onClick:s,children:`Cancel`}),(0,Y.jsx)(c,{size:`sm`,onClick:o,className:a?`bg-red-500 hover:bg-red-600 text-white`:void 0,children:i})]})]})})}function _e(){let[e,t]=(0,J.useState)([]),[r,i]=(0,J.useState)(null),[o,s]=(0,J.useState)(null),[u,d]=(0,J.useState)(!0),[f,p]=(0,J.useState)(null),[m,h]=(0,J.useState)(!1),[g,_]=(0,J.useState)([]),[v,b]=(0,J.useState)([]),[x,S]=(0,J.useState)(!1),[C,w]=(0,J.useState)(null),[T,E]=(0,J.useState)(null),D=(0,J.useCallback)(async()=>{d(!0),p(null);try{let e=await fetch(`${R()}/profiles`);if(!e.ok)throw Error(`List failed: ${e.status}`);let n=await e.json();t(n.profiles),n.profiles.length>0&&!r&&i(n.profiles[0].name)}catch(e){p(e.message)}finally{d(!1)}},[r]);(0,J.useEffect)(()=>{D()},[D]),(0,J.useEffect)(()=>{if(!r){s(null);return}let e=!1;return fetch(`${R()}/profiles/${encodeURIComponent(r)}`).then(e=>{if(!e.ok)throw Error(`Load failed: ${e.status}`);return e.json()}).then(t=>{e||s(t.profile)}).catch(t=>{e||p(t.message)}),()=>{e=!0}},[r]);let O=(0,J.useCallback)(async()=>{h(!0),p(null);try{let e=await fetch(`${R()}/profiles/migrate-from-settings`,{method:`POST`});if(!e.ok){let t=await e.json().catch(()=>({}));throw Error(t.error??`Migration failed: ${e.status}`)}await D(),i(`default`),a.success(`Profile migrated`,{description:`default profile created from your current agents`})}catch(e){let t=e.message;p(t),a.error(`Migration failed`,{description:t})}finally{h(!1)}},[D]),k=(0,J.useCallback)(async e=>{S(!1),h(!0),p(null);try{let t={schemaVersion:1,name:e,description:``,orchestrator:{model:`sonnet`},agents:[{id:`sr-architect`,model:`sonnet`,required:!0},{id:`sr-developer`,model:`sonnet`,required:!0},{id:`sr-reviewer`,model:`sonnet`,required:!0},{id:`sr-merge-resolver`,model:`sonnet`,required:!0}],routing:[{default:!0,agent:`sr-developer`}]},n=await fetch(`${R()}/profiles`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(t)});if(!n.ok){let e=await n.json().catch(()=>({}));throw Error(e.error??`Create failed: ${n.status}`)}await D(),i(e),a.success(`Profile created`,{description:e})}catch(e){let t=e.message;p(t),a.error(`Failed to create profile`,{description:t})}finally{h(!1)}},[D]),j=(0,J.useCallback)(async(e,t)=>{w(null),h(!0),p(null);try{let n=await fetch(`${R()}/profiles/${encodeURIComponent(e)}/duplicate`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({name:t})});if(!n.ok){let e=await n.json().catch(()=>({}));throw Error(e.error??`Duplicate failed: ${n.status}`)}await D(),i(t),a.success(`Profile duplicated`,{description:`${e} → ${t}`})}catch(e){let t=e.message;p(t),a.error(`Failed to duplicate profile`,{description:t})}finally{h(!1)}},[D]),M=(0,J.useCallback)(async e=>{E(null),h(!0),p(null);try{let t=await fetch(`${R()}/profiles/${encodeURIComponent(e)}`,{method:`DELETE`});if(!t.ok){let e=await t.json().catch(()=>({}));throw Error(e.error??`Delete failed: ${t.status}`)}i(t=>t===e?null:t),await D(),a.success(`Profile deleted`,{description:e})}catch(e){let t=e.message;p(t),a.error(`Failed to delete profile`,{description:t})}finally{h(!1)}},[D]),N=(0,J.useCallback)(()=>S(!0),[]),P=(0,J.useCallback)(e=>w({from:e}),[]),F=(0,J.useCallback)(e=>E({name:e}),[]),I=(0,J.useCallback)(async(e,t)=>{h(!0),p(null);try{let n=await fetch(`${R()}/profiles/${encodeURIComponent(e.name)}`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify(e)});if(!n.ok){let e=await n.json().catch(()=>({}));throw Error(e.error??`Save failed: ${n.status}`)}s(e),t.length>0?a.warning(`Profile saved with untargeted agents`,{description:`No routing rule points to: ${t.join(`, `)}. Add a tag rule or retarget the default rule if you want them to run.`,duration:6e3}):a.success(`Profile saved`,{description:e.name})}catch(e){let t=e.message;p(t),a.error(`Failed to save profile`,{description:t})}finally{h(!1)}},[]),L=(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(he,{open:x,title:`New profile`,description:`Pick a lowercase kebab-case name (letters, digits, and hyphens).`,placeholder:`my-profile`,confirmLabel:`Create`,inputPattern:/^[a-z0-9][a-z0-9-]*$/,inputInvalidHint:`Must start with a letter or digit and contain only lowercase letters, digits, and hyphens.`,onConfirm:e=>void k(e),onCancel:()=>S(!1)}),C&&(0,Y.jsx)(he,{open:!0,title:`Duplicate "${C.from}"`,description:`Name for the new profile.`,placeholder:`${C.from}-copy`,initialValue:`${C.from}-copy`,confirmLabel:`Duplicate`,inputPattern:/^[a-z0-9][a-z0-9-]*$/,inputInvalidHint:`Lowercase kebab-case only.`,onConfirm:e=>void j(C.from,e),onCancel:()=>w(null)}),T&&(0,Y.jsx)(ge,{open:!0,title:`Delete profile "${T.name}"?`,description:`This cannot be undone. Jobs already launched with this profile keep their snapshot; future launches will fall back to the resolution order.`,confirmLabel:`Delete`,destructive:!0,onConfirm:()=>void M(T.name),onCancel:()=>E(null)})]});return u?(0,Y.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,Y.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Loading profiles…`})}):e.length===0?(0,Y.jsxs)(Y.Fragment,{children:[L,(0,Y.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,Y.jsxs)(`div`,{className:`text-center max-w-md`,children:[(0,Y.jsx)(`div`,{className:`text-sm font-medium text-foreground`,children:`No profiles yet`}),(0,Y.jsx)(`div`,{className:`text-xs text-muted-foreground mt-1 mb-4`,children:`Profiles let you save orchestrator + agent + routing combinations and pick one per rail.`}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 justify-center`,children:[(0,Y.jsxs)(c,{size:`sm`,onClick:O,disabled:m,children:[(0,Y.jsx)(se,{className:`w-3.5 h-3.5 mr-1.5`}),` Migrate from current agents`]}),(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:N,disabled:m,children:[(0,Y.jsx)(l,{className:`w-3.5 h-3.5 mr-1.5`}),` Blank profile`]})]}),(0,Y.jsxs)(`div`,{className:`text-[11px] text-muted-foreground/70 mt-3`,children:[`"Migrate" reads your existing `,(0,Y.jsx)(`code`,{className:`text-foreground`,children:`.claude/agents/`}),` `,`frontmatter models and creates a `,(0,Y.jsx)(`code`,{className:`text-foreground`,children:`default`}),` profile mirroring today's behavior — zero-loss.`]}),f&&(0,Y.jsx)(`div`,{className:`mt-3 text-xs text-red-400`,children:f})]})})]}):(0,Y.jsxs)(`div`,{className:`flex flex-col h-full`,children:[L,(0,Y.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,Y.jsxs)(`aside`,{className:`w-64 flex-shrink-0 border-r border-border flex flex-col`,children:[(0,Y.jsxs)(`div`,{className:`p-3 flex items-center justify-between`,children:[(0,Y.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:`Profiles`}),(0,Y.jsx)(c,{size:`sm`,variant:`ghost`,onClick:N,disabled:m,children:(0,Y.jsx)(l,{className:`w-3.5 h-3.5`})})]}),(0,Y.jsx)(`div`,{className:`flex-1 overflow-auto px-2 pb-3`,children:e.map(e=>(0,Y.jsxs)(`div`,{className:`group mb-1 rounded-md px-2 py-1.5 text-xs cursor-pointer transition-colors flex items-center justify-between `+(e.name===r?`bg-accent text-foreground`:`text-muted-foreground hover:bg-accent/50 hover:text-foreground`),onClick:()=>i(e.name),role:`button`,tabIndex:0,onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&i(e.name)},children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-1.5 min-w-0`,children:[(0,Y.jsx)(`span`,{className:`truncate font-medium`,children:e.name}),e.isDefault&&(0,Y.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`(team default)`})]}),(0,Y.jsxs)(`div`,{className:`flex gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity`,children:[(0,Y.jsx)(`button`,{type:`button`,className:`p-1 hover:bg-accent rounded`,title:`Duplicate`,onClick:t=>{t.stopPropagation(),P(e.name)},children:(0,Y.jsx)(A,{className:`w-3 h-3`})}),!e.isDefault&&(0,Y.jsx)(`button`,{type:`button`,className:`p-1 hover:bg-red-500/20 text-red-400 rounded`,title:`Delete`,onClick:t=>{t.stopPropagation(),F(e.name)},children:(0,Y.jsx)(n,{className:`w-3 h-3`})})]})]},e.name))})]}),(0,Y.jsxs)(`main`,{className:`flex-1 overflow-auto`,children:[f&&(0,Y.jsx)(`div`,{className:`mx-4 mt-4 px-3 py-2 text-xs rounded border border-red-500/30 bg-red-500/10 text-red-400`,children:f}),o?(0,Y.jsx)(de,{profile:o,onChange:s,onValidityChange:_,onSoftWarningsChange:e=>b(e.agentsMissingRouting),footer:(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Y.jsxs)(c,{size:`sm`,onClick:()=>void I(o,v),disabled:m||g.length>0,title:g.length>0?`Fix validation issues before saving`:void 0,children:[(0,Y.jsx)(y,{className:`w-3.5 h-3.5 mr-1.5`}),`Save`]}),m&&(0,Y.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Saving…`}),g.length>0&&(0,Y.jsxs)(`span`,{className:`text-xs text-yellow-500`,children:[g.length,` `,g.length===1?`issue`:`issues`,` to resolve`]})]})},o.name):(0,Y.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,Y.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Select a profile to edit`})})]})]})]})}function Q(e){let t=e.workflow.map((e,t)=>`${t+1}. ${e}`).join(`
+`);return`---
+name: ${e.id}
+description: "${e.descriptionOneLine}"
+model: ${e.model}
+color: ${e.color}
+memory: project
+---
+
+# Identity
+
+${e.identity}
+
+# Mission
+
+${e.mission}
+
+# Workflow protocol
+
+${t}
+
+# Personality
+
+- **tone**: ${e.tone??`terse`}
+- **risk_tolerance**: ${e.risk??`balanced`}
+- **detail_level**: ${e.detail??`full`}
+- **focus_areas**: ${e.focus.join(`, `)}
+`}var ve=[{id:`security-reviewer`,category:`Software Engineering`,tags:[`review`,`security`,`auth`,`owasp`],emoji:`🛡️`,label:`Security Reviewer`,blurb:`Finds auth, injection, and data-exposure bugs in a diff before it ships.`,nameHint:`custom-security-reviewer`,body:Q({id:`custom-security-reviewer`,descriptionOneLine:`Reviews diffs for auth, injection, XSS, and data-exposure bugs. Use when tags include [security] or the change touches auth, sessions, API boundaries, or SQL.`,model:`opus`,color:`red`,identity:`You are a security reviewer focused on finding real bugs before they ship.`,mission:`For each changed file, look for broken authentication, injection (SQL, shell, template), missing authorization checks, leaking secrets or PII in logs/responses, CSRF and XSS vectors, and unsafe deserialization.`,workflow:[`List the files in the diff and categorize (auth / data-access / frontend / infra).`,`For each category, apply the relevant checklist.`,`Report findings severity-tagged: CRITICAL, HIGH, MEDIUM, LOW, INFO.`,`Prefer false positives over false negatives — flag suspicious cases with a "verify" note.`],risk:`conservative`,focus:[`auth`,`injection`,`secrets`,`CSRF/XSS`,`IAM`]})},{id:`performance-profiler`,category:`Software Engineering`,tags:[`performance`,`review`,`optimization`],emoji:`⚡`,label:`Performance Profiler`,blurb:`Finds hot paths, N+1 queries, unbounded loops, bundle bloat.`,nameHint:`custom-performance-profiler`,body:Q({id:`custom-performance-profiler`,descriptionOneLine:`Reviews code for performance regressions: hot paths, N+1 queries, unbounded loops, large bundle additions. Use when tags include [performance] or [perf].`,model:`sonnet`,color:`yellow`,identity:`You are a performance profiler focused on concrete, measurable wins.`,mission:`Estimate Big-O + real-world cost for each changed file. Flag N+1 database queries, unbounded loops, synchronous I/O in hot paths, and heavy client-side bundle additions.`,workflow:[`Read the diff; mark each file hot-path / cold-path.`,`For hot paths, compute worst-case complexity.`,`For DB changes, re-run EXPLAIN mentally on the query shapes.`,`For client changes, estimate bundle delta.`],detail:`concrete numbers only`,focus:[`Big-O`,`DB queries`,`bundle size`,`hot-path I/O`]})},{id:`data-engineer`,category:`Software Engineering`,tags:[`data`,`schema`,`etl`,`migration`],emoji:`📊`,label:`Data Engineer`,blurb:`Schema migrations, ETL pipelines, data transformations.`,nameHint:`custom-data-engineer`,body:Q({id:`custom-data-engineer`,descriptionOneLine:`Implements schema migrations, ETL pipelines, and data transformations. Use when task tags include [data], [etl], [pipeline], [schema].`,model:`sonnet`,color:`blue`,identity:`You are a data engineer who writes reliable, reversible migrations.`,mission:`Produce migrations that are backwards-compatible at deploy time, reversible when safe, and explicit about data risks. For ETL, design idempotent jobs with clear failure modes.`,workflow:[`Inspect the current schema and data volume.`,`Propose the migration (add nullable → backfill → flip non-null, or feature-flag).`,`Produce up/down SQL with comments explaining any caveats.`,`Flag any operation that locks large tables and offer an online alternative.`],risk:`conservative`,focus:[`schema evolution`,`backfills`,`pipeline idempotency`]})},{id:`ui-ux-polisher`,category:`Software Engineering`,tags:[`frontend`,`ui`,`accessibility`,`review`],emoji:`🎨`,label:`UI / UX Polisher`,blurb:`Accessibility, spacing, empty states, error handling.`,nameHint:`custom-ux-polisher`,body:Q({id:`custom-ux-polisher`,descriptionOneLine:`Reviews frontend changes for accessibility, layout polish, empty states, and error handling. Use when tags include [frontend] or [ui].`,model:`sonnet`,color:`purple`,identity:`You are a UI/UX reviewer with a strong eye for polish and accessibility.`,mission:`Check accessibility (roles, labels, keyboard nav), spacing/alignment consistency, empty-state handling, error messaging, and loading indicators.`,workflow:[`Find interactive elements; verify they are keyboard-accessible.`,`Verify all form inputs have labels and error messaging.`,`For new views, confirm empty / loading / error states exist.`,`Check contrast and font sizes against the design system.`],tone:`constructive`,focus:[`a11y`,`states`,`spacing`,`affordances`]})},{id:`api-designer`,category:`Software Engineering`,tags:[`api`,`design`,`rest`,`contracts`],emoji:`🧩`,label:`API Designer`,blurb:`Versioning, pagination, error shapes, backward compatibility.`,nameHint:`custom-api-designer`,body:Q({id:`custom-api-designer`,descriptionOneLine:`Designs REST/RPC endpoints with versioning, consistent pagination, clear error shapes, and backward-compat guarantees.`,model:`sonnet`,color:`cyan`,identity:`You are an API designer who treats the wire contract as a long-term product.`,mission:`Propose endpoints that read well, paginate consistently, fail predictably, and evolve without breaking consumers.`,workflow:[`Gather the consumer perspective: what does the client need, not what does the DB expose.`,`Specify URL shape, method, request/response bodies, and error codes.`,`Enumerate edge cases: empty results, large lists, concurrent writes, partial failures.`,`Document a migration path for any breaking change.`],focus:[`versioning`,`pagination`,`errors`,`idempotency`]})},{id:`database-architect`,category:`Software Engineering`,tags:[`database`,`design`,`indexing`,`modeling`],emoji:`🗄️`,label:`Database Architect`,blurb:`Indexes, normalization vs denormalization, query shapes.`,nameHint:`custom-database-architect`,body:Q({id:`custom-database-architect`,descriptionOneLine:`Reviews and designs relational schemas, indexes, and query shapes for correctness + scale.`,model:`sonnet`,color:`blue`,identity:`You are a database architect who optimizes for read/write access patterns, not theoretical purity.`,mission:`Evaluate schemas for integrity, scalability, and query performance. Propose indexes tuned to real queries.`,workflow:[`List the access patterns (reads + writes) in the requirements.`,`Design the schema normalized first, then denormalize only where warranted.`,`Propose indexes with justification per access pattern.`,`Highlight risky queries and their cost estimates.`],focus:[`access patterns`,`indexing`,`joins`,`cardinality`]})},{id:`devops-sre`,category:`Software Engineering`,tags:[`devops`,`sre`,`infra`,`reliability`],emoji:`🛠️`,label:`DevOps / SRE`,blurb:`CI/CD, observability, incident-readiness, runbooks.`,nameHint:`custom-devops-sre`,body:Q({id:`custom-devops-sre`,descriptionOneLine:`Reviews infra, CI/CD, observability, and deployment changes with a reliability mindset.`,model:`sonnet`,color:`green`,identity:`You are a DevOps/SRE who asks "what happens at 3am when this breaks".`,mission:`Ensure changes are observable, reversible, and recoverable. Flag missing metrics, alerts, or runbooks.`,workflow:[`Check CI/CD: rollback path, health checks, progressive rollout.`,`Check observability: metrics, logs, traces, SLIs touched.`,`Check incident-readiness: alert thresholds, runbook updates.`,`Call out any single points of failure introduced.`],focus:[`rollback`,`observability`,`SLIs`,`runbooks`]})},{id:`mobile-engineer`,category:`Software Engineering`,tags:[`mobile`,`ios`,`android`,`performance`],emoji:`📱`,label:`Mobile Engineer`,blurb:`iOS + Android patterns, offline-first, battery-aware.`,nameHint:`custom-mobile-engineer`,body:Q({id:`custom-mobile-engineer`,descriptionOneLine:`Implements and reviews mobile (iOS / Android / cross-platform) changes with an offline-first, battery-aware mindset.`,model:`sonnet`,color:`cyan`,identity:`You are a mobile engineer who thinks about lifecycle, permissions, and battery before styling.`,mission:`Produce mobile code that handles backgrounding, flaky networks, low storage, and permission denials gracefully.`,workflow:[`Map out the screen lifecycle and state transitions.`,`Define the offline behavior and conflict resolution.`,`Check permission/consent flows and graceful fallbacks.`,`Profile hot code paths on a low-end device mentally.`],focus:[`lifecycle`,`offline`,`permissions`,`battery`]})},{id:`ml-engineer`,category:`Software Engineering`,tags:[`ml`,`ai`,`models`,`evaluation`],emoji:`🤖`,label:`ML Engineer`,blurb:`Pipelines, eval, reproducibility, drift monitoring.`,nameHint:`custom-ml-engineer`,body:Q({id:`custom-ml-engineer`,descriptionOneLine:`Designs ML pipelines, evaluation protocols, and drift monitoring. Use when the change touches models, features, or eval.`,model:`opus`,color:`purple`,identity:`You are an ML engineer who values reproducibility and eval rigor over flashy results.`,mission:`Produce ML systems that are reproducible, honestly evaluated, and instrumented to detect drift.`,workflow:[`State the task, metric, baseline, and target numeric.`,`Pin data + model versions; fix seeds.`,`Design the eval split so it answers the actual question.`,`Add drift monitors on inputs, outputs, and ground-truth delay.`],focus:[`reproducibility`,`evaluation`,`drift`,`data leakage`]})},{id:`accessibility-auditor`,category:`Software Engineering`,tags:[`a11y`,`accessibility`,`wcag`,`audit`],emoji:`♿`,label:`Accessibility Auditor`,blurb:`WCAG 2.2 review: contrast, focus, ARIA, keyboard.`,nameHint:`custom-a11y-auditor`,body:Q({id:`custom-a11y-auditor`,descriptionOneLine:`Audits UI changes against WCAG 2.2 criteria with actionable fixes.`,model:`sonnet`,color:`purple`,identity:`You are an accessibility auditor who reports specific WCAG success criteria, not vague "feels inaccessible" notes.`,mission:`Flag WCAG 2.2 violations with criterion number, location, user impact, and a concrete fix.`,workflow:[`Check color contrast against 1.4.3 / 1.4.11 on all states.`,`Verify keyboard operability and focus order (2.1.1, 2.4.3, 2.4.7).`,`Inspect ARIA usage — prefer native semantics first.`,`Ensure error identification and suggestions (3.3.1, 3.3.3).`],focus:[`WCAG 2.2 AA`,`keyboard`,`screen-reader`,`contrast`]})},{id:`qa-test-strategist`,category:`Testing & QA`,tags:[`qa`,`test-strategy`,`coverage`],emoji:`🧪`,label:`QA Test Strategist`,blurb:`Test plans: unit / integration / E2E split, coverage gaps.`,nameHint:`custom-qa-strategist`,body:Q({id:`custom-qa-strategist`,descriptionOneLine:`Designs test plans: where unit / integration / E2E each earn their keep, what's under-covered.`,model:`sonnet`,color:`green`,identity:`You are a QA strategist who picks the cheapest test that still catches the real bug.`,mission:`For a given change, propose the minimum test set that gives honest confidence.`,workflow:[`Map risk: what would break if this ships broken?`,`Assign each risk to the cheapest layer that can catch it.`,`Identify coverage gaps in the existing suite.`,`Propose specific test cases, not "add tests".`],focus:[`risk-based testing`,`pyramid shape`,`flakiness`]})},{id:`load-tester`,category:`Testing & QA`,tags:[`performance`,`load`,`stress`,`capacity`],emoji:`📈`,label:`Load / Stress Tester`,blurb:`Capacity planning, k6 / Locust scenarios, bottleneck hunting.`,nameHint:`custom-load-tester`,body:Q({id:`custom-load-tester`,descriptionOneLine:`Plans load and stress tests, identifies bottlenecks, proposes capacity targets.`,model:`sonnet`,color:`yellow`,identity:`You are a load-testing engineer who translates business traffic shapes into runnable test plans.`,mission:`Design realistic load scenarios and interpret results into capacity recommendations.`,workflow:[`Capture realistic request shapes (RPS, payload size, think time).`,`Script a ramp + soak scenario in k6 / Locust / Gatling.`,`Run and identify the first resource to saturate.`,`Report headroom at target load and next bottleneck beyond.`],focus:[`scenario realism`,`saturation`,`percentiles`]})},{id:`integration-tester`,category:`Testing & QA`,tags:[`qa`,`integration`,`contracts`],emoji:`🔗`,label:`Integration Tester`,blurb:`Cross-service contracts, fixtures, flake reduction.`,nameHint:`custom-integration-tester`,body:Q({id:`custom-integration-tester`,descriptionOneLine:`Writes integration tests that actually catch contract regressions between services.`,model:`sonnet`,color:`green`,identity:`You are an integration tester who prefers real dependencies over mocks when the mock is the thing under test.`,mission:`Ensure service boundaries remain trustworthy under realistic interactions.`,workflow:[`Identify the contract boundary and both sides.`,`Choose: contract tests, in-process stubs, or testcontainers.`,`Seed fixtures that represent real production shapes.`,`Retry-stabilize the suite so CI flake stays under 1%.`],focus:[`contracts`,`fixtures`,`flake rate`]})},{id:`regression-hunter`,category:`Testing & QA`,tags:[`qa`,`regression`,`debugging`],emoji:`🐛`,label:`Regression Hunter`,blurb:`Bisects, repros, writes the failing test first.`,nameHint:`custom-regression-hunter`,body:Q({id:`custom-regression-hunter`,descriptionOneLine:`Hunts regressions: bisects the first broken commit, writes a minimal repro, lands a failing test before fixing.`,model:`sonnet`,color:`red`,identity:`You are a regression hunter who never fixes a bug without a test that would have caught it.`,mission:`Turn vague "this used to work" reports into a reliable repro + failing test + root cause.`,workflow:[`Reduce the report to a deterministic repro (one command, one assert).`,`Bisect history to identify the offending commit.`,`Add a failing test that pins the behavior.`,`Fix the minimal root cause. No refactors in the same commit.`],risk:`conservative`,focus:[`bisect`,`minimal repro`,`test-first`]})},{id:`data-analyst`,category:`Data & Analytics`,tags:[`analytics`,`sql`,`reporting`],emoji:`📊`,label:`Data Analyst`,blurb:`Turns vague questions into queries + readable findings.`,nameHint:`custom-data-analyst`,body:Q({id:`custom-data-analyst`,descriptionOneLine:`Translates business questions into SQL, validates the numbers, writes findings non-analysts can read.`,model:`sonnet`,color:`blue`,identity:`You are a data analyst who refuses to send numbers without checking them twice.`,mission:`Answer the actual question asked, caveat the data honestly, and write a finding not a table dump.`,workflow:[`Restate the question in metric form. Get confirmation.`,`Pull the data; sanity-check with a second query.`,`Present finding → evidence → caveats, in that order.`,`Flag anything the data can't answer.`],tone:`precise`,focus:[`question framing`,`sanity checks`,`caveats`]})},{id:`etl-reviewer`,category:`Data & Analytics`,tags:[`data`,`etl`,`review`],emoji:`🔄`,label:`ETL Pipeline Reviewer`,blurb:`Idempotency, backfills, late-arriving data.`,nameHint:`custom-etl-reviewer`,body:Q({id:`custom-etl-reviewer`,descriptionOneLine:`Reviews ETL/ELT pipeline changes for idempotency, backfills, and handling of late data.`,model:`sonnet`,color:`blue`,identity:`You are an ETL reviewer who assumes the pipeline will run twice by accident on day one.`,mission:`Ensure pipelines are idempotent, recoverable, and honest about freshness SLAs.`,workflow:[`Trace a record end-to-end; verify no duplicate-write surprises.`,`Confirm the backfill plan works without downstream reprocessing.`,`Check late-arriving data handling (watermarks, grace windows).`,`Flag silent-drop failure modes.`],focus:[`idempotency`,`backfills`,`watermarks`]})},{id:`dashboard-designer`,category:`Data & Analytics`,tags:[`bi`,`dashboard`,`visualization`],emoji:`📉`,label:`Dashboard Designer`,blurb:`One-glance dashboards, honest axes, action-per-chart.`,nameHint:`custom-dashboard-designer`,body:Q({id:`custom-dashboard-designer`,descriptionOneLine:`Designs dashboards where every chart earns its space and suggests an action.`,model:`sonnet`,color:`cyan`,identity:`You are a dashboard designer who removes charts, not adds them.`,mission:`Produce dashboards that answer one question per chart and drive a decision.`,workflow:[`State the single decision the viewer will make.`,`Pick the minimum charts that inform that decision.`,`Choose honest axes (start at 0 unless justified).`,`Annotate each chart with the action when it turns red.`],focus:[`signal-to-noise`,`axis honesty`,`actionability`]})},{id:`iac-reviewer`,category:`Security & Compliance`,tags:[`iac`,`terraform`,`security`,`cloud`],emoji:`🏗️`,label:`IaC / Cloud Reviewer`,blurb:`Terraform / CloudFormation: IAM, public exposure, costs.`,nameHint:`custom-iac-reviewer`,body:Q({id:`custom-iac-reviewer`,descriptionOneLine:`Reviews Terraform/CloudFormation/Pulumi changes for IAM overreach, public exposure, and cost surprises.`,model:`opus`,color:`red`,identity:`You are an IaC reviewer who assumes least-privilege and refuses public buckets.`,mission:`Block IaC changes that expand blast radius without explicit justification.`,workflow:[`Diff IAM policies — flag wildcards and PassRole patterns.`,`Audit public exposure: S3 ACLs, security groups, cloud SQL access.`,`Estimate cost delta of new resources and rates.`,`Confirm state backend and drift-detection hygiene.`],risk:`conservative`,focus:[`IAM`,`public exposure`,`cost`,`drift`]})},{id:`compliance-reviewer`,category:`Security & Compliance`,tags:[`compliance`,`gdpr`,`soc2`,`privacy`],emoji:`📋`,label:`Compliance Reviewer`,blurb:`GDPR / SOC2 / HIPAA-adjacent checks on data flows.`,nameHint:`custom-compliance-reviewer`,body:Q({id:`custom-compliance-reviewer`,descriptionOneLine:`Reviews data flows against common compliance frameworks (GDPR, SOC2, HIPAA) with citations.`,model:`opus`,color:`red`,identity:`You are a compliance reviewer who names the specific control, not "this seems risky".`,mission:`Map data flows to controls and flag gaps with named clauses.`,workflow:[`Identify personal / health data in the flow.`,`Check legal basis / minimum necessary / retention.`,`Verify encryption in transit + at rest.`,`Document DSR (access/export/delete) implications.`],risk:`conservative`,focus:[`GDPR`,`SOC2 CC`,`HIPAA Privacy Rule`,`retention`]})},{id:`threat-modeler`,category:`Security & Compliance`,tags:[`security`,`threat-model`,`stride`],emoji:`🎯`,label:`Threat Modeler`,blurb:`STRIDE / LINDDUN over architecture diagrams.`,nameHint:`custom-threat-modeler`,body:Q({id:`custom-threat-modeler`,descriptionOneLine:`Runs STRIDE / LINDDUN over a system diagram and produces a ranked threat list with mitigations.`,model:`opus`,color:`red`,identity:`You are a threat modeler who turns architecture into ranked threats, not a generic checklist.`,mission:`Output threats scored by likelihood × impact with concrete mitigations.`,workflow:[`Restate trust boundaries and data flows.`,`Apply STRIDE per element; LINDDUN for privacy data.`,`Rank threats; collapse duplicates.`,`Pair each top threat with a mitigation or accept-decision.`],focus:[`trust boundaries`,`STRIDE`,`attack paths`]})},{id:`product-manager`,category:`Product & Design`,tags:[`product`,`strategy`,`prd`],emoji:`📐`,label:`Product Manager`,blurb:`Problem framing, PRDs, prioritization.`,nameHint:`custom-product-manager`,body:Q({id:`custom-product-manager`,descriptionOneLine:`Frames problems, writes PRDs that are testable, and prioritizes without ranting about scope.`,model:`opus`,color:`purple`,identity:`You are a product manager who proves the problem before proposing a solution.`,mission:`Produce PRDs that state the user, the problem, the metric to move, and the smallest change that moves it.`,workflow:[`State the user + context + pain in one paragraph.`,`Pick one north-star metric; define the guardrails.`,`Propose the minimum change; defer nice-to-haves.`,`List risks and the decision needed now.`],tone:`precise`,focus:[`problem framing`,`metrics`,`scope`]})},{id:`ux-researcher`,category:`Product & Design`,tags:[`research`,`interviews`,`usability`],emoji:`🔎`,label:`UX Researcher`,blurb:`Interview scripts, usability test plans, synthesis.`,nameHint:`custom-ux-researcher`,body:Q({id:`custom-ux-researcher`,descriptionOneLine:`Plans interviews + usability tests, synthesizes findings that name the pattern, not the quote.`,model:`sonnet`,color:`purple`,identity:`You are a UX researcher who prefers behavior to opinion.`,mission:`Produce research plans and syntheses that change how the team builds, not just what they know.`,workflow:[`Frame the research question as a decision it will inform.`,`Write a script that probes behavior, not preference.`,`Capture evidence with timestamps + verbatims.`,`Synthesize into 3-5 patterns with recommended actions.`],focus:[`behavior vs opinion`,`evidence`,`synthesis`]})},{id:`technical-writer`,category:`Product & Design`,tags:[`docs`,`writing`,`clarity`],emoji:`📝`,label:`Technical Writer`,blurb:`Docs that are actually read — tutorials, references, changelogs.`,nameHint:`custom-technical-writer`,body:Q({id:`custom-technical-writer`,descriptionOneLine:`Writes developer docs that respect the reader's time: tutorials, references, changelogs.`,model:`sonnet`,color:`cyan`,identity:`You are a technical writer who cuts words until the meaning is undeniable.`,mission:`Produce docs that get the reader to a working result in the fewest steps.`,workflow:[`Pick the doc type (tutorial / how-to / reference / explainer). Stick to it.`,`Start from a working example, not concepts.`,`Remove anything that doesn't help the reader do the next step.`,`End each section with a concrete outcome.`],tone:`crisp`,focus:[`diátaxis quadrants`,`runnable examples`,`brevity`]})},{id:`design-reviewer`,category:`Product & Design`,tags:[`design`,`review`,`systems`],emoji:`🎨`,label:`Design System Reviewer`,blurb:`Token drift, component misuse, consistency across flows.`,nameHint:`custom-design-reviewer`,body:Q({id:`custom-design-reviewer`,descriptionOneLine:`Reviews UI work against the design system: token drift, ad-hoc components, inconsistent flows.`,model:`sonnet`,color:`purple`,identity:`You are a design system guardian who catches drift before it calcifies.`,mission:`Keep the product feeling like one product.`,workflow:[`Identify any ad-hoc colors/spacings not in tokens.`,`Flag reinvented components when a system primitive exists.`,`Check flow-level consistency: same CTA styles, same empty-states.`,`Propose the system addition if the new pattern is genuinely needed.`],focus:[`tokens`,`primitives`,`flow consistency`]})},{id:`financial-analyst`,category:`Business & Operations`,tags:[`finance`,`analysis`,`modeling`],emoji:`💹`,label:`Financial Analyst`,blurb:`Unit economics, cohort models, scenario analysis.`,nameHint:`custom-financial-analyst`,body:Q({id:`custom-financial-analyst`,descriptionOneLine:`Models unit economics, cohorts, and scenarios; states assumptions cleanly.`,model:`opus`,color:`green`,identity:`You are a financial analyst who puts assumptions in their own cell, always.`,mission:`Build models that are auditable and sensitive to inputs; present scenarios not single-point forecasts.`,workflow:[`Separate assumptions, calculations, and outputs.`,`Build base / bull / bear scenarios, not single forecasts.`,`Run sensitivity on the top-3 drivers.`,`Present the decision the numbers imply.`],tone:`precise`,focus:[`assumptions`,`cohorts`,`sensitivity`]})},{id:`pricing-strategist`,category:`Business & Operations`,tags:[`pricing`,`strategy`,`packaging`],emoji:`💰`,label:`Pricing Strategist`,blurb:`Tiering, packaging, willingness-to-pay studies.`,nameHint:`custom-pricing-strategist`,body:Q({id:`custom-pricing-strategist`,descriptionOneLine:`Designs pricing and packaging backed by willingness-to-pay evidence, not vibes.`,model:`opus`,color:`green`,identity:`You are a pricing strategist who tests, not guesses.`,mission:`Recommend pricing + packaging that aligns customer value with margin.`,workflow:[`Segment customers by value pillars, not size.`,`Identify WTP per segment via survey/vanWesterndorp or conjoint.`,`Propose tiers that steer upgrades without traps.`,`Model margin + cannibalization impact.`],focus:[`segmentation`,`WTP`,`tiering`,`cannibalization`]})},{id:`market-researcher`,category:`Business & Operations`,tags:[`research`,`market`,`competitive`],emoji:`🌍`,label:`Market Researcher`,blurb:`TAM/SAM/SOM, competitive maps, customer segments.`,nameHint:`custom-market-researcher`,body:Q({id:`custom-market-researcher`,descriptionOneLine:`Sizes markets, maps competitors, and identifies unmet needs per segment.`,model:`opus`,color:`green`,identity:`You are a market researcher who cites sources and declines to fabricate.`,mission:`Produce TAM/SAM/SOM and competitive maps grounded in citeable data.`,workflow:[`Collect primary + secondary data with source + date.`,`Build bottom-up TAM (not just top-down).`,`Map competitors by value prop, not by logo.`,`Identify the segment × jobs-to-be-done gap.`],focus:[`sourcing`,`bottom-up sizing`,`JTBD gaps`]})},{id:`ops-optimizer`,category:`Business & Operations`,tags:[`operations`,`process`,`efficiency`],emoji:`⚙️`,label:`Operations Optimizer`,blurb:`Cycle-time, bottleneck-finding, automation candidates.`,nameHint:`custom-ops-optimizer`,body:Q({id:`custom-ops-optimizer`,descriptionOneLine:`Finds bottlenecks in operational processes and proposes the cheapest fix that works.`,model:`sonnet`,color:`yellow`,identity:`You are an operations optimizer who measures before changing anything.`,mission:`Reduce cycle time and rework by targeting the actual constraint, not the loudest complaint.`,workflow:[`Map the value stream with wait + work times.`,`Find the constraint (Theory of Constraints).`,`Propose the smallest change that exploits it.`,`Measure after; iterate.`],focus:[`value stream`,`TOC`,`rework`,`automation ROI`]})},{id:`seo-auditor`,category:`Marketing & Growth`,tags:[`seo`,`audit`,`content`],emoji:`🔍`,label:`SEO Auditor`,blurb:`Technical + content SEO: indexability, IA, intent match.`,nameHint:`custom-seo-auditor`,body:Q({id:`custom-seo-auditor`,descriptionOneLine:`Audits sites for technical + content SEO: crawl, IA, intent match, on-page quality.`,model:`sonnet`,color:`yellow`,identity:`You are an SEO auditor who prefers user-intent matches to keyword stuffing.`,mission:`Produce a prioritized audit report that moves organic traffic, not vanity metrics.`,workflow:[`Check crawl + index: robots, sitemap, canonicals, rendering.`,`Review IA vs search intent for the top pages.`,`Sample on-page: title/H1/meta/internal-linking.`,`Score Core Web Vitals.`],focus:[`indexability`,`intent`,`IA`,`CWV`]})},{id:`growth-hacker`,category:`Marketing & Growth`,tags:[`growth`,`experiments`,`activation`],emoji:`🚀`,label:`Growth Experimenter`,blurb:`Funnel diagnosis, lift experiments, activation loops.`,nameHint:`custom-growth-experimenter`,body:Q({id:`custom-growth-experimenter`,descriptionOneLine:`Designs funnel experiments that move the bottleneck, not the vanity metric.`,model:`opus`,color:`yellow`,identity:`You are a growth experimenter who finds the single step that leaks the most users.`,mission:`Propose experiments with clear hypothesis + minimum detectable effect + time-box.`,workflow:[`Rebuild the funnel from real events; find the worst step.`,`Propose ONE experiment that addresses a specific drop.`,`State hypothesis, MDE, sample size, duration.`,`Interpret results against pre-registered prediction.`],focus:[`leakiest step`,`MDE`,`activation loops`]})},{id:`social-strategist`,category:`Marketing & Growth`,tags:[`social`,`content`,`calendar`],emoji:`📣`,label:`Social Media Strategist`,blurb:`Channel-fit content, editorial calendar, voice consistency.`,nameHint:`custom-social-strategist`,body:Q({id:`custom-social-strategist`,descriptionOneLine:`Builds social strategy that respects channel formats and keeps brand voice consistent.`,model:`sonnet`,color:`cyan`,identity:`You are a social strategist who posts fewer, better things.`,mission:`Design a content calendar where every post has a specific purpose and audience.`,workflow:[`Pick 2 channels that match the audience; ignore the rest.`,`Define 3 content pillars with weekly ratio.`,`Plan 2 weeks; reserve 30% for reactive.`,`Define voice guardrails per channel.`],focus:[`channel fit`,`pillars`,`voice`]})},{id:`literature-reviewer`,category:`Science & Research`,tags:[`research`,`literature`,`academic`],emoji:`📚`,label:`Literature Reviewer`,blurb:`Systematic review summaries, citation graphs, conflicts.`,nameHint:`custom-literature-reviewer`,body:Q({id:`custom-literature-reviewer`,descriptionOneLine:`Summarizes academic literature with conflict detection and citation-graph context.`,model:`opus`,color:`blue`,identity:`You are a literature reviewer who names dissenting findings, not just the consensus.`,mission:`Produce an honest overview that surfaces where the field disagrees.`,workflow:[`Identify the most-cited + recent papers on the question.`,`Summarize each paper: claim, method, limits.`,`Build a citation graph; mark seminal vs derivative works.`,`Call out unresolved debates + methodological differences.`],focus:[`conflicts`,`methods`,`provenance`]})},{id:`experiment-designer`,category:`Science & Research`,tags:[`experimental-design`,`statistics`,`research`],emoji:`🧬`,label:`Experiment Designer`,blurb:`Hypotheses, controls, sample size, pre-registration.`,nameHint:`custom-experiment-designer`,body:Q({id:`custom-experiment-designer`,descriptionOneLine:`Designs controlled experiments with explicit hypotheses, sample size, and analysis plan.`,model:`opus`,color:`blue`,identity:`You are an experiment designer who pre-registers analyses.`,mission:`Ensure the experiment can falsify its hypothesis — no p-hacking affordances.`,workflow:[`State H0 + H1 in effect-size terms.`,`Choose design (between / within, factorial, RCT).`,`Compute sample size for target power.`,`Pre-register analysis plan + exclusion criteria.`],focus:[`pre-registration`,`power`,`controls`]})},{id:`statistical-analyst`,category:`Science & Research`,tags:[`statistics`,`analysis`,`rigor`],emoji:`📐`,label:`Statistical Analyst`,blurb:`Chooses the right test, reports effect sizes, not just p-values.`,nameHint:`custom-statistical-analyst`,body:Q({id:`custom-statistical-analyst`,descriptionOneLine:`Runs statistical analyses with correct test choice; reports effect sizes + CIs, not bare p-values.`,model:`opus`,color:`blue`,identity:`You are a statistical analyst who treats p<0.05 as the beginning of the question, not the end.`,mission:`Produce analyses that are reproducible and honestly interpreted.`,workflow:[`Check assumptions of the proposed test; pick or adjust accordingly.`,`Report effect size, confidence interval, and p-value together.`,`Interpret practical significance separately from statistical.`,`Provide the analysis code alongside the write-up.`],focus:[`test selection`,`effect sizes`,`CIs`,`assumptions`]})},{id:`scientific-writer`,category:`Science & Research`,tags:[`writing`,`academic`,`clarity`],emoji:`✍️`,label:`Scientific Writer`,blurb:`IMRaD structure, honest limits, readable abstracts.`,nameHint:`custom-scientific-writer`,body:Q({id:`custom-scientific-writer`,descriptionOneLine:`Writes scientific papers in IMRaD with readable abstracts and an honest Limits section.`,model:`sonnet`,color:`blue`,identity:`You are a scientific writer who makes abstracts that non-specialists can actually understand.`,mission:`Produce papers that communicate beyond the immediate subfield.`,workflow:[`Draft an abstract a 2nd-year student would understand.`,`Follow IMRaD; keep Methods reproducible and Results restrained.`,`Write Limits before Conclusions.`,`Trim by 20% in the final pass.`],focus:[`IMRaD`,`reproducibility`,`limits`]})},{id:`curriculum-designer`,category:`Education`,tags:[`curriculum`,`teaching`,`pedagogy`],emoji:`🎓`,label:`Curriculum Designer`,blurb:`Learning outcomes → activities → assessment.`,nameHint:`custom-curriculum-designer`,body:Q({id:`custom-curriculum-designer`,descriptionOneLine:`Designs curricula that start from learning outcomes and reverse-engineer activities + assessments.`,model:`sonnet`,color:`cyan`,identity:`You are a curriculum designer who teaches backwards from assessment.`,mission:`Produce courses where every activity ties to an outcome that is measured.`,workflow:[`Define 3-7 observable outcomes per module.`,`Pick assessments that evidence those outcomes.`,`Choose activities that prepare for those assessments.`,`Scaffold prerequisites; identify at-risk moments.`],focus:[`backward design`,`assessment-outcome fit`,`scaffolding`]})},{id:`assessment-author`,category:`Education`,tags:[`assessment`,`test-writing`,`education`],emoji:`📝`,label:`Assessment Author`,blurb:`Items that measure understanding, not recall.`,nameHint:`custom-assessment-author`,body:Q({id:`custom-assessment-author`,descriptionOneLine:`Writes assessments that measure understanding, with distractors that surface misconceptions.`,model:`sonnet`,color:`cyan`,identity:`You are an assessment author who avoids trivia and rewards transfer.`,mission:`Produce items that discriminate between surface and deep understanding.`,workflow:[`Pin the item to a specific outcome.`,`Draft distractors that reflect known misconceptions.`,`Vary item types: MCQ, short-answer, problem.`,`Estimate difficulty + discrimination mentally; flag pilots.`],focus:[`distractor quality`,`item types`,`psychometrics`]})},{id:`tutor-explainer`,category:`Education`,tags:[`tutoring`,`explanation`,`feynman`],emoji:`🧑‍🏫`,label:`Tutor / Explainer`,blurb:`Feynman-style simple explanations with worked examples.`,nameHint:`custom-tutor`,body:Q({id:`custom-tutor`,descriptionOneLine:`Explains concepts in the simplest faithful way, with worked examples and a hint ladder.`,model:`sonnet`,color:`cyan`,identity:`You are a tutor who checks understanding before moving on.`,mission:`Transfer understanding, not information. Meet the learner where they are.`,workflow:[`Probe prior knowledge with a quick question.`,`Explain in the simplest faithful form; name the intuition.`,`Work an example; then hand one to the learner.`,`Give hints in escalating order; don't just answer.`],tone:`warm`,focus:[`intuitions`,`worked examples`,`hint ladder`]})},{id:`clinical-guideline-reviewer`,category:`Health & Medicine`,tags:[`clinical`,`guidelines`,`review`],emoji:`⚕️`,label:`Clinical Guideline Reviewer`,blurb:`Map practice against latest evidence-based guidelines.`,nameHint:`custom-clinical-reviewer`,body:Q({id:`custom-clinical-reviewer`,descriptionOneLine:`Reviews clinical pathways against the latest evidence-based guidelines; flags deviations with citations.`,model:`opus`,color:`red`,identity:`You are a clinical reviewer who cites the specific guideline paragraph, not the body of work.`,mission:`Ensure care pathways stay aligned with current evidence; surface drift with sources.`,workflow:[`Identify the relevant guideline + version.`,`Map each step of the pathway to a guideline clause.`,`Flag deviations; classify (evidence-based local variation vs drift).`,`Propose updates with citation for each.`],risk:`conservative`,focus:[`guideline alignment`,`citations`,`deviation triage`]})},{id:`medical-summarizer`,category:`Health & Medicine`,tags:[`medical`,`summary`,`literature`],emoji:`📖`,label:`Medical Literature Summarizer`,blurb:`Abstracts to clinicians: what changed, evidence quality.`,nameHint:`custom-medical-summarizer`,body:Q({id:`custom-medical-summarizer`,descriptionOneLine:`Summarizes new medical literature for busy clinicians: what changed, strength of evidence, practical impact.`,model:`opus`,color:`red`,identity:`You are a medical literature summarizer who grades evidence honestly.`,mission:`Turn 30 abstracts into a 500-word summary a clinician can act on tomorrow.`,workflow:[`Prioritize by novelty + evidence grade.`,`Classify each finding: practice-changing / corroborating / hypothesis-generating.`,`State effect size in clinically meaningful terms.`,`Include conflicts of interest / funding where relevant.`],risk:`conservative`,focus:[`evidence grading`,`clinical actionability`,`conflicts`]})},{id:`protocol-designer`,category:`Health & Medicine`,tags:[`protocol`,`trial`,`regulatory`],emoji:`🧪`,label:`Protocol Designer`,blurb:`Clinical protocols: endpoints, inclusion criteria, safety.`,nameHint:`custom-protocol-designer`,body:Q({id:`custom-protocol-designer`,descriptionOneLine:`Drafts clinical study protocols with clear endpoints, inclusion/exclusion, and safety monitoring.`,model:`opus`,color:`red`,identity:`You are a protocol designer who balances scientific rigor with participant safety and regulatory reality.`,mission:`Produce protocols that can pass IRB/ethics review and still answer the question.`,workflow:[`Define primary + secondary endpoints measurable without ambiguity.`,`Write inclusion/exclusion to be operational, not aspirational.`,`Specify safety monitoring + stopping rules.`,`Address data privacy + informed consent explicitly.`],risk:`conservative`,focus:[`endpoints`,`I/E criteria`,`safety monitoring`,`consent`]})},{id:`contract-reviewer`,category:`Legal`,tags:[`legal`,`contracts`,`review`],emoji:`📜`,label:`Contract Reviewer`,blurb:`Flags risky clauses; explains what they actually mean.`,nameHint:`custom-contract-reviewer`,body:Q({id:`custom-contract-reviewer`,descriptionOneLine:`Reviews contracts — flags risky clauses and translates legalese into plain-language impact.`,model:`opus`,color:`yellow`,identity:`You are a contract reviewer who explains what a clause does before arguing whether to keep it.`,mission:`Surface operational and financial risk hidden in legal language.`,workflow:[`Extract parties, term, termination, liability cap, indemnities.`,`Flag auto-renewal, exclusivity, or most-favored-nation clauses.`,`Translate each flagged clause into plain-language scenarios.`,`Propose redlines with rationale.`],risk:`conservative`,focus:[`liability`,`IP`,`termination`,`auto-renewal`]})},{id:`privacy-counsel`,category:`Legal`,tags:[`privacy`,`legal`,`data-protection`],emoji:`🔏`,label:`Privacy Counsel`,blurb:`GDPR / CCPA / LGPD applied to concrete flows.`,nameHint:`custom-privacy-counsel`,body:Q({id:`custom-privacy-counsel`,descriptionOneLine:`Applies privacy law (GDPR/CCPA/LGPD) to concrete data flows with operational guidance.`,model:`opus`,color:`yellow`,identity:`You are a privacy counsel who names the article, not the headline concept.`,mission:`Translate regulatory requirements into engineering tasks and retention policies.`,workflow:[`Identify personal data + legal basis per processing activity.`,`Check rights request handling (access/portability/erasure).`,`Verify cross-border transfer mechanisms.`,`Output required engineering work items.`],risk:`conservative`,focus:[`lawful basis`,`DSRs`,`cross-border`,`retention`]})},{id:`copy-editor`,category:`Arts & Creative`,tags:[`writing`,`editing`,`style`],emoji:`✂️`,label:`Copy Editor`,blurb:`Line edits: voice, cadence, cut 30% without losing meaning.`,nameHint:`custom-copy-editor`,body:Q({id:`custom-copy-editor`,descriptionOneLine:`Line-edits copy for voice, cadence, and precision. Cuts 20-30% without losing meaning.`,model:`sonnet`,color:`purple`,identity:`You are a copy editor who respects the writer's voice and cuts the fluff around it.`,mission:`Produce cleaner, tighter copy that sounds more like the author, not less.`,workflow:[`Read once for voice; don't edit yet.`,`Cut adverbs, hedges, and weak verbs.`,`Tighten paragraphs to one idea each.`,`Check cadence by reading aloud.`],tone:`crisp`,focus:[`voice`,`cadence`,`precision`]})},{id:`brand-voice-guardian`,category:`Arts & Creative`,tags:[`brand`,`voice`,`consistency`],emoji:`🗣️`,label:`Brand Voice Guardian`,blurb:`Enforces voice rules; catches off-brand phrasing.`,nameHint:`custom-brand-voice`,body:Q({id:`custom-brand-voice`,descriptionOneLine:`Catches off-brand phrasing and rewrites without losing the writer's underlying content.`,model:`sonnet`,color:`purple`,identity:`You are a brand-voice guardian who knows the do/don't list cold.`,mission:`Keep every piece of customer-facing text sounding like one brand.`,workflow:[`Compare against the voice guide (principles + examples).`,`Flag deviations with specific principle violated.`,`Rewrite only the offending sentence, not the whole piece.`,`Preserve technical accuracy absolutely.`],tone:`constructive`,focus:[`voice principles`,`consistency`,`minimal edits`]})},{id:`creative-brainstormer`,category:`Arts & Creative`,tags:[`ideation`,`brainstorm`,`creative`],emoji:`💡`,label:`Creative Brainstormer`,blurb:`Divergent then convergent; kills sacred cows politely.`,nameHint:`custom-brainstormer`,body:Q({id:`custom-brainstormer`,descriptionOneLine:`Runs structured brainstorms: diverge widely, converge ruthlessly, name the sacred cows.`,model:`opus`,color:`purple`,identity:`You are a brainstorming facilitator who defers judgement during divergence and insists on it during convergence.`,mission:`Generate many options, then honestly rank them.`,workflow:[`State the problem in 1 sentence + constraints.`,`Diverge: 20 options across 4 different angles.`,`Converge: score by feasibility × impact.`,`Flag assumptions the top ideas rely on.`],focus:[`divergence`,`convergence`,`assumption-naming`]})},{id:`hiring-interviewer`,category:`Management & Leadership`,tags:[`hiring`,`interview`,`assessment`],emoji:`👥`,label:`Hiring Interviewer`,blurb:`Structured interviews, signal-focused, bias-aware.`,nameHint:`custom-hiring-interviewer`,body:Q({id:`custom-hiring-interviewer`,descriptionOneLine:`Designs structured interview loops and writes calibrated debriefs that focus on signal.`,model:`opus`,color:`cyan`,identity:`You are a hiring interviewer who rates signal, not comfort.`,mission:`Produce interview loops and feedback that hold up under calibration review.`,workflow:[`Define 3-5 role signals with behavioral anchors.`,`Design probes per signal; limit yes/no questions.`,`Record evidence → rating → recommendation.`,`Name the bias you might have; flag uncertainty.`],focus:[`signal anchors`,`evidence`,`calibration`]})},{id:`strategic-planner`,category:`Management & Leadership`,tags:[`strategy`,`okr`,`planning`],emoji:`🗺️`,label:`Strategic Planner`,blurb:`Goals → bets → metrics; prunes pet projects.`,nameHint:`custom-strategic-planner`,body:Q({id:`custom-strategic-planner`,descriptionOneLine:`Translates vague strategy into concrete bets with success metrics and a clear no-list.`,model:`opus`,color:`cyan`,identity:`You are a strategic planner who says no more than yes.`,mission:`Replace long lists with a few bets that move the needle.`,workflow:[`Restate the goal as a metric + time horizon.`,`Choose 3 bets max; everything else goes on the no-list.`,`Define leading + lagging indicators per bet.`,`Plan a review cadence; pre-commit to what would change the plan.`],focus:[`prioritization`,`metrics`,`kill criteria`]})},{id:`coach-1on1`,category:`Management & Leadership`,tags:[`coaching`,`1on1`,`feedback`],emoji:`🧭`,label:`1:1 Coach`,blurb:`Helps frame feedback, career growth, difficult conversations.`,nameHint:`custom-coach`,body:Q({id:`custom-coach`,descriptionOneLine:`Helps managers run better 1:1s: frames feedback, grows reports, prepares difficult conversations.`,model:`opus`,color:`purple`,identity:`You are a coach who asks more than tells.`,mission:`Help the manager see the situation from their report's perspective and act with care.`,workflow:[`Ask clarifying questions before advice.`,`Name the feelings + facts separately.`,`Draft the conversation: opening, examples, next step.`,`Prepare for pushback; rehearse mentally.`],tone:`warm`,focus:[`SBI feedback`,`career framing`,`difficult conversations`]})},{id:`meeting-facilitator`,category:`Management & Leadership`,tags:[`meetings`,`facilitation`,`decision`],emoji:`🪑`,label:`Meeting Facilitator`,blurb:`Agendas that produce decisions, not updates.`,nameHint:`custom-facilitator`,body:Q({id:`custom-facilitator`,descriptionOneLine:`Designs meetings that end with a decision, an owner, and a date — not a follow-up meeting.`,model:`sonnet`,color:`cyan`,identity:`You are a meeting facilitator who cancels meetings that don't need to happen.`,mission:`Replace status-sync meetings with written updates; reserve synchronous time for decisions.`,workflow:[`Ask: could this be an email / doc? If yes, cancel.`,`Write the desired decision as the title.`,`Invite the smallest set with authority.`,`End with: what, who, by when.`],focus:[`decision framing`,`attendance`,`written async`]})}];Array.from(new Set(ve.flatMap(e=>e.tags))).sort();var ye=[`Software Engineering`,`Testing & QA`,`Data & Analytics`,`Security & Compliance`,`Product & Design`,`Business & Operations`,`Marketing & Growth`,`Science & Research`,`Education`,`Health & Medicine`,`Legal`,`Arts & Creative`,`Management & Leadership`],be=[{label:`— pick a sample task —`,prompt:``},{label:`Terraform: public S3 bucket`,prompt:`Review this Terraform diff:
++ resource "aws_s3_bucket" "logs" {
++   bucket = "app-logs"
++   acl    = "public-read"
++ }`},{label:`Code review: SQL injection`,prompt:'Review this Node.js snippet for security issues:\n\n```js\napp.get("/user/:id", async (req, res) => {\n  const row = await db.query(`SELECT * FROM users WHERE id = ${req.params.id}`)\n  res.json(row)\n})\n```'},{label:`Frontend: accessibility`,prompt:`Review this React component for accessibility issues:
+
+\`\`\`tsx
+function ProductCard({ product, onAddToCart }) {
+  return (
+    <div onClick={onAddToCart} className="card">
+      <img src={product.image} />
+      <h3>{product.name}</h3>
+      <div className="price">\${product.price}</div>
+    </div>
+  )
+}
+\`\`\``},{label:`Data: schema change`,prompt:"Evaluate this migration plan:\n- Add NOT NULL column `email_verified_at` (timestamp) to a 50M-row `users` table\n- Backfill with `NOW()` for existing rows\n- Deploy without downtime\n\nIs this safe? What would you change?"},{label:`Performance: slow query`,prompt:`Explain why this Postgres query is slow on a 10M-row \`orders\` table and propose an index:
+
+\`\`\`sql
+SELECT * FROM orders
+WHERE customer_id = $1
+  AND status IN ('pending', 'paid')
+  AND created_at > NOW() - INTERVAL '30 days'
+ORDER BY created_at DESC
+LIMIT 50;
+\`\`\``}],xe=`---
+name: custom-<name>
+description: "Short description of when to use this agent."
+model: sonnet
+color: blue
+memory: project
+---
+
+# Identity
+
+You are ...
+
+# Mission
+
+...
+
+# Workflow protocol
+
+...
+
+# Personality
+
+- **tone**: terse
+- **risk_tolerance**: conservative
+- **detail_level**: full
+- **focus_areas**: ...
+`;function Se({agentId:e,initialBody:t,initialName:r,draftFromRefine:i,onClose:o,onSaved:s,onResumeRefine:l}){let u=!e,[d,f]=(0,J.useState)(e??r??``),[p,m]=(0,J.useState)(t??xe),[h,g]=(0,J.useState)(!u&&!t&&!i),[_,v]=(0,J.useState)(!!i&&!u),[b,x]=(0,J.useState)(!1),[C,w]=(0,J.useState)(null),[T,O]=(0,J.useState)([]),[k,A]=(0,J.useState)(!1),[j,M]=(0,J.useState)(!!t&&u),[N,P]=(0,J.useState)(!1),[F,I]=(0,J.useState)(``),[L,z]=(0,J.useState)(!1),[B,V]=(0,J.useState)(null),[H,ee]=(0,J.useState)(null),[U,W]=(0,J.useState)(!1);(0,J.useEffect)(()=>{if(u||t!==void 0)return;if(i){let t=!1;return fetch(`${R()}/profiles/catalog/${encodeURIComponent(e)}/refine/${i}`).then(e=>{if(!e.ok)throw Error(`Load draft failed: ${e.status}`);return e.json()}).then(e=>{!t&&e.draftBody&&(m(e.draftBody),M(!0))}).catch(e=>{t||w(e.message)}).finally(()=>{t||v(!1)}),()=>{t=!0}}let n=!1;return fetch(`${R()}/profiles/catalog/${encodeURIComponent(e)}`).then(e=>{if(!e.ok)throw Error(`Load failed: ${e.status}`);return e.json()}).then(e=>{n||m(e.body)}).catch(e=>{n||w(e.message)}).finally(()=>{n||g(!1)}),()=>{n=!0}},[e,u,t,i]);let te=(0,J.useCallback)(()=>{u||fetch(`${R()}/profiles/catalog/${encodeURIComponent(e)}/versions`).then(e=>e.ok?e.json():{versions:[]}).then(e=>O(e.versions)).catch(()=>O([]))},[e,u]);(0,J.useEffect)(()=>{k&&te()},[k,te]);let G=/^custom-[a-z0-9][a-z0-9-]*$/.test(d),ne=p.trim().length>0,K=/^---\s*\n[\s\S]*?\n---/.test(p),q=ne&&K&&(u?G:!0)&&j,oe=(0,J.useCallback)(async()=>{x(!0),w(null);try{let t;if(t=u?await fetch(`${R()}/profiles/catalog`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({id:d,body:p})}):await fetch(`${R()}/profiles/catalog/${encodeURIComponent(e)}`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify({body:p})}),!t.ok){let e=await t.json().catch(()=>({}));throw Error(e.error??`Save failed: ${t.status}`)}M(!1),a.success(u?`Agent created`:`Agent saved`,{description:u?d:e}),s&&s(u?d:e)}catch(e){let t=e.message;w(t),a.error(u?`Failed to create agent`:`Failed to save agent`,{description:t})}finally{x(!1)}},[e,p,d,u,s]),ce=(0,J.useCallback)(async()=>{if(!u){W(!1),x(!0),w(null);try{let t=await fetch(`${R()}/profiles/catalog/${encodeURIComponent(e)}`,{method:`DELETE`});if(!t.ok){let e=await t.json().catch(()=>({}));throw Error(e.error??`Delete failed: ${t.status}`)}a.success(`Agent deleted`,{description:e}),s&&s(e),o()}catch(e){let t=e.message;w(t),a.error(`Failed to delete agent`,{description:t})}finally{x(!1)}}},[e,u,o,s]),X=(0,J.useCallback)(e=>{m(e.body),M(!0),A(!1)},[]),Z=(0,J.useCallback)(async()=>{z(!0),ee(null),V(null);try{let t=await fetch(`${R()}/profiles/catalog/test`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({agentId:u?d||`draft`:e,draftBody:p,sampleTask:F})});if(!t.ok){let e=await t.json().catch(()=>({}));throw Error(e.error??`Test failed: ${t.status}`)}V(await t.json())}catch(e){ee(e.message)}finally{z(!1)}},[e,p,d,u,F]);return h?(0,Y.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,Y.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Loading agent…`})}):(0,Y.jsxs)(`div`,{className:`flex flex-col h-full`,children:[!u&&(0,Y.jsx)(ge,{open:U,title:`Delete agent "${e}"?`,description:`This removes the .md from disk. Version history stays in the DB — use a fresh custom agent if you want to recover the body later.`,confirmLabel:`Delete`,destructive:!0,onConfirm:ce,onCancel:()=>W(!1)}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 px-4 py-2 border-b border-border`,children:[(0,Y.jsx)(`button`,{type:`button`,onClick:o,className:`p-1 rounded hover:bg-accent text-muted-foreground hover:text-foreground`,title:`Back`,children:(0,Y.jsx)(D,{className:`w-4 h-4`})}),(0,Y.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,Y.jsx)(`div`,{className:`text-xs text-muted-foreground uppercase tracking-wide`,children:u?`New custom agent`:`Edit custom agent`}),u?(0,Y.jsx)(E,{value:d,onChange:e=>{f(e.target.value),M(!0)},placeholder:`custom-my-agent`,className:`text-sm font-mono mt-1 max-w-sm`}):(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Y.jsx)(`div`,{className:`text-sm font-mono`,children:e}),i&&(0,Y.jsxs)(`button`,{type:`button`,onClick:async()=>{if(!(!l||!e))try{let t=await fetch(`${R()}/profiles/catalog/${encodeURIComponent(e)}`);if(!t.ok)return;l(i,e,(await t.json()).body)}catch{}},className:`inline-flex items-center gap-1 text-[11px] px-2 py-0.5 rounded-full border border-accent-primary/40 bg-accent-primary/15 text-accent-primary hover:bg-accent-primary/25 focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:outline-none`,title:`Hand this draft back to the AI Edit overlay`,children:[(0,Y.jsx)(se,{className:`w-3 h-3`}),` Resume AI Edit`]}),_&&(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[10px] text-muted-foreground`,children:[(0,Y.jsx)(S,{className:`w-3 h-3 animate-spin`}),` loading AI draft…`]})]})]}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:()=>{P(e=>!e),N||A(!1)},title:`Test this agent against a sample task`,children:[(0,Y.jsx)(ie,{className:`w-3.5 h-3.5 mr-1`}),`Test`]}),!u&&(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:()=>{A(e=>!e),k||P(!1)},title:`Version history`,children:[(0,Y.jsx)(ae,{className:`w-3.5 h-3.5 mr-1`}),`History`]}),!u&&(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:()=>W(!0),disabled:b,className:`text-red-400 hover:text-red-300`,children:[(0,Y.jsx)(n,{className:`w-3.5 h-3.5 mr-1`}),`Delete`]}),(0,Y.jsxs)(c,{size:`sm`,onClick:oe,disabled:!q||b,children:[(0,Y.jsx)(y,{className:`w-3.5 h-3.5 mr-1`}),b?`Saving…`:u?`Create`:`Save`]})]})]}),C&&(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 text-xs border-b border-red-500/30 bg-red-500/10 text-red-400`,children:[(0,Y.jsx)(re,{className:`w-3.5 h-3.5 flex-shrink-0`}),C]}),u&&d.length>0&&!G&&(0,Y.jsxs)(`div`,{className:`px-4 py-1.5 text-[11px] border-b border-yellow-500/30 bg-yellow-500/10 text-yellow-500`,children:[`Name must start with `,(0,Y.jsx)(`code`,{children:`custom-`}),` and contain only lowercase letters, digits, and hyphens.`]}),!K&&(0,Y.jsxs)(`div`,{className:`px-4 py-1.5 text-[11px] border-b border-yellow-500/30 bg-yellow-500/10 text-yellow-500`,children:[`Missing YAML frontmatter (needs opening `,(0,Y.jsx)(`code`,{children:`---`}),` on the first line).`]}),(0,Y.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,Y.jsxs)(`div`,{className:`flex-1 flex flex-col min-h-0`,children:[(0,Y.jsxs)(`div`,{className:`px-4 py-1.5 border-b border-border text-[11px] font-mono text-muted-foreground flex items-center justify-between`,children:[(0,Y.jsxs)(`span`,{children:[`.claude/agents/`,u?d||`custom-…`:e,`.md`]}),j&&(0,Y.jsx)(`span`,{className:`text-yellow-500`,children:`● unsaved`})]}),(0,Y.jsx)(`textarea`,{value:p,onChange:e=>{m(e.target.value),M(!0)},spellCheck:!1,className:`flex-1 w-full p-4 text-xs font-mono bg-background text-foreground outline-none resize-none leading-relaxed`})]}),N&&(0,Y.jsxs)(`aside`,{className:`w-96 flex-shrink-0 border-l border-border flex flex-col min-h-0`,children:[(0,Y.jsxs)(`div`,{className:`px-3 py-2 border-b border-border text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-2`,children:[(0,Y.jsx)(ie,{className:`w-3.5 h-3.5`}),` Test agent`]}),(0,Y.jsxs)(`div`,{className:`p-3 border-b border-border`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,Y.jsx)(`label`,{className:`text-[11px] text-muted-foreground`,children:`Sample task`}),(0,Y.jsx)(`select`,{className:`h-6 text-[11px] rounded border border-border bg-background px-1`,value:``,onChange:e=>{let t=parseInt(e.target.value,10);!isNaN(t)&&t>0&&I(be[t].prompt)},disabled:L,children:be.map((e,t)=>(0,Y.jsx)(`option`,{value:t,children:e.label},t))})]}),(0,Y.jsx)(`textarea`,{value:F,onChange:e=>I(e.target.value),placeholder:`Describe what the agent should do, or pick a sample above.`,className:`w-full text-xs p-2 rounded border border-border bg-background min-h-[80px] resize-y font-mono`,disabled:L}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 mt-2`,children:[(0,Y.jsx)(c,{size:`sm`,onClick:Z,disabled:L||!F.trim()||!p.trim(),children:L?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(S,{className:`w-3.5 h-3.5 mr-1.5 animate-spin`}),` Running…`]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(ie,{className:`w-3.5 h-3.5 mr-1.5`}),` Run`]})}),(0,Y.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:`Sandboxed; no files written.`})]})]}),(0,Y.jsxs)(`div`,{className:`flex-1 overflow-auto p-3 min-h-0`,children:[H&&(0,Y.jsx)(`div`,{className:`px-3 py-2 text-xs rounded border border-red-500/30 bg-red-500/10 text-red-400 mb-2`,children:H}),B&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 text-[11px] text-muted-foreground mb-2`,children:[(0,Y.jsxs)(`span`,{children:[(0,Y.jsx)(`span`,{className:`text-foreground font-mono`,children:B.tokens}),` tokens`]}),(0,Y.jsx)(`span`,{children:(0,Y.jsxs)(`span`,{className:`text-foreground font-mono`,children:[(B.durationMs/1e3).toFixed(1),`s`]})})]}),(0,Y.jsx)(`pre`,{className:`text-xs font-mono whitespace-pre-wrap leading-relaxed rounded border border-border bg-background p-3`,children:B.output})]}),!L&&!B&&!H&&(0,Y.jsx)(`p`,{className:`text-[11px] text-muted-foreground italic`,children:`Run a sample task against the current draft. Output appears here.`})]})]}),k&&!u&&(0,Y.jsxs)(`aside`,{className:`w-72 flex-shrink-0 border-l border-border flex flex-col`,children:[(0,Y.jsx)(`div`,{className:`px-3 py-2 border-b border-border text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:`Version history`}),(0,Y.jsx)(`div`,{className:`flex-1 overflow-auto p-2 space-y-1`,children:T.length===0?(0,Y.jsx)(`div`,{className:`text-[11px] text-muted-foreground italic px-2 py-2`,children:`No prior versions recorded for this agent.`}):T.map(e=>(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>X(e),className:`w-full text-left px-2 py-1.5 rounded hover:bg-accent/50 transition-colors`,children:[(0,Y.jsxs)(`div`,{className:`text-xs font-mono text-foreground`,children:[`v`,e.version]}),(0,Y.jsx)(`div`,{className:`text-[10px] text-muted-foreground`,children:new Date(e.createdAt).toLocaleString()})]},e.version))}),(0,Y.jsx)(`div`,{className:`px-3 py-2 border-t border-border text-[11px] text-muted-foreground`,children:`Click a version to restore its body into the editor (you still need to Save).`})]})]})]})}var $={refineId:null,agentId:null,uiState:`closed`,phase:`idle`,history:[],streamingText:``,draftBody:null,baseBody:null,autoTest:!1,testResult:null,appliedVersion:null,errorMessage:null,applyConflict:null};function Ce(e){return e.replace(/<!--tool:[^>]+-->/g,``)}function we(e,t){switch(t.type){case`OPEN`:return{...$,agentId:t.agentId,baseBody:t.baseBody,uiState:`composing`};case`START_TURN`:return{...e,refineId:t.refineId,uiState:`streaming`,phase:`reading`,streamingText:``,errorMessage:null,applyConflict:null,history:[...e.history,t.userTurn]};case`STREAM_DELTA`:return e.refineId===t.refineId?{...e,streamingText:e.streamingText+t.delta}:e;case`PHASE`:return e.refineId===t.refineId?{...e,phase:t.phase}:e;case`READY`:return e.refineId===t.refineId?{...e,uiState:`reviewing`,phase:`done`,draftBody:t.draftBody,streamingText:``,history:[...e.history,{role:`assistant`,content:Ce(t.draftBody),timestamp:Date.now()}]}:e;case`TEST_RESULT`:return e.refineId===t.refineId?{...e,testResult:t.result,history:[...e.history,{role:`system`,kind:`test_result`,content:t.result.output,timestamp:Date.now()}]}:e;case`APPLIED`:return e.refineId===t.refineId?{...e,uiState:`applied`,appliedVersion:t.version}:e;case`CANCELLED`:return{...e,uiState:`cancelled`};case`ERROR`:return t.refineId!==null&&e.refineId!==t.refineId?e:{...e,uiState:`error`,errorMessage:t.message};case`CONFLICT`:return e.refineId===t.refineId?{...e,applyConflict:t.reason}:e;case`TOGGLE_AUTO_TEST`:return{...e,autoTest:t.enabled};case`REHYDRATE`:return{...e,...t.payload};case`CLOSE`:return $;default:return e}}function Te(e){switch(e.status){case`streaming`:return`streaming`;case`ready`:return`reviewing`;case`applied`:return`applied`;case`cancelled`:return`cancelled`;case`error`:return`error`;default:return e.draftBody?`reviewing`:`composing`}}function Ee(e){let[t,n]=(0,J.useReducer)(we,$),{registerHandler:r,unregisterHandler:i}=M(),a=(0,J.useRef)(null);a.current=t.refineId;let o=(0,J.useRef)(null);o.current=t.agentId;let s=(0,J.useRef)(e);s.current=e;let c=(0,J.useRef)(e);(0,J.useEffect)(()=>{e!==c.current&&(c.current=e,n({type:`CLOSE`}))},[e]),(0,J.useEffect)(()=>{let e=`agent-refine-${Math.random().toString(36).slice(2,9)}`;return r(e,e=>{let t=e;if(typeof t.type!=`string`||t.projectId!==s.current||t.refineId!==a.current)return;let r=t.refineId;switch(t.type){case`agent_refine_stream`:n({type:`STREAM_DELTA`,refineId:r,delta:t.delta});break;case`agent_refine_phase`:n({type:`PHASE`,refineId:r,phase:t.phase});break;case`agent_refine_ready`:n({type:`READY`,refineId:r,draftBody:t.draftBody});break;case`agent_refine_test`:n({type:`TEST_RESULT`,refineId:r,result:t.result});break;case`agent_refine_applied`:n({type:`APPLIED`,refineId:r,version:t.version});break;case`agent_refine_cancelled`:n({type:`CANCELLED`,refineId:r});break;case`agent_refine_error`:n({type:`ERROR`,refineId:r,message:t.error});break}}),()=>i(e)},[r,i]);let l=(0,J.useCallback)((e,t)=>{n({type:`OPEN`,agentId:e,baseBody:t})},[]),u=(0,J.useCallback)(()=>{n({type:`CLOSE`})},[]);return{state:t,open:l,start:(0,J.useCallback)(async e=>{let r=o.current;if(r)try{let i=await fetch(`${R()}/profiles/catalog/${encodeURIComponent(r)}/refine`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({instruction:e,autoTest:t.autoTest})});if(!i.ok){n({type:`ERROR`,refineId:null,message:(await i.json().catch(()=>({}))).error??`Server error (${i.status})`});return}let o=await i.json();a.current=o.refineId,n({type:`START_TURN`,refineId:o.refineId,userTurn:{role:`user`,content:e,timestamp:Date.now()}})}catch(e){n({type:`ERROR`,refineId:null,message:`Connection failed: ${e.message}`})}},[t.autoTest]),sendTurn:(0,J.useCallback)(async e=>{let t=a.current,r=o.current;if(!(!t||!r)){n({type:`START_TURN`,refineId:t,userTurn:{role:`user`,content:e,timestamp:Date.now()}});try{let i=await fetch(`${R()}/profiles/catalog/${encodeURIComponent(r)}/refine/${t}/turn`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({instruction:e})});i.ok||n({type:`ERROR`,refineId:t,message:(await i.json().catch(()=>({}))).error??`Server error (${i.status})`})}catch(e){n({type:`ERROR`,refineId:t,message:`Connection failed: ${e.message}`})}}},[]),cancel:(0,J.useCallback)(async()=>{let e=a.current,t=o.current;if(!(!e||!t))try{await fetch(`${R()}/profiles/catalog/${encodeURIComponent(t)}/refine/${e}`,{method:`DELETE`})}catch{}},[]),apply:(0,J.useCallback)(async e=>{let t=a.current,r=o.current;if(!(!t||!r))try{let i=await fetch(`${R()}/profiles/catalog/${encodeURIComponent(r)}/refine/${t}/apply`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({force:!!e})});if(i.status===409){let e=await i.json().catch(()=>({}));if(e.reason===`disk_changed`||e.reason===`name_changed`){n({type:`CONFLICT`,refineId:t,reason:e.reason});return}}if(!i.ok){n({type:`ERROR`,refineId:t,message:(await i.json().catch(()=>({}))).error??`Apply failed (${i.status})`});return}n({type:`APPLIED`,refineId:t,version:(await i.json()).version})}catch(e){n({type:`ERROR`,refineId:t,message:`Connection failed: ${e.message}`})}},[]),toggleAutoTest:(0,J.useCallback)(async e=>{let t=a.current,r=o.current;if(n({type:`TOGGLE_AUTO_TEST`,enabled:e}),!(!t||!r))try{await fetch(`${R()}/profiles/catalog/${encodeURIComponent(r)}/refine/${t}`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify({autoTest:e})})}catch{}},[]),rehydrate:(0,J.useCallback)(async(e,t)=>{try{let r=await fetch(`${R()}/profiles/catalog/${encodeURIComponent(t)}`);if(!r.ok)throw Error(`load agent failed: ${r.status}`);let i=await r.json(),s=await fetch(`${R()}/profiles/catalog/${encodeURIComponent(t)}/refine/${e}`);if(!s.ok)throw Error(`load session failed: ${s.status}`);let c=await s.json();a.current=e,o.current=t,n({type:`REHYDRATE`,payload:{refineId:e,agentId:t,baseBody:i.body,draftBody:c.draftBody,history:c.history,autoTest:c.autoTest,phase:c.phase,uiState:Te(c),streamingText:``}})}catch(e){n({type:`ERROR`,refineId:null,message:`Rehydrate failed: ${e.message}`})}},[]),close:u}}var De=[`Tighten the tool list`,`Make the personality stricter`,`Add a Workflow protocol section`,`Shorten and sharpen the description`,`Match the sr-developer style`];function Oe({agentId:e,baseBody:t,resumeRefineId:n,onClose:r,onMinimize:i,onStateChange:a,onOpenInStudio:o,onApplied:s}){let{activeProjectId:c}=k(),l=Ee(c),[u,d]=(0,J.useState)(``),f=(0,J.useRef)(null),p=(0,J.useRef)(!1);(0,J.useEffect)(()=>{p.current||(p.current=!0,n?l.rehydrate(n,e):l.open(e,t))},[e,t,n,l]),(0,J.useEffect)(()=>{let e=setTimeout(()=>f.current?.focus(),50);return()=>clearTimeout(e)},[]);let h=(0,J.useRef)(a);h.current=a,(0,J.useEffect)(()=>{h.current?.({refineId:l.state.refineId??null})},[l.state.refineId]);let g=(0,J.useRef)(null);(0,J.useEffect)(()=>{l.state.uiState===`applied`&&l.state.appliedVersion!==null&&l.state.appliedVersion!==g.current&&(g.current=l.state.appliedVersion,s&&l.state.agentId&&s(l.state.agentId,l.state.appliedVersion))},[l.state.uiState,l.state.appliedVersion,l.state.agentId,s]);let _=(0,J.useCallback)(async e=>{let t=e.trim();t&&(d(``),l.state.refineId?await l.sendTurn(t):await l.start(t))},[l]),v=(0,J.useCallback)(()=>{_(u)},[u,_]),y=(0,J.useCallback)(async()=>{l.state.refineId&&(l.state.uiState===`streaming`||l.state.uiState===`reviewing`)&&await l.cancel(),r()},[l,r]),b=ke(l.state),x=(0,J.useMemo)(()=>!l.state.draftBody||!l.state.baseBody?null:(0,Y.jsx)(O,{hunks:j(l.state.baseBody,l.state.draftBody)}),[l.state.baseBody,l.state.draftBody]);return(0,Y.jsx)(L,{uiPhase:b,errorMessage:l.state.errorMessage,applyConflict:l.state.applyConflict,eyebrow:`AI Edit`,targetLabel:e,targetLabelMono:!0,headline:`Refine your agent`,streamingHeadline:`Refining your agent…`,description:Ae(t),chips:De,onChipSubmit:e=>void _(e),composer:(0,Y.jsx)(V,{value:u,onChange:d,onSubmit:v,disabled:b===`streaming`||b===`applied`,placeholder:l.state.refineId?`Send a follow-up refinement…`:`Describe how to refine this agent…`,inputRef:f}),streamingText:l.state.streamingText,history:l.state.history,diff:x,diffHeaderLabel:`.claude/agents/${e}.md`,baseBody:t,baseBodyDisclosureLabel:`View current agent body`,appliedNotice:l.state.appliedVersion===null?void 0:(0,Y.jsxs)(`div`,{className:`rounded-md border border-green-500/40 bg-green-500/10 p-3 text-xs text-green-300`,children:[`Applied as version `,l.state.appliedVersion,`.`]}),canApply:l.state.uiState===`reviewing`&&!!l.state.draftBody&&!l.state.applyConflict,onApply:()=>void l.apply(),onForceApply:()=>void l.apply(!0),onDiscard:()=>void y(),onClose:()=>void y(),onMinimize:i?()=>i(l.state.refineId??null):void 0,secondaryAction:o&&l.state.draftBody&&l.state.refineId?{label:`Open draft in Studio for manual editing`,icon:(0,Y.jsx)(m,{className:`w-3 h-3`}),onClick:()=>{l.state.refineId&&l.state.draftBody&&o&&o(l.state.refineId,l.state.draftBody)}}:void 0})}function ke(e){switch(e.uiState){case`streaming`:return`streaming`;case`reviewing`:return`reviewing`;case`applied`:return`applied`;case`error`:return`error`;default:return`composing`}}function Ae(e){let t=e.match(/^---\r?\n([\s\S]*?)\r?\n---/);if(!t)return null;let n=t[1].match(/^description:\s*([\s\S]*?)(?=^[a-z_]+:\s|\Z)/m);if(!n)return null;let r=n[1].trim();return(r.startsWith(`"`)&&r.endsWith(`"`)||r.startsWith(`'`)&&r.endsWith(`'`))&&(r=r.slice(1,-1)),r=r.replace(/\\n/g,` `).replace(/\\t/g,` `).replace(/\\"/g,`"`).replace(/\\'/g,`'`).replace(/\\\\/g,`\\`).replace(/\s+/g,` `).trim(),r.length>240&&(r=r.slice(0,237)+`…`),r||null}function je(){let[e,n]=(0,J.useState)([]),[i,a]=(0,J.useState)(null),[o,d]=(0,J.useState)(null),[m,_]=(0,J.useState)(!0),[v,y]=(0,J.useState)(!1),[x,w]=(0,J.useState)(null),[T,D]=(0,J.useState)({kind:`closed`}),[O,j]=(0,J.useState)({kind:`closed`}),[M,N]=(0,J.useState)(!1),[P,F]=(0,J.useState)(``),[L,z]=(0,J.useState)(`all`),[V,H]=(0,J.useState)(null),[ee,U]=(0,J.useState)(!1),[W,te]=(0,J.useState)(``),[G,ne]=(0,J.useState)(``),[K,re]=(0,J.useState)(!1),[ie,ae]=(0,J.useState)(null),{activeProjectId:q}=k(),{minimize:ce}=g(),X=(0,J.useRef)({refineId:null}),Z=(0,J.useRef)(O);Z.current=O;let le=(0,J.useCallback)(()=>{let e=Z.current;e.kind!==`open`||!q||ce({kind:`ai-edit`,projectId:q,label:`AI Edit · ${e.agentId}`,restoreRoute:`/agents`,params:{agentId:e.agentId,baseBody:e.baseBody,resumeRefineId:X.current.refineId??e.resumeRefineId}})},[q,ce]);r(`ai-edit`,q,e=>{e.kind===`ai-edit`&&(le(),X.current={refineId:e.params.resumeRefineId??null},j({kind:`open`,agentId:e.params.agentId,baseBody:e.params.baseBody,resumeRefineId:e.params.resumeRefineId}))});let ue=(0,J.useCallback)(()=>{let e=!1;return _(!0),fetch(`${R()}/profiles/catalog`).then(e=>{if(!e.ok)throw Error(`Catalog load failed: ${e.status}`);return e.json()}).then(t=>{e||(n(t.agents),t.agents.length>0&&!i&&a(t.agents[0].id))}).catch(t=>{e||w(t.message)}).finally(()=>{e||_(!1)}),()=>{e=!0}},[i]);(0,J.useEffect)(()=>ue(),[ue]);let de=(0,J.useCallback)(e=>{let t=!1;return y(!0),d(null),fetch(`${R()}/profiles/catalog/${encodeURIComponent(e)}`).then(e=>{if(!e.ok)throw Error(`Agent body load failed: ${e.status}`);return e.json()}).then(e=>{t||d(e.body)}).catch(e=>{t||w(e.message)}).finally(()=>{t||y(!1)}),()=>{t=!0}},[]);if((0,J.useEffect)(()=>{if(i)return de(i)},[i,de]),m)return(0,Y.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,Y.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Loading catalog…`})});if(T.kind!==`closed`)return(0,Y.jsx)(Se,{agentId:T.kind===`edit`?T.agentId:void 0,initialBody:T.kind===`duplicate`||T.kind===`create`?T.initialBody:void 0,initialName:T.kind===`create`?T.initialName:void 0,draftFromRefine:T.kind===`edit`?T.draftFromRefine:void 0,onClose:()=>D({kind:`closed`}),onSaved:e=>{a(e),D({kind:`closed`}),ue()},onResumeRefine:(e,t,n)=>{D({kind:`closed`}),le(),X.current={refineId:e},j({kind:`open`,agentId:t,baseBody:n,resumeRefineId:e})}});if(O.kind===`open`)return(0,Y.jsx)(Oe,{agentId:O.agentId,baseBody:O.baseBody,resumeRefineId:O.resumeRefineId,onStateChange:e=>{X.current=e},onClose:()=>j({kind:`closed`}),onMinimize:e=>{if(!q){j({kind:`closed`});return}let t=O.kind===`open`?O.agentId:``,n=O.kind===`open`?O.baseBody:``;ce({kind:`ai-edit`,projectId:q,label:`AI Edit · ${t}`,restoreRoute:`/agents`,params:{agentId:t,baseBody:n,resumeRefineId:e??void 0}}),j({kind:`closed`})},onApplied:e=>{j({kind:`closed`}),a(e),ue()},onOpenInStudio:(e,t)=>{j({kind:`closed`}),D({kind:`edit`,agentId:O.agentId,draftFromRefine:e})}},`${O.agentId}:${O.resumeRefineId??`fresh`}`);let fe=(()=>{let e=P.trim().toLowerCase();return ve.filter(t=>!(L!==`all`&&t.category!==L||V&&!t.tags.includes(V)||e&&!(t.label+` `+t.blurb+` `+t.tags.join(` `)+` `+t.category).toLowerCase().includes(e)))})(),pe=(()=>{let e=new Map;for(let t of ve)e.set(t.category,(e.get(t.category)??0)+1);return e})(),me=()=>{N(!1),F(``),z(`all`),H(null)},he=()=>(0,Y.jsx)(I,{open:M,onOpenChange:e=>{e||me()},children:(0,Y.jsxs)(t,{className:`max-w-4xl p-0 h-[85vh] flex flex-col overflow-hidden`,children:[(0,Y.jsxs)(`div`,{className:`flex-shrink-0 px-6 pt-5 pb-3 border-b border-border`,children:[(0,Y.jsxs)(f,{children:[(0,Y.jsxs)(p,{className:`flex items-center gap-2 text-base`,children:[(0,Y.jsx)(C,{className:`w-4 h-4 text-accent-primary`}),` Agent template library`,(0,Y.jsxs)(`span`,{className:`text-[11px] font-normal text-muted-foreground ml-1`,children:[fe.length,` of `,ve.length]})]}),(0,Y.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:`Start from a curated template across engineering, product, science, health, legal, and more. Pick one and open it in the Studio for review and editing before saving.`})]}),(0,Y.jsxs)(`div`,{className:`mt-3 relative`,children:[(0,Y.jsx)(s,{className:`w-3.5 h-3.5 absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none`}),(0,Y.jsx)(`input`,{value:P,onChange:e=>F(e.target.value),placeholder:`Search by name, description, tag, or category…`,className:`w-full h-9 pl-8 pr-8 text-sm rounded-md border border-border bg-background focus:outline-none focus:ring-1 focus:ring-primary/40`,autoFocus:!0}),P&&(0,Y.jsx)(`button`,{type:`button`,onClick:()=>F(``),className:`absolute right-2 top-1/2 -translate-y-1/2 p-0.5 rounded hover:bg-accent text-muted-foreground`,children:(0,Y.jsx)(h,{className:`w-3.5 h-3.5`})})]}),(0,Y.jsxs)(`div`,{className:`flex gap-1.5 overflow-x-auto mt-3 pb-1 scrollbar-thin`,children:[(0,Y.jsx)(Me,{label:`All`,count:ve.length,active:L===`all`,onClick:()=>z(`all`)}),ye.map(e=>(0,Y.jsx)(Me,{label:e,count:pe.get(e)??0,active:L===e,onClick:()=>z(e)},e))]}),V&&(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 mt-2`,children:[(0,Y.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:`Tag filter:`}),(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>H(null),className:`inline-flex items-center gap-1 text-[11px] px-2 py-0.5 rounded-full bg-accent-primary/20 text-accent-primary hover:bg-accent-primary/30`,children:[(0,Y.jsx)(oe,{className:`w-3 h-3`}),` `,V,(0,Y.jsx)(h,{className:`w-3 h-3`})]})]})]}),(0,Y.jsx)(`div`,{className:`flex-1 overflow-y-auto px-6 py-4`,children:fe.length===0?(0,Y.jsx)(`div`,{className:`h-full flex items-center justify-center text-center`,children:(0,Y.jsxs)(`div`,{className:`max-w-sm`,children:[(0,Y.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`No templates match your filters.`}),(0,Y.jsx)(`button`,{type:`button`,onClick:()=>{F(``),z(`all`),H(null)},className:`text-xs text-accent-primary hover:underline mt-2`,children:`Clear filters`})]})}):(0,Y.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-3`,children:fe.map(e=>(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>{me(),D({kind:`create`,initialBody:e.body,initialName:e.nameHint})},className:`group text-left p-4 rounded-lg border border-border bg-card/40 hover:border-accent-primary/50 hover:bg-accent/40 hover:shadow-sm transition-all`,children:[(0,Y.jsxs)(`div`,{className:`flex items-start gap-3 mb-2`,children:[(0,Y.jsx)(`span`,{className:`text-2xl leading-none mt-0.5`,children:e.emoji}),(0,Y.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Y.jsx)(`div`,{className:`text-sm font-semibold text-foreground group-hover:text-accent-primary truncate`,children:e.label}),(0,Y.jsx)(`div`,{className:`text-[10px] text-muted-foreground mt-0.5`,children:e.category})]})]}),(0,Y.jsx)(`p`,{className:`text-xs text-muted-foreground leading-relaxed line-clamp-2 min-h-[2lh]`,children:e.blurb}),(0,Y.jsx)(`div`,{className:`flex flex-wrap gap-1 mt-3`,children:e.tags.slice(0,5).map(e=>(0,Y.jsx)(`span`,{role:`button`,tabIndex:0,onClick:t=>{t.stopPropagation(),H(e)},onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),t.stopPropagation(),H(e))},className:`text-[10px] px-1.5 py-0.5 rounded bg-muted/50 text-muted-foreground hover:bg-accent-primary/20 hover:text-accent-primary cursor-pointer transition-colors `+(V===e?`bg-accent-primary/20 text-accent-primary`:``),children:e},e))}),(0,Y.jsxs)(`div`,{className:`mt-3 pt-2 border-t border-border/40 flex items-center justify-between`,children:[(0,Y.jsx)(`code`,{className:`text-[10px] font-mono text-muted-foreground/70 truncate`,children:e.nameHint}),(0,Y.jsx)(`span`,{className:`text-[10px] text-accent-primary opacity-0 group-hover:opacity-100 transition-opacity`,children:`Open in Studio →`})]})]},e.id))})}),(0,Y.jsxs)(`div`,{className:`flex-shrink-0 px-6 py-3 border-t border-border flex items-center justify-between`,children:[(0,Y.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:`Tip: click a tag pill on any card to filter by that tag.`}),(0,Y.jsx)(c,{variant:`ghost`,size:`sm`,onClick:me,children:`Cancel`})]})]})}),ge=()=>(0,Y.jsx)(I,{open:ee,onOpenChange:e=>{!e&&!K&&(U(!1),ae(null))},children:(0,Y.jsxs)(t,{className:`max-w-lg`,children:[(0,Y.jsx)(f,{children:(0,Y.jsxs)(p,{className:`flex items-center gap-2`,children:[(0,Y.jsx)(b,{className:`w-4 h-4 text-accent-primary`}),` Generate a custom agent`]})}),(0,Y.jsxs)(`div`,{className:`space-y-3 py-2`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`label`,{className:`block text-xs font-medium text-muted-foreground mb-1`,children:`Agent id`}),(0,Y.jsx)(E,{value:W,onChange:e=>te(e.target.value),placeholder:`custom-my-agent`,className:`text-sm font-mono`,disabled:K}),(0,Y.jsxs)(`p`,{className:`text-[11px] text-muted-foreground mt-1`,children:[`Must start with `,(0,Y.jsx)(`code`,{children:`custom-`}),`.`]})]}),(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`label`,{className:`block text-xs font-medium text-muted-foreground mb-1`,children:`Describe what this agent should do`}),(0,Y.jsx)(`textarea`,{value:G,onChange:e=>ne(e.target.value),placeholder:`e.g. Review Terraform/IaC changes and flag security misconfigurations, excessive IAM permissions, and public S3 buckets before merging. Conservative and terse.`,className:`w-full text-sm p-2 rounded border border-border bg-background min-h-[120px] resize-y`,disabled:K})]}),ie&&(0,Y.jsx)(`div`,{className:`px-3 py-2 text-xs rounded border border-red-500/30 bg-red-500/10 text-red-400`,children:ie}),(0,Y.jsxs)(`p`,{className:`text-[11px] text-muted-foreground`,children:[`Claude will draft a full `,(0,Y.jsx)(`code`,{children:`.md`}),` body. You'll review it in the Studio and can edit before saving. This spawns a one-shot claude invocation and can take up to 90 seconds.`]})]}),(0,Y.jsxs)(u,{children:[(0,Y.jsx)(c,{variant:`ghost`,size:`sm`,onClick:()=>U(!1),disabled:K,children:`Cancel`}),(0,Y.jsx)(c,{size:`sm`,onClick:_e,disabled:K||!W.trim()||!G.trim(),children:K?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(S,{className:`w-3.5 h-3.5 mr-1.5 animate-spin`}),` Generating…`]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(b,{className:`w-3.5 h-3.5 mr-1.5`}),` Generate`]})})]})]})}),_e=async()=>{re(!0),ae(null);try{let e=await fetch(`${R()}/profiles/catalog/generate`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({name:W.trim(),description:G.trim()})});if(!e.ok){let t=await e.json().catch(()=>({}));throw Error(t.error??`Generate failed: ${e.status}`)}let t=await e.json();U(!1),D({kind:`create`,initialBody:t.draft,initialName:W.trim()})}catch(e){ae(e.message)}finally{re(!1)}},Q=async e=>{try{let t=await fetch(`${R()}/profiles/catalog/${encodeURIComponent(e)}`);if(!t.ok)throw Error(`Load failed: ${t.status}`);D({kind:`duplicate`,from:e,initialBody:(await t.json()).body})}catch(e){w(e.message)}};if(e.length===0)return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,Y.jsxs)(`div`,{className:`text-center max-w-sm`,children:[(0,Y.jsx)(`div`,{className:`text-sm font-medium text-foreground`,children:`No agents installed`}),(0,Y.jsxs)(`div`,{className:`text-xs text-muted-foreground mt-1 mb-4`,children:[`Run `,(0,Y.jsx)(`code`,{className:`text-foreground`,children:`npx specrails-core@latest update`}),` in this project to install the upstream agents, or create a custom agent now.`]}),(0,Y.jsxs)(`div`,{className:`flex gap-2 justify-center flex-wrap`,children:[(0,Y.jsxs)(c,{size:`sm`,onClick:()=>U(!0),children:[(0,Y.jsx)(b,{className:`w-3.5 h-3.5 mr-1.5`}),` Generate with Claude`]}),(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:()=>N(!0),children:[(0,Y.jsx)(C,{className:`w-3.5 h-3.5 mr-1.5`}),` Template`]}),(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:()=>D({kind:`create`}),children:[(0,Y.jsx)(l,{className:`w-3.5 h-3.5 mr-1.5`}),` Blank`]})]})]})}),he(),ge()]});let be=e.filter(e=>e.kind===`upstream`),xe=e.filter(e=>e.kind===`custom`),$=e.find(e=>e.id===i);return(0,Y.jsxs)(Y.Fragment,{children:[he(),ge(),(0,Y.jsxs)(`div`,{className:`flex h-full`,children:[(0,Y.jsxs)(`aside`,{className:`w-72 flex-shrink-0 border-r border-border flex flex-col`,children:[(0,Y.jsxs)(`div`,{className:`px-3 py-2 border-b border-border`,children:[(0,Y.jsx)(`div`,{className:`text-[11px] text-muted-foreground uppercase tracking-wide mb-1.5`,children:`Catalog`}),(0,Y.jsx)(`div`,{className:`text-[10px] text-muted-foreground/70 mb-2`,children:`Create a custom agent:`}),(0,Y.jsxs)(`div`,{className:`flex gap-1`,children:[(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,className:`flex-1 h-7 text-[11px] px-2`,onClick:()=>N(!0),title:`Start from a template`,children:[(0,Y.jsx)(C,{className:`w-3 h-3 mr-1`}),` Template`]}),(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,className:`flex-1 h-7 text-[11px] px-2`,onClick:()=>U(!0),title:`Generate with Claude`,children:[(0,Y.jsx)(b,{className:`w-3 h-3 mr-1`}),` Generate`]}),(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,className:`flex-1 h-7 text-[11px] px-2`,onClick:()=>D({kind:`create`}),title:`Start from a blank template`,children:[(0,Y.jsx)(l,{className:`w-3 h-3 mr-1`}),` Blank`]})]})]}),(0,Y.jsxs)(`div`,{className:`flex-1 overflow-auto p-2`,children:[(0,Y.jsx)(Ne,{title:`Upstream (${be.length})`,description:`Shipped by specrails-core; read-only.`,children:be.map(e=>(0,Y.jsx)(Pe,{agent:e,selected:e.id===i,onSelect:()=>a(e.id)},e.id))}),(0,Y.jsx)(Ne,{title:`Custom (${xe.length})`,description:`Your project's custom-*.md files. Use Template / Generate / Blank above to create one.`,children:xe.length===0?(0,Y.jsx)(`div`,{className:`text-[11px] text-muted-foreground px-2 py-2 italic`,children:`No custom agents yet.`}):xe.map(e=>(0,Y.jsx)(Pe,{agent:e,selected:e.id===i,onSelect:()=>a(e.id)},e.id))})]})]}),(0,Y.jsxs)(`main`,{className:`flex-1 min-w-0 overflow-auto`,children:[x&&(0,Y.jsx)(`div`,{className:`m-4 px-3 py-2 text-xs rounded border border-red-500/30 bg-red-500/10 text-red-400`,children:x}),$&&(0,Y.jsxs)(`div`,{className:`p-6 min-w-0`,children:[(0,Y.jsxs)(`div`,{className:`flex items-start justify-between gap-4 mb-1`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,Y.jsx)(`h2`,{className:`text-base font-mono font-semibold`,children:$.id}),(0,Y.jsx)(Fe,{kind:$.kind}),$.model&&(0,Y.jsxs)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground`,children:[`default model: `,$.model]})]}),$.description&&(0,Y.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1 break-words`,children:$.description})]}),(0,Y.jsxs)(`div`,{className:`flex gap-2 flex-shrink-0`,children:[(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:()=>void Q($.id),children:[(0,Y.jsx)(A,{className:`w-3.5 h-3.5 mr-1`}),` Duplicate`]}),$.kind===`custom`&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(c,{size:`sm`,variant:`ghost`,onClick:()=>D({kind:`edit`,agentId:$.id}),children:[(0,Y.jsx)(B,{className:`w-3.5 h-3.5 mr-1`}),` Edit`]}),(0,Y.jsxs)(c,{size:`sm`,onClick:async()=>{try{let e=await fetch(`${R()}/profiles/catalog/${encodeURIComponent($.id)}`);if(!e.ok)throw Error(`Load failed: ${e.status}`);let t=await e.json();le(),X.current={refineId:null},j({kind:`open`,agentId:$.id,baseBody:t.body})}catch(e){w(e.message)}},title:`Iteratively refine this agent with AI`,children:[(0,Y.jsx)(se,{className:`w-3.5 h-3.5 mr-1`}),` AI Edit`]})]})]})]}),(0,Y.jsxs)(`div`,{className:`rounded-md border border-border bg-muted/30 mt-4 min-w-0 overflow-hidden`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-1.5 border-b border-border`,children:[(0,Y.jsxs)(`span`,{className:`text-[11px] font-mono text-muted-foreground truncate`,children:[`.claude/agents/`,$.id,`.md`]}),(0,Y.jsx)(`span`,{className:`text-[10px] text-muted-foreground flex-shrink-0 ml-2`,children:$.kind===`upstream`?`read-only`:`editable — use Edit above`})]}),(0,Y.jsx)(`pre`,{className:`p-4 text-xs font-mono overflow-auto max-h-[60vh] whitespace-pre-wrap break-all`,children:v?`Loading…`:o??``})]})]})]})]})]})}function Me({label:e,count:t,active:n,onClick:r}){return(0,Y.jsxs)(`button`,{type:`button`,onClick:r,className:`flex-shrink-0 inline-flex items-center gap-1 h-7 px-2.5 text-[11px] rounded-full border transition-colors whitespace-nowrap `+(n?`bg-accent-primary/20 border-accent-primary/50 text-accent-primary`:`bg-transparent border-border text-muted-foreground hover:bg-accent/50 hover:text-foreground`),children:[e,(0,Y.jsx)(`span`,{className:`text-[9px] px-1 rounded `+(n?`bg-accent-primary/30`:`bg-muted/60`),children:t})]})}function Ne({title:e,description:t,children:n}){return(0,Y.jsxs)(`div`,{className:`mb-4`,children:[(0,Y.jsxs)(`div`,{className:`px-2 pb-1`,children:[(0,Y.jsx)(`div`,{className:`text-[11px] font-medium text-muted-foreground uppercase tracking-wide`,children:e}),t&&(0,Y.jsx)(`div`,{className:`text-[11px] text-muted-foreground/70 mt-0.5`,children:t})]}),(0,Y.jsx)(`div`,{className:`space-y-0.5`,children:n})]})}function Pe({agent:e,selected:t,onSelect:n}){return(0,Y.jsxs)(`button`,{type:`button`,onClick:n,className:`w-full flex items-center justify-between gap-2 px-2 py-1.5 text-left rounded transition-colors `+(t?`bg-accent text-foreground`:`text-muted-foreground hover:bg-accent/50 hover:text-foreground`),children:[(0,Y.jsx)(`span`,{className:`text-sm font-mono truncate`,children:e.id}),(0,Y.jsx)(Fe,{kind:e.kind})]})}function Fe({kind:e}){return(0,Y.jsx)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded flex-shrink-0 `+(e===`custom`?`bg-purple-500/15 text-purple-400`:`bg-muted text-muted-foreground`),children:e})}var Ie=[{label:`7d`,days:7},{label:`30d`,days:30},{label:`90d`,days:90}];function Le(){let[e,t]=(0,J.useState)(null),[n,r]=(0,J.useState)(30),[i,a]=(0,J.useState)(!0);if((0,J.useEffect)(()=>{let e=!1;return a(!0),fetch(`${R()}/profiles/analytics?windowDays=${n}`).then(e=>e.ok?e.json():null).then(n=>{!e&&n&&t(n)}).catch(()=>{}).finally(()=>{e||a(!1)}),()=>{e=!0}},[n]),i&&!e)return null;if(!e||e.rows.length===0)return(0,Y.jsxs)(`div`,{className:`mx-6 my-4 rounded-md border border-border bg-muted/20`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2 border-b border-border`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`div`,{className:`text-xs font-medium text-foreground`,children:`Profile usage`}),(0,Y.jsx)(`div`,{className:`text-[11px] text-muted-foreground`,children:`Jobs launched per profile in the selected window.`})]}),(0,Y.jsx)(`div`,{className:`flex gap-0.5`,children:Ie.map(e=>(0,Y.jsx)(`button`,{type:`button`,onClick:()=>r(e.days),className:`text-[10px] px-2 py-1 rounded transition-colors `+(n===e.days?`bg-accent text-foreground`:`text-muted-foreground hover:bg-accent/50 hover:text-foreground`),children:e.label},e.days))})]}),(0,Y.jsx)(`div`,{className:`px-4 py-8 text-xs text-muted-foreground`,children:`No profile-scoped jobs yet.`})]});let o=Math.max(...e.rows.map(e=>e.jobs),1);return(0,Y.jsxs)(`div`,{className:`mx-6 my-4 rounded-md border border-border bg-muted/20`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2 border-b border-border`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`div`,{className:`text-xs font-medium text-foreground`,children:`Profile usage`}),(0,Y.jsxs)(`div`,{className:`text-[11px] text-muted-foreground`,children:[`Jobs launched per profile in the last `,e.windowDays,` days.`]})]}),(0,Y.jsx)(`div`,{className:`flex gap-0.5`,children:Ie.map(e=>(0,Y.jsx)(`button`,{type:`button`,onClick:()=>r(e.days),className:`text-[10px] px-2 py-1 rounded transition-colors `+(n===e.days?`bg-accent text-foreground`:`text-muted-foreground hover:bg-accent/50 hover:text-foreground`),children:e.label},e.days))})]}),(0,Y.jsx)(`div`,{className:`p-4 space-y-2`,children:e.rows.map(e=>(0,Y.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Y.jsx)(`div`,{className:`w-32 text-xs font-mono truncate`,children:e.profileName}),(0,Y.jsx)(`div`,{className:`flex-1 h-4 bg-muted/50 rounded overflow-hidden`,children:(0,Y.jsx)(`div`,{className:`h-full bg-accent-primary/70`,style:{width:`${Math.max(6,Math.round(e.jobs/o*100))}%`}})}),(0,Y.jsxs)(`div`,{className:`flex gap-4 text-[11px] text-muted-foreground min-w-0 flex-shrink-0`,children:[(0,Y.jsxs)(`span`,{title:`jobs`,children:[(0,Y.jsx)(`span`,{className:`text-foreground font-mono`,children:e.jobs}),` jobs`]}),(0,Y.jsxs)(`span`,{title:`success rate`,children:[(0,Y.jsxs)(`span`,{className:`text-foreground font-mono`,children:[Math.round(e.successRate*100),`%`]}),` `,`ok`]}),e.avgDurationMs!=null&&(0,Y.jsx)(`span`,{title:`avg duration`,children:(0,Y.jsx)(`span`,{className:`text-foreground font-mono`,children:Re(e.avgDurationMs)})}),e.avgTokens!=null&&(0,Y.jsxs)(`span`,{title:`avg tokens`,children:[(0,Y.jsx)(`span`,{className:`text-foreground font-mono`,children:ze(e.avgTokens)}),` `,`tok`]})]})]},e.profileName))})]})}function Re(e){let t=Math.round(e/1e3);if(t<60)return`${t}s`;let n=Math.floor(t/60);return n<60?`${n}m`:`${Math.floor(n/60)}h${n%60}m`}function ze(e){return e<1e3?Math.round(e).toString():e<1e6?`${(e/1e3).toFixed(1)}k`:`${(e/1e6).toFixed(1)}M`}var Be=`specrails-hub:agents-tab`;function Ve(){try{let e=localStorage.getItem(Be);if(e===`profiles`||e===`usage`||e===`catalog`)return e}catch{}return`profiles`}function He(){let[e,t]=(0,J.useState)(()=>Ve()),n=e=>{t(e);try{localStorage.setItem(Be,e)}catch{}},[r,i]=(0,J.useState)(null);return(0,J.useEffect)(()=>{let e=!1;return fetch(`${R()}/profiles/core-version`).then(e=>e.ok?e.json():null).then(t=>{!e&&t&&i(t)}).catch(()=>{}),()=>{e=!0}},[]),(0,Y.jsxs)(`div`,{className:`flex flex-col h-full bg-background`,children:[r!==null&&!r.profileAware&&(0,Y.jsxs)(`div`,{className:`flex-shrink-0 flex items-start gap-3 px-6 py-3 border-b border-yellow-500/30 bg-yellow-500/10`,children:[(0,Y.jsx)(G,{className:`w-4 h-4 text-yellow-500 mt-0.5 flex-shrink-0`}),(0,Y.jsxs)(`div`,{className:`text-xs`,children:[(0,Y.jsxs)(`div`,{className:`font-medium text-yellow-500`,children:[`Profile-aware pipeline requires specrails-core `,r.required,`+`]}),(0,Y.jsxs)(`div`,{className:`text-yellow-500/80 mt-0.5`,children:[`This project has`,` `,(0,Y.jsx)(`code`,{className:`px-1 rounded bg-yellow-500/20`,children:r.version??`unknown`}),`. Run`,` `,(0,Y.jsx)(`code`,{className:`px-1 rounded bg-yellow-500/20`,children:`npx specrails-core@latest update`}),` `,`inside the project to unlock profile mode. Profiles you create here will still save; they just won't affect the pipeline until core is updated.`]})]})]}),(0,Y.jsxs)(`div`,{className:`flex-shrink-0 border-b border-border`,children:[(0,Y.jsxs)(`div`,{className:`px-6 pt-4`,children:[(0,Y.jsx)(`h1`,{className:`text-lg font-semibold`,children:`Agents`}),(0,Y.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5`,children:`Manage agent profiles and the catalog (upstream + custom) for this project.`})]}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-1 px-4 pt-3`,children:[(0,Y.jsx)(We,{active:e===`profiles`,onClick:()=>n(`profiles`),children:`Profiles`}),(0,Y.jsx)(We,{active:e===`usage`,onClick:()=>n(`usage`),children:`Usage`}),(0,Y.jsx)(We,{active:e===`catalog`,onClick:()=>n(`catalog`),children:`Catalog`})]})]}),(0,Y.jsxs)(`div`,{className:`flex-1 min-w-0 overflow-auto`,children:[e===`profiles`&&(0,Y.jsx)(_e,{}),e===`usage`&&(0,Y.jsx)(Ue,{}),e===`catalog`&&(0,Y.jsx)(je,{})]})]})}function Ue(){return(0,Y.jsx)(`div`,{className:`min-h-full`,children:(0,Y.jsx)(Le,{})})}function We({active:e,children:t,onClick:n}){return(0,Y.jsx)(`button`,{type:`button`,onClick:n,className:`h-8 px-3 text-xs font-medium rounded-t-md border-b-2 transition-colors `+(e?`text-foreground border-foreground`:`text-muted-foreground border-transparent hover:text-foreground hover:border-border`),children:t})}export{He as default};