agent-relay-server 0.86.0 → 0.88.0

package/public/assets/{user-avatar-Dy5J3E_b.js → user-avatar-BL-CJwnn.js}

@@ -1,2 +1,2 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{Hn as t,Kn as n,Wn as r,rr as i}from"./lucide-react-CsPXvXMC.js";import{_ as a,lt as o}from"./display-CWMHll1J.js";import{C as s}from"./index-CEXhh5nz.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,t=null;return(async()=>{try{let r=await n(d);if(e)return;t=URL.createObjectURL(r),p(t)}catch{e||p(null)}})(),()=>{e=!0,t&&URL.revokeObjectURL(t)}},[d]);let m=e?.displayName||e?.handle||`User`;if(f)return(0,l.jsx)(`img`,{src:f,alt:m,title:m,className:t(`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:t(`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-Dy5J3E_b.js.map
+import{r as e}from"./chunk-CilyBKbf.js";import{Hn as t,Kn as n,Wn as r,rr as i}from"./lucide-react-CsPXvXMC.js";import{_ as a,lt as o}from"./display-CWMHll1J.js";import{w as s}from"./index-CiBdEE9x.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,t=null;return(async()=>{try{let r=await n(d);if(e)return;t=URL.createObjectURL(r),p(t)}catch{e||p(null)}})(),()=>{e=!0,t&&URL.revokeObjectURL(t)}},[d]);let m=e?.displayName||e?.handle||`User`;if(f)return(0,l.jsx)(`img`,{src:f,alt:m,title:m,className:t(`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:t(`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-BL-CJwnn.js.map

package/public/assets/{user-avatar-Dy5J3E_b.js.map → user-avatar-BL-CJwnn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"user-avatar-Dy5J3E_b.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-BL-CJwnn.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-ClGgOUSu.js → work-queue-Vc_2-4DG.js}

@@ -1,2 +1,2 @@
-import{Wn as e,bn as t,cn as n,i as r,ut as i}from"./lucide-react-CsPXvXMC.js";import{l as a,t as o}from"./store-DsqUEZOf.js";import{K as s,d as c,mt as l}from"./display-CWMHll1J.js";import{t as u}from"./badge-CK6ejiOh.js";import{t as d}from"./button-BAwKuRIq.js";import{B as f,K as p,s as m}from"./index-CEXhh5nz.js";import{r as h,t as g}from"./card-DDxxo-Fo.js";var _=e(),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),l=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&&l(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:c(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]?c(t[e]):e.slice(-10),onClaim:()=>w(n),onCancel:()=>T(n),onEvents:n.task?()=>E(n):void 0},n.id))]})})]})}function b({item:e,now:i,agentName:a,onClaim:o,onCancel:c,onEvents:f}){let p=l[e.severity]||l.info,m=v[e.status]||`bg-zinc-500/10 text-zinc-400 border-zinc-500/20`;return(0,_.jsx)(g,{className:e.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:e.title}),(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border ${p}`,children:e.severity}),(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border ${m}`,children:e.status}),e.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`})]}),e.body&&(0,_.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 mb-2`,children:e.body}),(0,_.jsxs)(`div`,{className:`flex items-center gap-3 text-xs text-muted-foreground flex-wrap`,children:[e.owner&&(0,_.jsxs)(`span`,{title:`Owner`,children:[(0,_.jsx)(n,{className:`w-3 h-3 inline mr-1`}),a(e.owner)]}),e.source&&(0,_.jsx)(`span`,{className:`font-mono`,children:e.source}),(0,_.jsxs)(`span`,{title:String(e.updatedAt),children:[(0,_.jsx)(t,{className:`w-3 h-3 inline mr-1`}),s(i,e.updatedAt)]})]})]}),(0,_.jsxs)(`div`,{className:`flex flex-col gap-1 shrink-0`,children:[e.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:c,children:[(0,_.jsx)(r,{className:`w-3.5 h-3.5 mr-1`}),` Cancel`]})]})]})})})}export{y as WorkQueueView};
-//# sourceMappingURL=work-queue-ClGgOUSu.js.map
+import{Wn as e,bn as t,cn as n,i as r,ut as i}from"./lucide-react-CsPXvXMC.js";import{l as a,t as o}from"./store-DsqUEZOf.js";import{K as s,d as c,mt as l}from"./display-CWMHll1J.js";import{t as u}from"./badge-CK6ejiOh.js";import{t as d}from"./button-BAwKuRIq.js";import{V as f,q as p,s as m}from"./index-CiBdEE9x.js";import{r as h,t as g}from"./card-DDxxo-Fo.js";var _=e(),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),l=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&&l(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:c(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]?c(t[e]):e.slice(-10),onClaim:()=>w(n),onCancel:()=>T(n),onEvents:n.task?()=>E(n):void 0},n.id))]})})]})}function b({item:e,now:i,agentName:a,onClaim:o,onCancel:c,onEvents:f}){let p=l[e.severity]||l.info,m=v[e.status]||`bg-zinc-500/10 text-zinc-400 border-zinc-500/20`;return(0,_.jsx)(g,{className:e.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:e.title}),(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border ${p}`,children:e.severity}),(0,_.jsx)(u,{variant:`outline`,className:`text-xs px-1.5 py-0 border ${m}`,children:e.status}),e.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`})]}),e.body&&(0,_.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 mb-2`,children:e.body}),(0,_.jsxs)(`div`,{className:`flex items-center gap-3 text-xs text-muted-foreground flex-wrap`,children:[e.owner&&(0,_.jsxs)(`span`,{title:`Owner`,children:[(0,_.jsx)(n,{className:`w-3 h-3 inline mr-1`}),a(e.owner)]}),e.source&&(0,_.jsx)(`span`,{className:`font-mono`,children:e.source}),(0,_.jsxs)(`span`,{title:String(e.updatedAt),children:[(0,_.jsx)(t,{className:`w-3 h-3 inline mr-1`}),s(i,e.updatedAt)]})]})]}),(0,_.jsxs)(`div`,{className:`flex flex-col gap-1 shrink-0`,children:[e.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:c,children:[(0,_.jsx)(r,{className:`w-3.5 h-3.5 mr-1`}),` Cancel`]})]})]})})})}export{y as WorkQueueView};
+//# sourceMappingURL=work-queue-Vc_2-4DG.js.map

package/public/assets/{work-queue-ClGgOUSu.js.map → work-queue-Vc_2-4DG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"work-queue-ClGgOUSu.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-Vc_2-4DG.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":"sXAWM,EAAwC,CAC5C,KAAM,kDACN,QAAS,wDACT,QAAS,2DACT,YAAa,wDACd,CAED,SAAgB,GAAgB,CAC9B,IAAM,EAAM,GAAQ,CACd,EAAa,EAAe,GAAM,EAAE,WAAW,CAC/C,EAAU,EAAe,GAAM,EAAE,QAAQ,CACzC,EAAM,EAAe,GAAM,EAAE,IAAI,CACjC,EAAc,EAAe,GAAM,EAAE,YAAY,CACjD,EAAU,EAAe,GAAM,EAAE,QAAQ,CACzC,EAAiB,EAAe,GAAM,EAAE,eAAe,CACvD,EAAY,EAAe,GAAM,EAAE,UAAU,CAC7C,EAAc,EAAe,GAAM,EAAE,YAAY,CACjD,EAAkB,EAAe,GAAM,EAAE,gBAAgB,CACzD,EAAqB,EAAe,GAAM,EAAE,mBAAmB,CAE/D,EAAgB,GAAkB,CAClC,EAAQ,GAAmB,CAE3B,EAAiB,EAAM,OAAQ,GAAM,EAAE,UAAU,CAAC,OAExD,SAAS,EAAY,EAAqB,CACxC,GAAI,CAAC,EAAQ,KAAM,CAAE,EAAU,aAAc,mCAAmC,CAAE,OAC9E,EAAK,aAAe,QAAU,EAAK,KAAM,EAAY,EAAK,KAAK,GAAG,CAC7D,EAAK,aAAe,WAAa,EAAK,SAAS,EAAQ,EAAK,QAAQ,GAAG,CAGlF,SAAS,EAAa,EAAqB,CAEzC,EAAY,cAAe,WADb,EAAK,QAAU,EAAK,aAAe,OAAS,SAAS,EAAK,KAAO,YAAY,EAAK,MACpD,+BAAkC,CACxE,EAAK,aAAe,QAAU,EAAK,KAAM,EAAmB,EAAK,KAAM,WAAW,CAC7E,EAAK,aAAe,WAAa,EAAK,SAAS,EAAgB,EAAK,QAAQ,GAAG,EACxF,CAGJ,SAAS,EAAa,EAAqB,CACrC,EAAK,MAAM,EAAe,EAAK,KAAK,CAG1C,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qBAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6DAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,UAAU,gCAAkC,CAAA,EACxD,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iCAAwB,aAAe,CAAA,CACpD,EAAiB,IAChB,EAAA,EAAA,MAAC,EAAD,CAAO,UAAU,wEAAjB,CACG,EAAe,aACV,GAEN,IACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,UAAU,kDAAyC,WAAgB,CAAA,EAC1E,EAAA,EAAA,MAAC,SAAD,CACE,UAAU,mEACV,MAAO,EAAQ,KACf,SAAW,GAAM,EAAI,CAAE,QAAS,CAAE,GAAG,EAAS,KAAM,EAAE,OAAO,MAAO,CAAE,CAAC,UAHzE,EAKE,EAAA,EAAA,KAAC,SAAD,CAAQ,MAAM,YAAG,kBAAwB,CAAA,CACxC,EAAc,IAAK,IAAM,EAAA,EAAA,KAAC,SAAD,CAAmB,MAAO,EAAE,YAAK,EAAY,EAAE,CAAU,CAA5C,EAAE,GAA0C,CAAC,CAC7E,GACL,GACF,IAEN,EAAA,EAAA,KAAC,EAAD,CAAY,UAAU,mCACpB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,CACG,EAAM,SAAW,IAChB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2DAAkD,sBAAyB,CAAA,CAE3F,EAAM,IAAK,IACV,EAAA,EAAA,KAAC,EAAD,CAEQ,OACD,MACL,UAAY,GAAO,EAAW,GAAM,EAAY,EAAW,GAAI,CAAG,EAAG,MAAM,IAAI,CAC/E,YAAe,EAAY,EAAK,CAChC,aAAgB,EAAa,EAAK,CAClC,SAAU,EAAK,SAAa,EAAa,EAAK,CAAG,IAAA,GACjD,CAPK,EAAK,GAOV,CACF,CACE,GACK,CAAA,CACT,GAIV,SAAS,EAAc,CACrB,OAAM,MAAK,YAAW,UAAS,WAAU,YAQxC,CACD,IAAM,EAAgB,EAAgB,EAAK,WAAa,EAAgB,KAClE,EAAc,EAAc,EAAK,SAAW,kDAElD,OACE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAW,EAAK,UAAY,4BAA8B,aAC9D,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,gBACrB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wCAAgC,EAAK,MAAa,CAAA,EAClE,EAAA,EAAA,KAAC,EAAD,CAAO,QAAQ,UAAU,UAAW,8BAA8B,aAAkB,EAAK,SAAiB,CAAA,EAC1G,EAAA,EAAA,KAAC,EAAD,CAAO,QAAQ,UAAU,UAAW,8BAA8B,aAAgB,EAAK,OAAe,CAAA,CACrG,EAAK,aAAe,YACnB,EAAA,EAAA,KAAC,EAAD,CAAO,QAAQ,UAAU,UAAU,uEAA8D,MAAW,CAAA,CAE1G,GACL,EAAK,OACJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,2DAAmD,EAAK,KAAS,CAAA,EAEhF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2EAAf,CACG,EAAK,QACJ,EAAA,EAAA,MAAC,OAAD,CAAM,MAAM,iBAAZ,EACE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAU,sBAAwB,CAAA,CAAC,EAAU,EAAK,MAAM,CACjE,GAER,EAAK,SACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAK,OAAc,CAAA,EAElD,EAAA,EAAA,MAAC,OAAD,CAAM,MAAO,OAAO,EAAK,UAAU,UAAnC,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,sBAAwB,CAAA,CAAC,EAAQ,EAAK,EAAK,UAAU,CACpE,GACH,GACF,IACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wCAAf,CACG,EAAK,YACJ,EAAA,EAAA,MAAC,EAAD,CAAQ,KAAK,KAAK,UAAU,2DAA2D,QAAS,WAAhG,EACE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAU,mBAAqB,CAAA,CAAA,SACtC,GAEV,IACC,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,KAAK,QAAQ,UAAU,UAAU,cAAc,QAAS,WAAU,SAEtE,CAAA,EAEX,EAAA,EAAA,MAAC,EAAD,CAAQ,KAAK,KAAK,QAAQ,UAAU,UAAU,oFAAoF,QAAS,WAA3I,EACE,EAAA,EAAA,KAAC,EAAD,CAAG,UAAU,mBAAqB,CAAA,CAAA,UAC3B,GACL,GACF,GACM,CAAA,CACT,CAAA"}

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-CEXhh5nz.js"></script>
+  <script type="module" crossorigin src="./assets/index-CiBdEE9x.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/chunk-CilyBKbf.js">
   <link rel="modulepreload" crossorigin href="./assets/preload-helper-CP_edrrL.js">
   <link rel="modulepreload" crossorigin href="./assets/lucide-react-CsPXvXMC.js">
@@ -37,7 +37,7 @@
   <link rel="modulepreload" crossorigin href="./assets/badge-CK6ejiOh.js">
   <link rel="modulepreload" crossorigin href="./assets/input-CLW2gDUM.js">
   <link rel="modulepreload" crossorigin href="./assets/themes-mW9zZP4O.js">
-  <link rel="stylesheet" crossorigin href="./assets/index-LUIvWcx6.css">
+  <link rel="stylesheet" crossorigin href="./assets/index-F-FSPv4X.css">
 </head>
 <body class="bg-background text-foreground antialiased">
   <div id="root"></div>

package/src/agent-busy-health.ts

@@ -0,0 +1,93 @@
+import {
+  STUCK_BUSY_PROVIDER_TURN_MS,
+  STUCK_BUSY_RECONNECT_MS,
+  STUCK_BUSY_SHUTDOWN_MS,
+  STUCK_BUSY_STARTUP_MS,
+} from "./config";
+import { stringValue } from "agent-relay-sdk";
+import type { AgentCard } from "./types";
+
+type BusyHealthKind = "provider-turn" | "startup" | "reconnect" | "shutdown";
+
+interface ActiveWorkLike {
+  id?: unknown;
+  kind?: unknown;
+  label?: unknown;
+  startedAt?: unknown;
+}
+
+export interface AgentBusyHealth {
+  status: "ok" | "stuck-busy";
+  kind: BusyHealthKind;
+  thresholdMs: number;
+  activeWorkId?: string;
+  activeWorkKind?: string;
+  activeWorkLabel?: string;
+  activeWorkStartedAt: number;
+  activeWorkAgeMs: number;
+  lastProviderEventAt?: number;
+  lastProviderEventAgeMs?: number;
+  staleForMs: number;
+}
+
+function numberValue(value: unknown): number | undefined {
+  return typeof value === "number" && Number.isFinite(value) ? value : undefined;
+}
+
+function activeWork(agent: AgentCard): ActiveWorkLike[] {
+  return Array.isArray(agent.meta?.activeWork) ? agent.meta.activeWork as ActiveWorkLike[] : [];
+}
+
+function thresholdFor(kind: BusyHealthKind): number {
+  if (kind === "startup") return STUCK_BUSY_STARTUP_MS;
+  if (kind === "reconnect") return STUCK_BUSY_RECONNECT_MS;
+  if (kind === "shutdown") return STUCK_BUSY_SHUTDOWN_MS;
+  return STUCK_BUSY_PROVIDER_TURN_MS;
+}
+
+function classifyBusy(agent: AgentCard, now: number): { kind: BusyHealthKind; work?: ActiveWorkLike; startedAt: number } | null {
+  if (agent.status !== "busy") return null;
+  const works = activeWork(agent);
+  const providerTurn = works.find((item) => item.kind === "provider-turn");
+  if (providerTurn) {
+    return { kind: "provider-turn", work: providerTurn, startedAt: numberValue(providerTurn.startedAt) ?? agent.lastSeen };
+  }
+
+  const lifecycleAction = stringValue(agent.meta?.lifecycleAction) ?? "";
+  const lifecycleActionAt = numberValue(agent.meta?.lifecycleActionAt);
+  if (lifecycleAction.includes("shutdown") || lifecycleAction === "killing") {
+    return { kind: "shutdown", work: works[0], startedAt: lifecycleActionAt ?? numberValue(works[0]?.startedAt) ?? agent.lastSeen };
+  }
+  if (lifecycleAction.includes("reconnect") || lifecycleAction === "resuming") {
+    return { kind: "reconnect", work: works[0], startedAt: lifecycleActionAt ?? numberValue(works[0]?.startedAt) ?? agent.lastSeen };
+  }
+  if (!agent.ready) {
+    return { kind: "startup", work: works[0], startedAt: numberValue(agent.meta?.startedAt) ?? agent.createdAt };
+  }
+  return works[0] ? { kind: "provider-turn", work: works[0], startedAt: numberValue(works[0].startedAt) ?? agent.lastSeen } : null;
+}
+
+export function deriveAgentBusyHealth(agent: AgentCard, now: number = Date.now()): AgentBusyHealth | undefined {
+  const classified = classifyBusy(agent, now);
+  if (!classified) return undefined;
+  const thresholdMs = thresholdFor(classified.kind);
+  const activeWorkStartedAt = Math.max(0, classified.startedAt);
+  const activeWorkAgeMs = Math.max(0, now - activeWorkStartedAt);
+  const lastProviderEventAt = numberValue(agent.meta?.lastProviderEventAt);
+  const lastProgressAt = lastProviderEventAt ?? activeWorkStartedAt;
+  const staleForMs = Math.max(0, now - lastProgressAt);
+  const stuck = activeWorkAgeMs >= thresholdMs && staleForMs >= thresholdMs;
+  const work = classified.work;
+  return {
+    status: stuck ? "stuck-busy" : "ok",
+    kind: classified.kind,
+    thresholdMs,
+    ...(stringValue(work?.id) ? { activeWorkId: stringValue(work?.id) } : {}),
+    ...(stringValue(work?.kind) ? { activeWorkKind: stringValue(work?.kind) } : {}),
+    ...(stringValue(work?.label) ? { activeWorkLabel: stringValue(work?.label) } : {}),
+    activeWorkStartedAt,
+    activeWorkAgeMs,
+    ...(lastProviderEventAt !== undefined ? { lastProviderEventAt, lastProviderEventAgeMs: Math.max(0, now - lastProviderEventAt) } : {}),
+    staleForMs,
+  };
+}

package/src/agent-card-projection.ts

@@ -10,12 +10,15 @@
 // surface; a new emitter can't reintroduce the drift without going around this function.
 
 import { attachBranchState } from "./agent-branch-state";
+import { deriveAgentBusyHealth } from "./agent-busy-health";
 import { attachIssueRepo } from "./agent-issue-repo";
 import type { AgentCard } from "./types";
 
 /** Enrich an AgentCard with the derived fields the dashboard expects on every surface. */
 export function projectAgentCard(agent: AgentCard): AgentCard {
-  return attachIssueRepo(attachBranchState(agent));
+  const projected = attachIssueRepo(attachBranchState(agent));
+  const busyHealth = deriveAgentBusyHealth(projected);
+  return busyHealth ? { ...projected, meta: { ...(projected.meta ?? {}), busyHealth } } : projected;
 }
 
 /** The `agent.status` SSE payload: the enriched card when the agent is known, else the

package/src/commands-db.ts

@@ -1,5 +1,6 @@
 import { randomUUID } from "node:crypto";
-import { getDb } from "./db";
+import { getAgent, getDb, getTerminalEvent, recordTerminalEvent } from "./db";
+import { stringValue } from "agent-relay-sdk";
 import type { Command, CommandStatus, CreateCommandInput, UpdateCommandInput } from "./types";
 
 interface CommandRow {
@@ -108,7 +109,9 @@ export function updateCommand(id: string, input: UpdateCommandInput): Command |
     now,
     id,
   );
-  return getCommand(id);
+  const updated = getCommand(id);
+  if (updated) recordShutdownTerminalEventOnSuccess(existing.status, updated);
+  return updated;
 }
 
 export function deleteCommand(id: string): boolean {
@@ -133,6 +136,20 @@ function defaultExpiresAt(type: string, now: number): number | undefined {
   return undefined;
 }
 
+function recordShutdownTerminalEventOnSuccess(previousStatus: CommandStatus, command: Command): void {
+  if (command.type !== "agent.shutdown" || command.status !== "succeeded" || previousStatus === "succeeded") return;
+  const agentId = stringValue(command.result?.agentId) ?? stringValue(command.params?.agentId);
+  if (!agentId || getTerminalEvent(agentId)) return;
+  const agent = getAgent(agentId);
+  const hadReadySignal = !agent || agent.ready || typeof agent.meta?.readyNotifiedAt === "number";
+  recordTerminalEvent({
+    agentId,
+    reason: stringValue(command.result?.reason) ?? stringValue(command.params?.reason) ?? "shutdown",
+    kind: hadReadySignal ? "agent.exited" : "agent.spawn_failed",
+    createdAt: Date.now(),
+  });
+}
+
 function rowToCommand(row: CommandRow): Command {
   return {
     id: row.id,

package/src/config.ts

@@ -59,6 +59,11 @@ export const SPAWN_REGISTRATION_NOTIFY_MAX_AGE_MS = envPositiveInt("AGENT_RELAY_
 export const DEFAULT_FANOUT_TTL_SECONDS = envPositiveInt("AGENT_RELAY_FANOUT_TTL_SECONDS", 2 * 60 * 60); // 2h
 export const OFFLINE_PRUNE_MS = envPositiveInt("OFFLINE_PRUNE_MS", DAY_MS); // 24h offline → delete
 export const REAP_INTERVAL_MS = envPositiveInt("REAP_INTERVAL_MS", 60_000); // reaper cadence
+export const STUCK_BUSY_THRESHOLD_MS = envPositiveInt("AGENT_RELAY_STUCK_BUSY_THRESHOLD_MS", 15 * 60_000);
+export const STUCK_BUSY_PROVIDER_TURN_MS = envPositiveInt("AGENT_RELAY_STUCK_BUSY_PROVIDER_TURN_MS", STUCK_BUSY_THRESHOLD_MS);
+export const STUCK_BUSY_STARTUP_MS = envPositiveInt("AGENT_RELAY_STUCK_BUSY_STARTUP_MS", STUCK_BUSY_THRESHOLD_MS);
+export const STUCK_BUSY_RECONNECT_MS = envPositiveInt("AGENT_RELAY_STUCK_BUSY_RECONNECT_MS", STUCK_BUSY_THRESHOLD_MS);
+export const STUCK_BUSY_SHUTDOWN_MS = envPositiveInt("AGENT_RELAY_STUCK_BUSY_SHUTDOWN_MS", STUCK_BUSY_THRESHOLD_MS);
 export const CLAIM_LEASE_MS = envPositiveInt("AGENT_RELAY_CLAIM_LEASE_MS", 1_800_000); // 30min claim lease
 export const POOL_CLAIM_LEASE_MS = envPositiveInt("AGENT_RELAY_POOL_CLAIM_LEASE_MS", STALE_TTL_MS * 3); // pool binding lease
 // Per-repo merge serialization lease — only one base merge may run at a time per

package/src/db/activity.ts

@@ -162,6 +162,34 @@ export interface AgentTimelineEntry {
   metadata?: Record<string, unknown>;
 }
 
+function commandTimelineEntries(where: string, params: any[], limit: number): AgentTimelineEntry[] {
+  const rows = getDb().query(`
+    SELECT id, type, status, result, error, correlation_id, created_at, updated_at
+    FROM commands
+    ${where}
+    ORDER BY updated_at DESC, created_at DESC
+    LIMIT ?
+  `).all(...params, limit) as Array<{
+    id: string;
+    type: string;
+    status: string;
+    result: string | null;
+    error: string | null;
+    correlation_id: string | null;
+    created_at: number;
+    updated_at: number;
+  }>;
+
+  return rows.map((c) => ({
+    ts: c.updated_at ?? c.created_at,
+    source: "command" as const,
+    kind: c.type,
+    title: `${c.type} · ${c.status}`,
+    detail: c.error ?? (c.result ? JSON.stringify(parseJson(c.result, {})) : undefined),
+    metadata: { id: c.id, status: c.status, correlationId: c.correlation_id ?? undefined },
+  }));
+}
+
 // One unified, newest-first stream of everything that happened to an agent —
 // lifecycle transitions, liveness mismatches, commands + outcomes, and delivery
 // attempts — joined by agentId and (for managed agents) policyName. Backs the
@@ -207,6 +235,70 @@ export function getAgentTimeline(agentId: string, opts: { limit?: number; since?
   return entries.slice(0, limit);
 }
 
+// Policy-first variant for the managed-agents dashboard. This is deliberately
+// read-only: it correlates the existing lifecycle audit rows, command outcomes,
+// and delivery attempts even when a failed spawn never produced a live agent row.
+export function getManagedPolicyTimeline(policyName: string, opts: { limit?: number; since?: number } = {}): AgentTimelineEntry[] {
+  const limit = opts.limit ?? 100;
+  const since = opts.since;
+  const entries: AgentTimelineEntry[] = [];
+  const state = getDb().query("SELECT agent_id, spawn_request_id FROM managed_agent_state WHERE policy_name = ?").get(policyName) as { agent_id?: string | null; spawn_request_id?: string | null } | undefined;
+  const agentId = state?.agent_id ?? undefined;
+  const spawnRequestId = state?.spawn_request_id ?? undefined;
+
+  const activityParams: any[] = [policyName];
+  const activitySince = since !== undefined ? "AND created_at >= ?" : "";
+  if (since !== undefined) activityParams.push(since);
+  const policyActivity = getDb().query(`
+    SELECT * FROM activity_events
+    WHERE json_extract(metadata, '$.policyName') = ?
+    ${activitySince}
+    ORDER BY created_at DESC, id DESC
+    LIMIT ?
+  `).all(...activityParams, limit) as any[];
+  for (const ev of policyActivity.map(rowToActivityEvent)) {
+    entries.push({ ts: ev.createdAt, source: "activity", kind: ev.kind, title: ev.title, detail: ev.body, metadata: ev.metadata });
+  }
+
+  if (agentId) {
+    for (const ev of listActivityEvents({ agentId, limit, since })) {
+      entries.push({ ts: ev.createdAt, source: "activity", kind: ev.kind, title: ev.title, detail: ev.body, metadata: ev.metadata });
+    }
+
+    const attempts = (since !== undefined
+      ? getDb().query("SELECT * FROM message_delivery_attempts WHERE agent_id = ? AND created_at >= ? ORDER BY created_at DESC LIMIT ?").all(agentId, since, limit)
+      : getDb().query("SELECT * FROM message_delivery_attempts WHERE agent_id = ? ORDER BY created_at DESC LIMIT ?").all(agentId, limit)) as any[];
+    for (const row of attempts) {
+      entries.push({ ts: row.created_at, source: "delivery", kind: `delivery.${row.action}`, title: `delivery ${row.status}`, detail: row.error ?? undefined, metadata: { messageId: row.message_id, status: row.status, poisonReason: row.poison_reason ?? undefined } });
+    }
+  }
+
+  const commandClauses = ["json_extract(params, '$.policyName') = ?"];
+  const commandParams: any[] = [policyName];
+  if (agentId) {
+    commandClauses.push("target = ?");
+    commandParams.push(agentId);
+  }
+  if (spawnRequestId) {
+    commandClauses.push("correlation_id = ?");
+    commandParams.push(spawnRequestId);
+  }
+  const commandSince = since !== undefined ? "AND updated_at >= ?" : "";
+  if (since !== undefined) commandParams.push(since);
+  entries.push(...commandTimelineEntries(`WHERE (${commandClauses.join(" OR ")}) ${commandSince}`, commandParams, limit));
+
+  const seen = new Set<string>();
+  const deduped = entries.filter((entry) => {
+    const commandId = typeof entry.metadata?.id === "string" ? entry.metadata.id : "";
+    const key = `${entry.source}:${commandId || `${entry.ts}:${entry.kind}:${entry.title}`}`;
+    if (seen.has(key)) return false;
+    seen.add(key);
+    return true;
+  });
+  deduped.sort((a, b) => b.ts - a.ts);
+  return deduped.slice(0, limit);
+}
+
 export function createActivityEvent(input: ActivityEventInput): ActivityEvent {
   if (input.clientId) {
     const existing = getDb().query("SELECT * FROM activity_events WHERE client_id = ?").get(input.clientId) as any | undefined;

package/src/maintenance/jobs.ts

@@ -1,4 +1,5 @@
 import { getArtifactStorage } from "../artifact-storage";
+import { deriveAgentBusyHealth } from "../agent-busy-health";
 import { expireStaleBusAgents } from "../bus";
 import { pruneOutbox } from "../bus-outbox";
 import { expireCommands } from "../commands-db";
@@ -8,6 +9,7 @@ import {
   evaluatePoolBindings,
   expireQueuedMessages,
   getAgent,
+  listAgents,
   pruneOrphanedSharedWorkspaces,
   pruneOfflineAgents,
   pruneOldMessages,
@@ -35,6 +37,7 @@ import {
   emitPoolBindingChanged,
   emitTaskChanged,
 } from "../sse";
+import { routeNotification } from "../notification-router";
 import { pruneExpiredTokenRecords } from "../token-db";
 import { reapTransientAgents } from "../services/transient-agent-reaper";
 import { reapUnregisteredSpawnCommands } from "../services/spawn-registration-watchdog";
@@ -63,6 +66,70 @@ import type { MaintenanceJobDefinition } from "./types";
 
 let dbMaintenanceRuns = 0;
 
+function isManagedBusyWatchCandidate(agent: ReturnType<typeof listAgents>[number]): boolean {
+  if (agent.kind !== "provider") return false;
+  if (agent.status !== "busy") return false;
+  if (agent.id === "user" || agent.id === "system") return false;
+  return agent.meta?.runnerManaged === true ||
+    typeof agent.meta?.policyName === "string" ||
+    agent.providerCapabilities?.lifecycle?.managed === true;
+}
+
+function stuckBusyBody(agentId: string, health: NonNullable<ReturnType<typeof deriveAgentBusyHealth>>): string {
+  const staleMinutes = Math.max(1, Math.floor(health.staleForMs / 60_000));
+  const work = health.activeWorkLabel || health.activeWorkKind || health.activeWorkId || health.kind;
+  return `Agent \`${agentId}\` appears stuck busy in ${work} for ${staleMinutes} min with no provider progress. Use interrupt first if available; restart or shutdown if the turn is wedged.`;
+}
+
+export function runStuckBusyWatchdog(input: { now?: number } = {}): Record<string, unknown> {
+  const now = input.now ?? Date.now();
+  const stuckAgentIds: string[] = [];
+  const notifiedAgentIds: string[] = [];
+  const checkedAgentIds: string[] = [];
+
+  for (const agent of listAgents({ status: "busy" })) {
+    if (!isManagedBusyWatchCandidate(agent)) continue;
+    checkedAgentIds.push(agent.id);
+    const health = deriveAgentBusyHealth(agent, now);
+    if (health?.status !== "stuck-busy") continue;
+    stuckAgentIds.push(agent.id);
+
+    const idempotencyKey = `agent-stuck-busy:${agent.id}:${health.kind}:${health.activeWorkStartedAt}:${health.thresholdMs}`;
+    createActivityEvent({
+      clientId: idempotencyKey,
+      kind: "state",
+      title: "Agent stuck busy",
+      body: stuckBusyBody(agent.id, health),
+      icon: "ti-alert-triangle",
+      view: "agents",
+      agentId: agent.id,
+      metadata: {
+        source: "server",
+        maintenanceJobId: "stuck-busy-watchdog",
+        severity: "warning",
+        busyHealth: health,
+      },
+    });
+
+    const messages = routeNotification({
+      type: "agent.stuck_busy",
+      scope: { agentId: agent.id, parent: agent.spawnedBy, teamId: agent.teamId },
+      recipients: ["user"],
+      message: {
+        subject: "Agent stuck busy",
+        body: stuckBusyBody(agent.id, health),
+        payload: { kind: "agent.stuck_busy", agentId: agent.id, busyHealth: health },
+        idempotencyKey,
+        replyExpected: false,
+      },
+    });
+    if (messages.length > 0) notifiedAgentIds.push(agent.id);
+    emitAgentStatus(agent.id);
+  }
+
+  return { checkedAgentIds, stuckAgentIds, notifiedAgentIds };
+}
+
 export const LEGACY_REAPER_JOB_IDS = [
   "claim-cleanup",
   "task-orphan-release",
@@ -219,6 +286,14 @@ export const definitions: MaintenanceJobDefinition[] = [
   },
   { id: "transient-agent-reaper", title: "Transient agent reaper", description: "Cleanly shut down transient spawned agents once they are idle and any isolated branch work has landed.", intervalMs: REAP_INTERVAL_MS, runOnStart: false, handler: reapTransientAgents },
   { id: "rate-limit-resume", title: "Rate-limit resume", description: "Auto-resume agents held on a provider usage/rate-limit stall once their reset window has passed (#286).", intervalMs: REAP_INTERVAL_MS, runOnStart: false, handler: resumeRateLimitedAgents },
+  {
+    id: "stuck-busy-watchdog",
+    title: "Stuck busy watchdog",
+    description: "Warn when a managed provider stays busy past the threshold without provider progress (#53).",
+    intervalMs: REAP_INTERVAL_MS,
+    runOnStart: false,
+    handler: runStuckBusyWatchdog,
+  },
   {
     id: "team-reap",
     title: "Team lifecycle close-out",