agent-relay-server 0.56.2 → 0.57.0

package/docs/openapi.json

@@ -2,7 +2,7 @@
   "openapi": "3.1.0",
   "info": {
     "title": "Agent Relay API",
-    "version": "0.56.2",
+    "version": "0.57.0",
     "description": "Real-time message bus for inter-agent communication. Agent-first: this spec is designed for machine consumption — agents can self-discover the full API surface via GET /api/spec.",
     "license": {
       "name": "MIT",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-relay-server",
-  "version": "0.56.2",
+  "version": "0.57.0",
   "description": "Lightweight HTTP message relay for inter-agent communication across machines",
   "module": "src/index.ts",
   "type": "module",

package/public/assets/MessageBubble-DmZIqnga.js

@@ -0,0 +1,2 @@
+import{r as e}from"./chunk-CilyBKbf.js";import{Fn as t,Gn as n,N as r,Nn as i,Xt as a,Zt as o,b as s,bt as c,c as l,cn as u,g as d,i as f,in as p,it as m,jn as h,jt as g,mn as _,nn as v,on as y,p as b,qt as x,r as S,rn as C,sn as w,yt as T,zt as E}from"./lucide-react-C3j5Huiw.js";import{n as D,p as O,t as k}from"./store-DKtaJZyC.js";import{D as A,I as j,M,W as N,it as P,j as F,w as I,z as L}from"./display-D6H3VZ53.js";import{a as R,i as z,o as ee,t as B}from"./index-DG_cFJIA.js";var V=e(n(),1),H={online:`came online`,offline:`went offline`,shutdown:`shut down`,restarted:`restarted`,"compaction-requested":`compaction requested`,compacting:`compaction started`,compacted:`context compacted`,"compaction-stalled":`compaction stalled — may need manual intervention`,"clear-requested":`clear requested`,"clearing-context":`clear started`,"context-cleared":`context cleared`,"clear-stalled":`context clear stalled — may need manual intervention`,"shutting-down":`shutting down`},te=new Set(Object.keys(H)),ne=3e3;function U(e){return new Date(e.occurredAt??e.createdAt).getTime()}function re(e){if(e.kind!==`session`)return null;let t=e.payload?.session;return!t||t.type!==`narration`&&t.type!==`reasoning`&&t.type!==`tool`?null:{id:e.id,kind:t.type,label:typeof t.label==`string`?t.label:void 0,text:e.body,ts:U(e),turnId:typeof t.turnId==`string`?t.turnId:void 0}}function ie(e){if(e.kind!==`session`)return null;let t=e.payload?.session;if(t?.type!==`notice`)return null;let n=typeof t.label==`string`&&t.label?t.label:`compacted`;return{id:`notice-${e.id}`,status:n,timestamp:U(e)}}function ae(e){return e.kind===`system`&&e.from===`system`}function W(e){let t=new Date(e);return`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,`0`)}-${String(t.getDate()).padStart(2,`0`)}`}function oe(e){let t=e.filter(e=>te.has(e.status)).slice().sort((e,t)=>e.timestamp-t.timestamp),n=[];for(let e of t)n.some(t=>t.id===e.id)||n.some(t=>t.status===e.status&&Math.abs(t.timestamp-e.timestamp)<=ne)||n.push(e);return n}function se(e,t,n,r=[]){let i=[];for(let e of r){let t=e.entries.reduce((e,t)=>Math.min(e,N(t.originalCreatedAt)),1/0),n=Number.isFinite(t)?t-1:e.importedAt;i.push({ts:n,entry:{type:`import-boundary`,history:e,timestamp:n}});for(let t of e.entries)i.push({ts:N(t.originalCreatedAt),entry:{type:`imported-message`,history:e,entry:t}})}if(n){let e=new Date(n).getTime();Number.isFinite(e)&&i.push({ts:e,entry:{type:`created`,timestamp:e}})}let a=new Map;for(let t of e){if(t.kind!==`session`)continue;let e=t.payload?.session;if(e?.type===`response`&&typeof e.turnId==`string`){let n=a.get(e.turnId)??[];n.push(t.body.trim()),a.set(e.turnId,n)}}let o=[];for(let t of e){if(ae(t)){i.push({ts:U(t),entry:{type:`notice`,msg:t}});continue}let e=ie(t);if(e){o.push(e);continue}let n=re(t);if(n){if(n.kind===`narration`&&n.turnId&&a.get(n.turnId)?.some(e=>L(e,n.text)))continue;i.push({ts:n.ts,entry:{type:`activity`,steps:[n],timestamp:n.ts}});continue}i.push({ts:U(t),entry:{type:`message`,msg:t}})}for(let e of oe([...t,...o]))i.push({ts:e.timestamp,entry:{type:`status`,event:e}});let s={created:0,date:1,"import-boundary":2,"imported-message":3,message:4,activity:4,notice:4,status:5};i.sort((e,t)=>{let n=e.ts-t.ts;return Math.abs(n)<3e3&&s[e.entry.type]-s[t.entry.type]||n});let c=[],l=``;for(let{ts:e,entry:t}of i){if(t.type===`created`){c.push(t);continue}let n=W(e);if(n!==l&&(c.push({type:`date`,date:n,timestamp:e}),l=n),t.type===`activity`){let e=c[c.length-1];if(e&&e.type===`activity`&&ce(e,t)){e.steps.push(...t.steps);continue}}c.push(t)}return c}function ce(e,t){let n=e.steps[e.steps.length-1]?.turnId,r=t.steps[0]?.turnId;return n&&r?n===r:!n&&!r}function G(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function le(e,t){if(t.startsWith(`/`))return t;let n=`${e.replace(/\/+$/,``)}/${t}`.split(`/`),r=[];for(let e of n)!e||e===`.`||(e===`..`?r.pop():r.push(e));return`/`+r.join(`/`)}function ue(e){let t=e.replace(/\/+$/,``),n=t.lastIndexOf(`/`);return n>0?t.slice(0,n):`/`}function de(e,t){return e.filter(e=>e.status===`online`&&j(t,e.baseDir)).sort((e,t)=>F(t.baseDir).length-F(e.baseDir).length)[0]||e.find(e=>e.status===`online`)}function fe(){return typeof window<`u`&&window.matchMedia(`(min-width: 1280px)`).matches}function K(){return typeof window<`u`&&!!window.getSelection()?.toString()}function pe(e){let t=e.payload?.attachments;return Array.isArray(t)?t.filter(e=>!!(e&&typeof e==`object`&&typeof e.artifactId==`string`)):[]}var me=[`👍`,`❤️`,`✅`,`👀`];function he(e){let t=new Map;for(let n of e.reactions||[]){let e=M(n.emoji),r=t.get(e)??{emoji:e,count:0,mine:!1,actors:[]};r.count+=1,r.mine=r.mine||n.actorId===`user`,r.actors.push(n.actorId),t.set(e,r)}return[...t.values()].sort((e,t)=>t.count-e.count||e.emoji.localeCompare(t.emoji))}function q(e){return I(e)}function ge(e,t){let n=e.readBy||[],r=e.resolvedToAgent||t||e.to,i=r?n.includes(r):!1,a=n.some(e=>e!==P);if(i||a){let e=i?r:n.find(e=>e!==P);return{label:`read`,title:e?`Read by ${e}`:`Read by agent`,tone:`ok`,icon:u}}if(e.deliveryStatus===`delivered`)return{label:`delivered`,title:`Delivered to agent inbox`,tone:`ok`,icon:u};if(e.deliveryStatus===`queued`)return{label:`queued`,title:`Queued until the target agent is available`,tone:`warn`,icon:x};if(e.deliveryStatus===`failed`||e.deliveryStatus===`dead`){let t=e.deliveryPoisonReason||e.deliveryLastError||e.deliveryStatus;return{label:e.deliveryStatus,title:t,tone:`danger`,icon:v}}return{label:`sent`,title:`Accepted by Relay`,tone:`muted`,icon:w}}function _e(e){let t=N(e.createdAt);return(e.reactions||[]).reduce((e,t)=>Math.max(e,N(t.updatedAt||t.createdAt)),t)}function ve(e){return e?e.messages.reduce((e,t)=>Math.max(e,_e(t)),0):0}function J(e){return new Date(e).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`})}function ye(e){for(let t of e)t.previewUrl&&URL.revokeObjectURL(t.previewUrl)}function be(e,t,n,r){if(e?.teamId)return{teamId:e.teamId};let i=[...t];n&&!i.some(e=>e.id===n.id)&&i.push(n);let a=i.filter(e=>e.threadId).reverse(),o=a.find(e=>!!r[D(e.threadId,e.channel)])??a[0];return o?.threadId?{threadId:o.threadId,...o.channel?{channel:o.channel}:{}}:null}var Y=i(),xe={online:`text-emerald-400`,offline:`text-zinc-400`,shutdown:`text-zinc-400`,restarted:`text-blue-400`,"compaction-requested":`text-zinc-400`,compacting:`text-amber-400`,compacted:`text-amber-400`,"compaction-stalled":`text-red-400`,"clear-requested":`text-zinc-400`,"clearing-context":`text-amber-400`,"context-cleared":`text-amber-400`,"clear-stalled":`text-red-400`,"shutting-down":`text-zinc-400`};function Se(e){let t=new Date,[n,r,i]=e.split(`-`).map(Number),a=new Date(n,r-1,i);if(e===W(t.getTime()))return`Today`;let o=new Date(t);return o.setDate(o.getDate()-1),e===W(o.getTime())?`Yesterday`:a.toLocaleDateString(void 0,{weekday:`short`,month:`short`,day:`numeric`,year:a.getFullYear()===t.getFullYear()?void 0:`numeric`})}function Ce({event:e}){return(0,Y.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-2 my-1`,children:[(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-1.5 text-xs text-muted-foreground`,children:[(0,Y.jsx)(a,{className:h(`w-2 h-2 fill-current`,xe[e.status]||`text-zinc-400`)}),(0,Y.jsx)(`span`,{children:H[e.status]||e.status}),(0,Y.jsx)(`span`,{className:`text-muted-foreground/60`,children:J(e.timestamp)})]}),(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`})]})}var we={"branch.landed":T,"context.warning":b},Te={"branch.landed":`branch landed`,"context.warning":`context warning`};function Ee({msg:e}){let t=typeof e.payload?.kind==`string`?e.payload.kind:``,n=we[t]??r,i=Te[t]??(t||`system signal`);return(0,Y.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-2 my-1`,children:[(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-2.5 py-1 text-xs text-muted-foreground`,children:[(0,Y.jsx)(n,{className:`h-3 w-3`}),(0,Y.jsx)(`span`,{children:i}),(0,Y.jsx)(`span`,{className:`text-muted-foreground/60`,children:J(e.occurredAt??e.createdAt)})]}),(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`})]})}function De({blockedLabel:e,onInterrupt:t}){return e?(0,Y.jsx)(`div`,{className:`flex justify-start mb-3`,children:(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 rounded-2xl rounded-bl-sm bg-card ring-1 ring-red-500/30 px-4 py-2.5`,children:[(0,Y.jsx)(v,{className:`w-3.5 h-3.5 text-red-400`}),(0,Y.jsxs)(`span`,{className:`text-xs text-red-300`,children:[`blocked: `,e]})]})}):(0,Y.jsx)(`div`,{className:`flex justify-start mb-3`,children:(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 rounded-2xl rounded-bl-sm bg-card ring-1 ring-foreground/10 px-4 py-2.5`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,Y.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_infinite]`}),(0,Y.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_0.2s_infinite]`}),(0,Y.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_0.4s_infinite]`})]}),(0,Y.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`working`}),t&&(0,Y.jsxs)(`button`,{onClick:t,title:`Interrupt`,className:`ml-1 flex items-center gap-1 rounded-full px-1.5 py-0.5 text-xs text-muted-foreground hover:text-red-300 hover:bg-red-500/10 transition-colors`,children:[(0,Y.jsx)(o,{className:`w-3.5 h-3.5`}),`Stop`]})]})})}var X=`agent-relay:chat-hide-tools`,Z=(()=>{let e=new Set,t=(()=>{try{return window.localStorage.getItem(X)===`on`}catch{return!1}})(),n=()=>e.forEach(e=>e());return typeof window<`u`&&window.addEventListener(`storage`,e=>{e.key===X&&(t=e.newValue===`on`,n())}),{subscribe(t){return e.add(t),()=>e.delete(t)},get:()=>t,toggle(){t=!t;try{window.localStorage.setItem(X,t?`on`:`off`)}catch{}n()}}})();function Oe(){return[(0,V.useSyncExternalStore)(Z.subscribe,Z.get,()=>!1),Z.toggle]}function Q({steps:e,showReasoning:t}){let[n,r]=Oe(),i=t?e:e.filter(e=>e.kind!==`reasoning`);if(!i.length)return null;let a=i.filter(e=>e.kind===`tool`).length;return(0,Y.jsx)(`div`,{className:`flex justify-start mb-2`,children:(0,Y.jsxs)(`div`,{className:`max-w-[85%] md:max-w-[75%] min-w-0 space-y-1.5`,children:[i.map(e=>e.kind===`narration`?(0,Y.jsx)(B,{text:e.text,className:`text-sm leading-relaxed break-words text-foreground/90 min-w-0`},e.id):e.kind===`reasoning`?(0,Y.jsxs)(`div`,{className:`flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground/80`,children:[(0,Y.jsx)(_,{className:`w-3.5 h-3.5 mt-0.5 shrink-0 opacity-70`}),(0,Y.jsx)(B,{text:e.text,className:`italic break-words min-w-0`})]},e.id):n?null:(0,Y.jsxs)(`div`,{className:`flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground`,children:[(0,Y.jsx)(d,{className:`w-3 h-3 mt-0.5 shrink-0 opacity-70`}),(0,Y.jsxs)(`span`,{className:`min-w-0 break-words`,children:[(0,Y.jsx)(`span`,{className:`font-medium`,children:e.label||`tool`}),e.text?(0,Y.jsxs)(`span`,{className:`opacity-70`,children:[` — `,e.text]}):null]})]},e.id)),a>0&&(0,Y.jsxs)(`button`,{onClick:r,className:`flex items-center gap-1 text-[11px] text-muted-foreground/50 hover:text-muted-foreground transition-colors text-left`,children:[(0,Y.jsx)(p,{className:h(`w-3 h-3 shrink-0 transition-transform`,!n&&`rotate-90`)}),(0,Y.jsx)(`span`,{children:n?`show ${a} tool step${a===1?``:`s`}`:`hide tool steps`})]})]})})}function ke({date:e}){return(0,Y.jsxs)(`div`,{className:`flex items-center justify-center gap-3 py-3 my-1`,children:[(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`}),(0,Y.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:Se(e)}),(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`})]})}function Ae({timestamp:e}){let t=new Date(e).toLocaleString(void 0,{month:`short`,day:`numeric`,year:`numeric`,hour:`2-digit`,minute:`2-digit`});return(0,Y.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-2 my-1`,children:[(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`}),(0,Y.jsxs)(`span`,{className:`text-xs text-muted-foreground/60`,children:[`created `,t]}),(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`})]})}function je({history:e}){let t=e.sourceAgentLabel||e.sourcePeerId,n=e.entries.length;return(0,Y.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-2 my-1`,children:[(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`}),(0,Y.jsxs)(`div`,{className:`flex items-center gap-1.5 rounded-full border border-dashed border-border bg-muted/30 px-2 py-1 text-[11px] text-muted-foreground`,children:[(0,Y.jsx)(c,{className:`h-3 w-3`}),(0,Y.jsxs)(`span`,{children:[`forked history from `,t]}),(0,Y.jsxs)(`span`,{className:`text-muted-foreground/60`,children:[n,` `,n===1?`entry`:`entries`]})]}),(0,Y.jsx)(`div`,{className:`h-px flex-1 bg-border`})]})}function Me({entry:e,sourceLabel:t}){let n=e.message,r=A(n),i=e.originalFrom===P;return(0,Y.jsx)(`div`,{className:h(`flex mb-3 opacity-80`,i?`justify-end`:`justify-start`),children:(0,Y.jsx)(`div`,{className:`max-w-[85%] md:max-w-[75%]`,children:(0,Y.jsxs)(`div`,{className:h(`rounded-2xl border border-dashed px-3.5 py-2 text-sm select-text`,i?`border-primary/25 bg-primary/10 text-foreground rounded-br-sm`:`border-border bg-card/70 rounded-bl-sm`),children:[(0,Y.jsxs)(`div`,{className:h(`mb-1 text-[10px] uppercase tracking-normal`,i?`text-primary/70`:`text-muted-foreground`),children:[`forked history · `,i?`you`:t||e.originalFrom]}),(0,Y.jsx)(B,{text:r,rawBody:n.body,className:`leading-relaxed`}),(0,Y.jsxs)(`p`,{className:h(`mt-1 flex items-center justify-end gap-1.5 text-xs`,i?`text-primary/60`:`text-muted-foreground`),children:[(0,Y.jsxs)(`span`,{className:`opacity-40`,children:[`#`,e.originalMessageId]}),(0,Y.jsx)(`span`,{children:J(e.originalCreatedAt)})]})]})})})}function Ne({scrollRef:e,timeline:t}){let[n,r]=(0,V.useState)(!0),[i,a]=(0,V.useState)(null),[o,s]=(0,V.useState)(null),[c,l]=(0,V.useState)(!0),u=(0,V.useMemo)(()=>{for(let e=t.length-1;e>=0;e--){let n=t[e];if(!(!n||n.type!==`message`)&&n.msg.from===`user`)return{id:n.msg.id,body:A(n.msg)}}return null},[t]);if((0,V.useEffect)(()=>{let t=e.current;if(!u||!t){r(!0);return}let n=t.querySelector(`[data-msg-id="${u.id}"]`);if(!n){r(!0);return}let i=new IntersectionObserver(([e])=>{if(e&&(r(e.isIntersecting),!e.isIntersecting)){let n=e.rootBounds?.top??t.getBoundingClientRect().top;l(e.boundingClientRect.top<n)}},{root:t,threshold:0});i.observe(n);let a=()=>{let e=n.getBoundingClientRect(),r=t.getBoundingClientRect();l(e.top<r.top)};return t.addEventListener(`scroll`,a,{passive:!0}),()=>{i.disconnect(),t.removeEventListener(`scroll`,a)}},[u?.id,e]),n||!u||!u.body.trim())return null;let d=i?.id===u.id?i.value:!1,f=o?.id===u.id?o.value:!1;function p(){let t=e.current;!t||!u||t.querySelector(`[data-msg-id="${u.id}"]`)?.scrollIntoView({behavior:`smooth`,block:`center`})}let m=c?`↑`:`↓`;return f?(0,Y.jsx)(`div`,{className:`sticky top-0 z-10 -mx-3 md:-mx-4 -mt-3 md:-mt-4 bg-background`,children:(0,Y.jsxs)(`button`,{type:`button`,className:`w-full flex items-center justify-center gap-1.5 py-1 text-[11px] text-primary/60 hover:text-primary border-b border-primary/10 transition-colors`,onClick:()=>s({id:u.id,value:!1}),children:[(0,Y.jsx)(`span`,{children:`Your prompt`}),(0,Y.jsx)(y,{className:`w-3 h-3`})]})}):(0,Y.jsxs)(`div`,{className:`sticky top-0 z-10 -mx-3 md:-mx-4 -mt-3 md:-mt-4 px-2 md:px-3 pt-2 pb-1.5 bg-background border-b border-primary/10`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-[11px] text-muted-foreground mb-0.5`,children:[(0,Y.jsx)(`span`,{className:`font-medium text-primary/70`,children:`Your prompt`}),(0,Y.jsxs)(`button`,{type:`button`,className:`ml-auto hover:text-foreground transition-colors`,onClick:p,children:[m,` scroll to original`]}),(0,Y.jsx)(`button`,{type:`button`,className:`hover:text-foreground transition-colors`,onClick:()=>s({id:u.id,value:!0}),title:`Minimize`,children:(0,Y.jsx)(C,{className:`w-3 h-3`})})]}),(0,Y.jsx)(`p`,{className:h(`text-sm text-foreground leading-snug cursor-pointer`,!d&&`line-clamp-2`),onClick:()=>a({id:u.id,value:!d}),children:u.body})]})}function Pe(){return(0,V.useSyncExternalStore)(e=>O.subscribe(e),()=>O.getPlayingKey(),()=>null)}function Fe({attachment:e,outbound:n}){let r=e.kind===`image`,i=e.title||e.artifactId,[a,o]=(0,V.useState)(null),[s,c]=(0,V.useState)(null),[l,u]=(0,V.useState)(!1),[d,p]=(0,V.useState)(!1);(0,V.useEffect)(()=>{let n=!1,r=null;async function i(){u(!0),c(null),o(null);try{let i=await t(`/artifacts/${encodeURIComponent(e.artifactId)}/content`);if(n)return;r=URL.createObjectURL(i),o(r)}catch(e){n||c(e.message)}finally{n||u(!1)}}return i(),()=>{n=!0,r&&URL.revokeObjectURL(r)}},[e.artifactId]);function _(){if(!a)return;let e=document.createElement(`a`);e.href=a,e.download=i,document.body.appendChild(e),e.click(),e.remove()}return r?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`button`,{type:`button`,onClick:()=>a&&p(!0),disabled:!a,className:`group/img mt-2 block overflow-hidden rounded-md border border-foreground/10 bg-black/10 text-left disabled:cursor-default relative`,children:a?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`img`,{src:a,alt:i,loading:`lazy`,className:`block max-h-72 max-w-full object-contain`}),(0,Y.jsx)(`span`,{className:`absolute inset-0 flex items-center justify-center bg-black/0 group-hover/img:bg-black/30 transition-colors`,children:(0,Y.jsx)(S,{className:`w-6 h-6 text-white opacity-0 group-hover/img:opacity-100 transition-opacity drop-shadow-md`})})]}):(0,Y.jsxs)(`span`,{className:h(`flex min-h-20 items-center gap-2 px-3 py-2 text-xs`,s?`text-red-400`:`text-muted-foreground`),children:[l?(0,Y.jsx)(m,{className:`h-4 w-4 animate-spin`}):(0,Y.jsx)(v,{className:`h-4 w-4`}),s||`Loading image`]})}),a&&(0,Y.jsx)(z,{open:d,onOpenChange:p,children:(0,Y.jsxs)(R,{className:`max-w-[95vw] max-h-[95vh] w-auto p-0 bg-black/95 border-zinc-800 gap-0 overflow-hidden`,showCloseButton:!1,children:[(0,Y.jsx)(ee,{className:`sr-only`,children:i}),(0,Y.jsxs)(`div`,{className:`relative flex items-center justify-center min-h-[200px]`,children:[(0,Y.jsx)(`img`,{src:a,alt:i,className:`max-w-[93vw] max-h-[90vh] object-contain`}),(0,Y.jsxs)(`div`,{className:`absolute top-2 right-2 flex gap-1`,children:[(0,Y.jsx)(`button`,{type:`button`,onClick:_,className:`rounded-md bg-black/60 hover:bg-black/80 p-2 text-white transition-colors`,title:`Download`,children:(0,Y.jsx)(E,{className:`w-4 h-4`})}),(0,Y.jsx)(`button`,{type:`button`,onClick:()=>p(!1),className:`rounded-md bg-black/60 hover:bg-black/80 p-2 text-white transition-colors`,title:`Close`,children:(0,Y.jsx)(f,{className:`w-4 h-4`})})]})]})]})})]}):(0,Y.jsxs)(`button`,{type:`button`,onClick:_,disabled:!a,className:h(`mt-2 flex w-full items-center gap-2 rounded-md border px-2.5 py-2 text-left text-xs transition-colors disabled:cursor-default disabled:opacity-70`,n?`border-primary-foreground/20 bg-primary-foreground/10 hover:bg-primary-foreground/15`:`border-border bg-background hover:bg-muted`),children:[l?(0,Y.jsx)(m,{className:`h-4 w-4 shrink-0 animate-spin`}):s?(0,Y.jsx)(v,{className:`h-4 w-4 shrink-0 text-red-400`}):(0,Y.jsx)(g,{className:`h-4 w-4 shrink-0`}),(0,Y.jsx)(`span`,{className:h(`min-w-0 flex-1 truncate`,s&&`text-red-400`),children:s||i}),(0,Y.jsx)(E,{className:`h-3.5 w-3.5 shrink-0`})]})}function $({open:e,onToggle:t,onReact:n}){return(0,Y.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,Y.jsx)(`button`,{type:`button`,title:`Add reaction`,onClick:t,className:h(`inline-flex h-5 w-6 items-center justify-center rounded-full border border-border bg-popover text-muted-foreground shadow-sm transition hover:bg-muted hover:text-foreground`,e?`opacity-100`:`opacity-0 pointer-events-none md:group-hover/msg:opacity-100 md:group-hover/msg:pointer-events-auto`),children:(0,Y.jsx)(s,{className:`h-3 w-3`})}),e&&(0,Y.jsx)(`div`,{className:`absolute bottom-full left-0 z-30 mb-1 flex gap-0.5 rounded-full border border-border bg-popover p-0.5 shadow-md`,children:me.map(e=>(0,Y.jsx)(`button`,{type:`button`,title:`React ${e}`,onClick:()=>n(e),className:`inline-flex h-6 w-7 items-center justify-center rounded-full text-xs transition-colors hover:bg-muted`,children:e},e))})]})}var Ie=(0,V.memo)(function({msg:e,peer:t,onOpenReferencedPath:n,onPreviewReferencedPath:r,onPreviewReferencedPathEnd:i}){let a=e.from!==`user`&&e.to!==`user`,s=a?e.from===t:e.from===P,c=a?s?`→ ${e.to}`:`from ${e.from}`:null,u=k(e=>e.reactToMessage),d=k(e=>e.voiceTtsEnabled),f=Pe(),p=k(e=>{let n=e.agentsById[t]?.meta?.cwd;return typeof n==`string`?n:``}),[m,g]=(0,V.useState)(!1),_=(0,V.useRef)(null),v=(0,V.useRef)(null),y=(0,V.useRef)(!1),b=A(e),x=J(e.occurredAt??e.createdAt),S=pe(e),C=he(e),w=s?ge(e,t):null,T=w?.icon,E=f===String(e.id),D=d&&!s&&!a&&!q(e)&&b.trim().length>0;function j(t){t.stopPropagation(),E?O.bargeIn():O.speak(e.body,String(e.id))}(0,V.useEffect)(()=>{if(!m)return;function e(e){K()||_.current&&!_.current.contains(e.target)&&g(!1)}return document.addEventListener(`mousedown`,e),document.addEventListener(`touchstart`,e),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`touchstart`,e)}},[m]);function M(e){return le(p||`/`,e)}function N(e,t){let r=M(e);n?.(r,t)}function F(e,t,n){let i=M(e);r?.(i,t,n)}function I(t){u(e,t),g(!1)}function L(e){e.button===0&&(v.current={x:e.clientX,y:e.clientY},y.current=!1)}function R(e){let t=v.current;t&&(Math.abs(e.clientX-t.x)>3||Math.abs(e.clientY-t.y)>3)&&(y.current=!0)}function z(t){if(!(q(e)||s||a)&&!t.target.closest(`a,button,input,textarea,select,[role="button"]`)){if(y.current||K()){y.current=!1;return}g(e=>!e)}}return(0,Y.jsx)(`div`,{"data-msg-id":e.id,className:h(`group/msg flex mb-3`,s?`justify-end`:`justify-start`),children:(0,Y.jsxs)(`div`,{ref:_,className:`relative max-w-[85%] md:max-w-[75%]`,children:[D&&(0,Y.jsx)(`button`,{type:`button`,title:E?`Stop playback`:`Play aloud`,onClick:j,className:h(`absolute -top-2 -right-2 z-20 inline-flex h-6 w-6 items-center justify-center rounded-full border bg-popover shadow-sm transition`,E?`border-primary/50 text-primary opacity-100`:`border-border text-muted-foreground opacity-70 hover:bg-muted hover:text-foreground hover:opacity-100 [@media(hover:hover)]:md:opacity-0 [@media(hover:hover)]:md:group-hover/msg:opacity-100`),children:E?(0,Y.jsx)(o,{className:`h-3.5 w-3.5 animate-pulse`}):(0,Y.jsx)(l,{className:`h-3.5 w-3.5`})}),(0,Y.jsxs)(`div`,{className:h(`rounded-2xl px-3.5 py-2 text-sm select-text`,!s&&!q(e)&&!a&&`cursor-pointer`,s?`bg-primary text-primary-foreground rounded-br-sm`:`bg-card ring-1 ring-foreground/10 rounded-bl-sm`),onPointerDown:L,onPointerMove:R,onClick:z,children:[c&&(0,Y.jsx)(`p`,{className:h(`text-xs font-medium mb-1 opacity-60`,s?`text-primary-foreground`:`text-muted-foreground`),children:c}),e.subject&&(0,Y.jsx)(`p`,{className:h(`text-xs font-semibold mb-1`,s?`text-primary-foreground/70`:`text-muted-foreground`),children:e.subject}),(0,Y.jsx)(B,{text:b,rawBody:e.body,className:`leading-relaxed`,onOpenPath:N,onPreviewPath:F,onPreviewPathEnd:i,resolvePathTitle:(e,t)=>`${M(e)}${t?`:${t}`:``}`}),S.map(t=>(0,Y.jsx)(Fe,{attachment:t,outbound:s},`${e.id}-${t.artifactId}-${t.role||``}`)),(0,Y.jsxs)(`p`,{className:h(`text-xs mt-1 flex items-center gap-1.5`,s?`justify-end text-primary-foreground/60`:`justify-end text-muted-foreground`),children:[(0,Y.jsxs)(`span`,{className:`opacity-40`,children:[`#`,e.id]}),(0,Y.jsx)(`span`,{children:x}),w&&T&&(0,Y.jsxs)(`span`,{className:h(`inline-flex items-center gap-1`,w.tone===`ok`&&`text-emerald-300`,w.tone===`warn`&&`text-amber-200`,w.tone===`danger`&&`text-red-200`),title:w.title,children:[(0,Y.jsx)(T,{className:`h-3 w-3`}),w.label]})]})]}),!q(e)&&C.length>0&&(0,Y.jsxs)(`div`,{className:h(`flex flex-wrap items-center gap-0.5 -mt-1 relative z-10`,s?`justify-end pr-2`:`justify-start pl-2`),children:[!s&&(0,Y.jsx)($,{open:m,onToggle:()=>g(e=>!e),onReact:I}),C.map(e=>(0,Y.jsxs)(`button`,{type:`button`,title:e.actors.join(`, `),onClick:()=>I(e.emoji),className:h(`inline-flex h-5 items-center gap-0.5 rounded-full border px-1.5 text-[11px] shadow-sm transition-colors`,e.mine?`border-primary/40 bg-primary/10 text-primary`:`border-border bg-background hover:bg-muted text-foreground`),children:[(0,Y.jsx)(`span`,{children:e.emoji}),e.count>1&&(0,Y.jsx)(`span`,{children:e.count})]},e.emoji))]}),!q(e)&&!s&&C.length===0&&(0,Y.jsx)(`div`,{className:`absolute -bottom-2.5 left-1 z-20`,children:(0,Y.jsx)($,{open:m,onToggle:()=>g(e=>!e),onReact:I})})]})})});export{ve as _,ke as a,Ee as c,G as d,de as f,fe as g,ye as h,Ae as i,Ce as l,be as m,Q as n,je as o,ue as p,De as r,Me as s,Ie as t,Ne as u,se as v};
+//# sourceMappingURL=MessageBubble-DmZIqnga.js.map

package/public/assets/MessageBubble-DmZIqnga.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble-DmZIqnga.js","names":[],"sources":["../../dashboard/src/components/chat/sessionTrace.ts","../../dashboard/src/components/chat/helpers.ts","../../dashboard/src/components/chat/TraceView.tsx","../../dashboard/src/components/chat/hooks/useTtsPlayingKey.ts","../../dashboard/src/components/chat/MessageBubble.tsx"],"sourcesContent":["\nimport { toTimestamp, responseBodyContainsBlock } from '@/lib/display'\nimport type { ChatStatusEvent as StatusEvent } from '@/store'\nimport type { ChatHistoryImport, ChatHistoryImportEntry, Message } from '@/types'\n\nexport interface ActivityStep { id: number; kind: 'narration' | 'reasoning' | 'tool'; label?: string; text: string; ts: number; turnId?: string }\n\nexport type TimelineEntry =\n  | { type: 'message'; msg: Message }\n  | { type: 'notice'; msg: Message }\n  | { type: 'activity'; steps: ActivityStep[]; timestamp: number }\n  | { type: 'import-boundary'; history: ChatHistoryImport; timestamp: number }\n  | { type: 'imported-message'; history: ChatHistoryImport; entry: ChatHistoryImportEntry }\n  | { type: 'status'; event: StatusEvent }\n  | { type: 'date'; date: string; timestamp: number }\n  | { type: 'created'; timestamp: number }\n\nexport const TIMELINE_STATUS_LABELS: Record<string, string> = {\n  online: 'came online',\n  offline: 'went offline',\n  shutdown: 'shut down',\n  restarted: 'restarted',\n  'compaction-requested': 'compaction requested',\n  compacting: 'compaction started',\n  compacted: 'context compacted',\n  'compaction-stalled': 'compaction stalled — may need manual intervention',\n  'clear-requested': 'clear requested',\n  'clearing-context': 'clear started',\n  'context-cleared': 'context cleared',\n  'clear-stalled': 'context clear stalled — may need manual intervention',\n  'shutting-down': 'shutting down',\n}\n\nconst TIMELINE_STATUSES = new Set(Object.keys(TIMELINE_STATUS_LABELS))\nconst STATUS_DEDUPE_WINDOW_MS = 3000\n\n// True event time of a message: occurredAt (set when a Runner backfilled a message it had\n// queued during an outage, #196) falling back to the server receive time. Used for chat\n// timeline ordering + display so a backfilled turn lands where it actually happened in the\n// conversation, not at the bottom. Display-only — DB poll cursors still use created_at.\nexport function messageEventTime(msg: Message): number {\n  return new Date(msg.occurredAt ?? msg.createdAt).getTime()\n}\n\n// Narration/reasoning/tool session events are mirrored as `kind:\"session\"` messages\n// but must not become chat bubbles — they render inline in the turn's activity trace.\n// (`narration` = the agent's intermediate spoken text; `reasoning` = its thinking.)\nexport function sessionActivityStep(msg: Message): ActivityStep | null {\n  if (msg.kind !== 'session') return null\n  const s = msg.payload?.session as { type?: string; label?: string; turnId?: string } | undefined\n  if (!s || (s.type !== 'narration' && s.type !== 'reasoning' && s.type !== 'tool')) return null\n  return {\n    id: msg.id,\n    kind: s.type,\n    label: typeof s.label === 'string' ? s.label : undefined,\n    text: msg.body,\n    ts: messageEventTime(msg),\n    turnId: typeof s.turnId === 'string' ? s.turnId : undefined,\n  }\n}\n\n// A `notice` session event (e.g. the runner's durable \"context compacted\" marker) renders\n// as a discreet timeline marker, reusing the StatusMarker path. Its `label` carries a\n// timeline-status key (e.g. \"compacted\"); we surface it as a StatusEvent so it dedupes with\n// the ephemeral live timeline-status decoration and survives a reload (the ephemeral one does\n// not). Returns null for non-notice messages or labels we don't render.\nexport function sessionNoticeStatusEvent(msg: Message): StatusEvent | null {\n  if (msg.kind !== 'session') return null\n  const s = msg.payload?.session as { type?: string; label?: string } | undefined\n  if (s?.type !== 'notice') return null\n  const status = typeof s.label === 'string' && s.label ? s.label : 'compacted'\n  return { id: `notice-${msg.id}`, status, timestamp: messageEventTime(msg) }\n}\n\n// Bus-level system signals (kind:\"system\", from:\"system\") — e.g. branch.landed,\n// context.warning. Rendered as notice pills, NOT chat bubbles or session status markers.\nexport function isBusSignalMessage(msg: Message): boolean {\n  return msg.kind === 'system' && msg.from === 'system'\n}\n\nexport function dateKey(ts: number): string {\n  const d = new Date(ts)\n  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`\n}\n\nexport function dedupeStatusEvents(statusEvents: StatusEvent[]): StatusEvent[] {\n  const events = statusEvents\n    .filter((event) => TIMELINE_STATUSES.has(event.status))\n    .slice()\n    .sort((a, b) => a.timestamp - b.timestamp)\n  const result: StatusEvent[] = []\n  for (const event of events) {\n    if (result.some((existing) => existing.id === event.id)) continue\n    if (result.some((existing) => existing.status === event.status && Math.abs(existing.timestamp - event.timestamp) <= STATUS_DEDUPE_WINDOW_MS)) continue\n    result.push(event)\n  }\n  return result\n}\n\nexport function buildTimeline(messages: Message[], statusEvents: StatusEvent[], createdAt?: string | number | null, importedHistory: ChatHistoryImport[] = []): TimelineEntry[] {\n  const raw: Array<{ ts: number; entry: TimelineEntry }> = []\n\n  for (const history of importedHistory) {\n    const firstImportedAt = history.entries.reduce((min, entry) => Math.min(min, toTimestamp(entry.originalCreatedAt)), Number.POSITIVE_INFINITY)\n    const boundaryAt = Number.isFinite(firstImportedAt) ? firstImportedAt - 1 : history.importedAt\n    raw.push({ ts: boundaryAt, entry: { type: 'import-boundary', history, timestamp: boundaryAt } })\n    for (const entry of history.entries) {\n      raw.push({ ts: toTimestamp(entry.originalCreatedAt), entry: { type: 'imported-message', history, entry } })\n    }\n  }\n\n  if (createdAt) {\n    const ts = new Date(createdAt as string).getTime()\n    if (Number.isFinite(ts)) raw.push({ ts, entry: { type: 'created', timestamp: ts } })\n  }\n\n  // The closing response bubble (session type \"response\") repeats the turn's\n  // narration. In `final` capture mode the body is just the final line; in `full`\n  // mode it is every narration block joined with blank-line separators\n  // (matching extractLastAssistantTurn).\n  // Collect the response bodies per turn so a narration step is suppressed from the\n  // trace whenever it appears as a blank-line-delimited block of the body — so no line\n  // shows twice in either mode (final: only the matching final line; full: all of them).\n  const responseBodiesByTurn = new Map<string, string[]>()\n  for (const msg of messages) {\n    if (msg.kind !== 'session') continue\n    const s = msg.payload?.session as { type?: string; turnId?: string } | undefined\n    if (s?.type === 'response' && typeof s.turnId === 'string') {\n      const list = responseBodiesByTurn.get(s.turnId) ?? []\n      list.push(msg.body.trim())\n      responseBodiesByTurn.set(s.turnId, list)\n    }\n  }\n\n  const noticeStatusEvents: StatusEvent[] = []\n  for (const msg of messages) {\n    if (isBusSignalMessage(msg)) {\n      raw.push({ ts: messageEventTime(msg), entry: { type: 'notice', msg } })\n      continue\n    }\n    const notice = sessionNoticeStatusEvent(msg)\n    if (notice) {\n      noticeStatusEvents.push(notice)\n      continue\n    }\n    const step = sessionActivityStep(msg)\n    if (step) {\n      if (step.kind === 'narration' && step.turnId) {\n        const bodies = responseBodiesByTurn.get(step.turnId)\n        if (bodies?.some((body) => responseBodyContainsBlock(body, step.text))) continue\n      }\n      raw.push({ ts: step.ts, entry: { type: 'activity', steps: [step], timestamp: step.ts } })\n      continue\n    }\n    raw.push({ ts: messageEventTime(msg), entry: { type: 'message', msg } })\n  }\n  for (const event of dedupeStatusEvents([...statusEvents, ...noticeStatusEvents])) {\n    raw.push({ ts: event.timestamp, entry: { type: 'status', event } })\n  }\n\n  const typeOrder = { created: 0, date: 1, 'import-boundary': 2, 'imported-message': 3, message: 4, activity: 4, notice: 4, status: 5 } as const\n  raw.sort((a, b) => {\n    const dt = a.ts - b.ts\n    if (Math.abs(dt) < 3000) return typeOrder[a.entry.type] - typeOrder[b.entry.type] || dt\n    return dt\n  })\n\n  const entries: TimelineEntry[] = []\n  let lastDate = ''\n  for (const { ts, entry } of raw) {\n    if (entry.type === 'created') {\n      entries.push(entry)\n      continue\n    }\n    const dk = dateKey(ts)\n    if (dk !== lastDate) {\n      entries.push({ type: 'date', date: dk, timestamp: ts })\n      lastDate = dk\n    }\n    // Coalesce consecutive activity steps from the same turn into one trace.\n    if (entry.type === 'activity') {\n      const prev = entries[entries.length - 1]\n      if (prev && prev.type === 'activity' && sameActivityTurn(prev, entry)) {\n        prev.steps.push(...entry.steps)\n        continue\n      }\n    }\n    entries.push(entry)\n  }\n\n  return entries\n}\n\nexport function sameActivityTurn(a: Extract<TimelineEntry, { type: 'activity' }>, b: Extract<TimelineEntry, { type: 'activity' }>): boolean {\n  const at = a.steps[a.steps.length - 1]?.turnId\n  const bt = b.steps[0]?.turnId\n  if (at && bt) return at === bt\n  // No turn id on either side: group adjacent steps regardless.\n  return !at && !bt\n}\n","\nimport { AlertCircle, Check, CheckCheck, Clock } from 'lucide-react'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport {\n  isReactionEventMessage,\n  normalizePathForCompare,\n  normalizeReactionEmoji,\n  pathWithinBase,\n  toTimestamp,\n} from '@/lib/display'\nimport { planLookupKey } from '@/store/slices/plans'\nimport type { Agent, AttachmentRef, InboxThread, Message, Orchestrator, Plan } from '@/types'\nimport type { PendingAttachment } from './types'\n\nexport function formatBytes(size: number): string {\n  if (size < 1024) return `${size} B`\n  if (size < 1024 * 1024) return `${(size / 1024).toFixed(1)} KB`\n  return `${(size / 1024 / 1024).toFixed(1)} MB`\n}\n\nexport function resolveRelativePath(cwd: string, path: string): string {\n  if (path.startsWith('/')) return path\n  const parts = `${cwd.replace(/\\/+$/, '')}/${path}`.split('/')\n  const stack: string[] = []\n  for (const part of parts) {\n    if (!part || part === '.') continue\n    if (part === '..') stack.pop()\n    else stack.push(part)\n  }\n  return '/' + stack.join('/')\n}\n\nexport function parentPath(path: string): string {\n  const trimmed = path.replace(/\\/+$/, '')\n  const index = trimmed.lastIndexOf('/')\n  return index > 0 ? trimmed.slice(0, index) : '/'\n}\n\nexport function orchestratorForFilePreview(orchestrators: Orchestrator[], path: string): Orchestrator | undefined {\n  return orchestrators\n    .filter((orch) => orch.status === 'online' && pathWithinBase(path, orch.baseDir))\n    .sort((a, b) => normalizePathForCompare(b.baseDir).length - normalizePathForCompare(a.baseDir).length)[0] ||\n    orchestrators.find((orch) => orch.status === 'online')\n}\n\nexport function supportsSideFilePreview(): boolean {\n  return typeof window !== 'undefined' && window.matchMedia('(min-width: 1280px)').matches\n}\n\nexport function hasActiveTextSelection(): boolean {\n  return typeof window !== 'undefined' && Boolean(window.getSelection()?.toString())\n}\n\nexport function messageAttachments(msg: Message): AttachmentRef[] {\n  const attachments = msg.payload?.attachments\n  if (!Array.isArray(attachments)) return []\n  return attachments.filter((item): item is AttachmentRef => Boolean(item && typeof item === 'object' && typeof (item as AttachmentRef).artifactId === 'string'))\n}\n\nexport const QUICK_REACTIONS = ['👍', '❤️', '✅', '👀'] as const\n\nexport function groupedReactions(msg: Message): Array<{ emoji: string; count: number; mine: boolean; actors: string[] }> {\n  const groups = new Map<string, { emoji: string; count: number; mine: boolean; actors: string[] }>()\n  for (const reaction of msg.reactions || []) {\n    const emoji = normalizeReactionEmoji(reaction.emoji)\n    const current = groups.get(emoji) ?? { emoji, count: 0, mine: false, actors: [] }\n    current.count += 1\n    current.mine = current.mine || reaction.actorId === HUMAN_AGENT_ID\n    current.actors.push(reaction.actorId)\n    groups.set(emoji, current)\n  }\n  return [...groups.values()].sort((a, b) => b.count - a.count || a.emoji.localeCompare(b.emoji))\n}\n\nexport function isReactionEvent(msg: Message): boolean {\n  return isReactionEventMessage(msg)\n}\n\nexport function outboundReceipt(msg: Message, peer: string): { label: string; title: string; tone: 'muted' | 'ok' | 'warn' | 'danger'; icon: typeof Check } {\n  const readBy = msg.readBy || []\n  const expectedReader = msg.resolvedToAgent || peer || msg.to\n  const readByExpected = expectedReader ? readBy.includes(expectedReader) : false\n  const readBySomeone = readBy.some((id) => id !== HUMAN_AGENT_ID)\n  if (readByExpected || readBySomeone) {\n    const reader = readByExpected ? expectedReader : readBy.find((id) => id !== HUMAN_AGENT_ID)\n    return { label: 'read', title: reader ? `Read by ${reader}` : 'Read by agent', tone: 'ok', icon: CheckCheck }\n  }\n  if (msg.deliveryStatus === 'delivered') {\n    return { label: 'delivered', title: 'Delivered to agent inbox', tone: 'ok', icon: CheckCheck }\n  }\n  if (msg.deliveryStatus === 'queued') {\n    return { label: 'queued', title: 'Queued until the target agent is available', tone: 'warn', icon: Clock }\n  }\n  if (msg.deliveryStatus === 'failed' || msg.deliveryStatus === 'dead') {\n    const detail = msg.deliveryPoisonReason || msg.deliveryLastError || msg.deliveryStatus\n    return { label: msg.deliveryStatus, title: detail, tone: 'danger', icon: AlertCircle }\n  }\n  return { label: 'sent', title: 'Accepted by Relay', tone: 'muted', icon: Check }\n}\n\nexport function messageActivityTimestamp(msg: Message): number {\n  const messageAt = toTimestamp(msg.createdAt)\n  return (msg.reactions || []).reduce((latest, reaction) => {\n    return Math.max(latest, toTimestamp(reaction.updatedAt || reaction.createdAt))\n  }, messageAt)\n}\n\nexport function threadActivityTimestamp(thread: InboxThread | undefined): number {\n  if (!thread) return 0\n  return thread.messages.reduce((latest, msg) => Math.max(latest, messageActivityTimestamp(msg)), 0)\n}\n\nexport function chatTimestamp(iso: string | number): string {\n  const d = new Date(iso as string)\n  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })\n}\n\nexport function revokePendingAttachmentUrls(items: PendingAttachment[]): void {\n  for (const item of items) if (item.previewUrl) URL.revokeObjectURL(item.previewUrl)\n}\n\ntype ChatPlanContext = { threadId: string | number; channel?: string } | { teamId: string; channel?: string }\n\nexport function resolveChatPlanContext(\n  agent: Agent | null,\n  messages: Message[],\n  lastMessage: Message | null | undefined,\n  plansByThread: Record<string, Plan | null>,\n): ChatPlanContext | null {\n  if (agent?.teamId) return { teamId: agent.teamId }\n  const ordered = [...messages]\n  if (lastMessage && !ordered.some((message) => message.id === lastMessage.id)) ordered.push(lastMessage)\n  const threaded = ordered.filter((message) => message.threadId).reverse()\n  const knownPlanMessage = threaded.find((message) => Boolean(plansByThread[planLookupKey(message.threadId!, message.channel)]))\n  const selected = knownPlanMessage ?? threaded[0]\n  if (!selected?.threadId) return null\n  return {\n    threadId: selected.threadId,\n    ...(selected.channel ? { channel: selected.channel } : {}),\n  }\n}\n","\nimport { useEffect, useMemo, useState, useSyncExternalStore } from 'react'\nimport type React from 'react'\nimport { AlertCircle, AlertTriangle, Brain, ChevronDown, ChevronRight, ChevronUp, Circle, CircleStop, GitFork, GitMerge, Radio, Terminal } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { FormattedBody } from '@/components/shared/formatted-body'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport { messageBody } from '@/lib/display'\nimport type { ChatHistoryImport, ChatHistoryImportEntry } from '@/types'\nimport { cn } from '@/lib/utils'\nimport { chatTimestamp } from './helpers'\nimport { dateKey, TIMELINE_STATUS_LABELS, type ActivityStep, type TimelineEntry } from './sessionTrace'\nimport type { Message } from '@/types'\nimport type { ChatStatusEvent as StatusEvent } from '@/store'\n\nconst TIMELINE_STATUS_COLORS: Record<string, string> = {\n  online: 'text-emerald-400',\n  offline: 'text-zinc-400',\n  shutdown: 'text-zinc-400',\n  restarted: 'text-blue-400',\n  'compaction-requested': 'text-zinc-400',\n  compacting: 'text-amber-400',\n  compacted: 'text-amber-400',\n  'compaction-stalled': 'text-red-400',\n  'clear-requested': 'text-zinc-400',\n  'clearing-context': 'text-amber-400',\n  'context-cleared': 'text-amber-400',\n  'clear-stalled': 'text-red-400',\n  'shutting-down': 'text-zinc-400',\n}\n\nfunction dateSeparatorLabel(dateStr: string): string {\n  const today = new Date()\n  const [y, m, d] = dateStr.split('-').map(Number)\n  const target = new Date(y!, m! - 1, d)\n  const todayKey = dateKey(today.getTime())\n  if (dateStr === todayKey) return 'Today'\n  const yesterday = new Date(today)\n  yesterday.setDate(yesterday.getDate() - 1)\n  if (dateStr === dateKey(yesterday.getTime())) return 'Yesterday'\n  return target.toLocaleDateString(undefined, { weekday: 'short', month: 'short', day: 'numeric', year: target.getFullYear() !== today.getFullYear() ? 'numeric' : undefined })\n}\n\nexport function StatusMarker({ event }: { event: StatusEvent }) {\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n        <Circle className={cn('w-2 h-2 fill-current', TIMELINE_STATUS_COLORS[event.status] || 'text-zinc-400')} />\n        <span>{TIMELINE_STATUS_LABELS[event.status] || event.status}</span>\n        <span className=\"text-muted-foreground/60\">{chatTimestamp(event.timestamp)}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nconst BUS_SIGNAL_ICON: Record<string, LucideIcon> = {\n  'branch.landed': GitMerge,\n  'context.warning': AlertTriangle,\n}\n\nconst BUS_SIGNAL_LABEL: Record<string, string> = {\n  'branch.landed': 'branch landed',\n  'context.warning': 'context warning',\n}\n\nexport function NoticePill({ msg }: { msg: Message }) {\n  const signalKind = typeof msg.payload?.kind === 'string' ? msg.payload.kind : ''\n  const Icon: LucideIcon = BUS_SIGNAL_ICON[signalKind] ?? Radio\n  const label = BUS_SIGNAL_LABEL[signalKind] ?? (signalKind || 'system signal')\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-2.5 py-1 text-xs text-muted-foreground\">\n        <Icon className=\"h-3 w-3\" />\n        <span>{label}</span>\n        <span className=\"text-muted-foreground/60\">{chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function BusyIndicator({ blockedLabel, onInterrupt }: { blockedLabel?: string; onInterrupt?: () => void }) {\n  if (blockedLabel) {\n    return (\n      <div className=\"flex justify-start mb-3\">\n        <div className=\"flex items-center gap-2 rounded-2xl rounded-bl-sm bg-card ring-1 ring-red-500/30 px-4 py-2.5\">\n          <AlertCircle className=\"w-3.5 h-3.5 text-red-400\" />\n          <span className=\"text-xs text-red-300\">blocked: {blockedLabel}</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex justify-start mb-3\">\n      <div className=\"flex items-center gap-2 rounded-2xl rounded-bl-sm bg-card ring-1 ring-foreground/10 px-4 py-2.5\">\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_infinite]\" />\n          <span className=\"w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_0.2s_infinite]\" />\n          <span className=\"w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_0.4s_infinite]\" />\n        </div>\n        <span className=\"text-xs text-muted-foreground\">working</span>\n        {onInterrupt && (\n          <button\n            onClick={onInterrupt}\n            title=\"Interrupt\"\n            className=\"ml-1 flex items-center gap-1 rounded-full px-1.5 py-0.5 text-xs text-muted-foreground hover:text-red-300 hover:bg-red-500/10 transition-colors\"\n          >\n            <CircleStop className=\"w-3.5 h-3.5\" />\n            Stop\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst HIDE_TOOLS_KEY = 'agent-relay:chat-hide-tools'\nconst hideToolsStore = (() => {\n  const listeners = new Set<() => void>()\n  let value = (() => {\n    try {\n      return window.localStorage.getItem(HIDE_TOOLS_KEY) === 'on'\n    } catch {\n      return false\n    }\n  })()\n  const emit = () => listeners.forEach((l) => l())\n  if (typeof window !== 'undefined') {\n    window.addEventListener('storage', (e) => {\n      if (e.key !== HIDE_TOOLS_KEY) return\n      value = e.newValue === 'on'\n      emit()\n    })\n  }\n  return {\n    subscribe(cb: () => void) {\n      listeners.add(cb)\n      return () => listeners.delete(cb)\n    },\n    get: () => value,\n    toggle() {\n      value = !value\n      try {\n        window.localStorage.setItem(HIDE_TOOLS_KEY, value ? 'on' : 'off')\n      } catch {}\n      emit()\n    },\n  }\n})()\n\nfunction useHideTools(): [boolean, () => void] {\n  const hideTools = useSyncExternalStore(hideToolsStore.subscribe, hideToolsStore.get, () => false)\n  return [hideTools, hideToolsStore.toggle]\n}\n\nexport function ActivityTrace({ steps, showReasoning }: { steps: ActivityStep[]; showReasoning: boolean }) {\n  const [hideTools, toggleHideTools] = useHideTools()\n  const visible = showReasoning ? steps : steps.filter((s) => s.kind !== 'reasoning')\n  if (!visible.length) return null\n  const toolCount = visible.filter((s) => s.kind === 'tool').length\n  return (\n    <div className=\"flex justify-start mb-2\">\n      <div className=\"max-w-[85%] md:max-w-[75%] min-w-0 space-y-1.5\">\n        {visible.map((step) => {\n          if (step.kind === 'narration') {\n            return (\n              <FormattedBody\n                key={step.id}\n                text={step.text}\n                className=\"text-sm leading-relaxed break-words text-foreground/90 min-w-0\"\n              />\n            )\n          }\n          if (step.kind === 'reasoning') {\n            return (\n              <div key={step.id} className=\"flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground/80\">\n                <Brain className=\"w-3.5 h-3.5 mt-0.5 shrink-0 opacity-70\" />\n                <FormattedBody text={step.text} className=\"italic break-words min-w-0\" />\n              </div>\n            )\n          }\n          if (hideTools) return null\n          return (\n            <div key={step.id} className=\"flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground\">\n              <Terminal className=\"w-3 h-3 mt-0.5 shrink-0 opacity-70\" />\n              <span className=\"min-w-0 break-words\">\n                <span className=\"font-medium\">{step.label || 'tool'}</span>\n                {step.text ? <span className=\"opacity-70\"> — {step.text}</span> : null}\n              </span>\n            </div>\n          )\n        })}\n        {toolCount > 0 && (\n          <button\n            onClick={toggleHideTools}\n            className=\"flex items-center gap-1 text-[11px] text-muted-foreground/50 hover:text-muted-foreground transition-colors text-left\"\n          >\n            <ChevronRight className={cn('w-3 h-3 shrink-0 transition-transform', !hideTools && 'rotate-90')} />\n            <span>{hideTools ? `show ${toolCount} tool step${toolCount === 1 ? '' : 's'}` : 'hide tool steps'}</span>\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function DateSeparator({ date }: { date: string }) {\n  return (\n    <div className=\"flex items-center justify-center gap-3 py-3 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <span className=\"text-xs font-medium text-muted-foreground\">{dateSeparatorLabel(date)}</span>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function CreatedMarker({ timestamp }: { timestamp: number }) {\n  const d = new Date(timestamp)\n  const label = d.toLocaleString(undefined, { month: 'short', day: 'numeric', year: 'numeric', hour: '2-digit', minute: '2-digit' })\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <span className=\"text-xs text-muted-foreground/60\">created {label}</span>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function ImportedHistoryMarker({ history }: { history: ChatHistoryImport }) {\n  const source = history.sourceAgentLabel || history.sourcePeerId\n  const count = history.entries.length\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className=\"flex items-center gap-1.5 rounded-full border border-dashed border-border bg-muted/30 px-2 py-1 text-[11px] text-muted-foreground\">\n        <GitFork className=\"h-3 w-3\" />\n        <span>forked history from {source}</span>\n        <span className=\"text-muted-foreground/60\">{count} {count === 1 ? 'entry' : 'entries'}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function ImportedMessageBubble({ entry, sourceLabel }: { entry: ChatHistoryImportEntry; sourceLabel?: string }) {\n  const msg = entry.message\n  const body = messageBody(msg)\n  const isOriginalHuman = entry.originalFrom === HUMAN_AGENT_ID\n  return (\n    <div className={cn('flex mb-3 opacity-80', isOriginalHuman ? 'justify-end' : 'justify-start')}>\n      <div className=\"max-w-[85%] md:max-w-[75%]\">\n        <div\n          className={cn(\n            'rounded-2xl border border-dashed px-3.5 py-2 text-sm select-text',\n            isOriginalHuman\n              ? 'border-primary/25 bg-primary/10 text-foreground rounded-br-sm'\n              : 'border-border bg-card/70 rounded-bl-sm'\n          )}\n        >\n          <div className={cn('mb-1 text-[10px] uppercase tracking-normal', isOriginalHuman ? 'text-primary/70' : 'text-muted-foreground')}>\n            forked history · {isOriginalHuman ? 'you' : (sourceLabel || entry.originalFrom)}\n          </div>\n          <FormattedBody text={body} rawBody={msg.body} className=\"leading-relaxed\" />\n          <p className={cn('mt-1 flex items-center justify-end gap-1.5 text-xs', isOriginalHuman ? 'text-primary/60' : 'text-muted-foreground')}>\n            <span className=\"opacity-40\">#{entry.originalMessageId}</span>\n            <span>{chatTimestamp(entry.originalCreatedAt)}</span>\n          </p>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function StickyPromptBanner({ scrollRef, timeline }: { scrollRef: React.RefObject<HTMLElement | null>; timeline: TimelineEntry[] }) {\n  const [hidden, setHidden] = useState(true)\n  const [expandedByPrompt, setExpandedByPrompt] = useState<{ id: number; value: boolean } | null>(null)\n  const [collapsedByPrompt, setCollapsedByPrompt] = useState<{ id: number; value: boolean } | null>(null)\n  const [promptAbove, setPromptAbove] = useState(true)\n\n  const lastOutbound = useMemo(() => {\n    for (let i = timeline.length - 1; i >= 0; i--) {\n      const entry = timeline[i]\n      if (!entry || entry.type !== 'message') continue\n      if (entry.msg.from === HUMAN_AGENT_ID) {\n        return { id: entry.msg.id, body: messageBody(entry.msg) }\n      }\n    }\n    return null\n  }, [timeline])\n\n  useEffect(() => {\n    const scrollEl = scrollRef.current\n    if (!lastOutbound || !scrollEl) { setHidden(true); return }\n    const target = scrollEl.querySelector(`[data-msg-id=\"${lastOutbound.id}\"]`)\n    if (!target) { setHidden(true); return }\n    const observer = new IntersectionObserver(\n      ([e]) => {\n        if (!e) return\n        setHidden(e.isIntersecting)\n        if (!e.isIntersecting) {\n          const rootTop = e.rootBounds?.top ?? scrollEl.getBoundingClientRect().top\n          setPromptAbove(e.boundingClientRect.top < rootTop)\n        }\n      },\n      { root: scrollEl, threshold: 0 }\n    )\n    observer.observe(target)\n    const onScroll = () => {\n      const r = target.getBoundingClientRect()\n      const sr = scrollEl.getBoundingClientRect()\n      setPromptAbove(r.top < sr.top)\n    }\n    scrollEl.addEventListener('scroll', onScroll, { passive: true })\n    return () => { observer.disconnect(); scrollEl.removeEventListener('scroll', onScroll) }\n  }, [lastOutbound?.id, scrollRef])\n\n  if (hidden || !lastOutbound || !lastOutbound.body.trim()) return null\n\n  const expanded = expandedByPrompt?.id === lastOutbound.id ? expandedByPrompt.value : false\n  const collapsed = collapsedByPrompt?.id === lastOutbound.id ? collapsedByPrompt.value : false\n\n  function scrollToPrompt() {\n    const scrollEl = scrollRef.current\n    if (!scrollEl || !lastOutbound) return\n    const target = scrollEl.querySelector(`[data-msg-id=\"${lastOutbound.id}\"]`)\n    target?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n  }\n\n  const arrow = promptAbove ? '↑' : '↓'\n\n  if (collapsed) {\n    return (\n      <div className=\"sticky top-0 z-10 -mx-3 md:-mx-4 -mt-3 md:-mt-4 bg-background\">\n        <button\n          type=\"button\"\n          className=\"w-full flex items-center justify-center gap-1.5 py-1 text-[11px] text-primary/60 hover:text-primary border-b border-primary/10 transition-colors\"\n          onClick={() => setCollapsedByPrompt({ id: lastOutbound.id, value: false })}\n        >\n          <span>Your prompt</span>\n          <ChevronDown className=\"w-3 h-3\" />\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"sticky top-0 z-10 -mx-3 md:-mx-4 -mt-3 md:-mt-4 px-2 md:px-3 pt-2 pb-1.5 bg-background border-b border-primary/10\">\n      <div className=\"flex items-center gap-2 text-[11px] text-muted-foreground mb-0.5\">\n        <span className=\"font-medium text-primary/70\">Your prompt</span>\n        <button\n          type=\"button\"\n          className=\"ml-auto hover:text-foreground transition-colors\"\n          onClick={scrollToPrompt}\n        >\n          {arrow} scroll to original\n        </button>\n        <button\n          type=\"button\"\n          className=\"hover:text-foreground transition-colors\"\n          onClick={() => setCollapsedByPrompt({ id: lastOutbound.id, value: true })}\n          title=\"Minimize\"\n        >\n          <ChevronUp className=\"w-3 h-3\" />\n        </button>\n      </div>\n      <p\n        className={cn('text-sm text-foreground leading-snug cursor-pointer', !expanded && 'line-clamp-2')}\n        onClick={() => setExpandedByPrompt({ id: lastOutbound.id, value: !expanded })}\n      >\n        {lastOutbound.body}\n      </p>\n    </div>\n  )\n}\n","\nimport { useSyncExternalStore } from 'react'\nimport { voiceTts } from '@/lib/voice'\n\nexport function useTtsPlayingKey(): string | null {\n  return useSyncExternalStore(\n    (cb) => voiceTts.subscribe(cb),\n    () => voiceTts.getPlayingKey(),\n    () => null,\n  )\n}\n","\nimport { memo, useEffect, useRef, useState } from 'react'\nimport { AlertCircle, CircleStop, Download, FileText, Loader2, SmilePlus, Volume2, X, ZoomIn } from 'lucide-react'\nimport { voiceTts } from '@/lib/voice'\nimport { useRelayStore } from '@/store'\nimport { FormattedBody } from '@/components/shared/formatted-body'\nimport { Button } from '@/components/ui/button'\nimport { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog'\nimport { apiBlob } from '@/lib/api'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport { messageBody } from '@/lib/display'\nimport type { AttachmentRef, Message } from '@/types'\nimport { cn } from '@/lib/utils'\nimport type { ReferencedPathInfo } from './types'\nimport {\n  chatTimestamp,\n  groupedReactions,\n  hasActiveTextSelection,\n  isReactionEvent,\n  messageAttachments,\n  outboundReceipt,\n  QUICK_REACTIONS,\n  resolveRelativePath,\n} from './helpers'\nimport { useTtsPlayingKey } from './hooks/useTtsPlayingKey'\n\nfunction AttachmentPreview({ attachment, outbound }: { attachment: AttachmentRef; outbound: boolean }) {\n  const isImage = attachment.kind === 'image'\n  const title = attachment.title || attachment.artifactId\n  const [objectUrl, setObjectUrl] = useState<string | null>(null)\n  const [error, setError] = useState<string | null>(null)\n  const [loading, setLoading] = useState(false)\n  const [lightboxOpen, setLightboxOpen] = useState(false)\n\n  useEffect(() => {\n    let cancelled = false\n    let url: string | null = null\n\n    async function load() {\n      setLoading(true)\n      setError(null)\n      setObjectUrl(null)\n      try {\n        const blob = await apiBlob(`/artifacts/${encodeURIComponent(attachment.artifactId)}/content`)\n        if (cancelled) return\n        url = URL.createObjectURL(blob)\n        setObjectUrl(url)\n      } catch (e) {\n        if (!cancelled) setError((e as Error).message)\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n\n    void load()\n    return () => {\n      cancelled = true\n      if (url) URL.revokeObjectURL(url)\n    }\n  }, [attachment.artifactId])\n\n  function download() {\n    if (!objectUrl) return\n    const a = document.createElement('a')\n    a.href = objectUrl\n    a.download = title\n    document.body.appendChild(a)\n    a.click()\n    a.remove()\n  }\n\n  if (isImage) {\n    return (\n      <>\n        <button\n          type=\"button\"\n          onClick={() => objectUrl && setLightboxOpen(true)}\n          disabled={!objectUrl}\n          className=\"group/img mt-2 block overflow-hidden rounded-md border border-foreground/10 bg-black/10 text-left disabled:cursor-default relative\"\n        >\n          {objectUrl ? (\n            <>\n              <img src={objectUrl} alt={title} loading=\"lazy\" className=\"block max-h-72 max-w-full object-contain\" />\n              <span className=\"absolute inset-0 flex items-center justify-center bg-black/0 group-hover/img:bg-black/30 transition-colors\">\n                <ZoomIn className=\"w-6 h-6 text-white opacity-0 group-hover/img:opacity-100 transition-opacity drop-shadow-md\" />\n              </span>\n            </>\n          ) : (\n            <span className={cn('flex min-h-20 items-center gap-2 px-3 py-2 text-xs', error ? 'text-red-400' : 'text-muted-foreground')}>\n              {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <AlertCircle className=\"h-4 w-4\" />}\n              {error || 'Loading image'}\n            </span>\n          )}\n        </button>\n        {objectUrl && (\n          <Dialog open={lightboxOpen} onOpenChange={setLightboxOpen}>\n            <DialogContent className=\"max-w-[95vw] max-h-[95vh] w-auto p-0 bg-black/95 border-zinc-800 gap-0 overflow-hidden\" showCloseButton={false}>\n              <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n              <div className=\"relative flex items-center justify-center min-h-[200px]\">\n                <img src={objectUrl} alt={title} className=\"max-w-[93vw] max-h-[90vh] object-contain\" />\n                <div className=\"absolute top-2 right-2 flex gap-1\">\n                  <button type=\"button\" onClick={download} className=\"rounded-md bg-black/60 hover:bg-black/80 p-2 text-white transition-colors\" title=\"Download\">\n                    <Download className=\"w-4 h-4\" />\n                  </button>\n                  <button type=\"button\" onClick={() => setLightboxOpen(false)} className=\"rounded-md bg-black/60 hover:bg-black/80 p-2 text-white transition-colors\" title=\"Close\">\n                    <X className=\"w-4 h-4\" />\n                  </button>\n                </div>\n              </div>\n            </DialogContent>\n          </Dialog>\n        )}\n      </>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={download}\n      disabled={!objectUrl}\n      className={cn(\n        'mt-2 flex w-full items-center gap-2 rounded-md border px-2.5 py-2 text-left text-xs transition-colors disabled:cursor-default disabled:opacity-70',\n        outbound ? 'border-primary-foreground/20 bg-primary-foreground/10 hover:bg-primary-foreground/15' : 'border-border bg-background hover:bg-muted'\n      )}\n    >\n      {loading ? <Loader2 className=\"h-4 w-4 shrink-0 animate-spin\" /> : error ? <AlertCircle className=\"h-4 w-4 shrink-0 text-red-400\" /> : <FileText className=\"h-4 w-4 shrink-0\" />}\n      <span className={cn('min-w-0 flex-1 truncate', error && 'text-red-400')}>{error || title}</span>\n      <Download className=\"h-3.5 w-3.5 shrink-0\" />\n    </button>\n  )\n}\n\nfunction AddReaction({ open, onToggle, onReact }: { open: boolean; onToggle: () => void; onReact: (emoji: string) => void }) {\n  return (\n    <div className=\"relative shrink-0\">\n      <button\n        type=\"button\"\n        title=\"Add reaction\"\n        onClick={onToggle}\n        className={cn(\n          'inline-flex h-5 w-6 items-center justify-center rounded-full border border-border bg-popover text-muted-foreground shadow-sm transition hover:bg-muted hover:text-foreground',\n          open ? 'opacity-100' : 'opacity-0 pointer-events-none md:group-hover/msg:opacity-100 md:group-hover/msg:pointer-events-auto'\n        )}\n      >\n        <SmilePlus className=\"h-3 w-3\" />\n      </button>\n      {open && (\n        <div className=\"absolute bottom-full left-0 z-30 mb-1 flex gap-0.5 rounded-full border border-border bg-popover p-0.5 shadow-md\">\n          {QUICK_REACTIONS.map((emoji) => (\n            <button\n              key={emoji}\n              type=\"button\"\n              title={`React ${emoji}`}\n              onClick={() => onReact(emoji)}\n              className=\"inline-flex h-6 w-7 items-center justify-center rounded-full text-xs transition-colors hover:bg-muted\"\n            >\n              {emoji}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const MessageBubble = memo(function MessageBubble({\n  msg,\n  peer,\n  onOpenReferencedPath,\n  onPreviewReferencedPath,\n  onPreviewReferencedPathEnd,\n}: {\n  msg: Message\n  peer: string\n  onOpenReferencedPath?: (path: string, line?: number, type?: ReferencedPathInfo['type']) => void\n  onPreviewReferencedPath?: (path: string, line?: number, anchor?: DOMRect) => void\n  onPreviewReferencedPathEnd?: () => void\n}) {\n  const isPeerMessage = msg.from !== HUMAN_AGENT_ID && msg.to !== HUMAN_AGENT_ID\n  // For agent↔agent messages, treat the selected agent (peer) as the local side:\n  // messages it sent are outbound (right), messages it received are inbound (left).\n  const isOutbound = isPeerMessage ? msg.from === peer : msg.from === HUMAN_AGENT_ID\n  const peerLabel = isPeerMessage\n    ? (isOutbound ? `→ ${msg.to}` : `from ${msg.from}`)\n    : null\n  const reactToMessage = useRelayStore((s) => s.reactToMessage)\n  const voiceTtsEnabled = useRelayStore((s) => s.voiceTtsEnabled)\n  const ttsPlayingKey = useTtsPlayingKey()\n  const peerCwd = useRelayStore((s) => {\n    const cwd = s.agentsById[peer]?.meta?.cwd\n    return typeof cwd === 'string' ? cwd : ''\n  })\n  const [showQuickReact, setShowQuickReact] = useState(false)\n  const bubbleRef = useRef<HTMLDivElement>(null)\n  const pointerStartRef = useRef<{ x: number; y: number } | null>(null)\n  const suppressBubbleClickRef = useRef(false)\n  const body = messageBody(msg)\n  const time = chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))\n  const attachments = messageAttachments(msg)\n  const reactions = groupedReactions(msg)\n  const receipt = isOutbound ? outboundReceipt(msg, peer) : null\n  const ReceiptIcon = receipt?.icon\n  // On-demand TTS: replay any agent response through the same Kokoro/browser\n  // pipeline. Only when the speaker is on, and only for inbound non-reaction text.\n  const isTtsPlaying = ttsPlayingKey === String(msg.id)\n  const showPlayButton = voiceTtsEnabled && !isOutbound && !isPeerMessage && !isReactionEvent(msg) && body.trim().length > 0\n  function togglePlay(e: React.MouseEvent) {\n    e.stopPropagation()\n    if (isTtsPlaying) voiceTts.bargeIn()\n    else voiceTts.speak(msg.body, String(msg.id))\n  }\n  useEffect(() => {\n    if (!showQuickReact) return\n    function dismiss(e: MouseEvent | TouchEvent) {\n      if (hasActiveTextSelection()) return\n      if (bubbleRef.current && !bubbleRef.current.contains(e.target as Node)) setShowQuickReact(false)\n    }\n    document.addEventListener('mousedown', dismiss)\n    document.addEventListener('touchstart', dismiss)\n    return () => { document.removeEventListener('mousedown', dismiss); document.removeEventListener('touchstart', dismiss) }\n  }, [showQuickReact])\n\n  function resolvedReferencedPath(path: string): string {\n    return resolveRelativePath(peerCwd || '/', path)\n  }\n\n  function openReferencedPath(path: string, line?: number) {\n    const absolute = resolvedReferencedPath(path)\n    onOpenReferencedPath?.(absolute, line)\n  }\n\n  function previewReferencedPath(path: string, line?: number, anchor?: DOMRect) {\n    const absolute = resolvedReferencedPath(path)\n    onPreviewReferencedPath?.(absolute, line, anchor)\n  }\n\n  function handleReact(emoji: string) {\n    reactToMessage(msg, emoji)\n    setShowQuickReact(false)\n  }\n\n  function handleBubblePointerDown(e: React.PointerEvent<HTMLDivElement>) {\n    if (e.button !== 0) return\n    pointerStartRef.current = { x: e.clientX, y: e.clientY }\n    suppressBubbleClickRef.current = false\n  }\n\n  function handleBubblePointerMove(e: React.PointerEvent<HTMLDivElement>) {\n    const start = pointerStartRef.current\n    if (!start) return\n    if (Math.abs(e.clientX - start.x) > 3 || Math.abs(e.clientY - start.y) > 3) {\n      suppressBubbleClickRef.current = true\n    }\n  }\n\n  function handleBubbleClick(e: React.MouseEvent<HTMLDivElement>) {\n    if (isReactionEvent(msg) || isOutbound || isPeerMessage) return\n    const target = e.target as HTMLElement\n    if (target.closest('a,button,input,textarea,select,[role=\"button\"]')) return\n    if (suppressBubbleClickRef.current || hasActiveTextSelection()) {\n      suppressBubbleClickRef.current = false\n      return\n    }\n    setShowQuickReact((v) => !v)\n  }\n\n  return (\n    <div data-msg-id={msg.id} className={cn('group/msg flex mb-3', isOutbound ? 'justify-end' : 'justify-start')}>\n      <div ref={bubbleRef} className=\"relative max-w-[85%] md:max-w-[75%]\">\n        {showPlayButton && (\n          <button\n            type=\"button\"\n            title={isTtsPlaying ? 'Stop playback' : 'Play aloud'}\n            onClick={togglePlay}\n            className={cn(\n              'absolute -top-2 -right-2 z-20 inline-flex h-6 w-6 items-center justify-center rounded-full border bg-popover shadow-sm transition',\n              isTtsPlaying\n                ? 'border-primary/50 text-primary opacity-100'\n                // Hide-until-hover only on hover-capable devices; touch screens (iPad)\n                // have no hover, so keep the button visible there instead of opacity-0.\n                : 'border-border text-muted-foreground opacity-70 hover:bg-muted hover:text-foreground hover:opacity-100 [@media(hover:hover)]:md:opacity-0 [@media(hover:hover)]:md:group-hover/msg:opacity-100'\n            )}\n          >\n            {isTtsPlaying ? <CircleStop className=\"h-3.5 w-3.5 animate-pulse\" /> : <Volume2 className=\"h-3.5 w-3.5\" />}\n          </button>\n        )}\n        <div\n          className={cn(\n            'rounded-2xl px-3.5 py-2 text-sm select-text',\n            !isOutbound && !isReactionEvent(msg) && !isPeerMessage && 'cursor-pointer',\n            isOutbound\n              ? 'bg-primary text-primary-foreground rounded-br-sm'\n              : 'bg-card ring-1 ring-foreground/10 rounded-bl-sm'\n          )}\n          onPointerDown={handleBubblePointerDown}\n          onPointerMove={handleBubblePointerMove}\n          onClick={handleBubbleClick}\n        >\n          {peerLabel && (\n            <p className={cn('text-xs font-medium mb-1 opacity-60', isOutbound ? 'text-primary-foreground' : 'text-muted-foreground')}>\n              {peerLabel}\n            </p>\n          )}\n          {msg.subject && (\n            <p className={cn('text-xs font-semibold mb-1', isOutbound ? 'text-primary-foreground/70' : 'text-muted-foreground')}>\n              {msg.subject}\n            </p>\n          )}\n          <FormattedBody\n            text={body}\n            rawBody={msg.body}\n            className=\"leading-relaxed\"\n            onOpenPath={openReferencedPath}\n            onPreviewPath={previewReferencedPath}\n            onPreviewPathEnd={onPreviewReferencedPathEnd}\n            resolvePathTitle={(path, line) => `${resolvedReferencedPath(path)}${line ? `:${line}` : ''}`}\n          />\n          {attachments.map((attachment) => (\n            <AttachmentPreview key={`${msg.id}-${attachment.artifactId}-${attachment.role || ''}`} attachment={attachment} outbound={isOutbound} />\n          ))}\n          <p className={cn('text-xs mt-1 flex items-center gap-1.5', isOutbound ? 'justify-end text-primary-foreground/60' : 'justify-end text-muted-foreground')}>\n            <span className=\"opacity-40\">#{msg.id}</span>\n            <span>{time}</span>\n            {receipt && ReceiptIcon && (\n              <span\n                className={cn(\n                  'inline-flex items-center gap-1',\n                  receipt.tone === 'ok' && 'text-emerald-300',\n                  receipt.tone === 'warn' && 'text-amber-200',\n                  receipt.tone === 'danger' && 'text-red-200'\n                )}\n                title={receipt.title}\n              >\n                <ReceiptIcon className=\"h-3 w-3\" />\n                {receipt.label}\n              </span>\n            )}\n          </p>\n        </div>\n        {!isReactionEvent(msg) && reactions.length > 0 && (\n          <div className={cn('flex flex-wrap items-center gap-0.5 -mt-1 relative z-10', isOutbound ? 'justify-end pr-2' : 'justify-start pl-2')}>\n            {!isOutbound && <AddReaction open={showQuickReact} onToggle={() => setShowQuickReact((v) => !v)} onReact={handleReact} />}\n            {reactions.map((reaction) => (\n              <button\n                key={reaction.emoji}\n                type=\"button\"\n                title={reaction.actors.join(', ')}\n                onClick={() => handleReact(reaction.emoji)}\n                className={cn(\n                  'inline-flex h-5 items-center gap-0.5 rounded-full border px-1.5 text-[11px] shadow-sm transition-colors',\n                  reaction.mine\n                    ? 'border-primary/40 bg-primary/10 text-primary'\n                    : 'border-border bg-background hover:bg-muted text-foreground'\n                )}\n              >\n                <span>{reaction.emoji}</span>\n                {reaction.count > 1 && <span>{reaction.count}</span>}\n              </button>\n            ))}\n          </div>\n        )}\n        {!isReactionEvent(msg) && !isOutbound && reactions.length === 0 && (\n          <div className=\"absolute -bottom-2.5 left-1 z-20\">\n            <AddReaction open={showQuickReact} onToggle={() => setShowQuickReact((v) => !v)} onReact={handleReact} />\n          </div>\n        )}\n      </div>\n    </div>\n  )\n})\n"],"mappings":"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"}

package/public/assets/{PlanGraphPanel-t6z17_F-.js → PlanGraphPanel-DpTMkCBs.js}

@@ -1,2 +1,2 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{An as t,Mn as n,St as r,Wn as i,an as a,nn as o}from"./lucide-react-Dr0-sUx6.js";import{n as s,r as c,t as l}from"./store-DcxNQduq.js";var u=e(i(),1),d=`(max-width: 767px)`;function f(e){if(typeof window>`u`)return()=>{};let t=window.matchMedia(d);return t.addEventListener(`change`,e),()=>t.removeEventListener(`change`,e)}function p(){return(0,u.useSyncExternalStore)(f,()=>typeof window<`u`?window.matchMedia(d).matches:!1,()=>!1)}var m=n(),h=196,g=68,_=52,v=16,y=14,b=[`landed`,`in-progress`,`pending`,`blocked`],x={landed:{label:`landed`,dot:`bg-emerald-400`,accent:`border-l-emerald-400`,text:`text-emerald-300`,wire:`#34d399`},"in-progress":{label:`in progress`,dot:`bg-sky-400`,accent:`border-l-sky-400`,text:`text-sky-300`,wire:`#38bdf8`},pending:{label:`pending`,dot:`bg-amber-400`,accent:`border-l-amber-400`,text:`text-amber-300`,wire:`#fbbf24`},blocked:{label:`blocked`,dot:`bg-red-400`,accent:`border-l-red-400`,text:`text-red-300`,wire:`#f87171`}};function S(e){return e?e.label||(e.policyName?`policy:${e.policyName}`:e.agentId||``):``}function C(e){let t=new Map(e.nodes.map(e=>[e.id,e])),n=new Map(e.nodes.map((e,t)=>[e.id,t])),r=new Map,i=new Map(e.nodes.map(e=>[e.id,0]));for(let n of e.edges)!t.has(n.from)||!t.has(n.to)||(r.set(n.from,[...r.get(n.from)??[],n.to]),i.set(n.to,(i.get(n.to)??0)+1));let a=new Map(e.nodes.map(e=>[e.id,0])),o=e.nodes.filter(e=>(i.get(e.id)??0)===0).map(e=>e.id),s=new Set;for(;o.length;){let e=o.shift();s.add(e);let t=a.get(e)??0;for(let n of r.get(e)??[])a.set(n,Math.max(a.get(n)??0,t+1)),i.set(n,(i.get(n)??0)-1),(i.get(n)??0)===0&&o.push(n)}let c=Math.max(0,...Array.from(a.values()))+1;for(let t of e.nodes)s.has(t.id)||a.set(t.id,c++);let l=new Map;for(let t of e.nodes){let e=a.get(t.id)??0;l.set(e,[...l.get(e)??[],t])}let u=[...l.entries()].sort(([e],[t])=>e-t),d=Math.max(1,...u.map(([,e])=>e.length)),f=g+v,p=[];u.forEach(([e,t],r)=>{let i=[...t].sort((e,t)=>(e.lane||``).localeCompare(t.lane||``)||(n.get(e.id)??0)-(n.get(t.id)??0)),a=(d-i.length)*f/2;i.forEach((t,n)=>{p.push({node:t,layer:e,x:y+r*(h+_),y:y+a+n*f})})});let m=u.length;return{nodes:p,width:Math.max(320,y*2+m*h+Math.max(0,m-1)*_),height:Math.max(g+y*2,y*2+d*g+Math.max(0,d-1)*v)}}function w(e,t){let n=e.x+h,r=e.y+g/2,i=t.x,a=t.y+g/2,o=n+Math.max(20,(i-n)/2);return`M ${n} ${r} C ${o} ${r}, ${o} ${a}, ${i} ${a}`}function T({threadId:e,teamId:n,channel:i}){let d=n?c(n,i):e?s(e,i):``,f=l(e=>n?e.plansByTeam[d]:d?e.plansByThread[d]:null),_=l(e=>e.fetchPlan),v=l(e=>e.planCollapsed),y=l(e=>e.setPlanCollapsed),T=p(),E=v??T;(0,u.useEffect)(()=>{if(n){_({teamId:n,channel:i});return}e&&_({threadId:e,channel:i})},[i,_,n,e]);let D=(0,u.useMemo)(()=>f?C(f):null,[f]),O=(0,u.useMemo)(()=>new Map(D?.nodes.map(e=>[e.node.id,e])??[]),[D]),k=(0,u.useMemo)(()=>{if(!f)return[];let e=new Map;for(let t of f.nodes)e.set(t.status,(e.get(t.status)??0)+1);return b.filter(t=>e.has(t)).map(t=>({status:t,count:e.get(t)??0}))},[f]);if(!f||!D)return null;let A=f.nodes.length,j=k.find(e=>e.status===`landed`)?.count??0,M=`${A} node${A===1?``:`s`}${j>0?` · ${j} landed`:``}`;return(0,m.jsxs)(`section`,{className:`shrink-0 border-b border-border bg-card/45 px-3 py-2`,children:[(0,m.jsxs)(`button`,{type:`button`,onClick:()=>y(!E),"aria-expanded":!E,"aria-label":E?`Expand plan graph`:`Collapse plan graph`,className:t(`flex w-full min-w-0 items-center gap-2 text-left`,!E&&`mb-2`),children:[(0,m.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded bg-muted/60`,children:(0,m.jsx)(r,{className:`h-3 w-3 text-muted-foreground`})}),(0,m.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,m.jsx)(`div`,{className:`truncate text-[13px] font-semibold leading-tight text-foreground`,children:f.title||`Plan`}),(0,m.jsx)(`div`,{className:`truncate text-[11px] leading-tight text-muted-foreground`,children:E?M:f.objective||M})]}),k.length>0&&(0,m.jsx)(`div`,{className:`hidden shrink-0 items-center gap-2.5 sm:flex`,children:k.map(({status:e,count:n})=>(0,m.jsxs)(`span`,{className:`flex items-center gap-1 text-[10px] text-muted-foreground`,children:[(0,m.jsx)(`span`,{className:t(`h-1.5 w-1.5 rounded-full`,x[e].dot)}),(0,m.jsx)(`span`,{className:t(`font-medium tabular-nums`,x[e].text),children:n}),(0,m.jsx)(`span`,{children:x[e].label})]},e))}),(0,m.jsxs)(`span`,{className:`shrink-0 rounded bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-muted-foreground`,children:[`v`,f.version]}),(0,m.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted/60 hover:text-foreground`,children:E?(0,m.jsx)(a,{className:`h-3.5 w-3.5`}):(0,m.jsx)(o,{className:`h-3.5 w-3.5`})})]}),E?null:f.nodes.length===0?(0,m.jsx)(`div`,{className:`rounded-md border border-dashed border-border px-3 py-3 text-center text-xs text-muted-foreground`,children:`No nodes yet — the plan graph fills in as the team is composed.`}):(0,m.jsx)(`div`,{className:`max-h-[min(46vh,360px)] overflow-auto`,children:(0,m.jsxs)(`div`,{className:`relative`,style:{width:D.width,height:D.height},children:[(0,m.jsxs)(`svg`,{className:`pointer-events-none absolute inset-0`,width:D.width,height:D.height,"aria-hidden":`true`,children:[(0,m.jsx)(`defs`,{children:b.map(e=>(0,m.jsx)(`marker`,{id:`plan-arrow-${e}`,viewBox:`0 0 8 8`,refX:`6.5`,refY:`4`,markerWidth:`6`,markerHeight:`6`,orient:`auto-start-reverse`,children:(0,m.jsx)(`path`,{d:`M0 0 L8 4 L0 8 z`,fill:x[e].wire})},e))}),f.edges.map(e=>{let t=O.get(e.from),n=O.get(e.to);if(!t||!n)return null;let r=x[t.node.status];return(0,m.jsx)(`path`,{d:w(t,n),stroke:r.wire,strokeOpacity:.7,strokeWidth:2,fill:`none`,strokeLinecap:`round`,markerEnd:`url(#plan-arrow-${t.node.status})`},`${e.from}->${e.to}`)})]}),D.nodes.map(({node:e,x:n,y:r})=>{let i=x[e.status],a=S(e.ownerRef);return(0,m.jsxs)(`article`,{className:t(`group absolute flex flex-col justify-between rounded-md border border-l-[3px] bg-background/95 p-2`,`shadow-sm transition-all hover:-translate-y-px hover:border-border hover:shadow-md hover:bg-background`,i.accent),style:{left:n,top:r,width:h,height:g},title:e.scopeBlurb||e.label,children:[(0,m.jsx)(`div`,{className:`truncate text-xs font-semibold leading-tight text-foreground`,children:e.label}),(e.scopeBlurb||e.id)&&(0,m.jsx)(`div`,{className:`truncate text-[10px] leading-tight text-muted-foreground`,children:e.scopeBlurb||e.id}),(0,m.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-1.5`,children:[(0,m.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5`,children:[(0,m.jsx)(`span`,{className:t(`h-1.5 w-1.5 shrink-0 rounded-full`,i.dot)}),(0,m.jsx)(`span`,{className:t(`text-[10px] font-medium`,i.text),children:i.label})]}),(0,m.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[a&&(0,m.jsx)(`span`,{className:`truncate text-[10px] text-muted-foreground`,children:a}),e.lane&&(0,m.jsx)(`span`,{className:`shrink-0 rounded-sm bg-muted/70 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-muted-foreground`,children:e.lane})]})]})]},e.id)})]})})]})}export{T as t};
-//# sourceMappingURL=PlanGraphPanel-t6z17_F-.js.map
+import{r as e}from"./chunk-CilyBKbf.js";import{Gn as t,Nn as n,St as r,jn as i,on as a,rn as o}from"./lucide-react-C3j5Huiw.js";import{n as s,r as c,t as l}from"./store-DKtaJZyC.js";var u=e(t(),1),d=`(max-width: 767px)`;function f(e){if(typeof window>`u`)return()=>{};let t=window.matchMedia(d);return t.addEventListener(`change`,e),()=>t.removeEventListener(`change`,e)}function p(){return(0,u.useSyncExternalStore)(f,()=>typeof window<`u`?window.matchMedia(d).matches:!1,()=>!1)}var m=n(),h=196,g=68,_=52,v=16,y=14,b=[`landed`,`in-progress`,`pending`,`blocked`],x={landed:{label:`landed`,dot:`bg-emerald-400`,accent:`border-l-emerald-400`,text:`text-emerald-300`,wire:`#34d399`},"in-progress":{label:`in progress`,dot:`bg-sky-400`,accent:`border-l-sky-400`,text:`text-sky-300`,wire:`#38bdf8`},pending:{label:`pending`,dot:`bg-amber-400`,accent:`border-l-amber-400`,text:`text-amber-300`,wire:`#fbbf24`},blocked:{label:`blocked`,dot:`bg-red-400`,accent:`border-l-red-400`,text:`text-red-300`,wire:`#f87171`}};function S(e){return e?e.label||(e.policyName?`policy:${e.policyName}`:e.agentId||``):``}function C(e){let t=new Map(e.nodes.map(e=>[e.id,e])),n=new Map(e.nodes.map((e,t)=>[e.id,t])),r=new Map,i=new Map(e.nodes.map(e=>[e.id,0]));for(let n of e.edges)!t.has(n.from)||!t.has(n.to)||(r.set(n.from,[...r.get(n.from)??[],n.to]),i.set(n.to,(i.get(n.to)??0)+1));let a=new Map(e.nodes.map(e=>[e.id,0])),o=e.nodes.filter(e=>(i.get(e.id)??0)===0).map(e=>e.id),s=new Set;for(;o.length;){let e=o.shift();s.add(e);let t=a.get(e)??0;for(let n of r.get(e)??[])a.set(n,Math.max(a.get(n)??0,t+1)),i.set(n,(i.get(n)??0)-1),(i.get(n)??0)===0&&o.push(n)}let c=Math.max(0,...Array.from(a.values()))+1;for(let t of e.nodes)s.has(t.id)||a.set(t.id,c++);let l=new Map;for(let t of e.nodes){let e=a.get(t.id)??0;l.set(e,[...l.get(e)??[],t])}let u=[...l.entries()].sort(([e],[t])=>e-t),d=Math.max(1,...u.map(([,e])=>e.length)),f=g+v,p=[];u.forEach(([e,t],r)=>{let i=[...t].sort((e,t)=>(e.lane||``).localeCompare(t.lane||``)||(n.get(e.id)??0)-(n.get(t.id)??0)),a=(d-i.length)*f/2;i.forEach((t,n)=>{p.push({node:t,layer:e,x:y+r*(h+_),y:y+a+n*f})})});let m=u.length;return{nodes:p,width:Math.max(320,y*2+m*h+Math.max(0,m-1)*_),height:Math.max(g+y*2,y*2+d*g+Math.max(0,d-1)*v)}}function w(e,t){let n=e.x+h,r=e.y+g/2,i=t.x,a=t.y+g/2,o=n+Math.max(20,(i-n)/2);return`M ${n} ${r} C ${o} ${r}, ${o} ${a}, ${i} ${a}`}function T({threadId:e,teamId:t,channel:n}){let d=t?c(t,n):e?s(e,n):``,f=l(e=>t?e.plansByTeam[d]:d?e.plansByThread[d]:null),_=l(e=>e.fetchPlan),v=l(e=>e.planCollapsed),y=l(e=>e.setPlanCollapsed),T=p(),E=v??T;(0,u.useEffect)(()=>{if(t){_({teamId:t,channel:n});return}e&&_({threadId:e,channel:n})},[n,_,t,e]);let D=(0,u.useMemo)(()=>f?C(f):null,[f]),O=(0,u.useMemo)(()=>new Map(D?.nodes.map(e=>[e.node.id,e])??[]),[D]),k=(0,u.useMemo)(()=>{if(!f)return[];let e=new Map;for(let t of f.nodes)e.set(t.status,(e.get(t.status)??0)+1);return b.filter(t=>e.has(t)).map(t=>({status:t,count:e.get(t)??0}))},[f]);if(!f||!D)return null;let A=f.nodes.length,j=k.find(e=>e.status===`landed`)?.count??0,M=`${A} node${A===1?``:`s`}${j>0?` · ${j} landed`:``}`;return(0,m.jsxs)(`section`,{className:`shrink-0 border-b border-border bg-card/45 px-3 py-2`,children:[(0,m.jsxs)(`button`,{type:`button`,onClick:()=>y(!E),"aria-expanded":!E,"aria-label":E?`Expand plan graph`:`Collapse plan graph`,className:i(`flex w-full min-w-0 items-center gap-2 text-left`,!E&&`mb-2`),children:[(0,m.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded bg-muted/60`,children:(0,m.jsx)(r,{className:`h-3 w-3 text-muted-foreground`})}),(0,m.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,m.jsx)(`div`,{className:`truncate text-[13px] font-semibold leading-tight text-foreground`,children:f.title||`Plan`}),(0,m.jsx)(`div`,{className:`truncate text-[11px] leading-tight text-muted-foreground`,children:E?M:f.objective||M})]}),k.length>0&&(0,m.jsx)(`div`,{className:`hidden shrink-0 items-center gap-2.5 sm:flex`,children:k.map(({status:e,count:t})=>(0,m.jsxs)(`span`,{className:`flex items-center gap-1 text-[10px] text-muted-foreground`,children:[(0,m.jsx)(`span`,{className:i(`h-1.5 w-1.5 rounded-full`,x[e].dot)}),(0,m.jsx)(`span`,{className:i(`font-medium tabular-nums`,x[e].text),children:t}),(0,m.jsx)(`span`,{children:x[e].label})]},e))}),(0,m.jsxs)(`span`,{className:`shrink-0 rounded bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-muted-foreground`,children:[`v`,f.version]}),(0,m.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted/60 hover:text-foreground`,children:E?(0,m.jsx)(a,{className:`h-3.5 w-3.5`}):(0,m.jsx)(o,{className:`h-3.5 w-3.5`})})]}),E?null:f.nodes.length===0?(0,m.jsx)(`div`,{className:`rounded-md border border-dashed border-border px-3 py-3 text-center text-xs text-muted-foreground`,children:`No nodes yet — the plan graph fills in as the team is composed.`}):(0,m.jsx)(`div`,{className:`max-h-[min(46vh,360px)] overflow-auto`,children:(0,m.jsxs)(`div`,{className:`relative`,style:{width:D.width,height:D.height},children:[(0,m.jsxs)(`svg`,{className:`pointer-events-none absolute inset-0`,width:D.width,height:D.height,"aria-hidden":`true`,children:[(0,m.jsx)(`defs`,{children:b.map(e=>(0,m.jsx)(`marker`,{id:`plan-arrow-${e}`,viewBox:`0 0 8 8`,refX:`6.5`,refY:`4`,markerWidth:`6`,markerHeight:`6`,orient:`auto-start-reverse`,children:(0,m.jsx)(`path`,{d:`M0 0 L8 4 L0 8 z`,fill:x[e].wire})},e))}),f.edges.map(e=>{let t=O.get(e.from),n=O.get(e.to);if(!t||!n)return null;let r=x[t.node.status];return(0,m.jsx)(`path`,{d:w(t,n),stroke:r.wire,strokeOpacity:.7,strokeWidth:2,fill:`none`,strokeLinecap:`round`,markerEnd:`url(#plan-arrow-${t.node.status})`},`${e.from}->${e.to}`)})]}),D.nodes.map(({node:e,x:t,y:n})=>{let r=x[e.status],a=S(e.ownerRef);return(0,m.jsxs)(`article`,{className:i(`group absolute flex flex-col justify-between rounded-md border border-l-[3px] bg-background/95 p-2`,`shadow-sm transition-all hover:-translate-y-px hover:border-border hover:shadow-md hover:bg-background`,r.accent),style:{left:t,top:n,width:h,height:g},title:e.scopeBlurb||e.label,children:[(0,m.jsx)(`div`,{className:`truncate text-xs font-semibold leading-tight text-foreground`,children:e.label}),(e.scopeBlurb||e.id)&&(0,m.jsx)(`div`,{className:`truncate text-[10px] leading-tight text-muted-foreground`,children:e.scopeBlurb||e.id}),(0,m.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-1.5`,children:[(0,m.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5`,children:[(0,m.jsx)(`span`,{className:i(`h-1.5 w-1.5 shrink-0 rounded-full`,r.dot)}),(0,m.jsx)(`span`,{className:i(`text-[10px] font-medium`,r.text),children:r.label})]}),(0,m.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[a&&(0,m.jsx)(`span`,{className:`truncate text-[10px] text-muted-foreground`,children:a}),e.lane&&(0,m.jsx)(`span`,{className:`shrink-0 rounded-sm bg-muted/70 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-muted-foreground`,children:e.lane})]})]})]},e.id)})]})})]})}export{T as t};
+//# sourceMappingURL=PlanGraphPanel-DpTMkCBs.js.map

package/public/assets/{PlanGraphPanel-t6z17_F-.js.map → PlanGraphPanel-DpTMkCBs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PlanGraphPanel-t6z17_F-.js","names":[],"sources":["../../dashboard/src/components/chat/hooks/useIsMobile.ts","../../dashboard/src/components/chat/PlanGraphPanel.tsx"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\n// Reactive narrow-viewport flag. Subscribes to the same `max-width: 767px`\n// breakpoint the chat single-pane layout uses, via useSyncExternalStore — an\n// external-store subscription, not effect-driven derived state — so it stays\n// correct across resize/rotate without a useEffect.\nconst QUERY = '(max-width: 767px)'\n\nfunction subscribe(cb: () => void): () => void {\n  if (typeof window === 'undefined') return () => {}\n  const mql = window.matchMedia(QUERY)\n  mql.addEventListener('change', cb)\n  return () => mql.removeEventListener('change', cb)\n}\n\nexport function useIsMobile(): boolean {\n  return useSyncExternalStore(\n    subscribe,\n    () => (typeof window !== 'undefined' ? window.matchMedia(QUERY).matches : false),\n    () => false,\n  )\n}\n","import { useEffect, useMemo } from 'react'\nimport { ChevronDown, ChevronUp, GitBranch } from 'lucide-react'\nimport { useRelayStore } from '@/store'\nimport type { Plan, PlanNode, PlanOwnerRef, PlanStatus } from '@/types'\nimport { cn } from '@/lib/utils'\nimport { planLookupKey, planTeamLookupKey } from '@/store/slices/plans'\nimport { useIsMobile } from './hooks/useIsMobile'\n\n// Left-to-right DAG: dependency depth flows along x (sequential gates), nodes\n// that share a depth stack along y (parallel lanes). This keeps the panel SHORT\n// — it's an operator overlay above the chat, not a full view — and lets the\n// gate-vs-lane structure read at a glance. Height is capped + scrollable below.\nconst NODE_W = 196\nconst NODE_H = 68\nconst COL_GAP = 52\nconst ROW_GAP = 16\nconst PAD = 14\n\nconst STATUS_ORDER: PlanStatus[] = ['landed', 'in-progress', 'pending', 'blocked']\n\nconst STATUS_STYLE: Record<\n  PlanStatus,\n  { label: string; dot: string; accent: string; text: string; wire: string }\n> = {\n  landed: { label: 'landed', dot: 'bg-emerald-400', accent: 'border-l-emerald-400', text: 'text-emerald-300', wire: '#34d399' },\n  'in-progress': { label: 'in progress', dot: 'bg-sky-400', accent: 'border-l-sky-400', text: 'text-sky-300', wire: '#38bdf8' },\n  pending: { label: 'pending', dot: 'bg-amber-400', accent: 'border-l-amber-400', text: 'text-amber-300', wire: '#fbbf24' },\n  blocked: { label: 'blocked', dot: 'bg-red-400', accent: 'border-l-red-400', text: 'text-red-300', wire: '#f87171' },\n}\n\ninterface LayoutNode {\n  node: PlanNode\n  x: number\n  y: number\n  layer: number\n}\n\nfunction ownerLabel(owner?: PlanOwnerRef): string {\n  if (!owner) return ''\n  return owner.label || (owner.policyName ? `policy:${owner.policyName}` : owner.agentId || '')\n}\n\nfunction layerPlan(plan: Plan): { nodes: LayoutNode[]; width: number; height: number } {\n  const nodeById = new Map(plan.nodes.map((node) => [node.id, node]))\n  const indexById = new Map(plan.nodes.map((node, index) => [node.id, index]))\n  const outgoing = new Map<string, string[]>()\n  const indegree = new Map(plan.nodes.map((node) => [node.id, 0]))\n  for (const edge of plan.edges) {\n    if (!nodeById.has(edge.from) || !nodeById.has(edge.to)) continue\n    outgoing.set(edge.from, [...(outgoing.get(edge.from) ?? []), edge.to])\n    indegree.set(edge.to, (indegree.get(edge.to) ?? 0) + 1)\n  }\n\n  const layerById = new Map(plan.nodes.map((node) => [node.id, 0]))\n  const queue = plan.nodes\n    .filter((node) => (indegree.get(node.id) ?? 0) === 0)\n    .map((node) => node.id)\n  const visited = new Set<string>()\n\n  while (queue.length) {\n    const id = queue.shift()!\n    visited.add(id)\n    const fromLayer = layerById.get(id) ?? 0\n    for (const to of outgoing.get(id) ?? []) {\n      layerById.set(to, Math.max(layerById.get(to) ?? 0, fromLayer + 1))\n      indegree.set(to, (indegree.get(to) ?? 0) - 1)\n      if ((indegree.get(to) ?? 0) === 0) queue.push(to)\n    }\n  }\n\n  let fallbackLayer = Math.max(0, ...Array.from(layerById.values())) + 1\n  for (const node of plan.nodes) {\n    if (visited.has(node.id)) continue\n    layerById.set(node.id, fallbackLayer++)\n  }\n\n  const layers = new Map<number, PlanNode[]>()\n  for (const node of plan.nodes) {\n    const layer = layerById.get(node.id) ?? 0\n    layers.set(layer, [...(layers.get(layer) ?? []), node])\n  }\n\n  const orderedLayers = [...layers.entries()].sort(([a], [b]) => a - b)\n  const maxRows = Math.max(1, ...orderedLayers.map(([, nodes]) => nodes.length))\n  const rowPitch = NODE_H + ROW_GAP\n\n  const layoutNodes: LayoutNode[] = []\n  orderedLayers.forEach(([layer, nodes], col) => {\n    const ordered = [...nodes].sort((a, b) => {\n      const lane = (a.lane || '').localeCompare(b.lane || '')\n      return lane || ((indexById.get(a.id) ?? 0) - (indexById.get(b.id) ?? 0))\n    })\n    // Center each column vertically against the tallest column so the spine\n    // runs through the middle and the parallel fan reads as a fan.\n    const offset = ((maxRows - ordered.length) * rowPitch) / 2\n    ordered.forEach((node, row) => {\n      layoutNodes.push({\n        node,\n        layer,\n        x: PAD + col * (NODE_W + COL_GAP),\n        y: PAD + offset + row * rowPitch,\n      })\n    })\n  })\n\n  const cols = orderedLayers.length\n  return {\n    nodes: layoutNodes,\n    width: Math.max(320, PAD * 2 + cols * NODE_W + Math.max(0, cols - 1) * COL_GAP),\n    height: Math.max(NODE_H + PAD * 2, PAD * 2 + maxRows * NODE_H + Math.max(0, maxRows - 1) * ROW_GAP),\n  }\n}\n\nfunction edgePath(from: LayoutNode, to: LayoutNode): string {\n  const x1 = from.x + NODE_W\n  const y1 = from.y + NODE_H / 2\n  const x2 = to.x\n  const y2 = to.y + NODE_H / 2\n  const midX = x1 + Math.max(20, (x2 - x1) / 2)\n  return `M ${x1} ${y1} C ${midX} ${y1}, ${midX} ${y2}, ${x2} ${y2}`\n}\n\nexport function PlanGraphPanel({ threadId, teamId, channel }: { threadId?: string | number | null; teamId?: string | null; channel?: string }) {\n  const key = teamId ? planTeamLookupKey(teamId, channel) : threadId ? planLookupKey(threadId, channel) : ''\n  const plan = useRelayStore((s) => teamId ? s.plansByTeam[key] : key ? s.plansByThread[key] : null)\n  const fetchPlan = useRelayStore((s) => s.fetchPlan)\n  const planCollapsed = useRelayStore((s) => s.planCollapsed)\n  const setPlanCollapsed = useRelayStore((s) => s.setPlanCollapsed)\n  const isMobile = useIsMobile()\n  // null = no manual toggle yet → follow the viewport default. The graph\n  // dominates a phone screen, so it starts collapsed there and expanded on\n  // desktop; an explicit user toggle (persisted) overrides the default.\n  const collapsed = planCollapsed ?? isMobile\n\n  useEffect(() => {\n    if (teamId) {\n      void fetchPlan({ teamId, channel })\n      return\n    }\n    if (threadId) void fetchPlan({ threadId, channel })\n  }, [channel, fetchPlan, teamId, threadId])\n\n  const layout = useMemo(() => plan ? layerPlan(plan) : null, [plan])\n  const nodeById = useMemo(() => new Map(layout?.nodes.map((node) => [node.node.id, node]) ?? []), [layout])\n\n  const legend = useMemo(() => {\n    if (!plan) return []\n    const counts = new Map<PlanStatus, number>()\n    for (const node of plan.nodes) counts.set(node.status, (counts.get(node.status) ?? 0) + 1)\n    return STATUS_ORDER.filter((status) => counts.has(status)).map((status) => ({\n      status,\n      count: counts.get(status) ?? 0,\n    }))\n  }, [plan])\n\n  if (!plan || !layout) return null\n\n  const nodeCount = plan.nodes.length\n  const landedCount = legend.find((entry) => entry.status === 'landed')?.count ?? 0\n  // Thin summary for the collapsed bar (the legend dots are hidden on mobile),\n  // e.g. \"5 nodes · 4 landed\".\n  const summary = `${nodeCount} node${nodeCount === 1 ? '' : 's'}${landedCount > 0 ? ` · ${landedCount} landed` : ''}`\n\n  return (\n    <section className=\"shrink-0 border-b border-border bg-card/45 px-3 py-2\">\n      <button\n        type=\"button\"\n        onClick={() => setPlanCollapsed(!collapsed)}\n        aria-expanded={!collapsed}\n        aria-label={collapsed ? 'Expand plan graph' : 'Collapse plan graph'}\n        className={cn(\n          'flex w-full min-w-0 items-center gap-2 text-left',\n          !collapsed && 'mb-2',\n        )}\n      >\n        <span className=\"flex h-5 w-5 shrink-0 items-center justify-center rounded bg-muted/60\">\n          <GitBranch className=\"h-3 w-3 text-muted-foreground\" />\n        </span>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate text-[13px] font-semibold leading-tight text-foreground\">{plan.title || 'Plan'}</div>\n          <div className=\"truncate text-[11px] leading-tight text-muted-foreground\">\n            {collapsed ? summary : (plan.objective || summary)}\n          </div>\n        </div>\n        {legend.length > 0 && (\n          <div className=\"hidden shrink-0 items-center gap-2.5 sm:flex\">\n            {legend.map(({ status, count }) => (\n              <span key={status} className=\"flex items-center gap-1 text-[10px] text-muted-foreground\">\n                <span className={cn('h-1.5 w-1.5 rounded-full', STATUS_STYLE[status].dot)} />\n                <span className={cn('font-medium tabular-nums', STATUS_STYLE[status].text)}>{count}</span>\n                <span>{STATUS_STYLE[status].label}</span>\n              </span>\n            ))}\n          </div>\n        )}\n        <span className=\"shrink-0 rounded bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-muted-foreground\">\n          v{plan.version}\n        </span>\n        <span className=\"flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted/60 hover:text-foreground\">\n          {collapsed ? <ChevronDown className=\"h-3.5 w-3.5\" /> : <ChevronUp className=\"h-3.5 w-3.5\" />}\n        </span>\n      </button>\n      {collapsed ? null : plan.nodes.length === 0 ? (\n        <div className=\"rounded-md border border-dashed border-border px-3 py-3 text-center text-xs text-muted-foreground\">\n          No nodes yet — the plan graph fills in as the team is composed.\n        </div>\n      ) : (\n        <div className=\"max-h-[min(46vh,360px)] overflow-auto\">\n          <div className=\"relative\" style={{ width: layout.width, height: layout.height }}>\n            <svg className=\"pointer-events-none absolute inset-0\" width={layout.width} height={layout.height} aria-hidden=\"true\">\n              <defs>\n                {STATUS_ORDER.map((status) => (\n                  <marker\n                    key={status}\n                    id={`plan-arrow-${status}`}\n                    viewBox=\"0 0 8 8\"\n                    refX=\"6.5\"\n                    refY=\"4\"\n                    markerWidth=\"6\"\n                    markerHeight=\"6\"\n                    orient=\"auto-start-reverse\"\n                  >\n                    <path d=\"M0 0 L8 4 L0 8 z\" fill={STATUS_STYLE[status].wire} />\n                  </marker>\n                ))}\n              </defs>\n              {plan.edges.map((edge) => {\n                const from = nodeById.get(edge.from)\n                const to = nodeById.get(edge.to)\n                if (!from || !to) return null\n                const wire = STATUS_STYLE[from.node.status]\n                return (\n                  <path\n                    key={`${edge.from}->${edge.to}`}\n                    d={edgePath(from, to)}\n                    stroke={wire.wire}\n                    strokeOpacity={0.7}\n                    strokeWidth={2}\n                    fill=\"none\"\n                    strokeLinecap=\"round\"\n                    markerEnd={`url(#plan-arrow-${from.node.status})`}\n                  />\n                )\n              })}\n            </svg>\n            {layout.nodes.map(({ node, x, y }) => {\n              const status = STATUS_STYLE[node.status]\n              const owner = ownerLabel(node.ownerRef)\n              return (\n                <article\n                  key={node.id}\n                  className={cn(\n                    'group absolute flex flex-col justify-between rounded-md border border-l-[3px] bg-background/95 p-2',\n                    'shadow-sm transition-all hover:-translate-y-px hover:border-border hover:shadow-md hover:bg-background',\n                    status.accent,\n                  )}\n                  style={{ left: x, top: y, width: NODE_W, height: NODE_H }}\n                  title={node.scopeBlurb || node.label}\n                >\n                  <div className=\"truncate text-xs font-semibold leading-tight text-foreground\">{node.label}</div>\n                  {(node.scopeBlurb || node.id) && (\n                    <div className=\"truncate text-[10px] leading-tight text-muted-foreground\">{node.scopeBlurb || node.id}</div>\n                  )}\n                  <div className=\"flex min-w-0 items-center justify-between gap-1.5\">\n                    <div className=\"flex shrink-0 items-center gap-1.5\">\n                      <span className={cn('h-1.5 w-1.5 shrink-0 rounded-full', status.dot)} />\n                      <span className={cn('text-[10px] font-medium', status.text)}>{status.label}</span>\n                    </div>\n                    <div className=\"flex min-w-0 items-center gap-1.5\">\n                      {owner && <span className=\"truncate text-[10px] text-muted-foreground\">{owner}</span>}\n                      {node.lane && (\n                        <span className=\"shrink-0 rounded-sm bg-muted/70 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-muted-foreground\">\n                          {node.lane}\n                        </span>\n                      )}\n                    </div>\n                  </div>\n                </article>\n              )\n            })}\n          </div>\n        </div>\n      )}\n    </section>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"PlanGraphPanel-DpTMkCBs.js","names":[],"sources":["../../dashboard/src/components/chat/hooks/useIsMobile.ts","../../dashboard/src/components/chat/PlanGraphPanel.tsx"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\n// Reactive narrow-viewport flag. Subscribes to the same `max-width: 767px`\n// breakpoint the chat single-pane layout uses, via useSyncExternalStore — an\n// external-store subscription, not effect-driven derived state — so it stays\n// correct across resize/rotate without a useEffect.\nconst QUERY = '(max-width: 767px)'\n\nfunction subscribe(cb: () => void): () => void {\n  if (typeof window === 'undefined') return () => {}\n  const mql = window.matchMedia(QUERY)\n  mql.addEventListener('change', cb)\n  return () => mql.removeEventListener('change', cb)\n}\n\nexport function useIsMobile(): boolean {\n  return useSyncExternalStore(\n    subscribe,\n    () => (typeof window !== 'undefined' ? window.matchMedia(QUERY).matches : false),\n    () => false,\n  )\n}\n","import { useEffect, useMemo } from 'react'\nimport { ChevronDown, ChevronUp, GitBranch } from 'lucide-react'\nimport { useRelayStore } from '@/store'\nimport type { Plan, PlanNode, PlanOwnerRef, PlanStatus } from '@/types'\nimport { cn } from '@/lib/utils'\nimport { planLookupKey, planTeamLookupKey } from '@/store/slices/plans'\nimport { useIsMobile } from './hooks/useIsMobile'\n\n// Left-to-right DAG: dependency depth flows along x (sequential gates), nodes\n// that share a depth stack along y (parallel lanes). This keeps the panel SHORT\n// — it's an operator overlay above the chat, not a full view — and lets the\n// gate-vs-lane structure read at a glance. Height is capped + scrollable below.\nconst NODE_W = 196\nconst NODE_H = 68\nconst COL_GAP = 52\nconst ROW_GAP = 16\nconst PAD = 14\n\nconst STATUS_ORDER: PlanStatus[] = ['landed', 'in-progress', 'pending', 'blocked']\n\nconst STATUS_STYLE: Record<\n  PlanStatus,\n  { label: string; dot: string; accent: string; text: string; wire: string }\n> = {\n  landed: { label: 'landed', dot: 'bg-emerald-400', accent: 'border-l-emerald-400', text: 'text-emerald-300', wire: '#34d399' },\n  'in-progress': { label: 'in progress', dot: 'bg-sky-400', accent: 'border-l-sky-400', text: 'text-sky-300', wire: '#38bdf8' },\n  pending: { label: 'pending', dot: 'bg-amber-400', accent: 'border-l-amber-400', text: 'text-amber-300', wire: '#fbbf24' },\n  blocked: { label: 'blocked', dot: 'bg-red-400', accent: 'border-l-red-400', text: 'text-red-300', wire: '#f87171' },\n}\n\ninterface LayoutNode {\n  node: PlanNode\n  x: number\n  y: number\n  layer: number\n}\n\nfunction ownerLabel(owner?: PlanOwnerRef): string {\n  if (!owner) return ''\n  return owner.label || (owner.policyName ? `policy:${owner.policyName}` : owner.agentId || '')\n}\n\nfunction layerPlan(plan: Plan): { nodes: LayoutNode[]; width: number; height: number } {\n  const nodeById = new Map(plan.nodes.map((node) => [node.id, node]))\n  const indexById = new Map(plan.nodes.map((node, index) => [node.id, index]))\n  const outgoing = new Map<string, string[]>()\n  const indegree = new Map(plan.nodes.map((node) => [node.id, 0]))\n  for (const edge of plan.edges) {\n    if (!nodeById.has(edge.from) || !nodeById.has(edge.to)) continue\n    outgoing.set(edge.from, [...(outgoing.get(edge.from) ?? []), edge.to])\n    indegree.set(edge.to, (indegree.get(edge.to) ?? 0) + 1)\n  }\n\n  const layerById = new Map(plan.nodes.map((node) => [node.id, 0]))\n  const queue = plan.nodes\n    .filter((node) => (indegree.get(node.id) ?? 0) === 0)\n    .map((node) => node.id)\n  const visited = new Set<string>()\n\n  while (queue.length) {\n    const id = queue.shift()!\n    visited.add(id)\n    const fromLayer = layerById.get(id) ?? 0\n    for (const to of outgoing.get(id) ?? []) {\n      layerById.set(to, Math.max(layerById.get(to) ?? 0, fromLayer + 1))\n      indegree.set(to, (indegree.get(to) ?? 0) - 1)\n      if ((indegree.get(to) ?? 0) === 0) queue.push(to)\n    }\n  }\n\n  let fallbackLayer = Math.max(0, ...Array.from(layerById.values())) + 1\n  for (const node of plan.nodes) {\n    if (visited.has(node.id)) continue\n    layerById.set(node.id, fallbackLayer++)\n  }\n\n  const layers = new Map<number, PlanNode[]>()\n  for (const node of plan.nodes) {\n    const layer = layerById.get(node.id) ?? 0\n    layers.set(layer, [...(layers.get(layer) ?? []), node])\n  }\n\n  const orderedLayers = [...layers.entries()].sort(([a], [b]) => a - b)\n  const maxRows = Math.max(1, ...orderedLayers.map(([, nodes]) => nodes.length))\n  const rowPitch = NODE_H + ROW_GAP\n\n  const layoutNodes: LayoutNode[] = []\n  orderedLayers.forEach(([layer, nodes], col) => {\n    const ordered = [...nodes].sort((a, b) => {\n      const lane = (a.lane || '').localeCompare(b.lane || '')\n      return lane || ((indexById.get(a.id) ?? 0) - (indexById.get(b.id) ?? 0))\n    })\n    // Center each column vertically against the tallest column so the spine\n    // runs through the middle and the parallel fan reads as a fan.\n    const offset = ((maxRows - ordered.length) * rowPitch) / 2\n    ordered.forEach((node, row) => {\n      layoutNodes.push({\n        node,\n        layer,\n        x: PAD + col * (NODE_W + COL_GAP),\n        y: PAD + offset + row * rowPitch,\n      })\n    })\n  })\n\n  const cols = orderedLayers.length\n  return {\n    nodes: layoutNodes,\n    width: Math.max(320, PAD * 2 + cols * NODE_W + Math.max(0, cols - 1) * COL_GAP),\n    height: Math.max(NODE_H + PAD * 2, PAD * 2 + maxRows * NODE_H + Math.max(0, maxRows - 1) * ROW_GAP),\n  }\n}\n\nfunction edgePath(from: LayoutNode, to: LayoutNode): string {\n  const x1 = from.x + NODE_W\n  const y1 = from.y + NODE_H / 2\n  const x2 = to.x\n  const y2 = to.y + NODE_H / 2\n  const midX = x1 + Math.max(20, (x2 - x1) / 2)\n  return `M ${x1} ${y1} C ${midX} ${y1}, ${midX} ${y2}, ${x2} ${y2}`\n}\n\nexport function PlanGraphPanel({ threadId, teamId, channel }: { threadId?: string | number | null; teamId?: string | null; channel?: string }) {\n  const key = teamId ? planTeamLookupKey(teamId, channel) : threadId ? planLookupKey(threadId, channel) : ''\n  const plan = useRelayStore((s) => teamId ? s.plansByTeam[key] : key ? s.plansByThread[key] : null)\n  const fetchPlan = useRelayStore((s) => s.fetchPlan)\n  const planCollapsed = useRelayStore((s) => s.planCollapsed)\n  const setPlanCollapsed = useRelayStore((s) => s.setPlanCollapsed)\n  const isMobile = useIsMobile()\n  // null = no manual toggle yet → follow the viewport default. The graph\n  // dominates a phone screen, so it starts collapsed there and expanded on\n  // desktop; an explicit user toggle (persisted) overrides the default.\n  const collapsed = planCollapsed ?? isMobile\n\n  useEffect(() => {\n    if (teamId) {\n      void fetchPlan({ teamId, channel })\n      return\n    }\n    if (threadId) void fetchPlan({ threadId, channel })\n  }, [channel, fetchPlan, teamId, threadId])\n\n  const layout = useMemo(() => plan ? layerPlan(plan) : null, [plan])\n  const nodeById = useMemo(() => new Map(layout?.nodes.map((node) => [node.node.id, node]) ?? []), [layout])\n\n  const legend = useMemo(() => {\n    if (!plan) return []\n    const counts = new Map<PlanStatus, number>()\n    for (const node of plan.nodes) counts.set(node.status, (counts.get(node.status) ?? 0) + 1)\n    return STATUS_ORDER.filter((status) => counts.has(status)).map((status) => ({\n      status,\n      count: counts.get(status) ?? 0,\n    }))\n  }, [plan])\n\n  if (!plan || !layout) return null\n\n  const nodeCount = plan.nodes.length\n  const landedCount = legend.find((entry) => entry.status === 'landed')?.count ?? 0\n  // Thin summary for the collapsed bar (the legend dots are hidden on mobile),\n  // e.g. \"5 nodes · 4 landed\".\n  const summary = `${nodeCount} node${nodeCount === 1 ? '' : 's'}${landedCount > 0 ? ` · ${landedCount} landed` : ''}`\n\n  return (\n    <section className=\"shrink-0 border-b border-border bg-card/45 px-3 py-2\">\n      <button\n        type=\"button\"\n        onClick={() => setPlanCollapsed(!collapsed)}\n        aria-expanded={!collapsed}\n        aria-label={collapsed ? 'Expand plan graph' : 'Collapse plan graph'}\n        className={cn(\n          'flex w-full min-w-0 items-center gap-2 text-left',\n          !collapsed && 'mb-2',\n        )}\n      >\n        <span className=\"flex h-5 w-5 shrink-0 items-center justify-center rounded bg-muted/60\">\n          <GitBranch className=\"h-3 w-3 text-muted-foreground\" />\n        </span>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate text-[13px] font-semibold leading-tight text-foreground\">{plan.title || 'Plan'}</div>\n          <div className=\"truncate text-[11px] leading-tight text-muted-foreground\">\n            {collapsed ? summary : (plan.objective || summary)}\n          </div>\n        </div>\n        {legend.length > 0 && (\n          <div className=\"hidden shrink-0 items-center gap-2.5 sm:flex\">\n            {legend.map(({ status, count }) => (\n              <span key={status} className=\"flex items-center gap-1 text-[10px] text-muted-foreground\">\n                <span className={cn('h-1.5 w-1.5 rounded-full', STATUS_STYLE[status].dot)} />\n                <span className={cn('font-medium tabular-nums', STATUS_STYLE[status].text)}>{count}</span>\n                <span>{STATUS_STYLE[status].label}</span>\n              </span>\n            ))}\n          </div>\n        )}\n        <span className=\"shrink-0 rounded bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-muted-foreground\">\n          v{plan.version}\n        </span>\n        <span className=\"flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted/60 hover:text-foreground\">\n          {collapsed ? <ChevronDown className=\"h-3.5 w-3.5\" /> : <ChevronUp className=\"h-3.5 w-3.5\" />}\n        </span>\n      </button>\n      {collapsed ? null : plan.nodes.length === 0 ? (\n        <div className=\"rounded-md border border-dashed border-border px-3 py-3 text-center text-xs text-muted-foreground\">\n          No nodes yet — the plan graph fills in as the team is composed.\n        </div>\n      ) : (\n        <div className=\"max-h-[min(46vh,360px)] overflow-auto\">\n          <div className=\"relative\" style={{ width: layout.width, height: layout.height }}>\n            <svg className=\"pointer-events-none absolute inset-0\" width={layout.width} height={layout.height} aria-hidden=\"true\">\n              <defs>\n                {STATUS_ORDER.map((status) => (\n                  <marker\n                    key={status}\n                    id={`plan-arrow-${status}`}\n                    viewBox=\"0 0 8 8\"\n                    refX=\"6.5\"\n                    refY=\"4\"\n                    markerWidth=\"6\"\n                    markerHeight=\"6\"\n                    orient=\"auto-start-reverse\"\n                  >\n                    <path d=\"M0 0 L8 4 L0 8 z\" fill={STATUS_STYLE[status].wire} />\n                  </marker>\n                ))}\n              </defs>\n              {plan.edges.map((edge) => {\n                const from = nodeById.get(edge.from)\n                const to = nodeById.get(edge.to)\n                if (!from || !to) return null\n                const wire = STATUS_STYLE[from.node.status]\n                return (\n                  <path\n                    key={`${edge.from}->${edge.to}`}\n                    d={edgePath(from, to)}\n                    stroke={wire.wire}\n                    strokeOpacity={0.7}\n                    strokeWidth={2}\n                    fill=\"none\"\n                    strokeLinecap=\"round\"\n                    markerEnd={`url(#plan-arrow-${from.node.status})`}\n                  />\n                )\n              })}\n            </svg>\n            {layout.nodes.map(({ node, x, y }) => {\n              const status = STATUS_STYLE[node.status]\n              const owner = ownerLabel(node.ownerRef)\n              return (\n                <article\n                  key={node.id}\n                  className={cn(\n                    'group absolute flex flex-col justify-between rounded-md border border-l-[3px] bg-background/95 p-2',\n                    'shadow-sm transition-all hover:-translate-y-px hover:border-border hover:shadow-md hover:bg-background',\n                    status.accent,\n                  )}\n                  style={{ left: x, top: y, width: NODE_W, height: NODE_H }}\n                  title={node.scopeBlurb || node.label}\n                >\n                  <div className=\"truncate text-xs font-semibold leading-tight text-foreground\">{node.label}</div>\n                  {(node.scopeBlurb || node.id) && (\n                    <div className=\"truncate text-[10px] leading-tight text-muted-foreground\">{node.scopeBlurb || node.id}</div>\n                  )}\n                  <div className=\"flex min-w-0 items-center justify-between gap-1.5\">\n                    <div className=\"flex shrink-0 items-center gap-1.5\">\n                      <span className={cn('h-1.5 w-1.5 shrink-0 rounded-full', status.dot)} />\n                      <span className={cn('text-[10px] font-medium', status.text)}>{status.label}</span>\n                    </div>\n                    <div className=\"flex min-w-0 items-center gap-1.5\">\n                      {owner && <span className=\"truncate text-[10px] text-muted-foreground\">{owner}</span>}\n                      {node.lane && (\n                        <span className=\"shrink-0 rounded-sm bg-muted/70 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-muted-foreground\">\n                          {node.lane}\n                        </span>\n                      )}\n                    </div>\n                  </div>\n                </article>\n              )\n            })}\n          </div>\n        </div>\n      )}\n    </section>\n  )\n}\n"],"mappings":"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"}

package/public/assets/activity-D_3n1maA.js

@@ -0,0 +1,2 @@
+import{r as e}from"./chunk-CilyBKbf.js";import{An as t,Gn as n,N as r,Nn as i,Nt as a,Ot as o,Qt as s,X as c,Y as l,Yt as u,gn as d,jn as f,ot as p,u as m}from"./lucide-react-C3j5Huiw.js";import{o as h,t as g}from"./store-DKtaJZyC.js";import{U as _,f as v,h as y,it as b}from"./display-D6H3VZ53.js";import{t as x}from"./badge-DBZY8x3C.js";import{t as S}from"./button-ClDtrv2m.js";import{s as C}from"./index-DG_cFJIA.js";import{n as w,t as T}from"./card-Du4YivOo.js";import{a as E,c as D,l as O,n as k,t as A,v as j}from"./MessageBubble-DmZIqnga.js";var M=e(n(),1),N=i(),P={question:s,reply:l,message:c,operator:m,pair:p,task:u,state:r},F={question:`bg-blue-500/10 text-blue-400 border-blue-500/20`,reply:`bg-emerald-500/10 text-emerald-400 border-emerald-500/20`,message:`bg-zinc-500/10 text-zinc-400 border-zinc-500/20`,operator:`bg-purple-500/10 text-purple-400 border-purple-500/20`,pair:`bg-yellow-500/10 text-yellow-400 border-yellow-500/20`,task:`bg-orange-500/10 text-orange-400 border-orange-500/20`,state:`bg-cyan-500/10 text-cyan-400 border-cyan-500/20`},I=[`question`,`reply`,`message`,`operator`,`pair`,`task`,`state`],L=[`chat`,`session`,`system`,`task`];function R(e){let t=e?.surface;if(!t||typeof t!=`object`)return null;let n=t,r=[];return typeof n.component==`string`&&r.push(n.component),typeof n.view==`string`&&n.view!==n.component&&r.push(n.view),typeof n.session==`string`&&r.push(`tab ${n.session.slice(0,6)}`),typeof n.client==`string`&&r.push(`client ${n.client.slice(0,6)}`),r.length?r.join(` · `):null}function z({entry:e,agentsById:t}){if(e.type===`notice`)return(0,N.jsx)(`div`,{className:`px-1`,children:(0,N.jsx)(D,{msg:e.msg})});if(e.type===`activity`)return(0,N.jsx)(`div`,{className:`px-1 opacity-60`,children:(0,N.jsx)(k,{steps:e.steps,showReasoning:!1})});if(e.type===`status`)return(0,N.jsx)(`div`,{className:`px-1`,children:(0,N.jsx)(O,{event:e.event})});if(e.type===`date`)return(0,N.jsx)(`div`,{className:`px-1`,children:(0,N.jsx)(E,{date:e.date})});if(e.type===`created`||e.type===`import-boundary`||e.type===`imported-message`||e.type!==`message`)return null;let{msg:n}=e,r=v(n.from,t),i=v(n.to,t);return(0,N.jsxs)(`div`,{children:[(0,N.jsxs)(`div`,{className:`flex items-center gap-1.5 px-3 mb-0.5`,children:[(0,N.jsx)(`span`,{className:`text-xs font-mono text-muted-foreground truncate max-w-[140px]`,title:n.from,children:r}),(0,N.jsx)(`span`,{className:`text-xs text-muted-foreground shrink-0`,children:`→`}),(0,N.jsx)(`span`,{className:`text-xs font-mono text-muted-foreground truncate max-w-[140px]`,title:n.to,children:i}),(0,N.jsx)(x,{variant:`outline`,className:`text-[10px] px-1 py-0 shrink-0 ml-1`,children:n.kind})]}),(0,N.jsx)(A,{msg:n,peer:b})]})}function B(){let e=g(e=>e.messages),t=g(e=>e.agentsById),[n,r]=(0,M.useState)(``),[i,a]=(0,M.useState)(``),o=(0,M.useMemo)(()=>{let t=e;if(n){let e=n.toLowerCase();t=t.filter(t=>t.from.toLowerCase().includes(e)||t.to.toLowerCase().includes(e))}return i&&(t=t.filter(e=>e.kind===i)),t},[e,n,i]),s=(0,M.useMemo)(()=>j(o,[]),[o]);return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,N.jsx)(`input`,{type:`text`,className:`rounded-md border border-input bg-background px-3 py-1.5 text-sm w-44`,placeholder:`Filter by agent…`,value:n,onChange:e=>r(e.target.value)}),(0,N.jsxs)(`select`,{className:`rounded-md border border-input bg-background px-3 py-1.5 text-sm`,value:i,onChange:e=>a(e.target.value),children:[(0,N.jsx)(`option`,{value:``,children:`All kinds`}),L.map(e=>(0,N.jsx)(`option`,{value:e,children:e},e))]}),(0,N.jsx)(x,{variant:`secondary`,className:`ml-auto`,children:o.length})]}),(0,N.jsx)(C,{className:`h-[calc(100dvh-13rem)]`,children:(0,N.jsxs)(`div`,{className:`space-y-1 pr-2`,children:[s.length===0&&(0,N.jsx)(`div`,{className:`text-center text-muted-foreground py-16 text-sm`,children:`No messages yet`}),s.map((e,n)=>(0,N.jsx)(z,{entry:e,agentsById:t},n))]})})]})}function V(){let e=h(),n=g(e=>e.activityFilter),r=g(e=>e.activityEvents),i=g(e=>e.operatorActivity),o=g(e=>e.set),s=g(e=>e.openActivityItem),c=g(e=>e.exportActivity),l=(0,M.useMemo)(()=>{let e=[...r,...i],t=new Set,n=[];for(let r of e){let e=r.clientId||String(r.id);t.has(e)||(t.add(e),n.push(r))}return n.map(e=>({...e,ts:e.ts??new Date(e.createdAt).getTime()})).sort((e,t)=>(t.ts??0)-(e.ts??0))},[r,i]),u=(0,M.useMemo)(()=>n?l.filter(e=>e.kind===n):l,[l,n]);return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,N.jsxs)(`select`,{className:`rounded-md border border-input bg-background px-3 py-1.5 text-sm`,value:n,onChange:e=>o({activityFilter:e.target.value}),children:[(0,N.jsx)(`option`,{value:``,children:`All types`}),I.map(e=>(0,N.jsx)(`option`,{value:e,children:e},e))]}),(0,N.jsxs)(S,{size:`sm`,variant:`outline`,onClick:()=>c(`markdown`),children:[(0,N.jsx)(a,{className:`w-4 h-4 mr-1`}),` Markdown`]}),(0,N.jsxs)(S,{size:`sm`,variant:`outline`,onClick:()=>c(`json`),children:[(0,N.jsx)(d,{className:`w-4 h-4 mr-1`}),` JSON`]}),(0,N.jsx)(x,{variant:`secondary`,className:`ml-auto`,children:u.length})]}),(0,N.jsx)(C,{className:`h-[calc(100dvh-13rem)]`,children:(0,N.jsxs)(`div`,{className:`space-y-2 pr-2`,children:[u.length===0&&(0,N.jsx)(`div`,{className:`text-center text-muted-foreground py-16 text-sm`,children:`No activity yet`}),u.map(n=>{let r=P[n.kind]||t,i=F[n.kind]||F.message,a=R(n.metadata);return(0,N.jsx)(T,{className:`cursor-pointer hover:bg-accent/40 transition-colors`,onClick:()=>s(n),children:(0,N.jsxs)(w,{className:`p-3 flex gap-3`,children:[(0,N.jsx)(`span`,{className:`inline-flex items-center justify-center w-7 h-7 rounded-md border shrink-0 mt-0.5 ${i}`,children:(0,N.jsx)(r,{className:`w-3.5 h-3.5`})}),(0,N.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,N.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,N.jsx)(`span`,{className:`font-medium text-sm truncate`,children:n.title}),(0,N.jsx)(x,{variant:`outline`,className:`text-xs px-1.5 py-0 border ${i}`,children:n.kind}),(0,N.jsx)(`span`,{className:`text-xs text-muted-foreground ml-auto shrink-0`,title:y(n.ts??n.createdAt),children:_(e,n.ts??n.createdAt)})]}),n.body&&(0,N.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5 line-clamp-2`,children:n.body}),n.meta&&(0,N.jsx)(`p`,{className:`text-xs text-muted-foreground/60 mt-0.5 font-mono truncate`,children:n.meta}),a&&(0,N.jsxs)(`p`,{className:`text-xs text-muted-foreground/60 mt-0.5 truncate`,title:a,children:[(0,N.jsx)(`span`,{className:`opacity-70`,children:`via`}),` `,a]})]})]})},n.clientId||n.id)})]})})]})}function H(){let[e,n]=(0,M.useState)(`firehose`);return(0,N.jsxs)(`div`,{className:`space-y-4`,children:[(0,N.jsxs)(`div`,{className:`flex items-center justify-between flex-wrap gap-2`,children:[(0,N.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e===`firehose`?(0,N.jsx)(o,{className:`w-5 h-5 text-muted-foreground`}):(0,N.jsx)(t,{className:`w-5 h-5 text-muted-foreground`}),(0,N.jsx)(`h2`,{className:`text-lg font-semibold`,children:e===`firehose`?`Firehose`:`Events`})]}),(0,N.jsxs)(`div`,{className:`flex items-center gap-1 rounded-md border border-input overflow-hidden`,children:[(0,N.jsx)(`button`,{className:f(`px-3 py-1.5 text-sm transition-colors`,e===`firehose`?`bg-primary text-primary-foreground`:`hover:bg-accent`),onClick:()=>n(`firehose`),children:`Firehose`}),(0,N.jsx)(`button`,{className:f(`px-3 py-1.5 text-sm transition-colors`,e===`events`?`bg-primary text-primary-foreground`:`hover:bg-accent`),onClick:()=>n(`events`),children:`Events`})]})]}),e===`firehose`?(0,N.jsx)(B,{}):(0,N.jsx)(V,{})]})}export{H as ActivityView};
+//# sourceMappingURL=activity-D_3n1maA.js.map

package/public/assets/activity-D_3n1maA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-D_3n1maA.js","names":[],"sources":["../../dashboard/src/components/views/activity.tsx"],"sourcesContent":["import { useRelayStore, useNow } from '@/store'\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 {\n  Activity, MessageCircle, MessageSquareReply, HelpCircle, User,\n  Link, ClipboardList, Radio, FileDown, Braces, Flame,\n} from 'lucide-react'\nimport { timeAgo, fmtTime, displayTarget } from '@/lib/display'\nimport type { ActivityEvent, Agent, Message } from '@/types'\nimport { useMemo, useState } from 'react'\nimport { buildTimeline, type TimelineEntry } from '@/components/chat/sessionTrace'\nimport { NoticePill, ActivityTrace, StatusMarker, DateSeparator } from '@/components/chat/TraceView'\nimport { MessageBubble } from '@/components/chat/MessageBubble'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport { cn } from '@/lib/utils'\n\nconst KIND_ICONS: Record<string, React.ElementType> = {\n  question: HelpCircle,\n  reply: MessageSquareReply,\n  message: MessageCircle,\n  operator: User,\n  pair: Link,\n  task: ClipboardList,\n  state: Radio,\n}\n\nconst KIND_COLORS: Record<string, string> = {\n  question: 'bg-blue-500/10 text-blue-400 border-blue-500/20',\n  reply: 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20',\n  message: 'bg-zinc-500/10 text-zinc-400 border-zinc-500/20',\n  operator: 'bg-purple-500/10 text-purple-400 border-purple-500/20',\n  pair: 'bg-yellow-500/10 text-yellow-400 border-yellow-500/20',\n  task: 'bg-orange-500/10 text-orange-400 border-orange-500/20',\n  state: 'bg-cyan-500/10 text-cyan-400 border-cyan-500/20',\n}\n\nconst EVENT_KIND_LABELS = ['question', 'reply', 'message', 'operator', 'pair', 'task', 'state'] as const\nconst MSG_KIND_LABELS = ['chat', 'session', 'system', 'task'] as const\n\n// Compact attribution line for dashboard-initiated lifecycle commands (#172): identifies the\n// surface that issued a restart/shutdown/reconnect — component, SPA view, tab session, browser.\nfunction formatSurface(metadata: Record<string, unknown> | undefined): string | null {\n  const surface = metadata?.surface\n  if (!surface || typeof surface !== 'object') return null\n  const s = surface as Record<string, unknown>\n  const parts: string[] = []\n  if (typeof s.component === 'string') parts.push(s.component)\n  if (typeof s.view === 'string' && s.view !== s.component) parts.push(s.view)\n  if (typeof s.session === 'string') parts.push(`tab ${s.session.slice(0, 6)}`)\n  if (typeof s.client === 'string') parts.push(`client ${s.client.slice(0, 6)}`)\n  return parts.length ? parts.join(' · ') : null\n}\n\n// Render one firehose timeline entry using Tier-1 exported components.\n// No entry-render code is duplicated here — body formatting, reactions, code blocks,\n// notice pills, status markers, and date separators all live in the shared exports.\nfunction FirehoseRow({ entry, agentsById }: { entry: TimelineEntry; agentsById: Record<string, Agent> }) {\n  if (entry.type === 'notice') return <div className=\"px-1\"><NoticePill msg={entry.msg} /></div>\n  if (entry.type === 'activity') return (\n    <div className=\"px-1 opacity-60\">\n      <ActivityTrace steps={entry.steps} showReasoning={false} />\n    </div>\n  )\n  if (entry.type === 'status') return <div className=\"px-1\"><StatusMarker event={entry.event} /></div>\n  if (entry.type === 'date') return <div className=\"px-1\"><DateSeparator date={entry.date} /></div>\n  if (entry.type === 'created' || entry.type === 'import-boundary' || entry.type === 'imported-message') return null\n  if (entry.type !== 'message') return null\n\n  const { msg } = entry\n  const fromLabel = displayTarget(msg.from, agentsById)\n  const toLabel = displayTarget(msg.to, agentsById)\n  return (\n    <div>\n      {/* Attribution header: both sides of the routing, not shown by MessageBubble alone */}\n      <div className=\"flex items-center gap-1.5 px-3 mb-0.5\">\n        <span className=\"text-xs font-mono text-muted-foreground truncate max-w-[140px]\" title={msg.from}>{fromLabel}</span>\n        <span className=\"text-xs text-muted-foreground shrink-0\">→</span>\n        <span className=\"text-xs font-mono text-muted-foreground truncate max-w-[140px]\" title={msg.to}>{toLabel}</span>\n        <Badge variant=\"outline\" className=\"text-[10px] px-1 py-0 shrink-0 ml-1\">{msg.kind}</Badge>\n      </div>\n      {/* peer=HUMAN_AGENT_ID: agent messages render inbound (left), user messages outbound (right) */}\n      <MessageBubble msg={msg} peer={HUMAN_AGENT_ID} />\n    </div>\n  )\n}\n\nfunction FirehoseTab() {\n  const messages = useRelayStore((s) => s.messages) as Message[]\n  const agentsById = useRelayStore((s) => s.agentsById)\n  const [agentFilter, setAgentFilter] = useState('')\n  const [kindFilter, setKindFilter] = useState('')\n\n  const filteredMessages = useMemo(() => {\n    let msgs = messages\n    if (agentFilter) {\n      const q = agentFilter.toLowerCase()\n      msgs = msgs.filter((m) => m.from.toLowerCase().includes(q) || m.to.toLowerCase().includes(q))\n    }\n    if (kindFilter) msgs = msgs.filter((m) => m.kind === kindFilter)\n    return msgs\n  }, [messages, agentFilter, kindFilter])\n\n  const timeline = useMemo(() => buildTimeline(filteredMessages, []), [filteredMessages])\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 flex-wrap\">\n        <input\n          type=\"text\"\n          className=\"rounded-md border border-input bg-background px-3 py-1.5 text-sm w-44\"\n          placeholder=\"Filter by agent…\"\n          value={agentFilter}\n          onChange={(e) => setAgentFilter(e.target.value)}\n        />\n        <select\n          className=\"rounded-md border border-input bg-background px-3 py-1.5 text-sm\"\n          value={kindFilter}\n          onChange={(e) => setKindFilter(e.target.value)}\n        >\n          <option value=\"\">All kinds</option>\n          {MSG_KIND_LABELS.map((k) => <option key={k} value={k}>{k}</option>)}\n        </select>\n        <Badge variant=\"secondary\" className=\"ml-auto\">{filteredMessages.length}</Badge>\n      </div>\n\n      <ScrollArea className=\"h-[calc(100dvh-13rem)]\">\n        <div className=\"space-y-1 pr-2\">\n          {timeline.length === 0 && (\n            <div className=\"text-center text-muted-foreground py-16 text-sm\">No messages yet</div>\n          )}\n          {timeline.map((entry, i) => (\n            <FirehoseRow key={i} entry={entry} agentsById={agentsById} />\n          ))}\n        </div>\n      </ScrollArea>\n    </>\n  )\n}\n\nfunction EventsTab() {\n  const now = useNow()\n  const activityFilter = useRelayStore((s) => s.activityFilter)\n  const activityEvents = useRelayStore((s) => s.activityEvents)\n  const operatorActivity = useRelayStore((s) => s.operatorActivity)\n  const set = useRelayStore((s) => s.set)\n  const openActivityItem = useRelayStore((s) => s.openActivityItem)\n  const exportActivity = useRelayStore((s) => s.exportActivity)\n\n  const allItems = useMemo(() => {\n    const merged = [...activityEvents, ...operatorActivity]\n    const seen = new Set<string>()\n    const deduped: ActivityEvent[] = []\n    for (const item of merged) {\n      const key = item.clientId || String(item.id)\n      if (!seen.has(key)) { seen.add(key); deduped.push(item) }\n    }\n    return deduped\n      .map((e) => ({ ...e, ts: e.ts ?? new Date(e.createdAt as string).getTime() }))\n      .sort((a, b) => (b.ts ?? 0) - (a.ts ?? 0))\n  }, [activityEvents, operatorActivity])\n\n  const filtered = useMemo(() => {\n    if (!activityFilter) return allItems\n    return allItems.filter((e) => e.kind === activityFilter)\n  }, [allItems, activityFilter])\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 flex-wrap\">\n        <select\n          className=\"rounded-md border border-input bg-background px-3 py-1.5 text-sm\"\n          value={activityFilter}\n          onChange={(e) => set({ activityFilter: e.target.value })}\n        >\n          <option value=\"\">All types</option>\n          {EVENT_KIND_LABELS.map((k) => <option key={k} value={k}>{k}</option>)}\n        </select>\n        <Button size=\"sm\" variant=\"outline\" onClick={() => exportActivity('markdown')}>\n          <FileDown className=\"w-4 h-4 mr-1\" /> Markdown\n        </Button>\n        <Button size=\"sm\" variant=\"outline\" onClick={() => exportActivity('json')}>\n          <Braces className=\"w-4 h-4 mr-1\" /> JSON\n        </Button>\n        <Badge variant=\"secondary\" className=\"ml-auto\">{filtered.length}</Badge>\n      </div>\n\n      <ScrollArea className=\"h-[calc(100dvh-13rem)]\">\n        <div className=\"space-y-2 pr-2\">\n          {filtered.length === 0 && (\n            <div className=\"text-center text-muted-foreground py-16 text-sm\">No activity yet</div>\n          )}\n          {filtered.map((item) => {\n            const Icon = KIND_ICONS[item.kind] || Activity\n            const colorClass = KIND_COLORS[item.kind] || KIND_COLORS.message\n            const surface = formatSurface(item.metadata)\n            return (\n              <Card\n                key={item.clientId || item.id}\n                className=\"cursor-pointer hover:bg-accent/40 transition-colors\"\n                onClick={() => openActivityItem(item)}\n              >\n                <CardContent className=\"p-3 flex gap-3\">\n                  <span className={`inline-flex items-center justify-center w-7 h-7 rounded-md border shrink-0 mt-0.5 ${colorClass}`}>\n                    <Icon className=\"w-3.5 h-3.5\" />\n                  </span>\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"flex items-center gap-2 flex-wrap\">\n                      <span className=\"font-medium text-sm truncate\">{item.title}</span>\n                      <Badge variant=\"outline\" className={`text-xs px-1.5 py-0 border ${colorClass}`}>{item.kind}</Badge>\n                      <span className=\"text-xs text-muted-foreground ml-auto shrink-0\" title={fmtTime(item.ts ?? item.createdAt)}>\n                        {timeAgo(now, item.ts ?? item.createdAt)}\n                      </span>\n                    </div>\n                    {item.body && (\n                      <p className=\"text-xs text-muted-foreground mt-0.5 line-clamp-2\">{item.body}</p>\n                    )}\n                    {item.meta && (\n                      <p className=\"text-xs text-muted-foreground/60 mt-0.5 font-mono truncate\">{item.meta}</p>\n                    )}\n                    {surface && (\n                      <p className=\"text-xs text-muted-foreground/60 mt-0.5 truncate\" title={surface}>\n                        <span className=\"opacity-70\">via</span> {surface}\n                      </p>\n                    )}\n                  </div>\n                </CardContent>\n              </Card>\n            )\n          })}\n        </div>\n      </ScrollArea>\n    </>\n  )\n}\n\ntype ActivityTab = 'firehose' | 'events'\n\nexport function ActivityView() {\n  const [tab, setTab] = useState<ActivityTab>('firehose')\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          {tab === 'firehose'\n            ? <Flame className=\"w-5 h-5 text-muted-foreground\" />\n            : <Activity className=\"w-5 h-5 text-muted-foreground\" />}\n          <h2 className=\"text-lg font-semibold\">{tab === 'firehose' ? 'Firehose' : 'Events'}</h2>\n        </div>\n        <div className=\"flex items-center gap-1 rounded-md border border-input overflow-hidden\">\n          <button\n            className={cn('px-3 py-1.5 text-sm transition-colors', tab === 'firehose' ? 'bg-primary text-primary-foreground' : 'hover:bg-accent')}\n            onClick={() => setTab('firehose')}\n          >\n            Firehose\n          </button>\n          <button\n            className={cn('px-3 py-1.5 text-sm transition-colors', tab === 'events' ? 'bg-primary text-primary-foreground' : 'hover:bg-accent')}\n            onClick={() => setTab('events')}\n          >\n            Events\n          </button>\n        </div>\n      </div>\n\n      {tab === 'firehose' ? <FirehoseTab /> : <EventsTab />}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/public/assets/{agent-profiles-CJHcCleo.js → agent-profiles-Bp-KhfLJ.js}

@@ -1,2 +1,2 @@
-import{I as e,Mn as t,Pt as n,Ut as r,f as i,m as a,z as o}from"./lucide-react-Dr0-sUx6.js";import{t as s}from"./store-DcxNQduq.js";import{t as c}from"./badge-D6yb-Kia.js";import{t as l}from"./button-B-w6a1Ng.js";var u=t(),d={host:`text-emerald-400 bg-emerald-500/10`,minimal:`text-amber-400 bg-amber-500/10`,isolated:`text-red-400 bg-red-500/10`};function f({relay:e}){return(0,u.jsx)(`div`,{className:`flex items-center gap-1`,children:[{key:`ctx`,on:e.context},{key:`skl`,on:e.skills},{key:`plg`,on:e.plugins},{key:`stl`,on:e.statusLine}].map(e=>(0,u.jsx)(`span`,{className:`inline-block h-1.5 w-1.5 rounded-full ${e.on?`bg-emerald-400`:`bg-muted-foreground/30`}`,title:`${e.key}: ${e.on?`on`:`off`}`},e.key))})}function p({profile:e}){let t=s(e=>e.openProfileModal),i=s(e=>e.deleteProfile),p=e.builtIn===!0;return(0,u.jsxs)(`div`,{className:`group flex flex-col gap-3 rounded-lg border border-border bg-card p-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsx)(`span`,{className:`font-mono text-sm font-medium`,children:e.name}),p&&(0,u.jsx)(c,{variant:`secondary`,className:`text-[10px]`,children:`Built-in`})]}),e.description&&(0,u.jsx)(`p`,{className:`mt-0.5 text-xs text-muted-foreground line-clamp-2`,children:e.description})]}),(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-0.5 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity`,children:[(0,u.jsx)(l,{variant:`ghost`,size:`icon-sm`,className:`h-7 w-7`,title:`View`,onClick:()=>t(`view`,e),children:(0,u.jsx)(n,{className:`h-3.5 w-3.5`})}),!p&&(0,u.jsx)(l,{variant:`ghost`,size:`icon-sm`,className:`h-7 w-7`,title:`Edit`,onClick:()=>t(`edit`,e),children:(0,u.jsx)(o,{className:`h-3.5 w-3.5`})}),(0,u.jsx)(l,{variant:`ghost`,size:`icon-sm`,className:`h-7 w-7`,title:`Duplicate`,onClick:()=>t(`duplicate`,e),children:(0,u.jsx)(r,{className:`h-3.5 w-3.5`})}),!p&&(0,u.jsx)(l,{variant:`ghost`,size:`icon-sm`,className:`h-7 w-7 text-destructive`,title:`Delete`,onClick:()=>i(e.name),children:(0,u.jsx)(a,{className:`h-3.5 w-3.5`})})]})]}),(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 text-[10px]`,children:[(0,u.jsx)(c,{variant:`outline`,className:d[e.base]||``,children:e.base}),(0,u.jsx)(c,{variant:`outline`,children:e.provider||`any`}),(0,u.jsxs)(c,{variant:`outline`,children:[`fs: `,e.permissions.filesystem]}),e.permissions.mode&&(0,u.jsx)(c,{variant:`outline`,children:e.permissions.mode})]}),(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-1 text-[10px] text-muted-foreground`,children:[(0,u.jsxs)(`span`,{className:`flex items-center gap-1`,children:[`Relay `,(0,u.jsx)(f,{relay:e.relay})]}),(0,u.jsxs)(`span`,{children:[`MCP: `,e.mcp.mode]}),(0,u.jsxs)(`span`,{children:[`Hooks: `,e.hooks.mode]}),e.instructions.globalInstructions===`ignore`&&(0,u.jsx)(`span`,{className:`text-amber-400`,children:`global: ignore`}),Object.keys(e.env||{}).length>0&&(0,u.jsxs)(`span`,{children:[Object.keys(e.env).length,` env vars`]})]})]})}function m(){let t=s(e=>e.agentProfiles),n=s(e=>e.openProfileModal),r=t.filter(e=>e.builtIn),a=t.filter(e=>!e.builtIn);return(0,u.jsxs)(`div`,{className:`space-y-4`,children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2 text-lg font-semibold`,children:[(0,u.jsx)(i,{className:`h-5 w-5 text-primary`}),`Agent Profiles`]}),(0,u.jsx)(c,{variant:`outline`,children:t.length}),(0,u.jsx)(`div`,{className:`flex-1`}),(0,u.jsxs)(l,{size:`sm`,className:`gap-1`,onClick:()=>n(`create`),children:[(0,u.jsx)(e,{className:`h-3.5 w-3.5`}),`Create Profile`]})]}),r.length>0&&(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`h3`,{className:`mb-2 text-xs font-medium text-muted-foreground uppercase tracking-wider`,children:`Built-in`}),(0,u.jsx)(`div`,{className:`grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,children:r.map(e=>(0,u.jsx)(p,{profile:e},e.name))})]}),a.length>0&&(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`h3`,{className:`mb-2 text-xs font-medium text-muted-foreground uppercase tracking-wider`,children:`Custom`}),(0,u.jsx)(`div`,{className:`grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,children:a.map(e=>(0,u.jsx)(p,{profile:e},e.name))})]}),t.length===0&&(0,u.jsx)(`div`,{className:`py-12 text-center text-sm text-muted-foreground`,children:`No agent profiles found. Create one to configure agent behavior.`})]})}export{m as AgentProfilesView};
-//# sourceMappingURL=agent-profiles-CJHcCleo.js.map
+import{Ft as e,I as t,Nn as n,Wt as r,f as i,m as a,z as o}from"./lucide-react-C3j5Huiw.js";import{t as s}from"./store-DKtaJZyC.js";import{t as c}from"./badge-DBZY8x3C.js";import{t as l}from"./button-ClDtrv2m.js";var u=n(),d={host:`text-emerald-400 bg-emerald-500/10`,minimal:`text-amber-400 bg-amber-500/10`,isolated:`text-red-400 bg-red-500/10`};function f({relay:e}){return(0,u.jsx)(`div`,{className:`flex items-center gap-1`,children:[{key:`ctx`,on:e.context},{key:`skl`,on:e.skills},{key:`plg`,on:e.plugins},{key:`stl`,on:e.statusLine}].map(e=>(0,u.jsx)(`span`,{className:`inline-block h-1.5 w-1.5 rounded-full ${e.on?`bg-emerald-400`:`bg-muted-foreground/30`}`,title:`${e.key}: ${e.on?`on`:`off`}`},e.key))})}function p({profile:t}){let n=s(e=>e.openProfileModal),i=s(e=>e.deleteProfile),p=t.builtIn===!0;return(0,u.jsxs)(`div`,{className:`group flex flex-col gap-3 rounded-lg border border-border bg-card p-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,u.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsx)(`span`,{className:`font-mono text-sm font-medium`,children:t.name}),p&&(0,u.jsx)(c,{variant:`secondary`,className:`text-[10px]`,children:`Built-in`})]}),t.description&&(0,u.jsx)(`p`,{className:`mt-0.5 text-xs text-muted-foreground line-clamp-2`,children:t.description})]}),(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-0.5 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity`,children:[(0,u.jsx)(l,{variant:`ghost`,size:`icon-sm`,className:`h-7 w-7`,title:`View`,onClick:()=>n(`view`,t),children:(0,u.jsx)(e,{className:`h-3.5 w-3.5`})}),!p&&(0,u.jsx)(l,{variant:`ghost`,size:`icon-sm`,className:`h-7 w-7`,title:`Edit`,onClick:()=>n(`edit`,t),children:(0,u.jsx)(o,{className:`h-3.5 w-3.5`})}),(0,u.jsx)(l,{variant:`ghost`,size:`icon-sm`,className:`h-7 w-7`,title:`Duplicate`,onClick:()=>n(`duplicate`,t),children:(0,u.jsx)(r,{className:`h-3.5 w-3.5`})}),!p&&(0,u.jsx)(l,{variant:`ghost`,size:`icon-sm`,className:`h-7 w-7 text-destructive`,title:`Delete`,onClick:()=>i(t.name),children:(0,u.jsx)(a,{className:`h-3.5 w-3.5`})})]})]}),(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 text-[10px]`,children:[(0,u.jsx)(c,{variant:`outline`,className:d[t.base]||``,children:t.base}),(0,u.jsx)(c,{variant:`outline`,children:t.provider||`any`}),(0,u.jsxs)(c,{variant:`outline`,children:[`fs: `,t.permissions.filesystem]}),t.permissions.mode&&(0,u.jsx)(c,{variant:`outline`,children:t.permissions.mode})]}),(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-1 text-[10px] text-muted-foreground`,children:[(0,u.jsxs)(`span`,{className:`flex items-center gap-1`,children:[`Relay `,(0,u.jsx)(f,{relay:t.relay})]}),(0,u.jsxs)(`span`,{children:[`MCP: `,t.mcp.mode]}),(0,u.jsxs)(`span`,{children:[`Hooks: `,t.hooks.mode]}),t.instructions.globalInstructions===`ignore`&&(0,u.jsx)(`span`,{className:`text-amber-400`,children:`global: ignore`}),Object.keys(t.env||{}).length>0&&(0,u.jsxs)(`span`,{children:[Object.keys(t.env).length,` env vars`]})]})]})}function m(){let e=s(e=>e.agentProfiles),n=s(e=>e.openProfileModal),r=e.filter(e=>e.builtIn),a=e.filter(e=>!e.builtIn);return(0,u.jsxs)(`div`,{className:`space-y-4`,children:[(0,u.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2 text-lg font-semibold`,children:[(0,u.jsx)(i,{className:`h-5 w-5 text-primary`}),`Agent Profiles`]}),(0,u.jsx)(c,{variant:`outline`,children:e.length}),(0,u.jsx)(`div`,{className:`flex-1`}),(0,u.jsxs)(l,{size:`sm`,className:`gap-1`,onClick:()=>n(`create`),children:[(0,u.jsx)(t,{className:`h-3.5 w-3.5`}),`Create Profile`]})]}),r.length>0&&(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`h3`,{className:`mb-2 text-xs font-medium text-muted-foreground uppercase tracking-wider`,children:`Built-in`}),(0,u.jsx)(`div`,{className:`grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,children:r.map(e=>(0,u.jsx)(p,{profile:e},e.name))})]}),a.length>0&&(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`h3`,{className:`mb-2 text-xs font-medium text-muted-foreground uppercase tracking-wider`,children:`Custom`}),(0,u.jsx)(`div`,{className:`grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,children:a.map(e=>(0,u.jsx)(p,{profile:e},e.name))})]}),e.length===0&&(0,u.jsx)(`div`,{className:`py-12 text-center text-sm text-muted-foreground`,children:`No agent profiles found. Create one to configure agent behavior.`})]})}export{m as AgentProfilesView};
+//# sourceMappingURL=agent-profiles-Bp-KhfLJ.js.map

package/public/assets/{agent-profiles-CJHcCleo.js.map → agent-profiles-Bp-KhfLJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"agent-profiles-CJHcCleo.js","names":[],"sources":["../../dashboard/src/components/views/agent-profiles.tsx"],"sourcesContent":["import { useRelayStore } from '@/store'\nimport { Button } from '@/components/ui/button'\nimport { Badge } from '@/components/ui/badge'\nimport { Copy, Eye, Pencil, Plus, Trash2, UserCog } from 'lucide-react'\nimport type { AgentProfile } from '@/types'\n\nconst BASE_COLORS: Record<string, string> = {\n  host: 'text-emerald-400 bg-emerald-500/10',\n  minimal: 'text-amber-400 bg-amber-500/10',\n  isolated: 'text-red-400 bg-red-500/10',\n}\n\nfunction RelayDots({ relay }: { relay: AgentProfile['relay'] }) {\n  const items = [\n    { key: 'ctx', on: relay.context },\n    { key: 'skl', on: relay.skills },\n    { key: 'plg', on: relay.plugins },\n    { key: 'stl', on: relay.statusLine },\n  ]\n  return (\n    <div className=\"flex items-center gap-1\">\n      {items.map((item) => (\n        <span key={item.key} className={`inline-block h-1.5 w-1.5 rounded-full ${item.on ? 'bg-emerald-400' : 'bg-muted-foreground/30'}`} title={`${item.key}: ${item.on ? 'on' : 'off'}`} />\n      ))}\n    </div>\n  )\n}\n\nfunction ProfileCard({ profile }: { profile: AgentProfile }) {\n  const openProfileModal = useRelayStore((s) => s.openProfileModal)\n  const deleteProfile = useRelayStore((s) => s.deleteProfile)\n  const isBuiltIn = profile.builtIn === true\n\n  return (\n    <div className=\"group flex flex-col gap-3 rounded-lg border border-border bg-card p-4\">\n      <div className=\"flex items-start gap-2\">\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"font-mono text-sm font-medium\">{profile.name}</span>\n            {isBuiltIn && <Badge variant=\"secondary\" className=\"text-[10px]\">Built-in</Badge>}\n          </div>\n          {profile.description && (\n            <p className=\"mt-0.5 text-xs text-muted-foreground line-clamp-2\">{profile.description}</p>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity\">\n          <Button variant=\"ghost\" size=\"icon-sm\" className=\"h-7 w-7\" title=\"View\" onClick={() => openProfileModal('view', profile)}>\n            <Eye className=\"h-3.5 w-3.5\" />\n          </Button>\n          {!isBuiltIn && (\n            <Button variant=\"ghost\" size=\"icon-sm\" className=\"h-7 w-7\" title=\"Edit\" onClick={() => openProfileModal('edit', profile)}>\n              <Pencil className=\"h-3.5 w-3.5\" />\n            </Button>\n          )}\n          <Button variant=\"ghost\" size=\"icon-sm\" className=\"h-7 w-7\" title=\"Duplicate\" onClick={() => openProfileModal('duplicate', profile)}>\n            <Copy className=\"h-3.5 w-3.5\" />\n          </Button>\n          {!isBuiltIn && (\n            <Button variant=\"ghost\" size=\"icon-sm\" className=\"h-7 w-7 text-destructive\" title=\"Delete\" onClick={() => deleteProfile(profile.name)}>\n              <Trash2 className=\"h-3.5 w-3.5\" />\n            </Button>\n          )}\n        </div>\n      </div>\n\n      <div className=\"flex flex-wrap items-center gap-1.5 text-[10px]\">\n        <Badge variant=\"outline\" className={BASE_COLORS[profile.base] || ''}>{profile.base}</Badge>\n        <Badge variant=\"outline\">{profile.provider || 'any'}</Badge>\n        <Badge variant=\"outline\">fs: {profile.permissions.filesystem}</Badge>\n        {profile.permissions.mode && <Badge variant=\"outline\">{profile.permissions.mode}</Badge>}\n      </div>\n\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-[10px] text-muted-foreground\">\n        <span className=\"flex items-center gap-1\">\n          Relay <RelayDots relay={profile.relay} />\n        </span>\n        <span>MCP: {profile.mcp.mode}</span>\n        <span>Hooks: {profile.hooks.mode}</span>\n        {profile.instructions.globalInstructions === 'ignore' && <span className=\"text-amber-400\">global: ignore</span>}\n        {Object.keys(profile.env || {}).length > 0 && <span>{Object.keys(profile.env).length} env vars</span>}\n      </div>\n    </div>\n  )\n}\n\nexport function AgentProfilesView() {\n  const profiles = useRelayStore((s) => s.agentProfiles)\n  const openProfileModal = useRelayStore((s) => s.openProfileModal)\n\n  const builtIn = profiles.filter((p) => p.builtIn)\n  const custom = profiles.filter((p) => !p.builtIn)\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <div className=\"flex items-center gap-2 text-lg font-semibold\">\n          <UserCog className=\"h-5 w-5 text-primary\" />\n          Agent Profiles\n        </div>\n        <Badge variant=\"outline\">{profiles.length}</Badge>\n        <div className=\"flex-1\" />\n        <Button size=\"sm\" className=\"gap-1\" onClick={() => openProfileModal('create')}>\n          <Plus className=\"h-3.5 w-3.5\" />\n          Create Profile\n        </Button>\n      </div>\n\n      {builtIn.length > 0 && (\n        <div>\n          <h3 className=\"mb-2 text-xs font-medium text-muted-foreground uppercase tracking-wider\">Built-in</h3>\n          <div className=\"grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n            {builtIn.map((p) => <ProfileCard key={p.name} profile={p} />)}\n          </div>\n        </div>\n      )}\n\n      {custom.length > 0 && (\n        <div>\n          <h3 className=\"mb-2 text-xs font-medium text-muted-foreground uppercase tracking-wider\">Custom</h3>\n          <div className=\"grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n            {custom.map((p) => <ProfileCard key={p.name} profile={p} />)}\n          </div>\n        </div>\n      )}\n\n      {profiles.length === 0 && (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          No agent profiles found. Create one to configure agent behavior.\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"agent-profiles-Bp-KhfLJ.js","names":[],"sources":["../../dashboard/src/components/views/agent-profiles.tsx"],"sourcesContent":["import { useRelayStore } from '@/store'\nimport { Button } from '@/components/ui/button'\nimport { Badge } from '@/components/ui/badge'\nimport { Copy, Eye, Pencil, Plus, Trash2, UserCog } from 'lucide-react'\nimport type { AgentProfile } from '@/types'\n\nconst BASE_COLORS: Record<string, string> = {\n  host: 'text-emerald-400 bg-emerald-500/10',\n  minimal: 'text-amber-400 bg-amber-500/10',\n  isolated: 'text-red-400 bg-red-500/10',\n}\n\nfunction RelayDots({ relay }: { relay: AgentProfile['relay'] }) {\n  const items = [\n    { key: 'ctx', on: relay.context },\n    { key: 'skl', on: relay.skills },\n    { key: 'plg', on: relay.plugins },\n    { key: 'stl', on: relay.statusLine },\n  ]\n  return (\n    <div className=\"flex items-center gap-1\">\n      {items.map((item) => (\n        <span key={item.key} className={`inline-block h-1.5 w-1.5 rounded-full ${item.on ? 'bg-emerald-400' : 'bg-muted-foreground/30'}`} title={`${item.key}: ${item.on ? 'on' : 'off'}`} />\n      ))}\n    </div>\n  )\n}\n\nfunction ProfileCard({ profile }: { profile: AgentProfile }) {\n  const openProfileModal = useRelayStore((s) => s.openProfileModal)\n  const deleteProfile = useRelayStore((s) => s.deleteProfile)\n  const isBuiltIn = profile.builtIn === true\n\n  return (\n    <div className=\"group flex flex-col gap-3 rounded-lg border border-border bg-card p-4\">\n      <div className=\"flex items-start gap-2\">\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"font-mono text-sm font-medium\">{profile.name}</span>\n            {isBuiltIn && <Badge variant=\"secondary\" className=\"text-[10px]\">Built-in</Badge>}\n          </div>\n          {profile.description && (\n            <p className=\"mt-0.5 text-xs text-muted-foreground line-clamp-2\">{profile.description}</p>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity\">\n          <Button variant=\"ghost\" size=\"icon-sm\" className=\"h-7 w-7\" title=\"View\" onClick={() => openProfileModal('view', profile)}>\n            <Eye className=\"h-3.5 w-3.5\" />\n          </Button>\n          {!isBuiltIn && (\n            <Button variant=\"ghost\" size=\"icon-sm\" className=\"h-7 w-7\" title=\"Edit\" onClick={() => openProfileModal('edit', profile)}>\n              <Pencil className=\"h-3.5 w-3.5\" />\n            </Button>\n          )}\n          <Button variant=\"ghost\" size=\"icon-sm\" className=\"h-7 w-7\" title=\"Duplicate\" onClick={() => openProfileModal('duplicate', profile)}>\n            <Copy className=\"h-3.5 w-3.5\" />\n          </Button>\n          {!isBuiltIn && (\n            <Button variant=\"ghost\" size=\"icon-sm\" className=\"h-7 w-7 text-destructive\" title=\"Delete\" onClick={() => deleteProfile(profile.name)}>\n              <Trash2 className=\"h-3.5 w-3.5\" />\n            </Button>\n          )}\n        </div>\n      </div>\n\n      <div className=\"flex flex-wrap items-center gap-1.5 text-[10px]\">\n        <Badge variant=\"outline\" className={BASE_COLORS[profile.base] || ''}>{profile.base}</Badge>\n        <Badge variant=\"outline\">{profile.provider || 'any'}</Badge>\n        <Badge variant=\"outline\">fs: {profile.permissions.filesystem}</Badge>\n        {profile.permissions.mode && <Badge variant=\"outline\">{profile.permissions.mode}</Badge>}\n      </div>\n\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-[10px] text-muted-foreground\">\n        <span className=\"flex items-center gap-1\">\n          Relay <RelayDots relay={profile.relay} />\n        </span>\n        <span>MCP: {profile.mcp.mode}</span>\n        <span>Hooks: {profile.hooks.mode}</span>\n        {profile.instructions.globalInstructions === 'ignore' && <span className=\"text-amber-400\">global: ignore</span>}\n        {Object.keys(profile.env || {}).length > 0 && <span>{Object.keys(profile.env).length} env vars</span>}\n      </div>\n    </div>\n  )\n}\n\nexport function AgentProfilesView() {\n  const profiles = useRelayStore((s) => s.agentProfiles)\n  const openProfileModal = useRelayStore((s) => s.openProfileModal)\n\n  const builtIn = profiles.filter((p) => p.builtIn)\n  const custom = profiles.filter((p) => !p.builtIn)\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <div className=\"flex items-center gap-2 text-lg font-semibold\">\n          <UserCog className=\"h-5 w-5 text-primary\" />\n          Agent Profiles\n        </div>\n        <Badge variant=\"outline\">{profiles.length}</Badge>\n        <div className=\"flex-1\" />\n        <Button size=\"sm\" className=\"gap-1\" onClick={() => openProfileModal('create')}>\n          <Plus className=\"h-3.5 w-3.5\" />\n          Create Profile\n        </Button>\n      </div>\n\n      {builtIn.length > 0 && (\n        <div>\n          <h3 className=\"mb-2 text-xs font-medium text-muted-foreground uppercase tracking-wider\">Built-in</h3>\n          <div className=\"grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n            {builtIn.map((p) => <ProfileCard key={p.name} profile={p} />)}\n          </div>\n        </div>\n      )}\n\n      {custom.length > 0 && (\n        <div>\n          <h3 className=\"mb-2 text-xs font-medium text-muted-foreground uppercase tracking-wider\">Custom</h3>\n          <div className=\"grid gap-3 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n            {custom.map((p) => <ProfileCard key={p.name} profile={p} />)}\n          </div>\n        </div>\n      )}\n\n      {profiles.length === 0 && (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          No agent profiles found. Create one to configure agent behavior.\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}