agent-relay-server 0.105.0 → 0.105.2

package/public/assets/{user-avatar-D1ffSClz.js → user-avatar-BWLUHt2e.js}

@@ -1,2 +1,2 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{$n as t,Yn as n,Zn as r,ur as i}from"./lucide-react-C4eXYCwx.js";import{_ as a,rt as o}from"./display-BWi8DQCp.js";import{D as s}from"./index-aCfZQ7LY.js";var c=e(i(),1),l=r(),u={id:o};function d({user:e,address:r,distinct:i=!1,className:o}){let d=e?.avatarUrl??(e?.avatarArtifactId?`/artifacts/${encodeURIComponent(e.avatarArtifactId)}/content`:null),[f,p]=(0,c.useState)(null);(0,c.useEffect)(()=>{if(!d){p(null);return}let e=!1,n=null;return(async()=>{try{let r=await t(d);if(e)return;n=URL.createObjectURL(r),p(n)}catch{e||p(null)}})(),()=>{e=!0,n&&URL.revokeObjectURL(n)}},[d]);let m=e?.displayName||e?.handle||`User`;if(f)return(0,l.jsx)(`img`,{src:f,alt:m,title:m,className:n(`w-7 h-7 rounded-md object-cover`,o)});if(i){let e=(m.trim()[0]||`U`).toUpperCase();return(0,l.jsx)(`span`,{title:m,className:n(`inline-flex w-7 h-7 items-center justify-center rounded-md bg-muted text-xs font-semibold ring-1 ring-foreground/10`,a(r),o),children:e})}return(0,l.jsx)(s,{agent:u,className:o})}export{d as t};
-//# sourceMappingURL=user-avatar-D1ffSClz.js.map
+import{r as e}from"./chunk-CilyBKbf.js";import{$n as t,Yn as n,Zn as r,ur as i}from"./lucide-react-C4eXYCwx.js";import{_ as a,rt as o}from"./display-BWi8DQCp.js";import{D as s}from"./index-Vmhw442d.js";var c=e(i(),1),l=r(),u={id:o};function d({user:e,address:r,distinct:i=!1,className:o}){let d=e?.avatarUrl??(e?.avatarArtifactId?`/artifacts/${encodeURIComponent(e.avatarArtifactId)}/content`:null),[f,p]=(0,c.useState)(null);(0,c.useEffect)(()=>{if(!d){p(null);return}let e=!1,n=null;return(async()=>{try{let r=await t(d);if(e)return;n=URL.createObjectURL(r),p(n)}catch{e||p(null)}})(),()=>{e=!0,n&&URL.revokeObjectURL(n)}},[d]);let m=e?.displayName||e?.handle||`User`;if(f)return(0,l.jsx)(`img`,{src:f,alt:m,title:m,className:n(`w-7 h-7 rounded-md object-cover`,o)});if(i){let e=(m.trim()[0]||`U`).toUpperCase();return(0,l.jsx)(`span`,{title:m,className:n(`inline-flex w-7 h-7 items-center justify-center rounded-md bg-muted text-xs font-semibold ring-1 ring-foreground/10`,a(r),o),children:e})}return(0,l.jsx)(s,{agent:u,className:o})}export{d as t};
+//# sourceMappingURL=user-avatar-BWLUHt2e.js.map

package/public/assets/{user-avatar-D1ffSClz.js.map → user-avatar-BWLUHt2e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"user-avatar-D1ffSClz.js","names":[],"sources":["../../dashboard/src/components/shared/user-avatar.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { AgentTypeIcon } from '@/components/shared/agent-type-icon'\nimport { apiBlob } from '@/lib/api'\nimport { humanAccentClass } from '@/lib/display'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport { cn } from '@/lib/utils'\nimport type { Agent, User } from '@/types'\n\n// Minimal stub so AgentTypeIcon resolves the generic 'user' face when no avatar exists.\nconst HUMAN_AGENT_STUB = { id: HUMAN_AGENT_ID } as unknown as Agent\n\n// A human's face (#390). Renders, in order of preference: the user's content-addressed avatar\n// image (the FK lands fully in #630 — until then `avatarArtifactId` is null and this path is\n// dormant), then a colored initial when we need to distinguish multiple operators, then the\n// generic operator icon. Degrades gracefully at every step so a single seeded user looks\n// exactly as before.\nexport function UserAvatar({\n  user,\n  address,\n  distinct = false,\n  className,\n}: {\n  user: User | undefined\n  /** The human address (`user` / `user:<id>`) — drives the deterministic accent color. */\n  address?: string\n  /** When true (multiple humans in view), fall back to a colored initial instead of the icon. */\n  distinct?: boolean\n  className?: string\n}) {\n  const avatarUrl = user?.avatarUrl ?? (user?.avatarArtifactId ? `/artifacts/${encodeURIComponent(user.avatarArtifactId)}/content` : null)\n  const [objectUrl, setObjectUrl] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (!avatarUrl) { setObjectUrl(null); return }\n    let cancelled = false\n    let url: string | null = null\n    void (async () => {\n      try {\n        const blob = await apiBlob(avatarUrl)\n        if (cancelled) return\n        url = URL.createObjectURL(blob)\n        setObjectUrl(url)\n      } catch {\n        if (!cancelled) setObjectUrl(null)\n      }\n    })()\n    return () => { cancelled = true; if (url) URL.revokeObjectURL(url) }\n  }, [avatarUrl])\n\n  const title = user?.displayName || user?.handle || 'User'\n\n  if (objectUrl) {\n    return <img src={objectUrl} alt={title} title={title} className={cn('w-7 h-7 rounded-md object-cover', className)} />\n  }\n  if (distinct) {\n    const initial = (title.trim()[0] || 'U').toUpperCase()\n    return (\n      <span\n        title={title}\n        className={cn('inline-flex w-7 h-7 items-center justify-center rounded-md bg-muted text-xs font-semibold ring-1 ring-foreground/10', humanAccentClass(address), className)}\n      >\n        {initial}\n      </span>\n    )\n  }\n  return <AgentTypeIcon agent={HUMAN_AGENT_STUB} className={className} />\n}\n"],"mappings":"+NASM,EAAmB,CAAE,GAAI,EAAgB,CAO/C,SAAgB,EAAW,CACzB,OACA,UACA,WAAW,GACX,aAQC,CACD,IAAM,EAAY,GAAM,YAAc,GAAM,iBAAmB,cAAc,mBAAmB,EAAK,iBAAiB,CAAC,UAAY,MAC7H,CAAC,EAAW,IAAA,EAAA,EAAA,UAAwC,KAAK,EAE/D,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAW,CAAE,EAAa,KAAK,CAAE,OACtC,IAAI,EAAY,GACZ,EAAqB,KAWzB,OAVM,SAAY,CAChB,GAAI,CACF,IAAM,EAAO,MAAM,EAAQ,EAAU,CACrC,GAAI,EAAW,OACf,EAAM,IAAI,gBAAgB,EAAK,CAC/B,EAAa,EAAI,MACX,CACD,GAAW,EAAa,KAAK,KAElC,KACS,CAAE,EAAY,GAAU,GAAK,IAAI,gBAAgB,EAAI,GACjE,CAAC,EAAU,CAAC,CAEf,IAAM,EAAQ,GAAM,aAAe,GAAM,QAAU,OAEnD,GAAI,EACF,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAW,IAAK,EAAc,QAAO,UAAW,EAAG,kCAAmC,EAAU,CAAI,CAAA,CAEvH,GAAI,EAAU,CACZ,IAAM,GAAW,EAAM,MAAM,CAAC,IAAM,KAAK,aAAa,CACtD,OACE,EAAA,EAAA,KAAC,OAAD,CACS,QACP,UAAW,EAAG,sHAAuH,EAAiB,EAAQ,CAAE,EAAU,UAEzK,EACI,CAAA,CAGX,OAAO,EAAA,EAAA,KAAC,EAAD,CAAe,MAAO,EAA6B,YAAa,CAAA"}
+{"version":3,"file":"user-avatar-BWLUHt2e.js","names":[],"sources":["../../dashboard/src/components/shared/user-avatar.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { AgentTypeIcon } from '@/components/shared/agent-type-icon'\nimport { apiBlob } from '@/lib/api'\nimport { humanAccentClass } from '@/lib/display'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport { cn } from '@/lib/utils'\nimport type { Agent, User } from '@/types'\n\n// Minimal stub so AgentTypeIcon resolves the generic 'user' face when no avatar exists.\nconst HUMAN_AGENT_STUB = { id: HUMAN_AGENT_ID } as unknown as Agent\n\n// A human's face (#390). Renders, in order of preference: the user's content-addressed avatar\n// image (the FK lands fully in #630 — until then `avatarArtifactId` is null and this path is\n// dormant), then a colored initial when we need to distinguish multiple operators, then the\n// generic operator icon. Degrades gracefully at every step so a single seeded user looks\n// exactly as before.\nexport function UserAvatar({\n  user,\n  address,\n  distinct = false,\n  className,\n}: {\n  user: User | undefined\n  /** The human address (`user` / `user:<id>`) — drives the deterministic accent color. */\n  address?: string\n  /** When true (multiple humans in view), fall back to a colored initial instead of the icon. */\n  distinct?: boolean\n  className?: string\n}) {\n  const avatarUrl = user?.avatarUrl ?? (user?.avatarArtifactId ? `/artifacts/${encodeURIComponent(user.avatarArtifactId)}/content` : null)\n  const [objectUrl, setObjectUrl] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (!avatarUrl) { setObjectUrl(null); return }\n    let cancelled = false\n    let url: string | null = null\n    void (async () => {\n      try {\n        const blob = await apiBlob(avatarUrl)\n        if (cancelled) return\n        url = URL.createObjectURL(blob)\n        setObjectUrl(url)\n      } catch {\n        if (!cancelled) setObjectUrl(null)\n      }\n    })()\n    return () => { cancelled = true; if (url) URL.revokeObjectURL(url) }\n  }, [avatarUrl])\n\n  const title = user?.displayName || user?.handle || 'User'\n\n  if (objectUrl) {\n    return <img src={objectUrl} alt={title} title={title} className={cn('w-7 h-7 rounded-md object-cover', className)} />\n  }\n  if (distinct) {\n    const initial = (title.trim()[0] || 'U').toUpperCase()\n    return (\n      <span\n        title={title}\n        className={cn('inline-flex w-7 h-7 items-center justify-center rounded-md bg-muted text-xs font-semibold ring-1 ring-foreground/10', humanAccentClass(address), className)}\n      >\n        {initial}\n      </span>\n    )\n  }\n  return <AgentTypeIcon agent={HUMAN_AGENT_STUB} className={className} />\n}\n"],"mappings":"+NASM,EAAmB,CAAE,GAAI,EAAgB,CAO/C,SAAgB,EAAW,CACzB,OACA,UACA,WAAW,GACX,aAQC,CACD,IAAM,EAAY,GAAM,YAAc,GAAM,iBAAmB,cAAc,mBAAmB,EAAK,iBAAiB,CAAC,UAAY,MAC7H,CAAC,EAAW,IAAA,EAAA,EAAA,UAAwC,KAAK,EAE/D,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAW,CAAE,EAAa,KAAK,CAAE,OACtC,IAAI,EAAY,GACZ,EAAqB,KAWzB,OAVM,SAAY,CAChB,GAAI,CACF,IAAM,EAAO,MAAM,EAAQ,EAAU,CACrC,GAAI,EAAW,OACf,EAAM,IAAI,gBAAgB,EAAK,CAC/B,EAAa,EAAI,MACX,CACD,GAAW,EAAa,KAAK,KAElC,KACS,CAAE,EAAY,GAAU,GAAK,IAAI,gBAAgB,EAAI,GACjE,CAAC,EAAU,CAAC,CAEf,IAAM,EAAQ,GAAM,aAAe,GAAM,QAAU,OAEnD,GAAI,EACF,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAW,IAAK,EAAc,QAAO,UAAW,EAAG,kCAAmC,EAAU,CAAI,CAAA,CAEvH,GAAI,EAAU,CACZ,IAAM,GAAW,EAAM,MAAM,CAAC,IAAM,KAAK,aAAa,CACtD,OACE,EAAA,EAAA,KAAC,OAAD,CACS,QACP,UAAW,EAAG,sHAAuH,EAAiB,EAAQ,CAAE,EAAU,UAEzK,EACI,CAAA,CAGX,OAAO,EAAA,EAAA,KAAC,EAAD,CAAe,MAAO,EAA6B,YAAa,CAAA"}

package/public/assets/{work-queue-DV36cxjp.js → work-queue-BAnNY0xE.js}

@@ -1,2 +1,2 @@
-import{Dn as e,Zn as t,hn as n,i as r,pt as i}from"./lucide-react-C4eXYCwx.js";import{f as a,t as o}from"./store-DUfrGvOE.js";import{K as s,ct as c,d as l}from"./display-BWi8DQCp.js";import{t as u}from"./badge-D8fABzMs.js";import{t as d}from"./button-KASZcscA.js";import{W as f,X as p,u as m}from"./index-aCfZQ7LY.js";import{r as h,t as g}from"./card-Cds0MWME.js";var _=t(),v={open:`bg-blue-500/10 text-blue-400 border-blue-500/20`,blocked:`bg-yellow-500/10 text-yellow-400 border-yellow-500/20`,claimed:`bg-emerald-500/10 text-emerald-400 border-emerald-500/20`,in_progress:`bg-purple-500/10 text-purple-400 border-purple-500/20`};function y(){let e=a(),t=o(e=>e.agentsById),n=o(e=>e.compose),r=o(e=>e.set),s=o(e=>e.doClaimTask),c=o(e=>e.doClaim),d=o(e=>e.openTaskEvents),h=o(e=>e.showError),g=o(e=>e.openConfirm),v=o(e=>e.doDeleteMessage),y=o(e=>e.doUpdateTaskStatus),x=f(),S=p(),C=S.filter(e=>e.claimable).length;function w(e){if(!n.from){h(`Validation`,`Select a "Claim as" agent first.`);return}e.sourceType===`task`&&e.task?s(e.task.id):e.sourceType===`message`&&e.message&&c(e.message.id)}function T(e){g(`Cancel Item`,`Cancel "${e.title||(e.sourceType===`task`?`Task #${e.id}`:`Message #${e.id}`)}"? This cannot be undone.`,()=>{e.sourceType===`task`&&e.task?y(e.task,`canceled`):e.sourceType===`message`&&e.message&&v(e.message.id)})}function E(e){e.task&&d(e.task)}return(0,_.jsxs)(`div`,{className:`space-y-4`,children:[(0,_.jsxs)(`div`,{className:`flex items-center justify-between flex-wrap gap-2`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(i,{className:`w-5 h-5 text-muted-foreground`}),(0,_.jsx)(`h2`,{className:`text-lg font-semibold`,children:`Work Queue`}),C>0&&(0,_.jsxs)(u,{className:`bg-orange-500/20 text-orange-400 border-orange-500/30 border`,children:[C,` claimable`]})]}),(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(`label`,{className:`text-xs text-muted-foreground shrink-0`,children:`Claim as`}),(0,_.jsxs)(`select`,{className:`rounded-md border border-input bg-background px-3 py-1.5 text-sm`,value:n.from,onChange:e=>r({compose:{...n,from:e.target.value}}),children:[(0,_.jsx)(`option`,{value:``,children:`Select agent...`}),x.map(e=>(0,_.jsx)(`option`,{value:e.id,children:l(e)},e.id))]})]})]}),(0,_.jsx)(m,{className:`h-[calc(100dvh-11rem)]`,children:(0,_.jsxs)(`div`,{className:`space-y-2 pr-2`,children:[S.length===0&&(0,_.jsx)(`div`,{className:`text-center text-muted-foreground py-16 text-sm`,children:`Work queue is empty`}),S.map(n=>(0,_.jsx)(b,{item:n,now:e,agentName:e=>t[e]?l(t[e]):e.slice(-10),onClaim:()=>w(n),onCancel:()=>T(n),onEvents:n.task?()=>E(n):void 0},n.id))]})})]})}function b({item:t,now:i,agentName:a,onClaim:o,onCancel:l,onEvents:f}){let p=c[t.severity]||c.info,m=v[t.status]||`bg-zinc-500/10 text-zinc-400 border-zinc-500/20`;return(0,_.jsx)(g,{className:t.claimable?`ring-1 ring-orange-500/30`:``,children:(0,_.jsx)(h,{className:`p-3`,children:(0,_.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,_.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap mb-1`,children:[(0,_.jsx)(`span`,{className:`font-medium text-sm truncate`,children:t.title}),(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border ${p}`,children:t.severity}),(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border ${m}`,children:t.status}),t.sourceType===`message`&&(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border border-zinc-500/20 text-zinc-400`,children:`msg`})]}),t.body&&(0,_.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 mb-2`,children:t.body}),(0,_.jsxs)(`div`,{className:`flex items-center gap-3 text-xs text-muted-foreground flex-wrap`,children:[t.owner&&(0,_.jsxs)(`span`,{title:`Owner`,children:[(0,_.jsx)(n,{className:`w-3 h-3 inline mr-1`}),a(t.owner)]}),t.source&&(0,_.jsx)(`span`,{className:`font-mono`,children:t.source}),(0,_.jsxs)(`span`,{title:String(t.updatedAt),children:[(0,_.jsx)(e,{className:`w-3 h-3 inline mr-1`}),s(i,t.updatedAt)]})]})]}),(0,_.jsxs)(`div`,{className:`flex flex-col gap-1 shrink-0`,children:[t.claimable&&(0,_.jsxs)(d,{size:`sm`,className:`h-7 text-xs bg-orange-600 hover:bg-orange-700 text-white`,onClick:o,children:[(0,_.jsx)(n,{className:`w-3.5 h-3.5 mr-1`}),` Claim`]}),f&&(0,_.jsx)(d,{size:`sm`,variant:`outline`,className:`h-7 text-xs`,onClick:f,children:`Events`}),(0,_.jsxs)(d,{size:`sm`,variant:`outline`,className:`h-7 text-xs text-red-400 hover:text-red-300 hover:bg-red-500/10 border-red-500/20`,onClick:l,children:[(0,_.jsx)(r,{className:`w-3.5 h-3.5 mr-1`}),` Cancel`]})]})]})})})}export{y as WorkQueueView};
-//# sourceMappingURL=work-queue-DV36cxjp.js.map
+import{Dn as e,Zn as t,hn as n,i as r,pt as i}from"./lucide-react-C4eXYCwx.js";import{f as a,t as o}from"./store-DUfrGvOE.js";import{K as s,ct as c,d as l}from"./display-BWi8DQCp.js";import{t as u}from"./badge-D8fABzMs.js";import{t as d}from"./button-KASZcscA.js";import{W as f,X as p,u as m}from"./index-Vmhw442d.js";import{r as h,t as g}from"./card-Cds0MWME.js";var _=t(),v={open:`bg-blue-500/10 text-blue-400 border-blue-500/20`,blocked:`bg-yellow-500/10 text-yellow-400 border-yellow-500/20`,claimed:`bg-emerald-500/10 text-emerald-400 border-emerald-500/20`,in_progress:`bg-purple-500/10 text-purple-400 border-purple-500/20`};function y(){let e=a(),t=o(e=>e.agentsById),n=o(e=>e.compose),r=o(e=>e.set),s=o(e=>e.doClaimTask),c=o(e=>e.doClaim),d=o(e=>e.openTaskEvents),h=o(e=>e.showError),g=o(e=>e.openConfirm),v=o(e=>e.doDeleteMessage),y=o(e=>e.doUpdateTaskStatus),x=f(),S=p(),C=S.filter(e=>e.claimable).length;function w(e){if(!n.from){h(`Validation`,`Select a "Claim as" agent first.`);return}e.sourceType===`task`&&e.task?s(e.task.id):e.sourceType===`message`&&e.message&&c(e.message.id)}function T(e){g(`Cancel Item`,`Cancel "${e.title||(e.sourceType===`task`?`Task #${e.id}`:`Message #${e.id}`)}"? This cannot be undone.`,()=>{e.sourceType===`task`&&e.task?y(e.task,`canceled`):e.sourceType===`message`&&e.message&&v(e.message.id)})}function E(e){e.task&&d(e.task)}return(0,_.jsxs)(`div`,{className:`space-y-4`,children:[(0,_.jsxs)(`div`,{className:`flex items-center justify-between flex-wrap gap-2`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(i,{className:`w-5 h-5 text-muted-foreground`}),(0,_.jsx)(`h2`,{className:`text-lg font-semibold`,children:`Work Queue`}),C>0&&(0,_.jsxs)(u,{className:`bg-orange-500/20 text-orange-400 border-orange-500/30 border`,children:[C,` claimable`]})]}),(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(`label`,{className:`text-xs text-muted-foreground shrink-0`,children:`Claim as`}),(0,_.jsxs)(`select`,{className:`rounded-md border border-input bg-background px-3 py-1.5 text-sm`,value:n.from,onChange:e=>r({compose:{...n,from:e.target.value}}),children:[(0,_.jsx)(`option`,{value:``,children:`Select agent...`}),x.map(e=>(0,_.jsx)(`option`,{value:e.id,children:l(e)},e.id))]})]})]}),(0,_.jsx)(m,{className:`h-[calc(100dvh-11rem)]`,children:(0,_.jsxs)(`div`,{className:`space-y-2 pr-2`,children:[S.length===0&&(0,_.jsx)(`div`,{className:`text-center text-muted-foreground py-16 text-sm`,children:`Work queue is empty`}),S.map(n=>(0,_.jsx)(b,{item:n,now:e,agentName:e=>t[e]?l(t[e]):e.slice(-10),onClaim:()=>w(n),onCancel:()=>T(n),onEvents:n.task?()=>E(n):void 0},n.id))]})})]})}function b({item:t,now:i,agentName:a,onClaim:o,onCancel:l,onEvents:f}){let p=c[t.severity]||c.info,m=v[t.status]||`bg-zinc-500/10 text-zinc-400 border-zinc-500/20`;return(0,_.jsx)(g,{className:t.claimable?`ring-1 ring-orange-500/30`:``,children:(0,_.jsx)(h,{className:`p-3`,children:(0,_.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,_.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap mb-1`,children:[(0,_.jsx)(`span`,{className:`font-medium text-sm truncate`,children:t.title}),(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border ${p}`,children:t.severity}),(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border ${m}`,children:t.status}),t.sourceType===`message`&&(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border border-zinc-500/20 text-zinc-400`,children:`msg`})]}),t.body&&(0,_.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 mb-2`,children:t.body}),(0,_.jsxs)(`div`,{className:`flex items-center gap-3 text-xs text-muted-foreground flex-wrap`,children:[t.owner&&(0,_.jsxs)(`span`,{title:`Owner`,children:[(0,_.jsx)(n,{className:`w-3 h-3 inline mr-1`}),a(t.owner)]}),t.source&&(0,_.jsx)(`span`,{className:`font-mono`,children:t.source}),(0,_.jsxs)(`span`,{title:String(t.updatedAt),children:[(0,_.jsx)(e,{className:`w-3 h-3 inline mr-1`}),s(i,t.updatedAt)]})]})]}),(0,_.jsxs)(`div`,{className:`flex flex-col gap-1 shrink-0`,children:[t.claimable&&(0,_.jsxs)(d,{size:`sm`,className:`h-7 text-xs bg-orange-600 hover:bg-orange-700 text-white`,onClick:o,children:[(0,_.jsx)(n,{className:`w-3.5 h-3.5 mr-1`}),` Claim`]}),f&&(0,_.jsx)(d,{size:`sm`,variant:`outline`,className:`h-7 text-xs`,onClick:f,children:`Events`}),(0,_.jsxs)(d,{size:`sm`,variant:`outline`,className:`h-7 text-xs text-red-400 hover:text-red-300 hover:bg-red-500/10 border-red-500/20`,onClick:l,children:[(0,_.jsx)(r,{className:`w-3.5 h-3.5 mr-1`}),` Cancel`]})]})]})})})}export{y as WorkQueueView};
+//# sourceMappingURL=work-queue-BAnNY0xE.js.map

package/public/assets/{work-queue-DV36cxjp.js.map → work-queue-BAnNY0xE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"work-queue-DV36cxjp.js","names":[],"sources":["../../dashboard/src/components/views/work-queue.tsx"],"sourcesContent":["import { useRelayStore, useNow } from '@/store'\nimport { useWorkQueueItems, useComposeAgents } from '@/hooks/use-selectors'\nimport { Card, CardContent } from '@/components/ui/card'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { ScrollArea } from '@/components/ui/scroll-area'\nimport { ListChecks, CheckCircle2, Calendar, X } from 'lucide-react'\nimport { displayName, timeAgo } from '@/lib/display'\nimport { SEVERITY_COLORS } from '@/lib/constants'\nimport type { WorkQueueItem } from '@/types'\n\nconst STATUS_COLORS: Record<string, string> = {\n  open: 'bg-blue-500/10 text-blue-400 border-blue-500/20',\n  blocked: 'bg-yellow-500/10 text-yellow-400 border-yellow-500/20',\n  claimed: 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20',\n  in_progress: 'bg-purple-500/10 text-purple-400 border-purple-500/20',\n}\n\nexport function WorkQueueView() {\n  const now = useNow()\n  const agentsById = useRelayStore((s) => s.agentsById)\n  const compose = useRelayStore((s) => s.compose)\n  const set = useRelayStore((s) => s.set)\n  const doClaimTask = useRelayStore((s) => s.doClaimTask)\n  const doClaim = useRelayStore((s) => s.doClaim)\n  const openTaskEvents = useRelayStore((s) => s.openTaskEvents)\n  const showError = useRelayStore((s) => s.showError)\n  const openConfirm = useRelayStore((s) => s.openConfirm)\n  const doDeleteMessage = useRelayStore((s) => s.doDeleteMessage)\n  const doUpdateTaskStatus = useRelayStore((s) => s.doUpdateTaskStatus)\n\n  const composeAgents = useComposeAgents()\n  const items = useWorkQueueItems()\n\n  const claimableCount = items.filter((i) => i.claimable).length\n\n  function handleClaim(item: WorkQueueItem) {\n    if (!compose.from) { showError('Validation', 'Select a \"Claim as\" agent first.'); return }\n    if (item.sourceType === 'task' && item.task) doClaimTask(item.task.id)\n    else if (item.sourceType === 'message' && item.message) doClaim(item.message.id)\n  }\n\n  function handleCancel(item: WorkQueueItem) {\n    const label = item.title || (item.sourceType === 'task' ? `Task #${item.id}` : `Message #${item.id}`)\n    openConfirm('Cancel Item', `Cancel \"${label}\"? This cannot be undone.`, () => {\n      if (item.sourceType === 'task' && item.task) doUpdateTaskStatus(item.task, 'canceled')\n      else if (item.sourceType === 'message' && item.message) doDeleteMessage(item.message.id)\n    })\n  }\n\n  function handleEvents(item: WorkQueueItem) {\n    if (item.task) openTaskEvents(item.task)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex items-center justify-between flex-wrap gap-2\">\n        <div className=\"flex items-center gap-2\">\n          <ListChecks className=\"w-5 h-5 text-muted-foreground\" />\n          <h2 className=\"text-lg font-semibold\">Work Queue</h2>\n          {claimableCount > 0 && (\n            <Badge className=\"bg-orange-500/20 text-orange-400 border-orange-500/30 border\">\n              {claimableCount} claimable\n            </Badge>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <label className=\"text-xs text-muted-foreground shrink-0\">Claim as</label>\n          <select\n            className=\"rounded-md border border-input bg-background px-3 py-1.5 text-sm\"\n            value={compose.from}\n            onChange={(e) => set({ compose: { ...compose, from: e.target.value } })}\n          >\n            <option value=\"\">Select agent...</option>\n            {composeAgents.map((a) => <option key={a.id} value={a.id}>{displayName(a)}</option>)}\n          </select>\n        </div>\n      </div>\n\n      <ScrollArea className=\"h-[calc(100dvh-11rem)]\">\n        <div className=\"space-y-2 pr-2\">\n          {items.length === 0 && (\n            <div className=\"text-center text-muted-foreground py-16 text-sm\">Work queue is empty</div>\n          )}\n          {items.map((item) => (\n            <WorkQueueCard\n              key={item.id}\n              item={item}\n              now={now}\n              agentName={(id) => agentsById[id] ? displayName(agentsById[id]) : id.slice(-10)}\n              onClaim={() => handleClaim(item)}\n              onCancel={() => handleCancel(item)}\n              onEvents={item.task ? () => handleEvents(item) : undefined}\n            />\n          ))}\n        </div>\n      </ScrollArea>\n    </div>\n  )\n}\n\nfunction WorkQueueCard({\n  item, now, agentName, onClaim, onCancel, onEvents,\n}: {\n  item: WorkQueueItem\n  now: number\n  agentName: (id: string) => string\n  onClaim: () => void\n  onCancel: () => void\n  onEvents?: () => void\n}) {\n  const severityClass = SEVERITY_COLORS[item.severity] || SEVERITY_COLORS.info\n  const statusClass = STATUS_COLORS[item.status] || 'bg-zinc-500/10 text-zinc-400 border-zinc-500/20'\n\n  return (\n    <Card className={item.claimable ? 'ring-1 ring-orange-500/30' : ''}>\n      <CardContent className=\"p-3\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center gap-2 flex-wrap mb-1\">\n              <span className=\"font-medium text-sm truncate\">{item.title}</span>\n              <Badge variant=\"outline\" className={`text-xs px-1.5 py-0 border ${severityClass}`}>{item.severity}</Badge>\n              <Badge variant=\"outline\" className={`text-xs px-1.5 py-0 border ${statusClass}`}>{item.status}</Badge>\n              {item.sourceType === 'message' && (\n                <Badge variant=\"outline\" className=\"text-xs px-1.5 py-0 border border-zinc-500/20 text-zinc-400\">msg</Badge>\n              )}\n            </div>\n            {item.body && (\n              <p className=\"text-xs text-muted-foreground line-clamp-2 mb-2\">{item.body}</p>\n            )}\n            <div className=\"flex items-center gap-3 text-xs text-muted-foreground flex-wrap\">\n              {item.owner && (\n                <span title=\"Owner\">\n                  <CheckCircle2 className=\"w-3 h-3 inline mr-1\" />{agentName(item.owner)}\n                </span>\n              )}\n              {item.source && (\n                <span className=\"font-mono\">{item.source}</span>\n              )}\n              <span title={String(item.updatedAt)}>\n                <Calendar className=\"w-3 h-3 inline mr-1\" />{timeAgo(now, item.updatedAt)}\n              </span>\n            </div>\n          </div>\n          <div className=\"flex flex-col gap-1 shrink-0\">\n            {item.claimable && (\n              <Button size=\"sm\" className=\"h-7 text-xs bg-orange-600 hover:bg-orange-700 text-white\" onClick={onClaim}>\n                <CheckCircle2 className=\"w-3.5 h-3.5 mr-1\" /> Claim\n              </Button>\n            )}\n            {onEvents && (\n              <Button size=\"sm\" variant=\"outline\" className=\"h-7 text-xs\" onClick={onEvents}>\n                Events\n              </Button>\n            )}\n            <Button size=\"sm\" variant=\"outline\" className=\"h-7 text-xs text-red-400 hover:text-red-300 hover:bg-red-500/10 border-red-500/20\" onClick={onCancel}>\n              <X className=\"w-3.5 h-3.5 mr-1\" /> Cancel\n            </Button>\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"work-queue-BAnNY0xE.js","names":[],"sources":["../../dashboard/src/components/views/work-queue.tsx"],"sourcesContent":["import { useRelayStore, useNow } from '@/store'\nimport { useWorkQueueItems, useComposeAgents } from '@/hooks/use-selectors'\nimport { Card, CardContent } from '@/components/ui/card'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { ScrollArea } from '@/components/ui/scroll-area'\nimport { ListChecks, CheckCircle2, Calendar, X } from 'lucide-react'\nimport { displayName, timeAgo } from '@/lib/display'\nimport { SEVERITY_COLORS } from '@/lib/constants'\nimport type { WorkQueueItem } from '@/types'\n\nconst STATUS_COLORS: Record<string, string> = {\n  open: 'bg-blue-500/10 text-blue-400 border-blue-500/20',\n  blocked: 'bg-yellow-500/10 text-yellow-400 border-yellow-500/20',\n  claimed: 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20',\n  in_progress: 'bg-purple-500/10 text-purple-400 border-purple-500/20',\n}\n\nexport function WorkQueueView() {\n  const now = useNow()\n  const agentsById = useRelayStore((s) => s.agentsById)\n  const compose = useRelayStore((s) => s.compose)\n  const set = useRelayStore((s) => s.set)\n  const doClaimTask = useRelayStore((s) => s.doClaimTask)\n  const doClaim = useRelayStore((s) => s.doClaim)\n  const openTaskEvents = useRelayStore((s) => s.openTaskEvents)\n  const showError = useRelayStore((s) => s.showError)\n  const openConfirm = useRelayStore((s) => s.openConfirm)\n  const doDeleteMessage = useRelayStore((s) => s.doDeleteMessage)\n  const doUpdateTaskStatus = useRelayStore((s) => s.doUpdateTaskStatus)\n\n  const composeAgents = useComposeAgents()\n  const items = useWorkQueueItems()\n\n  const claimableCount = items.filter((i) => i.claimable).length\n\n  function handleClaim(item: WorkQueueItem) {\n    if (!compose.from) { showError('Validation', 'Select a \"Claim as\" agent first.'); return }\n    if (item.sourceType === 'task' && item.task) doClaimTask(item.task.id)\n    else if (item.sourceType === 'message' && item.message) doClaim(item.message.id)\n  }\n\n  function handleCancel(item: WorkQueueItem) {\n    const label = item.title || (item.sourceType === 'task' ? `Task #${item.id}` : `Message #${item.id}`)\n    openConfirm('Cancel Item', `Cancel \"${label}\"? This cannot be undone.`, () => {\n      if (item.sourceType === 'task' && item.task) doUpdateTaskStatus(item.task, 'canceled')\n      else if (item.sourceType === 'message' && item.message) doDeleteMessage(item.message.id)\n    })\n  }\n\n  function handleEvents(item: WorkQueueItem) {\n    if (item.task) openTaskEvents(item.task)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex items-center justify-between flex-wrap gap-2\">\n        <div className=\"flex items-center gap-2\">\n          <ListChecks className=\"w-5 h-5 text-muted-foreground\" />\n          <h2 className=\"text-lg font-semibold\">Work Queue</h2>\n          {claimableCount > 0 && (\n            <Badge className=\"bg-orange-500/20 text-orange-400 border-orange-500/30 border\">\n              {claimableCount} claimable\n            </Badge>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <label className=\"text-xs text-muted-foreground shrink-0\">Claim as</label>\n          <select\n            className=\"rounded-md border border-input bg-background px-3 py-1.5 text-sm\"\n            value={compose.from}\n            onChange={(e) => set({ compose: { ...compose, from: e.target.value } })}\n          >\n            <option value=\"\">Select agent...</option>\n            {composeAgents.map((a) => <option key={a.id} value={a.id}>{displayName(a)}</option>)}\n          </select>\n        </div>\n      </div>\n\n      <ScrollArea className=\"h-[calc(100dvh-11rem)]\">\n        <div className=\"space-y-2 pr-2\">\n          {items.length === 0 && (\n            <div className=\"text-center text-muted-foreground py-16 text-sm\">Work queue is empty</div>\n          )}\n          {items.map((item) => (\n            <WorkQueueCard\n              key={item.id}\n              item={item}\n              now={now}\n              agentName={(id) => agentsById[id] ? displayName(agentsById[id]) : id.slice(-10)}\n              onClaim={() => handleClaim(item)}\n              onCancel={() => handleCancel(item)}\n              onEvents={item.task ? () => handleEvents(item) : undefined}\n            />\n          ))}\n        </div>\n      </ScrollArea>\n    </div>\n  )\n}\n\nfunction WorkQueueCard({\n  item, now, agentName, onClaim, onCancel, onEvents,\n}: {\n  item: WorkQueueItem\n  now: number\n  agentName: (id: string) => string\n  onClaim: () => void\n  onCancel: () => void\n  onEvents?: () => void\n}) {\n  const severityClass = SEVERITY_COLORS[item.severity] || SEVERITY_COLORS.info\n  const statusClass = STATUS_COLORS[item.status] || 'bg-zinc-500/10 text-zinc-400 border-zinc-500/20'\n\n  return (\n    <Card className={item.claimable ? 'ring-1 ring-orange-500/30' : ''}>\n      <CardContent className=\"p-3\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center gap-2 flex-wrap mb-1\">\n              <span className=\"font-medium text-sm truncate\">{item.title}</span>\n              <Badge variant=\"outline\" className={`text-xs px-1.5 py-0 border ${severityClass}`}>{item.severity}</Badge>\n              <Badge variant=\"outline\" className={`text-xs px-1.5 py-0 border ${statusClass}`}>{item.status}</Badge>\n              {item.sourceType === 'message' && (\n                <Badge variant=\"outline\" className=\"text-xs px-1.5 py-0 border border-zinc-500/20 text-zinc-400\">msg</Badge>\n              )}\n            </div>\n            {item.body && (\n              <p className=\"text-xs text-muted-foreground line-clamp-2 mb-2\">{item.body}</p>\n            )}\n            <div className=\"flex items-center gap-3 text-xs text-muted-foreground flex-wrap\">\n              {item.owner && (\n                <span title=\"Owner\">\n                  <CheckCircle2 className=\"w-3 h-3 inline mr-1\" />{agentName(item.owner)}\n                </span>\n              )}\n              {item.source && (\n                <span className=\"font-mono\">{item.source}</span>\n              )}\n              <span title={String(item.updatedAt)}>\n                <Calendar className=\"w-3 h-3 inline mr-1\" />{timeAgo(now, item.updatedAt)}\n              </span>\n            </div>\n          </div>\n          <div className=\"flex flex-col gap-1 shrink-0\">\n            {item.claimable && (\n              <Button size=\"sm\" className=\"h-7 text-xs bg-orange-600 hover:bg-orange-700 text-white\" onClick={onClaim}>\n                <CheckCircle2 className=\"w-3.5 h-3.5 mr-1\" /> Claim\n              </Button>\n            )}\n            {onEvents && (\n              <Button size=\"sm\" variant=\"outline\" className=\"h-7 text-xs\" onClick={onEvents}>\n                Events\n              </Button>\n            )}\n            <Button size=\"sm\" variant=\"outline\" className=\"h-7 text-xs text-red-400 hover:text-red-300 hover:bg-red-500/10 border-red-500/20\" onClick={onCancel}>\n              <X className=\"w-3.5 h-3.5 mr-1\" /> Cancel\n            </Button>\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n"],"mappings":"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"}

package/public/index.html

@@ -12,7 +12,7 @@
   <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%2309090b'/%3E%3Ccircle cx='16' cy='16' r='4.5' fill='%2358a6ff'/%3E%3Ccircle cx='6' cy='8' r='2.5' fill='%233fb950'/%3E%3Ccircle cx='26' cy='8' r='2.5' fill='%233fb950'/%3E%3Ccircle cx='6' cy='24' r='2.5' fill='%233fb950'/%3E%3Ccircle cx='26' cy='24' r='2.5' fill='%233fb950'/%3E%3Cline x1='8' y1='9.5' x2='13' y2='14' stroke='%2330363d' stroke-width='1.5'/%3E%3Cline x1='24' y1='9.5' x2='19' y2='14' stroke='%2330363d' stroke-width='1.5'/%3E%3Cline x1='8' y1='22.5' x2='13' y2='18' stroke='%2330363d' stroke-width='1.5'/%3E%3Cline x1='24' y1='22.5' x2='19' y2='18' stroke='%2330363d' stroke-width='1.5'/%3E%3C/svg%3E">
   <link rel="manifest" href="manifest.webmanifest">
   <link rel="apple-touch-icon" href="icons/agent-relay-192.png">
-  <script type="module" crossorigin src="./assets/index-aCfZQ7LY.js"></script>
+  <script type="module" crossorigin src="./assets/index-Vmhw442d.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/chunk-CilyBKbf.js">
   <link rel="modulepreload" crossorigin href="./assets/preload-helper-C_JMBXql.js">
   <link rel="modulepreload" crossorigin href="./assets/lucide-react-C4eXYCwx.js">

package/runner/plugins/claude/.claude-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "agent-relay-runner",
   "description": "Thin Agent Relay runner bridge for Claude Code",
-  "version": "0.105.0",
+  "version": "0.105.2",
   "agentRelayContracts": {
     "providerPluginProtocol": 1
   }

package/runner/plugins/claude/monitors/relay-monitor.provisioned.mjs

@@ -847,7 +847,7 @@ function messageBodyMaxCharsFromEnv() {
   return process.env.AGENT_RELAY_MESSAGE_BODY_MAX_CHARS;
 }
 
-// src/prompt-template-defaults-runner.ts
+// sdk/src/prompt-template-defaults.ts
 function lines(...parts) {
   return parts.join(`
 `);
@@ -923,7 +923,7 @@ var RUNNER_PROMPT_TEMPLATE_DEFAULTS = [
     description: "Write-through symlink caveat injected by the runner.",
     template: "[agent-relay] Isolated workspace: these untracked paths are SYMLINKED from the main checkout: {{linked}}. They resolve to the real files in main, so editing or deleting them writes THROUGH to main \u2014 treat them as read-only unless you intend to change main.",
     defaultTemplate: "[agent-relay] Isolated workspace: these untracked paths are SYMLINKED from the main checkout: {{linked}}. They resolve to the real files in main, so editing or deleting them writes THROUGH to main \u2014 treat them as read-only unless you intend to change main.",
-    variables: ["linked"]
+    variables: []
   }
 ];
 

package/src/db/prompt-templates.ts

@@ -1,6 +1,11 @@
 import type { PromptTemplate } from "../types";
 import { ValidationError, getDb } from "./connection.ts";
 
+// SeedTemplate is owned by the SDK (alongside RUNNER_PROMPT_TEMPLATE_DEFAULTS) so the
+// published runner can consume the seed data without crossing a package boundary (#802).
+import type { SeedTemplate } from "agent-relay-sdk/prompt-template-defaults";
+export type { SeedTemplate };
+
 interface PromptTemplateRow {
   slug: string;
   category: string;
@@ -13,16 +18,6 @@ interface PromptTemplateRow {
   created_at: number;
 }
 
-export interface SeedTemplate {
-  slug: string;
-  category: string;
-  title: string;
-  description?: string;
-  template: string;
-  defaultTemplate: string;
-  variables: string[];
-}
-
 export type PromptTemplateRecord = PromptTemplate;
 
 function rowToPromptTemplate(row: PromptTemplateRow): PromptTemplateRecord {

package/src/prompt-resolver.ts

@@ -1,6 +1,6 @@
 import type { SeedTemplate } from "./db/prompt-templates";
 import { getTemplate } from "./db/prompt-templates";
-import { RUNNER_PROMPT_TEMPLATE_DEFAULTS } from "./prompt-template-defaults-runner";
+import { RUNNER_PROMPT_TEMPLATE_DEFAULTS } from "agent-relay-sdk/prompt-template-defaults";
 
 function lines(...parts: string[]): string {
   return parts.join("\n");
@@ -265,7 +265,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   ...RUNNER_PROMPT_TEMPLATE_DEFAULTS,
   {
     slug: "notify.agent.ready",
-    category: "notify",
+    category: "lifecycle",
     title: "Spawned Agent Ready",
     description: "Notification body sent when a spawned child becomes ready.",
     template: "✅ Your spawned agent {{label}} is ready and idle — send it work with relay_send_message to `{{childId}}`.",
@@ -274,7 +274,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.agent.exited",
-    category: "notify",
+    category: "lifecycle",
     title: "Spawned Agent Exited",
     description: "Notification body sent when a spawned child exits after becoming ready.",
     template: "⏹ Your spawned agent {{label}} exited — {{reason}}{{diagnosis}}.",
@@ -283,7 +283,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.agent.never-ready",
-    category: "notify",
+    category: "lifecycle",
     title: "Spawned Agent Never Ready",
     description: "Notification body sent when a spawned child dies before becoming ready.",
     template: "❌ Your spawned agent {{label}} went offline before ever becoming ready — {{reason}}{{diagnosis}}. Likely a crash-loop, onboarding gate, or bad launch; call relay_spawn_targets to re-check provider availability before retrying.",
@@ -292,7 +292,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.spawn.failed",
-    category: "notify",
+    category: "lifecycle",
     title: "Spawn Failed",
     description: "Notification body sent when a spawn command fails outright.",
     template: "❌ Your spawn request{{spawnRequestId}} failed — {{reason}}. Call relay_spawn_targets to check live provider/host availability before retrying.",
@@ -301,7 +301,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.spawn.recovered",
-    category: "notify",
+    category: "lifecycle",
     title: "Spawn Recovered",
     description: "Correction sent when a spawn-failed report is later superseded by readiness.",
     template: "♻️ Correction: your earlier spawn failure{{spawnRequestId}} was a false alarm — {{label}} actually registered and is ready and idle. Disregard the failure and do NOT retry; send it work with relay_send_message to `{{childId}}`.",
@@ -310,7 +310,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.land.success",
-    category: "notify",
+    category: "land",
     title: "Branch Landed",
     description: "Owner notification body when a branch lands successfully.",
     template: "✅ {{branch}} landed on `{{base}}`{{sha}}.{{publishLabel}}{{continueLabel}}",
@@ -319,7 +319,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.land.failure",
-    category: "notify",
+    category: "land",
     title: "Branch Land Failure",
     description: "Owner wake sent when landing fails fatally.",
     template: "❌ {{branch}} did not land on `{{base}}`: {{reason}}. You were woken by `landed-failure`; inspect workspace status before doing more work. Do NOT push, rebase, merge, or touch the main checkout yourself.",
@@ -328,7 +328,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.land.steward-taken",
-    category: "notify",
+    category: "land",
     title: "Steward Took Over Merge",
     description: "Owner-facing notice that a steward took over the merge.",
     template: "🛟 {{branch}} couldn't be auto-merged to `{{base}}` and is now being handled by steward agent `{{stewardId}}`{{reasonLabel}}. The steward will rebase/resolve and land it. Do NOT push, rebase, merge, or touch the main checkout yourself; stay idle until you're woken with the result.",
@@ -337,7 +337,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.land.steward-taken.coordinator",
-    category: "notify",
+    category: "land",
     title: "Steward Took Over Merge (Coordinator)",
     description: "Coordinator-facing notice that a steward took over a branch agent's merge.",
     template: "🛟 Your branch agent `{{owner}}`'s merge ({{branch}} → `{{base}}`) couldn't be auto-merged and is now with steward agent `{{stewardId}}`{{reasonLabel}}. The steward will land it or escalate to you if it can't.",
@@ -346,7 +346,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.active.headline",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Active Headline",
     description: "Workspace status headline for active isolated work.",
     template: "Your isolated branch — work in progress.",
@@ -355,7 +355,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.active.hint",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Active Hint",
     description: "Workspace status hint for active isolated work.",
     template: "Commit your work in this worktree, then mark it ready. Relay rebases onto the latest base, lands, and pushes for you — do NOT push, rebase, or merge yourself, and never touch the main checkout.",
@@ -364,7 +364,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.ready.headline",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Ready Headline",
     description: "Workspace status headline for healthy handoff states.",
     template: "Handed off — stop this turn and go idle while Relay lands your branch. This is the normal, healthy post-ready state (not an escalation).",
@@ -373,7 +373,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.ready.hint",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Ready Hint",
     description: "Workspace status hint for healthy handoff states.",
     template: "No action needed. Stop your turn now; do not poll or wait on the steward queue. Relay will wake you with a `landed-success` notification when the merge lands and your branch is refreshed, or `landed-failure` if landing fatally fails. Do NOT merge, push, resolve anything, or touch the main checkout.",
@@ -382,7 +382,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.merge-planned.headline",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Merge Planned Headline",
     description: "Workspace status headline for merge dispatch.",
     template: "Merge dispatched — landing your branch on the base now.",
@@ -391,7 +391,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.merge-planned.hint",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Merge Planned Hint",
     description: "Workspace status hint for merge dispatch.",
     template: "No action needed. When it completes you'll be moved onto a fresh rebased branch (the name gains a `--N` suffix — expected) to keep working.",
@@ -400,7 +400,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.conflict.headline",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Conflict Headline",
     description: "Workspace status headline when a steward is reconciling a conflict.",
     template: "Auto-merge hit a conflict — a steward agent is reconciling it. Resolving it is NOT your job.",
@@ -409,7 +409,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.conflict.hint",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Conflict Hint",
     description: "Workspace status hint when a steward is reconciling a conflict.",
     template: "Do not resolve the conflict, rebase, merge, or push yourself. The steward rebases and lands it, escalating to the human only if it truly can't. You can keep working or wait for it to land.",
@@ -418,7 +418,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.merged.headline",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Merged Headline",
     description: "Workspace status headline after a successful land.",
     template: "✅ Landed — your commits are on the base.",
@@ -427,7 +427,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.merged.hint",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Merged Hint",
     description: "Workspace status hint after a successful land.",
     template: "A fresh rebased branch is being prepared; you'll continue on it (the branch name gains a `--N` suffix — expected, not an error). Keep working.",
@@ -436,7 +436,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.abandoned.headline",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Closed Headline",
     description: "Workspace status headline when the worktree is being torn down.",
     template: "This workspace is being torn down.",
@@ -445,7 +445,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "workspace.phase.abandoned.hint",
-    category: "workspace",
+    category: "workspace-phase",
     title: "Workspace Closed Hint",
     description: "Workspace status hint when the worktree is being torn down.",
     template: "No further branch work happens here. If you still have work to do, the host will spawn you into a fresh workspace.",
@@ -481,7 +481,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.routing.policy-changed",
-    category: "notify",
+    category: "routing",
     title: "Routing Policy Changed",
     description: "Notification body sent to live spawn-capable agents after a routing policy save.",
     template: "🗺 Routing policy updated{{updatedBy}}. Ingest this delta now — spawn routing decisions take effect immediately without respawn. Re-read relay_spawn_targets for live provider/model options.",
@@ -490,7 +490,7 @@ const DEFAULT_PROMPT_TEMPLATES = [
   },
   {
     slug: "notify.automation.budget-warning",
-    category: "notify",
+    category: "automation",
     title: "Automation Runtime Budget Warning",
     description: "Fallback automation runtime budget warning body.",
     template: "Runtime budget warning: this automation run will be shut down in about {{remainingMinutes}}. Finish current work, commit and push anything worth keeping, then stop cleanly before the deadline.",

package/public/assets/prompt-settings-Df-0ZMJ5.js

@@ -1,2 +0,0 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{A as t,I as n,Mn as r,N as i,Qn as a,Vt as o,Yn as s,Zn as c,_n as l,ur as u}from"./lucide-react-C4eXYCwx.js";import{a as d}from"./types-DorDDvEb.js";import{K as f}from"./display-BWi8DQCp.js";import{t as p}from"./badge-D8fABzMs.js";import{t as m}from"./button-KASZcscA.js";import{r as h}from"./index-aCfZQ7LY.js";import{a as g,i as _,o as v,r as y,s as ee,t as b}from"./card-Cds0MWME.js";var x=e(u(),1),S=c(),C=`all`;function w(e){return e.split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function T(e){return[...e].sort((e,t)=>{let n=e.category.localeCompare(t.category);if(n!==0)return n;let r=e.title.localeCompare(t.title);return r===0?e.slug.localeCompare(t.slug):r})}function E(){let[e,c]=(0,x.useState)([]),[u,E]=(0,x.useState)(!0),[D,O]=(0,x.useState)(``),[k,A]=(0,x.useState)(``),[j,M]=(0,x.useState)(``),[N,P]=(0,x.useState)(C),[F,I]=(0,x.useState)(``),[L,R]=(0,x.useState)({}),[z,B]=(0,x.useState)(``),[V,H]=(0,x.useState)(()=>Date.now());async function U(){E(!0),O(``);try{c(T(await a(`GET`,`/settings/prompts`))),H(Date.now())}catch(e){O(d(e))}finally{E(!1)}}(0,x.useEffect)(()=>{U()},[]);let W=(0,x.useMemo)(()=>{let t=new Map;for(let n of e)t.set(n.category,(t.get(n.category)??0)+1);return[...t.entries()].sort(([e],[t])=>e.localeCompare(t)).map(([e,t])=>({key:e,count:t,label:w(e)}))},[e]),G=N===C||W.some(e=>e.key===N)?N:C,K=(0,x.useMemo)(()=>G===C?e:e.filter(e=>e.category===G),[G,e]),q=K.some(e=>e.slug===F)?F:K[0]?.slug??``,J=K.find(e=>e.slug===q)??null,Y=J?L[J.slug]??J.template:``,X=J?Y!==J.template:!1,Z=e.filter(e=>e.template!==e.defaultTemplate).length,Q=J?z===J.slug:!1;function te(e){I(e),A(``),M(``)}function $(e){c(t=>T(t.map(t=>t.slug===e.slug?e:t))),R(t=>({...t,[e.slug]:e.template})),H(Date.now())}async function ne(){if(!(!J||!X)){B(J.slug),A(``),M(``);try{let e=await a(`PUT`,`/settings/prompts/${encodeURIComponent(J.slug)}`,{template:Y});$(e),M(`Saved ${e.title}.`)}catch(e){A(d(e))}finally{B(``)}}}async function re(){if(!(!J||J.template===J.defaultTemplate)){B(J.slug),A(``),M(``);try{let e=await a(`POST`,`/settings/prompts/${encodeURIComponent(J.slug)}/reset`);$(e),M(`Reset ${e.title} to the built-in default.`)}catch(e){A(d(e))}finally{B(``)}}}function ie(){J&&(R(e=>({...e,[J.slug]:J.template})),A(``),M(`Unsaved edits discarded.`))}return(0,S.jsxs)(`div`,{className:`space-y-4 p-4`,children:[(0,S.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`h1`,{className:`text-lg font-semibold`,children:`Prompts`}),(0,S.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`View and edit the externalized prompt templates used across Relay lifecycle, routing, workspace, and automation flows.`})]}),(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,S.jsxs)(p,{variant:`outline`,className:`gap-1`,children:[(0,S.jsx)(o,{className:`size-3`}),e.length,` template`,e.length===1?``:`s`]}),(0,S.jsxs)(p,{variant:`outline`,className:s(`gap-1`,Z>0&&`border-amber-500/40 bg-amber-500/10 text-amber-300`),children:[Z,` modified`]}),(0,S.jsxs)(m,{variant:`outline`,size:`sm`,onClick:()=>void U(),disabled:u,children:[(0,S.jsx)(n,{className:s(`size-4`,u&&`animate-spin`)}),`Refresh`]})]})]}),D&&(0,S.jsxs)(`div`,{className:`flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive`,children:[(0,S.jsx)(l,{className:`mt-0.5 size-4`}),(0,S.jsx)(`span`,{children:D})]}),u&&e.length===0?(0,S.jsx)(b,{size:`sm`,children:(0,S.jsx)(y,{className:`text-sm text-muted-foreground`,children:`Loading prompt templates…`})}):e.length===0?(0,S.jsx)(b,{children:(0,S.jsx)(y,{className:`py-10 text-center text-sm text-muted-foreground`,children:`No prompt templates are available yet.`})}):(0,S.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-[220px_minmax(0,0.9fr)_minmax(0,1.1fr)]`,children:[(0,S.jsxs)(`nav`,{className:`space-y-1 xl:sticky xl:top-4 xl:self-start`,children:[(0,S.jsxs)(`button`,{type:`button`,className:s(`w-full rounded-md border px-3 py-2 text-left text-sm transition-colors`,G===C?`border-primary/50 bg-primary/10 text-foreground`:`border-transparent hover:border-border hover:bg-accent`),onClick:()=>P(C),children:[(0,S.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,S.jsx)(`span`,{className:`font-medium`,children:`All`}),(0,S.jsx)(p,{variant:`outline`,className:`ml-auto h-4 px-1 text-[10px]`,children:e.length})]}),(0,S.jsx)(`span`,{className:`block truncate text-xs text-muted-foreground`,children:`Every externalized prompt template`})]}),W.map(e=>(0,S.jsxs)(`button`,{type:`button`,className:s(`w-full rounded-md border px-3 py-2 text-left text-sm transition-colors`,G===e.key?`border-primary/50 bg-primary/10 text-foreground`:`border-transparent hover:border-border hover:bg-accent`),onClick:()=>P(e.key),children:[(0,S.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,S.jsx)(`span`,{className:`font-medium`,children:e.label}),(0,S.jsx)(p,{variant:`outline`,className:`ml-auto h-4 px-1 text-[10px]`,children:e.count})]}),(0,S.jsx)(`span`,{className:`block truncate text-xs font-mono text-muted-foreground`,children:e.key})]},e.key))]}),(0,S.jsxs)(`div`,{className:`min-w-0 space-y-3`,children:[(0,S.jsx)(`div`,{className:`flex items-center justify-between gap-2 px-1`,children:(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`h2`,{className:`text-sm font-semibold`,children:G===C?`All templates`:`${w(G)} templates`}),(0,S.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[K.length,` template`,K.length===1?``:`s`,` in this view`]})]})}),K.map(e=>{let t=e.slug===q,n=e.template!==e.defaultTemplate;return(0,S.jsx)(`button`,{type:`button`,className:s(`w-full rounded-xl border p-4 text-left transition-colors`,t?`border-primary/50 bg-primary/10 ring-1 ring-primary/20`:`border-border bg-card hover:border-primary/30 hover:bg-accent`),onClick:()=>te(e.slug),children:(0,S.jsx)(`div`,{className:`flex flex-wrap items-start gap-2`,children:(0,S.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,S.jsx)(`span`,{className:`font-medium text-foreground`,children:e.title}),n&&(0,S.jsx)(p,{className:`bg-amber-500/15 text-amber-300 hover:bg-amber-500/15`,children:`Modified`}),(0,S.jsx)(p,{variant:`outline`,className:`text-[10px]`,children:w(e.category)})]}),(0,S.jsx)(`div`,{className:`mt-1 font-mono text-[11px] text-muted-foreground`,children:e.slug}),e.description&&(0,S.jsx)(`p`,{className:`mt-2 line-clamp-2 text-sm text-muted-foreground`,children:e.description}),(0,S.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center gap-3 text-[11px] text-muted-foreground`,children:[(0,S.jsxs)(`span`,{children:[e.variables.length,` variable`,e.variables.length===1?``:`s`]}),(0,S.jsxs)(`span`,{children:[`Updated `,f(V,e.updatedAt)]})]})]})})},e.slug)})]}),(0,S.jsx)(`div`,{className:`min-w-0`,children:J?(0,S.jsxs)(b,{children:[(0,S.jsxs)(v,{className:`border-b border-border`,children:[(0,S.jsxs)(ee,{className:`flex flex-wrap items-center gap-2`,children:[(0,S.jsx)(`span`,{children:J.title}),J.template!==J.defaultTemplate&&(0,S.jsx)(p,{className:`bg-amber-500/15 text-amber-300 hover:bg-amber-500/15`,children:`Customized`}),X&&(0,S.jsx)(p,{variant:`outline`,children:`Unsaved`})]}),(0,S.jsxs)(_,{className:`space-y-1`,children:[(0,S.jsx)(`div`,{className:`font-mono text-[11px]`,children:J.slug}),J.description&&(0,S.jsx)(`div`,{children:J.description})]})]}),(0,S.jsxs)(y,{className:`space-y-4 pt-4`,children:[k&&(0,S.jsxs)(`div`,{className:`flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-2 text-xs text-destructive`,children:[(0,S.jsx)(l,{className:`mt-0.5 size-3.5`}),(0,S.jsx)(`span`,{children:k})]}),j&&(0,S.jsx)(`div`,{className:`rounded-md border border-emerald-500/30 bg-emerald-500/10 px-3 py-2 text-xs text-emerald-300`,children:j}),(0,S.jsxs)(`div`,{className:`space-y-2`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-2 text-xs font-medium text-muted-foreground`,children:[(0,S.jsx)(r,{className:`size-3.5`}),`Available variables`]}),J.variables.length>0?(0,S.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:J.variables.map(e=>(0,S.jsx)(p,{variant:`secondary`,className:`font-mono text-[11px]`,children:`{{${e}}}`},e))}):(0,S.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`This template has no placeholder variables.`})]}),J.template!==J.defaultTemplate&&(0,S.jsx)(`div`,{className:`rounded-lg border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-xs text-amber-200`,children:`This template differs from the built-in default. Reset will restore the original text.`}),(0,S.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,S.jsx)(`label`,{htmlFor:`prompt-template-editor`,className:`text-xs font-medium text-muted-foreground`,children:`Template text`}),(0,S.jsx)(h,{id:`prompt-template-editor`,value:Y,onChange:e=>{let t=e.target.value;R(e=>({...e,[J.slug]:t})),k&&A(``),j&&M(``)},rows:18,spellCheck:!1,className:`min-h-[360px] resize-y font-mono text-xs leading-5`})]})]}),(0,S.jsxs)(g,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,S.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:X?`Editing local changes.`:`Updated ${f(V,J.updatedAt)}.`}),(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[J.template!==J.defaultTemplate&&(0,S.jsxs)(m,{variant:`outline`,size:`sm`,onClick:()=>void re(),disabled:Q,children:[(0,S.jsx)(i,{className:`size-4`}),`Reset to default`]}),(0,S.jsx)(m,{variant:`outline`,size:`sm`,onClick:ie,disabled:!X||Q,children:`Cancel`}),(0,S.jsxs)(m,{size:`sm`,onClick:()=>void ne(),disabled:!X||Q,children:[(0,S.jsx)(t,{className:`size-4`}),`Save`]})]})]})]}):(0,S.jsx)(b,{size:`sm`,children:(0,S.jsx)(y,{className:`text-sm text-muted-foreground`,children:`Select a prompt template to edit it.`})})})]})]})}export{E as PromptSettingsView};
-//# sourceMappingURL=prompt-settings-Df-0ZMJ5.js.map

package/public/assets/prompt-settings-Df-0ZMJ5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prompt-settings-Df-0ZMJ5.js","names":[],"sources":["../../dashboard/src/components/views/prompt-settings.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { api } from '@/lib/api'\nimport { cn } from '@/lib/utils'\nimport { timeAgo } from '@/lib/display'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Textarea } from '@/components/ui/textarea'\nimport { AlertCircle, Braces, FileText, RefreshCw, RotateCcw, Save } from 'lucide-react'\nimport { errMessage } from 'agent-relay-sdk/types'\n\ninterface PromptTemplate {\n  slug: string\n  category: string\n  title: string\n  description?: string\n  template: string\n  defaultTemplate: string\n  variables: string[]\n  updatedAt: number\n  createdAt: number\n}\n\nconst ALL_CATEGORY = 'all'\n\n\nfunction titleCaseCategory(category: string): string {\n  return category\n    .split(/[^a-zA-Z0-9]+/)\n    .filter(Boolean)\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join(' ')\n}\n\nfunction sortTemplates(items: PromptTemplate[]): PromptTemplate[] {\n  return [...items].sort((a, b) => {\n    const category = a.category.localeCompare(b.category)\n    if (category !== 0) return category\n    const title = a.title.localeCompare(b.title)\n    if (title !== 0) return title\n    return a.slug.localeCompare(b.slug)\n  })\n}\n\nexport function PromptSettingsView() {\n  const [templates, setTemplates] = useState<PromptTemplate[]>([])\n  const [loading, setLoading] = useState(true)\n  const [loadError, setLoadError] = useState('')\n  const [actionError, setActionError] = useState('')\n  const [notice, setNotice] = useState('')\n  const [activeCategory, setActiveCategory] = useState(ALL_CATEGORY)\n  const [selectedSlug, setSelectedSlug] = useState('')\n  const [drafts, setDrafts] = useState<Record<string, string>>({})\n  const [savingSlug, setSavingSlug] = useState('')\n  const [now, setNow] = useState(() => Date.now())\n\n  async function reload() {\n    setLoading(true)\n    setLoadError('')\n    try {\n      const result = await api<PromptTemplate[]>('GET', '/settings/prompts')\n      setTemplates(sortTemplates(result))\n      setNow(Date.now())\n    } catch (error) {\n      setLoadError(errMessage(error))\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  useEffect(() => {\n    void reload()\n  }, [])\n\n  const categories = useMemo(() => {\n    const counts = new Map<string, number>()\n    for (const template of templates) counts.set(template.category, (counts.get(template.category) ?? 0) + 1)\n    return [...counts.entries()]\n      .sort(([a], [b]) => a.localeCompare(b))\n      .map(([key, count]) => ({ key, count, label: titleCaseCategory(key) }))\n  }, [templates])\n\n  const effectiveCategory = activeCategory === ALL_CATEGORY || categories.some((item) => item.key === activeCategory)\n    ? activeCategory\n    : ALL_CATEGORY\n\n  const visibleTemplates = useMemo(() => {\n    if (effectiveCategory === ALL_CATEGORY) return templates\n    return templates.filter((template) => template.category === effectiveCategory)\n  }, [effectiveCategory, templates])\n\n  const resolvedSelectedSlug = visibleTemplates.some((template) => template.slug === selectedSlug)\n    ? selectedSlug\n    : (visibleTemplates[0]?.slug ?? '')\n\n  const selectedTemplate = visibleTemplates.find((template) => template.slug === resolvedSelectedSlug) ?? null\n  const draft = selectedTemplate ? (drafts[selectedTemplate.slug] ?? selectedTemplate.template) : ''\n  const hasUnsavedChanges = selectedTemplate ? draft !== selectedTemplate.template : false\n  const modifiedCount = templates.filter((template) => template.template !== template.defaultTemplate).length\n  const saving = selectedTemplate ? savingSlug === selectedTemplate.slug : false\n\n  function selectTemplate(slug: string) {\n    setSelectedSlug(slug)\n    setActionError('')\n    setNotice('')\n  }\n\n  function replaceTemplate(updated: PromptTemplate) {\n    setTemplates((current) => sortTemplates(current.map((template) => template.slug === updated.slug ? updated : template)))\n    setDrafts((current) => ({ ...current, [updated.slug]: updated.template }))\n    setNow(Date.now())\n  }\n\n  async function saveTemplate() {\n    if (!selectedTemplate || !hasUnsavedChanges) return\n    setSavingSlug(selectedTemplate.slug)\n    setActionError('')\n    setNotice('')\n    try {\n      const updated = await api<PromptTemplate>('PUT', `/settings/prompts/${encodeURIComponent(selectedTemplate.slug)}`, {\n        template: draft,\n      })\n      replaceTemplate(updated)\n      setNotice(`Saved ${updated.title}.`)\n    } catch (error) {\n      setActionError(errMessage(error))\n    } finally {\n      setSavingSlug('')\n    }\n  }\n\n  async function resetTemplate() {\n    if (!selectedTemplate || selectedTemplate.template === selectedTemplate.defaultTemplate) return\n    setSavingSlug(selectedTemplate.slug)\n    setActionError('')\n    setNotice('')\n    try {\n      const updated = await api<PromptTemplate>('POST', `/settings/prompts/${encodeURIComponent(selectedTemplate.slug)}/reset`)\n      replaceTemplate(updated)\n      setNotice(`Reset ${updated.title} to the built-in default.`)\n    } catch (error) {\n      setActionError(errMessage(error))\n    } finally {\n      setSavingSlug('')\n    }\n  }\n\n  function cancelDraft() {\n    if (!selectedTemplate) return\n    setDrafts((current) => ({ ...current, [selectedTemplate.slug]: selectedTemplate.template }))\n    setActionError('')\n    setNotice('Unsaved edits discarded.')\n  }\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <h1 className=\"text-lg font-semibold\">Prompts</h1>\n          <p className=\"text-sm text-muted-foreground\">View and edit the externalized prompt templates used across Relay lifecycle, routing, workspace, and automation flows.</p>\n        </div>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Badge variant=\"outline\" className=\"gap-1\">\n            <FileText className=\"size-3\" />\n            {templates.length} template{templates.length === 1 ? '' : 's'}\n          </Badge>\n          <Badge variant=\"outline\" className={cn('gap-1', modifiedCount > 0 && 'border-amber-500/40 bg-amber-500/10 text-amber-300')}>\n            {modifiedCount} modified\n          </Badge>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => void reload()} disabled={loading}>\n            <RefreshCw className={cn('size-4', loading && 'animate-spin')} />\n            Refresh\n          </Button>\n        </div>\n      </div>\n\n      {loadError && (\n        <div className=\"flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive\">\n          <AlertCircle className=\"mt-0.5 size-4\" />\n          <span>{loadError}</span>\n        </div>\n      )}\n\n      {loading && templates.length === 0 ? (\n        <Card size=\"sm\">\n          <CardContent className=\"text-sm text-muted-foreground\">Loading prompt templates…</CardContent>\n        </Card>\n      ) : templates.length === 0 ? (\n        <Card>\n          <CardContent className=\"py-10 text-center text-sm text-muted-foreground\">\n            No prompt templates are available yet.\n          </CardContent>\n        </Card>\n      ) : (\n        <div className=\"grid gap-4 xl:grid-cols-[220px_minmax(0,0.9fr)_minmax(0,1.1fr)]\">\n          <nav className=\"space-y-1 xl:sticky xl:top-4 xl:self-start\">\n            <button\n              type=\"button\"\n              className={cn(\n                'w-full rounded-md border px-3 py-2 text-left text-sm transition-colors',\n                effectiveCategory === ALL_CATEGORY ? 'border-primary/50 bg-primary/10 text-foreground' : 'border-transparent hover:border-border hover:bg-accent',\n              )}\n              onClick={() => setActiveCategory(ALL_CATEGORY)}\n            >\n              <span className=\"flex items-center gap-2\">\n                <span className=\"font-medium\">All</span>\n                <Badge variant=\"outline\" className=\"ml-auto h-4 px-1 text-[10px]\">{templates.length}</Badge>\n              </span>\n              <span className=\"block truncate text-xs text-muted-foreground\">Every externalized prompt template</span>\n            </button>\n\n            {categories.map((category) => (\n              <button\n                key={category.key}\n                type=\"button\"\n                className={cn(\n                  'w-full rounded-md border px-3 py-2 text-left text-sm transition-colors',\n                  effectiveCategory === category.key ? 'border-primary/50 bg-primary/10 text-foreground' : 'border-transparent hover:border-border hover:bg-accent',\n                )}\n                onClick={() => setActiveCategory(category.key)}\n              >\n                <span className=\"flex items-center gap-2\">\n                  <span className=\"font-medium\">{category.label}</span>\n                  <Badge variant=\"outline\" className=\"ml-auto h-4 px-1 text-[10px]\">{category.count}</Badge>\n                </span>\n                <span className=\"block truncate text-xs font-mono text-muted-foreground\">{category.key}</span>\n              </button>\n            ))}\n          </nav>\n\n          <div className=\"min-w-0 space-y-3\">\n            <div className=\"flex items-center justify-between gap-2 px-1\">\n              <div>\n                <h2 className=\"text-sm font-semibold\">\n                  {effectiveCategory === ALL_CATEGORY ? 'All templates' : `${titleCaseCategory(effectiveCategory)} templates`}\n                </h2>\n                <p className=\"text-xs text-muted-foreground\">{visibleTemplates.length} template{visibleTemplates.length === 1 ? '' : 's'} in this view</p>\n              </div>\n            </div>\n\n            {visibleTemplates.map((template) => {\n              const selected = template.slug === resolvedSelectedSlug\n              const modified = template.template !== template.defaultTemplate\n              return (\n                <button\n                  key={template.slug}\n                  type=\"button\"\n                  className={cn(\n                    'w-full rounded-xl border p-4 text-left transition-colors',\n                    selected ? 'border-primary/50 bg-primary/10 ring-1 ring-primary/20' : 'border-border bg-card hover:border-primary/30 hover:bg-accent',\n                  )}\n                  onClick={() => selectTemplate(template.slug)}\n                >\n                  <div className=\"flex flex-wrap items-start gap-2\">\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"flex flex-wrap items-center gap-2\">\n                        <span className=\"font-medium text-foreground\">{template.title}</span>\n                        {modified && (\n                          <Badge className=\"bg-amber-500/15 text-amber-300 hover:bg-amber-500/15\">Modified</Badge>\n                        )}\n                        <Badge variant=\"outline\" className=\"text-[10px]\">{titleCaseCategory(template.category)}</Badge>\n                      </div>\n                      <div className=\"mt-1 font-mono text-[11px] text-muted-foreground\">{template.slug}</div>\n                      {template.description && (\n                        <p className=\"mt-2 line-clamp-2 text-sm text-muted-foreground\">{template.description}</p>\n                      )}\n                      <div className=\"mt-3 flex flex-wrap items-center gap-3 text-[11px] text-muted-foreground\">\n                        <span>{template.variables.length} variable{template.variables.length === 1 ? '' : 's'}</span>\n                        <span>Updated {timeAgo(now, template.updatedAt)}</span>\n                      </div>\n                    </div>\n                  </div>\n                </button>\n              )\n            })}\n          </div>\n\n          <div className=\"min-w-0\">\n            {selectedTemplate ? (\n              <Card>\n                <CardHeader className=\"border-b border-border\">\n                  <CardTitle className=\"flex flex-wrap items-center gap-2\">\n                    <span>{selectedTemplate.title}</span>\n                    {selectedTemplate.template !== selectedTemplate.defaultTemplate && (\n                      <Badge className=\"bg-amber-500/15 text-amber-300 hover:bg-amber-500/15\">Customized</Badge>\n                    )}\n                    {hasUnsavedChanges && <Badge variant=\"outline\">Unsaved</Badge>}\n                  </CardTitle>\n                  <CardDescription className=\"space-y-1\">\n                    <div className=\"font-mono text-[11px]\">{selectedTemplate.slug}</div>\n                    {selectedTemplate.description && <div>{selectedTemplate.description}</div>}\n                  </CardDescription>\n                </CardHeader>\n\n                <CardContent className=\"space-y-4 pt-4\">\n                  {actionError && (\n                    <div className=\"flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-2 text-xs text-destructive\">\n                      <AlertCircle className=\"mt-0.5 size-3.5\" />\n                      <span>{actionError}</span>\n                    </div>\n                  )}\n\n                  {notice && (\n                    <div className=\"rounded-md border border-emerald-500/30 bg-emerald-500/10 px-3 py-2 text-xs text-emerald-300\">\n                      {notice}\n                    </div>\n                  )}\n\n                  <div className=\"space-y-2\">\n                    <div className=\"flex items-center gap-2 text-xs font-medium text-muted-foreground\">\n                      <Braces className=\"size-3.5\" />\n                      Available variables\n                    </div>\n                    {selectedTemplate.variables.length > 0 ? (\n                      <div className=\"flex flex-wrap gap-1.5\">\n                        {selectedTemplate.variables.map((variable) => (\n                          <Badge key={variable} variant=\"secondary\" className=\"font-mono text-[11px]\">\n                            {`{{${variable}}}`}\n                          </Badge>\n                        ))}\n                      </div>\n                    ) : (\n                      <div className=\"text-xs text-muted-foreground\">This template has no placeholder variables.</div>\n                    )}\n                  </div>\n\n                  {selectedTemplate.template !== selectedTemplate.defaultTemplate && (\n                    <div className=\"rounded-lg border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-xs text-amber-200\">\n                      This template differs from the built-in default. Reset will restore the original text.\n                    </div>\n                  )}\n\n                  <div className=\"space-y-1.5\">\n                    <label htmlFor=\"prompt-template-editor\" className=\"text-xs font-medium text-muted-foreground\">\n                      Template text\n                    </label>\n                    <Textarea\n                      id=\"prompt-template-editor\"\n                      value={draft}\n                      onChange={(event) => {\n                        const next = event.target.value\n                        setDrafts((current) => ({ ...current, [selectedTemplate.slug]: next }))\n                        if (actionError) setActionError('')\n                        if (notice) setNotice('')\n                      }}\n                      rows={18}\n                      spellCheck={false}\n                      className=\"min-h-[360px] resize-y font-mono text-xs leading-5\"\n                    />\n                  </div>\n                </CardContent>\n\n                <CardFooter className=\"flex flex-wrap items-center justify-between gap-2\">\n                  <div className=\"text-xs text-muted-foreground\">\n                    {hasUnsavedChanges ? 'Editing local changes.' : `Updated ${timeAgo(now, selectedTemplate.updatedAt)}.`}\n                  </div>\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    {selectedTemplate.template !== selectedTemplate.defaultTemplate && (\n                      <Button variant=\"outline\" size=\"sm\" onClick={() => void resetTemplate()} disabled={saving}>\n                        <RotateCcw className=\"size-4\" />\n                        Reset to default\n                      </Button>\n                    )}\n                    <Button variant=\"outline\" size=\"sm\" onClick={cancelDraft} disabled={!hasUnsavedChanges || saving}>\n                      Cancel\n                    </Button>\n                    <Button size=\"sm\" onClick={() => void saveTemplate()} disabled={!hasUnsavedChanges || saving}>\n                      <Save className=\"size-4\" />\n                      Save\n                    </Button>\n                  </div>\n                </CardFooter>\n              </Card>\n            ) : (\n              <Card size=\"sm\">\n                <CardContent className=\"text-sm text-muted-foreground\">\n                  Select a prompt template to edit it.\n                </CardContent>\n              </Card>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"wcAuBM,EAAe,MAGrB,SAAS,EAAkB,EAA0B,CACnD,OAAO,EACJ,MAAM,gBAAgB,CACtB,OAAO,QAAQ,CACf,IAAK,GAAS,EAAK,OAAO,EAAE,CAAC,aAAa,CAAG,EAAK,MAAM,EAAE,CAAC,CAC3D,KAAK,IAAI,CAGd,SAAS,EAAc,EAA2C,CAChE,MAAO,CAAC,GAAG,EAAM,CAAC,MAAM,EAAG,IAAM,CAC/B,IAAM,EAAW,EAAE,SAAS,cAAc,EAAE,SAAS,CACrD,GAAI,IAAa,EAAG,OAAO,EAC3B,IAAM,EAAQ,EAAE,MAAM,cAAc,EAAE,MAAM,CAE5C,OADI,IAAU,EACP,EAAE,KAAK,cAAc,EAAE,KAAK,CADX,GAExB,CAGJ,SAAgB,GAAqB,CACnC,GAAM,CAAC,EAAW,IAAA,EAAA,EAAA,UAA2C,EAAE,CAAC,CAC1D,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAK,CACtC,CAAC,EAAW,IAAA,EAAA,EAAA,UAAyB,GAAG,CACxC,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,GAAG,CAC5C,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,GAAG,CAClC,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA8B,EAAa,CAC5D,CAAC,EAAc,IAAA,EAAA,EAAA,UAA4B,GAAG,CAC9C,CAAC,EAAQ,IAAA,EAAA,EAAA,UAA8C,EAAE,CAAC,CAC1D,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAG,CAC1C,CAAC,EAAK,IAAA,EAAA,EAAA,cAAyB,KAAK,KAAK,CAAC,CAEhD,eAAe,GAAS,CACtB,EAAW,GAAK,CAChB,EAAa,GAAG,CAChB,GAAI,CAEF,EAAa,EAAc,MADN,EAAsB,MAAO,oBAAoB,CACpC,CAAC,CACnC,EAAO,KAAK,KAAK,CAAC,OACX,EAAO,CACd,EAAa,EAAW,EAAM,CAAC,QACvB,CACR,EAAW,GAAM,GAIrB,EAAA,EAAA,eAAgB,CACd,GAAa,EACZ,EAAE,CAAC,CAEN,IAAM,GAAA,EAAA,EAAA,aAA2B,CAC/B,IAAM,EAAS,IAAI,IACnB,IAAK,IAAM,KAAY,EAAW,EAAO,IAAI,EAAS,UAAW,EAAO,IAAI,EAAS,SAAS,EAAI,GAAK,EAAE,CACzG,MAAO,CAAC,GAAG,EAAO,SAAS,CAAC,CACzB,MAAM,CAAC,GAAI,CAAC,KAAO,EAAE,cAAc,EAAE,CAAC,CACtC,KAAK,CAAC,EAAK,MAAY,CAAE,MAAK,QAAO,MAAO,EAAkB,EAAI,CAAE,EAAE,EACxE,CAAC,EAAU,CAAC,CAET,EAAoB,IAAmB,GAAgB,EAAW,KAAM,GAAS,EAAK,MAAQ,EAAe,CAC/G,EACA,EAEE,GAAA,EAAA,EAAA,aACA,IAAsB,EAAqB,EACxC,EAAU,OAAQ,GAAa,EAAS,WAAa,EAAkB,CAC7E,CAAC,EAAmB,EAAU,CAAC,CAE5B,EAAuB,EAAiB,KAAM,GAAa,EAAS,OAAS,EAAa,CAC5F,EACC,EAAiB,IAAI,MAAQ,GAE5B,EAAmB,EAAiB,KAAM,GAAa,EAAS,OAAS,EAAqB,EAAI,KAClG,EAAQ,EAAoB,EAAO,EAAiB,OAAS,EAAiB,SAAY,GAC1F,EAAoB,EAAmB,IAAU,EAAiB,SAAW,GAC7E,EAAgB,EAAU,OAAQ,GAAa,EAAS,WAAa,EAAS,gBAAgB,CAAC,OAC/F,EAAS,EAAmB,IAAe,EAAiB,KAAO,GAEzE,SAAS,GAAe,EAAc,CACpC,EAAgB,EAAK,CACrB,EAAe,GAAG,CAClB,EAAU,GAAG,CAGf,SAAS,EAAgB,EAAyB,CAChD,EAAc,GAAY,EAAc,EAAQ,IAAK,GAAa,EAAS,OAAS,EAAQ,KAAO,EAAU,EAAS,CAAC,CAAC,CACxH,EAAW,IAAa,CAAE,GAAG,GAAU,EAAQ,MAAO,EAAQ,SAAU,EAAE,CAC1E,EAAO,KAAK,KAAK,CAAC,CAGpB,eAAe,IAAe,CACxB,MAAC,GAAoB,CAAC,GAG1B,CAFA,EAAc,EAAiB,KAAK,CACpC,EAAe,GAAG,CAClB,EAAU,GAAG,CACb,GAAI,CACF,IAAM,EAAU,MAAM,EAAoB,MAAO,qBAAqB,mBAAmB,EAAiB,KAAK,GAAI,CACjH,SAAU,EACX,CAAC,CACF,EAAgB,EAAQ,CACxB,EAAU,SAAS,EAAQ,MAAM,GAAG,OAC7B,EAAO,CACd,EAAe,EAAW,EAAM,CAAC,QACzB,CACR,EAAc,GAAG,GAIrB,eAAe,IAAgB,CACzB,MAAC,GAAoB,EAAiB,WAAa,EAAiB,iBAGxE,CAFA,EAAc,EAAiB,KAAK,CACpC,EAAe,GAAG,CAClB,EAAU,GAAG,CACb,GAAI,CACF,IAAM,EAAU,MAAM,EAAoB,OAAQ,qBAAqB,mBAAmB,EAAiB,KAAK,CAAC,QAAQ,CACzH,EAAgB,EAAQ,CACxB,EAAU,SAAS,EAAQ,MAAM,2BAA2B,OACrD,EAAO,CACd,EAAe,EAAW,EAAM,CAAC,QACzB,CACR,EAAc,GAAG,GAIrB,SAAS,IAAc,CAChB,IACL,EAAW,IAAa,CAAE,GAAG,GAAU,EAAiB,MAAO,EAAiB,SAAU,EAAE,CAC5F,EAAe,GAAG,CAClB,EAAU,2BAA2B,EAGvC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yBAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iCAAwB,UAAY,CAAA,EAClD,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,yCAAgC,yHAA0H,CAAA,CACnK,CAAA,CAAA,EACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,MAAC,EAAD,CAAO,QAAQ,UAAU,UAAU,iBAAnC,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,SAAW,CAAA,CAC9B,EAAU,OAAO,YAAU,EAAU,SAAW,EAAI,GAAK,IACpD,IACR,EAAA,EAAA,MAAC,EAAD,CAAO,QAAQ,UAAU,UAAW,EAAG,QAAS,EAAgB,GAAK,qDAAqD,UAA1H,CACG,EAAc,YACT,IACR,EAAA,EAAA,MAAC,EAAD,CAAQ,QAAQ,UAAU,KAAK,KAAK,YAAe,KAAK,GAAQ,CAAE,SAAU,WAA5E,EACE,EAAA,EAAA,KAAC,EAAD,CAAW,UAAW,EAAG,SAAU,GAAW,eAAe,CAAI,CAAA,CAAA,UAE1D,GACL,GACF,GAEL,IACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yHAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,gBAAkB,CAAA,EACzC,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAiB,CAAA,CACpB,GAGP,GAAW,EAAU,SAAW,GAC/B,EAAA,EAAA,KAAC,EAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,yCAAgC,4BAAuC,CAAA,CACzF,CAAA,CACL,EAAU,SAAW,GACvB,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,2DAAkD,yCAE3D,CAAA,CACT,CAAA,EAEP,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2EAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sDAAf,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAW,EACT,yEACA,IAAsB,EAAe,kDAAoD,yDAC1F,CACD,YAAe,EAAkB,EAAa,UANhD,EAQE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mCAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uBAAc,MAAU,CAAA,EACxC,EAAA,EAAA,KAAC,EAAD,CAAO,QAAQ,UAAU,UAAU,wCAAgC,EAAU,OAAe,CAAA,CACvF,IACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDAA+C,qCAAyC,CAAA,CACjG,GAER,EAAW,IAAK,IACf,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,UAAW,EACT,yEACA,IAAsB,EAAS,IAAM,kDAAoD,yDAC1F,CACD,YAAe,EAAkB,EAAS,IAAI,UAPhD,EASE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mCAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uBAAe,EAAS,MAAa,CAAA,EACrD,EAAA,EAAA,KAAC,EAAD,CAAO,QAAQ,UAAU,UAAU,wCAAgC,EAAS,MAAc,CAAA,CACrF,IACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kEAA0D,EAAS,IAAW,CAAA,CACvF,EAbF,EAAS,IAaP,CACT,CACE,IAEN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yDACb,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iCACX,IAAsB,EAAe,gBAAkB,GAAG,EAAkB,EAAkB,CAAC,YAC7F,CAAA,EACL,EAAA,EAAA,MAAC,IAAD,CAAG,UAAU,yCAAb,CAA8C,EAAiB,OAAO,YAAU,EAAiB,SAAW,EAAI,GAAK,IAAI,gBAAiB,GACtI,CAAA,CAAA,CACF,CAAA,CAEL,EAAiB,IAAK,GAAa,CAClC,IAAM,EAAW,EAAS,OAAS,EAC7B,EAAW,EAAS,WAAa,EAAS,gBAChD,OACE,EAAA,EAAA,KAAC,SAAD,CAEE,KAAK,SACL,UAAW,EACT,2DACA,EAAW,yDAA2D,gEACvE,CACD,YAAe,GAAe,EAAS,KAAK,WAE5C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6CACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uCAA+B,EAAS,MAAa,CAAA,CACpE,IACC,EAAA,EAAA,KAAC,EAAD,CAAO,UAAU,gEAAuD,WAAgB,CAAA,EAE1F,EAAA,EAAA,KAAC,EAAD,CAAO,QAAQ,UAAU,UAAU,uBAAe,EAAkB,EAAS,SAAS,CAAS,CAAA,CAC3F,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4DAAoD,EAAS,KAAW,CAAA,CACtF,EAAS,cACR,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,2DAAmD,EAAS,YAAgB,CAAA,EAE3F,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oFAAf,EACE,EAAA,EAAA,MAAC,OAAD,CAAA,SAAA,CAAO,EAAS,UAAU,OAAO,YAAU,EAAS,UAAU,SAAW,EAAI,GAAK,IAAW,CAAA,CAAA,EAC7F,EAAA,EAAA,MAAC,OAAD,CAAA,SAAA,CAAM,WAAS,EAAQ,EAAK,EAAS,UAAU,CAAQ,CAAA,CAAA,CACnD,GACF,GACF,CAAA,CACC,CA3BF,EAAS,KA2BP,EAEX,CACE,IAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mBACZ,GACC,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,EAAD,CAAY,UAAU,kCAAtB,EACE,EAAA,EAAA,MAAC,GAAD,CAAW,UAAU,6CAArB,EACE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAiB,MAAa,CAAA,CACpC,EAAiB,WAAa,EAAiB,kBAC9C,EAAA,EAAA,KAAC,EAAD,CAAO,UAAU,gEAAuD,aAAkB,CAAA,CAE3F,IAAqB,EAAA,EAAA,KAAC,EAAD,CAAO,QAAQ,mBAAU,UAAe,CAAA,CACpD,IACZ,EAAA,EAAA,MAAC,EAAD,CAAiB,UAAU,qBAA3B,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iCAAyB,EAAiB,KAAW,CAAA,CACnE,EAAiB,cAAe,EAAA,EAAA,KAAC,MAAD,CAAA,SAAM,EAAiB,YAAkB,CAAA,CAC1D,GACP,IAEb,EAAA,EAAA,MAAC,EAAD,CAAa,UAAU,0BAAvB,CACG,IACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yHAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,kBAAoB,CAAA,EAC3C,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAmB,CAAA,CACtB,GAGP,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wGACZ,EACG,CAAA,EAGR,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qBAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6EAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAQ,UAAU,WAAa,CAAA,CAAA,sBAE3B,GACL,EAAiB,UAAU,OAAS,GACnC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kCACZ,EAAiB,UAAU,IAAK,IAC/B,EAAA,EAAA,KAAC,EAAD,CAAsB,QAAQ,YAAY,UAAU,iCACjD,KAAK,EAAS,IACT,CAFI,EAEJ,CACR,CACE,CAAA,EAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yCAAgC,8CAAiD,CAAA,CAE9F,GAEL,EAAiB,WAAa,EAAiB,kBAC9C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kGAAyF,yFAElG,CAAA,EAGR,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uBAAf,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,QAAQ,yBAAyB,UAAU,qDAA4C,gBAEtF,CAAA,EACR,EAAA,EAAA,KAAC,EAAD,CACE,GAAG,yBACH,MAAO,EACP,SAAW,GAAU,CACnB,IAAM,EAAO,EAAM,OAAO,MAC1B,EAAW,IAAa,CAAE,GAAG,GAAU,EAAiB,MAAO,EAAM,EAAE,CACnE,GAAa,EAAe,GAAG,CAC/B,GAAQ,EAAU,GAAG,EAE3B,KAAM,GACN,WAAY,GACZ,UAAU,qDACV,CAAA,CACE,GACM,IAEd,EAAA,EAAA,MAAC,EAAD,CAAY,UAAU,6DAAtB,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yCACZ,EAAoB,yBAA2B,WAAW,EAAQ,EAAK,EAAiB,UAAU,CAAC,GAChG,CAAA,EACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,CACG,EAAiB,WAAa,EAAiB,kBAC9C,EAAA,EAAA,MAAC,EAAD,CAAQ,QAAQ,UAAU,KAAK,KAAK,YAAe,KAAK,IAAe,CAAE,SAAU,WAAnF,EACE,EAAA,EAAA,KAAC,EAAD,CAAW,UAAU,SAAW,CAAA,CAAA,mBAEzB,IAEX,EAAA,EAAA,KAAC,EAAD,CAAQ,QAAQ,UAAU,KAAK,KAAK,QAAS,GAAa,SAAU,CAAC,GAAqB,WAAQ,SAEzF,CAAA,EACT,EAAA,EAAA,MAAC,EAAD,CAAQ,KAAK,KAAK,YAAe,KAAK,IAAc,CAAE,SAAU,CAAC,GAAqB,WAAtF,EACE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,SAAW,CAAA,CAAA,OAEpB,GACL,GACK,GACR,CAAA,CAAA,EAEP,EAAA,EAAA,KAAC,EAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,yCAAgC,uCAEzC,CAAA,CACT,CAAA,CAEL,CAAA,CACF,GAEJ"}