agent-relay-server 0.98.0 → 0.99.0

package/public/assets/{user-avatar-DBs9Koqp.js → user-avatar--czLv_AJ.js}

@@ -1,2 +1,2 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{Qn as t,Xn as n,dr as r,er as i}from"./lucide-react-BYZuAhQs.js";import{_ as a,rt as o}from"./display-DRiGi1zj.js";import{D as s}from"./index-CdEAo41I.js";var c=e(r(),1),l=t(),u={id:o};function d({user:e,address:t,distinct:r=!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 n=await i(d);if(e)return;t=URL.createObjectURL(n),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:n(`w-7 h-7 rounded-md object-cover`,o)});if(r){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(t),o),children:e})}return(0,l.jsx)(s,{agent:u,className:o})}export{d as t};
-//# sourceMappingURL=user-avatar-DBs9Koqp.js.map
+import{r as e}from"./chunk-CilyBKbf.js";import{Qn as t,Xn as n,dr as r,er as i}from"./lucide-react-BYZuAhQs.js";import{_ as a,rt as o}from"./display-DRiGi1zj.js";import{D as s}from"./index-GoC6YrKn.js";var c=e(r(),1),l=t(),u={id:o};function d({user:e,address:t,distinct:r=!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 n=await i(d);if(e)return;t=URL.createObjectURL(n),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:n(`w-7 h-7 rounded-md object-cover`,o)});if(r){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(t),o),children:e})}return(0,l.jsx)(s,{agent:u,className:o})}export{d as t};
+//# sourceMappingURL=user-avatar--czLv_AJ.js.map

package/public/assets/{user-avatar-DBs9Koqp.js.map → user-avatar--czLv_AJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"user-avatar-DBs9Koqp.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--czLv_AJ.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-BD29QuLd.js → work-queue-DN4oTe7w.js}

@@ -1,2 +1,2 @@
-import{Dn as e,Qn as t,hn as n,i as r,pt as i}from"./lucide-react-BYZuAhQs.js";import{l as a,t as o}from"./store-pKbf_WYd.js";import{K as s,ct as c,d as l}from"./display-DRiGi1zj.js";import{t as u}from"./badge-BLar6FjP.js";import{t as d}from"./button-BrIB69qd.js";import{W as f,X as p,u as m}from"./index-CdEAo41I.js";import{r as h,t as g}from"./card-lhnFnBoz.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-BD29QuLd.js.map
+import{Dn as e,Qn as t,hn as n,i as r,pt as i}from"./lucide-react-BYZuAhQs.js";import{l as a,t as o}from"./store-pKbf_WYd.js";import{K as s,ct as c,d as l}from"./display-DRiGi1zj.js";import{t as u}from"./badge-BLar6FjP.js";import{t as d}from"./button-BrIB69qd.js";import{W as f,X as p,u as m}from"./index-GoC6YrKn.js";import{r as h,t as g}from"./card-lhnFnBoz.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-DN4oTe7w.js.map

package/public/assets/{work-queue-BD29QuLd.js.map → work-queue-DN4oTe7w.js.map}

@@ -1 +1 @@
-{"version":3,"file":"work-queue-BD29QuLd.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"}
+{"version":3,"file":"work-queue-DN4oTe7w.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-CdEAo41I.js"></script>
+  <script type="module" crossorigin src="./assets/index-GoC6YrKn.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-BYZuAhQs.js">
@@ -38,7 +38,7 @@
   <link rel="modulepreload" crossorigin href="./assets/badge-BLar6FjP.js">
   <link rel="modulepreload" crossorigin href="./assets/input-B_fUHtLD.js">
   <link rel="modulepreload" crossorigin href="./assets/themes-DjSwmAZN.js">
-  <link rel="stylesheet" crossorigin href="./assets/index-CYLrIuJT.css">
+  <link rel="stylesheet" crossorigin href="./assets/index-B95vV-dd.css">
 </head>
 <body class="bg-background text-foreground antialiased">
   <div id="root"></div>

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.98.0",
+  "version": "0.99.0",
   "agentRelayContracts": {
     "providerPluginProtocol": 1
   }

package/src/db/provider-quotas.ts

@@ -10,6 +10,7 @@ const PROVIDER_QUOTA_STALE_AFTER_MS = 10 * 60_000;
 const QUOTA_UTILIZATION_EPSILON = 1e-9;
 const QUOTA_RESET_BOUNDARY_ADVANCE_MS = 5_000;
 const QUOTA_RESET_UTILIZATION_MAX = 0.01;
+const FIVE_HOUR_MS = 5 * 60 * 60_000;
 
 export interface ProviderQuotaAdvisoryInput {
   provider: string;
@@ -258,11 +259,20 @@ function quotaWindowUtilizationRegressed(existing: QuotaState["windows"][number]
     && !quotaWindowLooksReset(existing, incoming);
 }
 
-function publicQuotaState(quota: StoredQuotaState): QuotaState {
+function publicQuotaState(quota: StoredQuotaState, now?: number): QuotaState {
+  let emulated = false;
+  const windows = quota.windows.map((window) => {
+    const period = quotaWindowPeriodMs(window.name);
+    if (now === undefined || period === undefined || typeof window.resetsAt !== "number" || !Number.isFinite(window.resetsAt) || now < window.resetsAt) return { ...window };
+    let resetsAt = window.resetsAt;
+    while (now >= resetsAt) resetsAt += period;
+    emulated = true;
+    return { ...window, utilization: 0, resetsAt };
+  });
   return {
-    windows: quota.windows.map((window) => ({ ...window })),
-    source: quota.source,
-    updatedAt: quota.updatedAt,
+    windows,
+    source: emulated ? "emulated" : quota.source,
+    updatedAt: emulated && now !== undefined ? Math.max(quota.updatedAt, now) : quota.updatedAt,
   };
 }
 
@@ -287,7 +297,7 @@ function storedQuotaWindowSampleTimes(quota: StoredQuotaState): Map<string, numb
 }
 
 // Source priority for per-window precedence: "ingest" (WHAM/API) beats "probe" (agent self-report).
-const QUOTA_SOURCE_PRIORITY: Record<string, number> = { ingest: 3, header: 2, probe: 1, statusline: 0 };
+const QUOTA_SOURCE_PRIORITY: Record<string, number> = { ingest: 3, header: 2, probe: 1, statusline: 0, emulated: -1 };
 function quotaSourcePriority(source: string): number {
   return QUOTA_SOURCE_PRIORITY[source] ?? 1;
 }
@@ -345,6 +355,12 @@ function quotaWindowSampleTimes(provider: string, accountKey: string, fallback?:
   return times;
 }
 
+function quotaWindowPeriodMs(name: string): number | undefined {
+  if (name === "five_hour" || name === "primary") return FIVE_HOUR_MS;
+  if (name === "seven_day" || name === "seven_day_sonnet" || name === "seven_day_opus" || name === "secondary") return 7 * DAY_MS;
+  return undefined;
+}
+
 function mergeQuotaWindows(existing: StoredQuotaState | undefined, incoming: QuotaState, provider: string, accountKey: string): {
   quota: StoredQuotaState;
   acceptedIncomingWindow: boolean;
@@ -434,7 +450,7 @@ function rowToSnapshot(row: ProviderQuotaSnapshotRow): ProviderQuotaSnapshot {
 function rowToRecord(row: ProviderQuotaRow, history: ProviderQuotaSnapshot[], now: number): ProviderQuotaRecord {
   const lastError = parseJson<ProviderQuotaError | undefined>(row.last_error, undefined);
   const lastUpdatedAt = row.last_updated_at ?? undefined;
-  const quota = row.quota_state ? publicQuotaState(parseStoredQuotaState(row.quota_state, { windows: [], source: "probe", updatedAt: lastUpdatedAt ?? row.last_attempt_at })) : undefined;
+  const quota = row.quota_state ? publicQuotaState(parseStoredQuotaState(row.quota_state, { windows: [], source: "probe", updatedAt: lastUpdatedAt ?? row.last_attempt_at }), now) : undefined;
   const burn = quota ? deriveProviderQuotaBurn({
     provider: row.provider,
     quota,

package/src/notification-types.ts

@@ -26,7 +26,8 @@ export type NotificationType =
   | "workspace.auto_abandoned"
   | "workspace.review_request"
   | "workspace.review_changes_requested"
-  | "routing.policy.changed";
+  | "routing.policy.changed"
+  | "routing.quota.band_transition";
 
 /**
  * The entities a notification is ABOUT: routing inputs (#442) and explainability subjects (#446).
@@ -96,6 +97,7 @@ export const DEFAULT_TTL_MS: Record<NotificationType, number | null> = {
   "workspace.review_request": null,
   "workspace.review_changes_requested": null,
   "routing.policy.changed": 15 * MINUTES,
+  "routing.quota.band_transition": 30 * MINUTES,
 };
 
 export const NOTIFICATION_TYPES = Object.keys(DEFAULT_TTL_MS) as NotificationType[];

package/src/quota-advisory.ts

@@ -5,6 +5,7 @@ import { routeNotification } from "./notification-router";
 import { DEFAULT_QUOTA_THRESHOLD_CONFIG, validateQuotaThresholdConfig } from "./quota-threshold-config";
 import { parseJson } from "./utils";
 import { setProviderQuotaAdvisoryHandler, type ProviderQuotaAdvisoryInput } from "./db/provider-quotas.ts";
+import { processBandTransitions } from "./quota-band-transition";
 import type { QuotaState } from "./types";
 
 type QuotaAdvisoryStage = "warn" | "critical" | "reset";
@@ -99,6 +100,7 @@ function handleProviderQuotaAdvisory(input: ProviderQuotaAdvisoryInput): string
     };
   }
 
+  processBandTransitions(input);
   return JSON.stringify(nextState);
 }
 

package/src/quota-band-transition.ts

@@ -0,0 +1,147 @@
+// #738 — debounced band-transition notifications for quota routing bands.
+//
+// Fires a `routing.quota.band_transition` event when a provider crosses a
+// quota-band boundary (normal → caution → avoid-large → hard-avoid, and
+// back). Hysteresis: the new band must persist for DEBOUNCE_SAMPLES
+// consecutive accepted-window samples before the notification fires, which
+// prevents rapid flapping from bursty burn rates. Low-confidence windows
+// (burnRatio: null) are skipped entirely.
+//
+// Called from handleProviderQuotaAdvisory in quota-advisory.ts so the check
+// runs on the same event hook as the utilization-threshold advisory — no
+// parallel delivery channel.
+import { emitRelayEvent } from "./events";
+import { routeNotification } from "./notification-router";
+import { getSpawnCapableAgentIds } from "./routing-policy-push";
+import { getProviderBandInfo } from "./spawn-targets";
+import type { ProviderBandWindow, QuotaBand } from "./spawn-targets";
+import type { ProviderQuotaAdvisoryInput } from "./db/provider-quotas";
+
+const DEBOUNCE_SAMPLES = 3;
+
+interface TransitionState {
+  lastNotifiedBand: QuotaBand;
+  pendingBand: QuotaBand | null;
+  pendingCount: number;
+}
+
+const bandState = new Map<string, TransitionState>();
+
+export function _resetBandTransitionStateForTesting(): void {
+  bandState.clear();
+}
+
+export function processBandTransitions(input: ProviderQuotaAdvisoryInput): void {
+  const info = getProviderBandInfo(input.provider, input.now);
+  if (!info) return;
+
+  for (const window of info.windows) {
+    if (window.confidence === "low" || window.burnRatio === null) continue;
+
+    const key = `${input.provider}:${window.role}`;
+    const state: TransitionState = bandState.get(key) ?? { lastNotifiedBand: "normal", pendingBand: null, pendingCount: 0 };
+    const currentBand = window.band;
+
+    if (currentBand === state.lastNotifiedBand) {
+      if (state.pendingBand !== null) {
+        bandState.set(key, { ...state, pendingBand: null, pendingCount: 0 });
+      }
+      continue;
+    }
+
+    if (currentBand === state.pendingBand) {
+      state.pendingCount += 1;
+    } else {
+      state.pendingBand = currentBand;
+      state.pendingCount = 1;
+    }
+
+    if (state.pendingCount >= DEBOUNCE_SAMPLES) {
+      const previousBand = state.lastNotifiedBand;
+      state.lastNotifiedBand = currentBand;
+      state.pendingBand = null;
+      state.pendingCount = 0;
+      bandState.set(key, state);
+      emitBandTransition({
+        provider: input.provider,
+        window,
+        previousBand,
+        recommendedAction: info.recommendedAction,
+        now: input.now,
+      });
+    } else {
+      bandState.set(key, state);
+    }
+  }
+}
+
+function emitBandTransition(input: {
+  provider: string;
+  window: ProviderBandWindow;
+  previousBand: QuotaBand;
+  recommendedAction: string;
+  now: number;
+}): void {
+  const { provider, window, previousBand, recommendedAction, now } = input;
+  const direction = bandRank(window.band) > bandRank(previousBand) ? "degraded" : "recovered";
+  const subject = `${provider}:${window.role}`;
+  const payload = {
+    kind: "routing.quota.band_transition",
+    provider,
+    window: window.role,
+    previousBand,
+    newBand: window.band,
+    direction,
+    utilization: window.utilization,
+    burnRatio: window.burnRatio,
+    projectedWallAt: window.projectedWallAt,
+    recommendedAction,
+  };
+
+  emitRelayEvent({
+    type: "routing.quota.band_transition",
+    source: "server",
+    subject,
+    data: payload,
+  });
+
+  const recipients = getSpawnCapableAgentIds();
+  if (recipients.length === 0) return;
+
+  routeNotification({
+    type: "routing.quota.band_transition",
+    scope: {},
+    recipients,
+    message: {
+      subject: `${providerLabel(provider)} ${window.role} quota band → ${window.band}`,
+      body: buildBody(input),
+      payload,
+      replyExpected: false,
+    },
+    emittedAt: now,
+  });
+}
+
+function buildBody(input: {
+  provider: string;
+  window: ProviderBandWindow;
+  previousBand: QuotaBand;
+  recommendedAction: string;
+}): string {
+  const { provider, window, previousBand, recommendedAction } = input;
+  const util = Math.round(window.utilization * 100);
+  const burn = window.burnRatio !== null ? ` burn×${window.burnRatio.toFixed(1)}` : "";
+  const proj = window.projectedWallAt !== null
+    ? ` (wall ~${new Date(window.projectedWallAt).toISOString()})`
+    : "";
+  return `${providerLabel(provider)} ${window.role} quota band: ${previousBand} → ${window.band}. Utilization ${util}%${burn}${proj}. ${recommendedAction}`;
+}
+
+function bandRank(band: QuotaBand): number {
+  const ranks: Record<QuotaBand, number> = { "normal": 0, "caution": 1, "avoid-large": 2, "hard-avoid": 3 };
+  return ranks[band];
+}
+
+function providerLabel(provider: string): string {
+  return provider.slice(0, 1).toUpperCase() + provider.slice(1);
+}

package/src/quota.ts

@@ -1,7 +1,7 @@
 import { isRecord } from "agent-relay-sdk";
 import type { ProviderQuotaError, QuotaState, QuotaWindowName, QuotaSource, QuotaUnit } from "./types";
 
-const QUOTA_SOURCES = new Set<QuotaSource>(["header", "probe", "ingest", "statusline"]);
+const QUOTA_SOURCES = new Set<QuotaSource>(["header", "probe", "ingest", "statusline", "emulated"]);
 const QUOTA_UNITS = new Set<QuotaUnit>(["tokens", "requests", "%"]);
 const QUOTA_WINDOWS = new Set<QuotaWindowName>(["five_hour", "seven_day", "seven_day_sonnet", "seven_day_opus", "primary", "secondary"]);
 

package/src/routes/index.ts

@@ -6,7 +6,7 @@ import { deleteMyAvatar, deleteUserAvatarById, getMe, getUserAvatar, getUsers, h
 import { deleteArtifactById, getArtifactById, getArtifactContent, getArtifacts, headArtifactContent, postArtifact } from "./artifacts";
 import { deleteAutomationById, getAutomationById, getAutomationRuns, getAutomations, patchAutomation, postAutomation, postAutomationRun } from "./automations";
 import { deleteCommandById, deleteProviderModelRoute, getProviderConfigRoute, getProviderConfigsRoute, getProvidersRoute, patchProviderModelRoute, postProviderConfigTestRoute, putProviderConfigRoute, putProviderModelRoute } from "./provider-config";
-import { getProviderQuotasRoute, postProviderQuotaLeaseAcquireRoute, postProviderQuotaLeaseReleaseRoute, postProviderQuotaPublisherLeaseAcquireRoute, postProviderQuotaPublisherLeaseReleaseRoute, postProviderQuotaRoute } from "./provider-quotas";
+import { getProviderQuotaAdvisoryRoute, getProviderQuotasRoute, postProviderQuotaLeaseAcquireRoute, postProviderQuotaLeaseReleaseRoute, postProviderQuotaPublisherLeaseAcquireRoute, postProviderQuotaPublisherLeaseReleaseRoute, postProviderQuotaRoute } from "./provider-quotas";
 import { getProviderQuotaConfigRoute, getProviderQuotaConfigsRoute, putProviderQuotaConfigRoute } from "./provider-quota-config";
 import { getRoutingPolicyRoute, putRoutingPolicyRoute } from "./routing-policy";
 import { deleteProvisioningCapabilityRoute, getProvisioningCapabilitiesRoute, getProvisioningCapabilityRoute, patchProvisioningCapabilityRoute, patchProvisioningVariantRoute, postProvisioningCapabilityRoute, postProvisioningVariantImportRoute, postProvisioningVariantMcpRoute, postProvisioningVariantUpdateRoute, postProvisioningVariantValidateRoute } from "./provisioning-registry";
@@ -113,6 +113,7 @@ const routes: Route[] = [
   route("GET", "/api/agents", getAgents),
   route("GET", "/api/agents/find", findAgents),
   route("POST", "/api/route", postRouteAdvice),
+  route("GET", "/api/provider-quotas/advisory", getProviderQuotaAdvisoryRoute),
   route("GET", "/api/provider-quotas", getProviderQuotasRoute),
   route("POST", "/api/provider-quotas", postProviderQuotaRoute),
   route("POST", "/api/provider-quota-leases/acquire", postProviderQuotaPublisherLeaseAcquireRoute),

package/src/routes/provider-quotas.ts

@@ -5,6 +5,7 @@ import { quotaStateFromUnknown, providerQuotaErrorFromUnknown } from "../quota";
 import { authContextFromRequest } from "../services/auth-context";
 import { cleanString } from "../validation";
 import { authorizeRoute, error, json, parseBody, parseQueryInt, type Handler } from "./_shared";
+import { providerQuotaAdvisories } from "../spawn-targets";
 import type { CodexResetCredits, ProviderQuotaUpdateInput } from "../types";
 
 function cleanCodexResetCredits(value: unknown): CodexResetCredits | undefined {
@@ -61,6 +62,23 @@ export const getProviderQuotasRoute: Handler = (req) => {
   }));
 };
 
+// #737 — per-provider quota burn advisory (band + penalty) for the dashboard quota widget.
+// Factors the same quotaAdvisoryFor computation used by relay_spawn_targets so the
+// dashboard reads the server-computed band without re-deriving routing-policy thresholds
+// client-side. Only providers with active quota records appear in the map.
+export const getProviderQuotaAdvisoryRoute: Handler = () => {
+  const advisoriesMap = providerQuotaAdvisories();
+  const advisories: Record<string, { quotaPenaltyBand: string; quotaPenalty: number; blockedNow: boolean }> = {};
+  for (const [provider, advisory] of advisoriesMap) {
+    advisories[provider] = {
+      quotaPenaltyBand: advisory.quotaPenaltyBand,
+      quotaPenalty: advisory.quotaPenalty,
+      blockedNow: advisory.blockedNow,
+    };
+  }
+  return json({ advisories });
+};
+
 export const postProviderQuotaRoute: Handler = async (req) => {
   const parsed = await parseBody<unknown>(req);
   if (!parsed.ok) return error(parsed.error, parsed.status);

package/src/routing-policy-push.ts

@@ -52,7 +52,7 @@ export function notifyRoutingPolicyChanged(policy: RoutingPolicy, opts: { update
 
 type AgentRow = { id: string; meta: string | null };
 
-function getSpawnCapableAgentIds(): string[] {
+export function getSpawnCapableAgentIds(): string[] {
   const now = Date.now();
   const candidates = getDb().query(`
     SELECT id, meta FROM agents

package/src/security.ts

@@ -198,6 +198,7 @@ export function requiredScopeFor(method: string, pathname: string): string | nul
   if (pathname.startsWith("/api/tasks")) return method === "GET" ? "task:read" : "task:write";
   if (pathname.startsWith("/api/pairs")) return method === "GET" ? "pairs:read" : "pairs:write";
   if (pathname === "/api/provider-quota-leases/acquire" || pathname === "/api/provider-quota-leases/release") return "quota:write";
+  if (pathname === "/api/provider-quotas/advisory") return "agent:read";
   if (pathname === "/api/provider-quotas") return method === "GET" ? "agent:read" : "quota:write";
   if (pathname === "/api/routing-policy") return method === "GET" ? "agent:read" : "settings:write:routing";
   if (pathname === "/api/teams/config") return method === "GET" ? "teams:read" : "settings:write:teams";
@@ -283,6 +284,7 @@ export function requiredComponentScopeFor(method: string, pathname: string): str
   if (pathname === "/api/agents/spawn") return "command:spawn";
   if (pathname.startsWith("/api/agents")) return method === "GET" ? "agent:read" : "agent:write";
   if (pathname === "/api/provider-quota-leases/acquire" || pathname === "/api/provider-quota-leases/release") return "quota:write";
+  if (pathname === "/api/provider-quotas/advisory") return "agent:read";
   if (pathname === "/api/provider-quotas") return method === "GET" ? "agent:read" : "quota:write";
   // Per-provider quota config (#605): reads are agent:read (the orchestrator
   // collector reads its config each tick); writes are settings:write:provider.

package/src/spawn-targets.ts

@@ -143,7 +143,7 @@ function providerMatrixFor(o: Orchestrator, quotaAdvisories: Map<SpawnProvider,
   });
 }
 
-function providerQuotaAdvisories(now = Date.now()): Map<SpawnProvider, SpawnQuotaAdvisory> {
+export function providerQuotaAdvisories(now = Date.now()): Map<SpawnProvider, SpawnQuotaAdvisory> {
   const policy = getRoutingPolicy();
   const byProvider = new Map<SpawnProvider, ProviderQuotaRecord[]>();
   for (const record of listProviderQuotas({ historyLimit: 0, now }).quotas) {
@@ -226,6 +226,46 @@ function spawnQuotaWindow(
   };
 }
 
+// === Public band-info API for quota-band-transition (#738) ===
+
+export type QuotaBand = "normal" | "caution" | "avoid-large" | "hard-avoid";
+
+export interface ProviderBandWindow {
+  role: ProviderQuotaBurnRole;
+  band: QuotaBand;
+  utilization: number;
+  burnRatio: number | null;
+  projectedWallAt: number | null;
+  confidence: "high" | "low";
+}
+
+export interface ProviderBandInfo {
+  windows: ProviderBandWindow[];
+  providerBand: QuotaBand;
+  recommendedAction: string;
+}
+
+/**
+ * Compute the current quota band advisory for a provider. Called by the band-transition
+ * notifier after each quota ingest to detect band crossings. Returns undefined if no
+ * quota records exist for the provider.
+ */
+export function getProviderBandInfo(provider: string, now: number): ProviderBandInfo | undefined {
+  const policy = getRoutingPolicy();
+  const records = listProviderQuotas({ provider, historyLimit: 0, now }).quotas;
+  if (records.length === 0) return undefined;
+  const advisory = quotaAdvisoryFor(records, now, policy.quotaBands, policy.providerQuota?.[provider as SpawnProvider]);
+  const windows: ProviderBandWindow[] = advisory.quotaBurn.windows.map((w) => ({
+    role: w.role,
+    band: quotaPenaltyBandFor(w.penalty, policy.quotaBands),
+    utilization: w.utilization,
+    burnRatio: w.burnRatio,
+    projectedWallAt: w.projectedWallAt,
+    confidence: w.confidence,
+  }));
+  return { windows, providerBand: advisory.quotaPenaltyBand, recommendedAction: advisory.recommendedAction };
+}
+
 function compareQuotaWindows(a: SpawnQuotaBurnWindow, b: SpawnQuotaBurnWindow): number {
   if (a.blockedNow !== b.blockedNow) return a.blockedNow ? 1 : -1;
   if (a.penalty !== b.penalty) return a.penalty - b.penalty;