agent-relay-server 0.21.0 → 0.22.0

package/docs/openapi.json

@@ -2,7 +2,7 @@
   "openapi": "3.1.0",
   "info": {
     "title": "Agent Relay API",
-    "version": "0.19.3",
+    "version": "0.21.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",
@@ -796,6 +796,9 @@
                   },
                   "workspaceMode": {
                     "type": "string"
+                  },
+                  "profile": {
+                    "type": "string"
                   }
                 }
               }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-relay-server",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "Lightweight HTTP message relay for inter-agent communication across machines",
   "module": "src/index.ts",
   "type": "module",
@@ -33,7 +33,7 @@
     "CONTRIBUTING.md"
   ],
   "dependencies": {
-    "agent-relay-sdk": "0.2.12"
+    "agent-relay-sdk": "0.2.13"
   },
   "scripts": {
     "prepack": "bun run build:dashboard:bundle >&2",

package/public/index.html

@@ -12099,9 +12099,11 @@ function isDashboardHidden() {
 function notificationPeer(notification) {
 	return notification.threadPeer || notification.agentId || "";
 }
+function isActiveVisibleChat(peer, state) {
+	return Boolean(peer && state.view === "chat" && state.selectedInboxThread === peer && !isDashboardHidden());
+}
 function notificationTargetsActiveChat(notification, state) {
-	const peer = notificationPeer(notification);
-	return Boolean(state.view === "chat" && peer && state.selectedInboxThread === peer && !isDashboardHidden());
+	return isActiveVisibleChat(notificationPeer(notification), state);
 }
 function lastInboundMessageId(messages) {
 	return messages.filter((m) => m.to === "user" && m.from !== "user").reduce((max, m) => Math.max(max, m.id), 0);
@@ -12835,7 +12837,15 @@ var useRelayStore = create$1()(persist((set, get) => ({
 			if (s.view === "messages" && s.selectedAgent) path += "&for=" + encodeURIComponent(s.selectedAgent);
 			if (s.view === "messages" && s.channelFilter) path += "&channel=" + encodeURIComponent(s.channelFilter);
 			const messages = await api("GET", path);
-			set({ messages: mergeFetchedMessages(get().messages, messages) });
+			const merged = mergeFetchedMessages(get().messages, messages);
+			set({ messages: merged });
+			const after = get();
+			const peer = after.selectedInboxThread;
+			if (isActiveVisibleChat(peer, after)) {
+				let lastId = 0;
+				for (const m of merged) if (m.id > lastId && inboxPeer(m) === peer && isHumanInboundMessage(m) && !isSessionActivityStep(m)) lastId = m.id;
+				if (lastId) get().markInboxThreadReadTo(peer, lastId);
+			}
 		} catch {}
 	},
 	async fetchThreadHistory(peer) {
@@ -12936,7 +12946,7 @@ var useRelayStore = create$1()(persist((set, get) => ({
 					if (msgs.length > 500) msgs.splice(0, msgs.length - 500);
 					set({ messages: msgs });
 					const peer = inboxPeer(msg);
-					if (isHumanInboundMessage(msg) && peer && s.view === "chat" && s.selectedInboxThread === peer && !isDashboardHidden()) get().markInboxThreadReadTo(peer, msg.id);
+					if (isHumanInboundMessage(msg) && isActiveVisibleChat(peer, s)) get().markInboxThreadReadTo(peer, msg.id);
 					return;
 				}
 				if (event === "message.queued" || event === "message.expired" || event === "message.delivery_updated" || event === "message.reaction_updated") {
@@ -99801,6 +99811,45 @@ function Button({ className, variant = "default", size = "default", asChild = fa
 	});
 }
 //#endregion
+//#region src/components/shared/copy-button.tsx
+/**
+* Shared copy-to-clipboard button with a transient "copied" check state.
+* Consolidates the duplicated clipboard + timeout pattern used across views.
+*/
+function CopyButton({ value, label = "Copy", copiedLabel = "Copied", showText = false, size, variant = "ghost", className, iconClassName, disabled, onCopied }) {
+	const [copied, setCopied] = (0, import_react.useState)(false);
+	const timer = (0, import_react.useRef)(null);
+	(0, import_react.useEffect)(() => () => {
+		if (timer.current) clearTimeout(timer.current);
+	}, []);
+	async function copy(e) {
+		e.preventDefault();
+		e.stopPropagation();
+		try {
+			await navigator.clipboard?.writeText(typeof value === "function" ? value() : value);
+			setCopied(true);
+			onCopied?.();
+			if (timer.current) clearTimeout(timer.current);
+			timer.current = setTimeout(() => setCopied(false), 1400);
+		} catch {
+			setCopied(false);
+		}
+	}
+	const resolvedSize = size ?? (showText ? "sm" : "icon-sm");
+	const iconCls = cn$2("h-3.5 w-3.5", iconClassName);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+		type: "button",
+		size: resolvedSize,
+		variant,
+		className,
+		disabled,
+		title: copied ? copiedLabel : label,
+		"aria-label": copied ? copiedLabel : label,
+		onClick: (e) => void copy(e),
+		children: [copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: iconCls }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: iconCls }), showText && (copied ? copiedLabel : label)]
+	});
+}
+//#endregion
 //#region \0vite/preload-helper.js
 var scriptRel, assetsURL, seen, __vitePreload;
 var init_preload_helper = __esmMin((() => {
@@ -108465,25 +108514,14 @@ var CodePreview = (0, import_react.memo)(function CodePreview({ content, path, m
 	const [html, setHtml] = (0, import_react.useState)("");
 	const [loading, setLoading] = (0, import_react.useState)(false);
 	const [failed, setFailed] = (0, import_react.useState)(false);
-	const [copied, setCopied] = (0, import_react.useState)(false);
-	async function copyCode() {
-		try {
-			await navigator.clipboard?.writeText(content);
-			setCopied(true);
-			window.setTimeout(() => setCopied(false), 1400);
-		} catch {
-			setCopied(false);
-		}
-	}
 	function copyButton() {
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-			type: "button",
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+			value: content,
+			label: "Copy code",
+			copiedLabel: "Copied code",
 			size: "icon",
 			variant: "ghost",
-			className: "absolute right-2 top-2 h-7 w-7 bg-background/80 opacity-0 shadow-sm backdrop-blur transition-opacity hover:bg-muted group-hover/code:opacity-100 focus-visible:opacity-100",
-			onClick: copyCode,
-			title: copied ? "Copied code" : "Copy code",
-			children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+			className: "absolute right-2 top-2 h-7 w-7 bg-background/80 opacity-0 shadow-sm backdrop-blur transition-opacity hover:bg-muted group-hover/code:opacity-100 focus-visible:opacity-100"
 		});
 	}
 	(0, import_react.useEffect)(() => {
@@ -124794,7 +124832,6 @@ function FileContent({ orchestratorId, selectedPath, line, onReadError }) {
 	const { file, loading, error } = useFileRead(orchestratorId, selectedPath);
 	const lineRef = (0, import_react.useRef)(null);
 	const [mode, setMode] = (0, import_react.useState)("raw");
-	const [copiedPath, setCopiedPath] = (0, import_react.useState)(false);
 	(0, import_react.useEffect)(() => {
 		onReadError(error);
 	}, [error, onReadError]);
@@ -124816,15 +124853,6 @@ function FileContent({ orchestratorId, selectedPath, line, onReadError }) {
 		file?.content,
 		line
 	]);
-	async function copyPath(path) {
-		try {
-			await navigator.clipboard?.writeText(path);
-			setCopiedPath(true);
-			window.setTimeout(() => setCopiedPath(false), 1400);
-		} catch {
-			setCopiedPath(false);
-		}
-	}
 	function selectMode(nextMode, kind) {
 		setMode(nextMode);
 		if (kind) writeModePreference(kind, nextMode);
@@ -124849,14 +124877,13 @@ function FileContent({ orchestratorId, selectedPath, line, onReadError }) {
 					className: "min-w-0 flex-1 truncate font-mono",
 					children: file.path
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-					type: "button",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+					value: file.path,
+					label: "Copy path",
+					copiedLabel: "Copied path",
 					size: "icon",
 					variant: "ghost",
-					className: "h-7 w-7 shrink-0",
-					onClick: () => copyPath(file.path),
-					title: copiedPath ? "Copied path" : "Copy path",
-					children: copiedPath ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+					className: "h-7 w-7 shrink-0"
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge$1, {
 					variant: "outline",
@@ -124913,14 +124940,13 @@ function FileContent({ orchestratorId, selectedPath, line, onReadError }) {
 						className: "min-w-0 flex-1 truncate font-mono",
 						children: file.path
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-						type: "button",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+						value: file.path,
+						label: "Copy path",
+						copiedLabel: "Copied path",
 						size: "icon",
 						variant: "ghost",
-						className: "h-7 w-7 shrink-0",
-						onClick: () => copyPath(file.path),
-						title: copiedPath ? "Copied path" : "Copy path",
-						children: copiedPath ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+						className: "h-7 w-7 shrink-0"
 					}),
 					file.truncated && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge$1, {
 						variant: "secondary",
@@ -127549,6 +127575,11 @@ function ChatPanel({ threads, onBack, showBackButton }) {
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 							className: "flex items-center gap-0.5 md:gap-1 shrink-0",
 							children: agent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+									value: agent.id,
+									label: "Copy agent ID",
+									size: "icon-sm"
+								}),
 								voiceTts.available && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 									variant: "ghost",
 									size: "icon-sm",
@@ -128193,6 +128224,13 @@ function AgentCard({ agent }) {
 					className: "flex gap-1 mt-2.5 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity",
 					onClick: (e) => e.stopPropagation(),
 					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+							value: agent.id,
+							label: "Copy agent ID",
+							size: "icon",
+							className: "h-7 w-7",
+							iconClassName: "w-3 h-3"
+						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 							size: "icon",
 							variant: "ghost",
@@ -129392,9 +129430,6 @@ function WorkspaceActions({ workspace, expanded, onToggleDetails }) {
 	const gitState = useRelayStore((s) => s.workspaceGitState[workspace.id]);
 	const landed = !!gitState && gitState.available !== false && gitState.landed === true;
 	const mergeable = workspace.mode === "isolated" && Boolean(workspace.worktreePath) && MERGEABLE_STATUSES.has(workspace.status) && !landed;
-	async function copyPath() {
-		await navigator.clipboard?.writeText(openPath);
-	}
 	async function merge() {
 		await fetchWorkspaceMergePreview(workspace.id);
 		await workspaceAction(workspace.id, "merge");
@@ -129417,13 +129452,13 @@ function WorkspaceActions({ workspace, expanded, onToggleDetails }) {
 				onClick: () => void openFilesAt({ path: openPath }),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderOpen, { className: "h-3.5 w-3.5" })
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+				value: openPath,
+				label: "Copy path",
+				copiedLabel: "Copied path",
 				size: "icon-sm",
 				variant: "ghost",
-				title: "Copy path",
-				disabled: !openPath,
-				onClick: () => void copyPath(),
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+				disabled: !openPath
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 				size: "icon-sm",
@@ -130703,10 +130738,6 @@ function SecurityView() {
 		await api("POST", `/tokens/${encodeURIComponent(token.jti)}/revoke`);
 		await refresh();
 	}
-	async function copy(value) {
-		await navigator.clipboard?.writeText(value);
-		setStatus("Copied");
-	}
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
 		children: [
@@ -130936,11 +130967,12 @@ function SecurityView() {
 								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 									className: "text-xs text-muted-foreground",
 									children: "New token"
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-									variant: "ghost",
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+									value: issuedToken,
+									label: "Copy token",
 									size: "sm",
-									onClick: () => void copy(issuedToken),
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+									variant: "ghost",
+									onCopied: () => setStatus("Copied")
 								})]
 							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
 								className: "block max-h-24 overflow-auto break-all text-xs",
@@ -153632,8 +153664,11 @@ function MaintenanceView() {
 			})]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollArea, {
 			className: "h-[calc(100dvh-10rem)]",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "overflow-x-auto rounded-md border border-border",
+			children: jobs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "rounded-md border border-border px-3 py-12 text-center text-sm text-muted-foreground",
+				children: "No maintenance jobs registered"
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "hidden overflow-x-auto rounded-md border border-border md:block",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
 					className: "w-full min-w-[980px] text-sm",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", {
@@ -153668,22 +153703,117 @@ function MaintenanceView() {
 								children: "Action"
 							})
 						] })
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: jobs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-						colSpan: 7,
-						className: "px-3 py-12 text-center text-sm text-muted-foreground",
-						children: "No maintenance jobs registered"
-					}) }) : jobs.map((job) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MaintenanceRow, {
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: jobs.map((job) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MaintenanceRow, {
 						job,
 						now,
 						onRun: () => void runMaintenanceJob(job.id)
 					}, job.id)) })]
 				})
-			})
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "space-y-3 md:hidden",
+				children: jobs.map((job) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MaintenanceCard, {
+					job,
+					now,
+					onRun: () => void runMaintenanceJob(job.id)
+				}, job.id))
+			})] })
 		})]
 	});
 }
+function jobStatus(job) {
+	return job.running ? "running" : job.enabled ? job.lastStatus : "disabled";
+}
+function StatusBadge({ status }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge$1, {
+		variant: "outline",
+		className: cn$2("border", STATUS_CLASS[status] || STATUS_CLASS.idle),
+		children: [statusIcon(status), status]
+	});
+}
+function MaintenanceCard({ job, now, onRun }) {
+	const status = jobStatus(job);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "rounded-md border border-border p-3",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "font-medium",
+							children: job.title
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "mt-0.5 text-xs text-muted-foreground",
+							children: job.description
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "mt-1 font-mono text-[11px] text-muted-foreground/80",
+							children: job.id
+						})
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, { status })]
+			}),
+			job.consecutiveFailures > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-2 text-xs text-red-400",
+				children: [
+					job.consecutiveFailures,
+					" failure",
+					job.consecutiveFailures === 1 ? "" : "s"
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+				className: "mt-3 grid grid-cols-3 gap-2 text-xs",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+						className: "text-muted-foreground",
+						children: "Last run"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: job.lastRunAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						title: fmtTime$1(job.lastRunAt),
+						children: timeAgo(now, job.lastRunAt)
+					}) : "never" })] }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+						className: "text-muted-foreground",
+						children: "Next run"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: job.nextRunAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						title: fmtTime$1(job.nextRunAt),
+						children: nextRunText(now, job.nextRunAt)
+					}) : "-" })] }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+						className: "text-muted-foreground",
+						children: "Duration"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: job.lastDurationMs !== void 0 ? `${job.lastDurationMs}ms` : "-" })] })
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-xs text-muted-foreground",
+					children: "Result"
+				}), job.lastError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mt-0.5 text-xs text-red-400 line-clamp-3",
+					children: job.lastError
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mt-0.5 font-mono text-[11px] text-muted-foreground line-clamp-3",
+					children: resultSummary(job)
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-3 flex justify-end",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+					size: "sm",
+					variant: "outline",
+					disabled: !job.enabled || job.running,
+					onClick: onRun,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Play, { className: "h-3.5 w-3.5" }), " Run"]
+				})
+			})
+		]
+	});
+}
 function MaintenanceRow({ job, now, onRun }) {
-	const status = job.running ? "running" : job.enabled ? job.lastStatus : "disabled";
+	const status = jobStatus(job);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
 		className: "border-t border-border align-top",
 		children: [
@@ -153706,11 +153836,7 @@ function MaintenanceRow({ job, now, onRun }) {
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", {
 				className: "px-3 py-3",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge$1, {
-					variant: "outline",
-					className: cn$2("border", STATUS_CLASS[status] || STATUS_CLASS.idle),
-					children: [statusIcon(status), status]
-				}), job.consecutiveFailures > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, { status }), job.consecutiveFailures > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: "mt-1 text-xs text-red-400",
 					children: [
 						job.consecutiveFailures,
@@ -154392,7 +154518,6 @@ function AgentDiagnostics({ agent, orchestrators }) {
 	const now = useNow();
 	const [policyHealth, setPolicyHealth] = (0, import_react.useState)(null);
 	const [agentEvents, setAgentEvents] = (0, import_react.useState)([]);
-	const [copied, setCopied] = (0, import_react.useState)(false);
 	const [expandedSections, setExpandedSections] = (0, import_react.useState)({
 		spawn: true,
 		workspace: true,
@@ -154436,7 +154561,7 @@ function AgentDiagnostics({ agent, orchestrators }) {
 			[key]: !s[key]
 		}));
 	}
-	async function copyDiagnosticBundle() {
+	function buildDiagnosticBundle() {
 		const policy = policyHealth?.policy;
 		const state = policyHealth?.state;
 		const lines = [
@@ -154513,11 +154638,7 @@ function AgentDiagnostics({ agent, orchestrators }) {
 		}
 		const contracts = agent.meta?.contracts;
 		if (contracts) for (const [k, v] of Object.entries(contracts)) lines.push(`Contract ${k}: ${v}`);
-		try {
-			await navigator.clipboard.writeText(lines.join("\n"));
-			setCopied(true);
-			setTimeout(() => setCopied(false), 2e3);
-		} catch {}
+		return lines.join("\n");
 	}
 	const policy = policyHealth?.policy;
 	const state = policyHealth?.state;
@@ -154529,12 +154650,14 @@ function AgentDiagnostics({ agent, orchestrators }) {
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", {
 					className: "text-sm font-medium flex items-center gap-1.5",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stethoscope, { className: "w-3.5 h-3.5 text-muted-foreground" }), "Diagnostics"]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+					value: buildDiagnosticBundle,
+					label: "Copy Bundle",
+					showText: true,
 					size: "sm",
 					variant: "outline",
 					className: "h-7 text-xs gap-1",
-					onClick: copyDiagnosticBundle,
-					children: [copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "w-3 h-3" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "w-3 h-3" }), copied ? "Copied" : "Copy Bundle"]
+					iconClassName: "w-3 h-3"
 				})]
 			}),
 			policy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleSection, {
@@ -155727,13 +155850,21 @@ function AgentDetailDrawer() {
 										className: "space-y-1 text-sm",
 										children: [
 											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-												className: "flex justify-between gap-2 min-w-0",
+												className: "flex items-center justify-between gap-2 min-w-0",
 												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 													className: "text-muted-foreground shrink-0",
 													children: "ID"
-												}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-													className: "font-mono text-xs truncate",
-													children: agent.id
+												}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+													className: "flex min-w-0 items-center gap-1",
+													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+														className: "font-mono text-xs truncate",
+														children: agent.id
+													}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+														value: agent.id,
+														label: "Copy agent ID",
+														size: "icon-xs",
+														className: "shrink-0 text-muted-foreground"
+													})]
 												})]
 											}),
 											runtimePackage && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -157317,11 +157448,6 @@ function OrchestratorInstallModal() {
 			setLoading(false);
 		}
 	}
-	async function copy() {
-		if (!command) return;
-		await navigator.clipboard.writeText(command);
-		showNotification("Install command copied");
-	}
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog, {
 		open,
 		onOpenChange: (o) => !o && set({ orchestratorInstallOpen: false }),
@@ -157390,11 +157516,14 @@ function OrchestratorInstallModal() {
 						onClick: () => set({ orchestratorInstallOpen: false }),
 						children: "Close"
 					}),
-					command && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+					command && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+						value: command,
+						label: "Copy",
+						showText: true,
+						size: "default",
 						variant: "outline",
 						className: "gap-1",
-						onClick: copy,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "w-3.5 h-3.5" }), "Copy"]
+						onCopied: () => showNotification("Install command copied")
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
 						className: "gap-1",
@@ -159322,6 +159451,10 @@ if ("serviceWorker" in navigator) {
     display: inline-flex;
   }
 
+  .table {
+    display: table;
+  }
+
   .field-sizing-content {
     field-sizing: content;
   }