hypervibes 0.0.0-stage → 0.4.0

package/.build/server/assets/_authenticated.agents._agentId.sub-agents._subagentId-DipzVdnr.js

@@ -0,0 +1,13 @@
+import { r as modelChoicesQueryOptions } from "./provider-queries-BaZWLw8J.js";
+import { i as subagentQueryOptions } from "./subagent-queries-sAwBjFxC.js";
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+//#region src/routes/_authenticated.agents.$agentId.sub-agents.$subagentId.tsx
+var $$splitComponentImporter = () => import("./_authenticated.agents._agentId.sub-agents._subagentId-D-6TOi1U.js");
+var Route = createFileRoute("/_authenticated/agents/$agentId/sub-agents/$subagentId")({
+	loader: async ({ params, context }) => {
+		await Promise.all([context.queryClient.fetchQuery(subagentQueryOptions(params.agentId, params.subagentId)), context.queryClient.ensureQueryData(modelChoicesQueryOptions())]);
+	},
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+//#endregion
+export { Route as t };

package/.build/server/assets/_authenticated.agents._agentId.sub-agents._subagentId_.runs._runId-BZR3VLV7.js

@@ -0,0 +1,610 @@
+import { a as subagentRunQueryOptions } from "./subagent-queries-sAwBjFxC.js";
+import { t as Route } from "./_authenticated.agents._agentId.sub-agents._subagentId_.runs._runId-DsYJKfGm.js";
+import { t as subagentMutations } from "./subagent-mutations-dUo3B_SG.js";
+import { t as ProviderLogo } from "./provider-logo-BRdbOr9I.js";
+import { n as CodeExecution, r as ToolCall, t as ChatBubble } from "./chat-bubble-ik3itVbx.js";
+import { t as ArtifactContent } from "./artifact-content-B6uHmPz7.js";
+import { n as RunStatus, t as RelativeTime } from "./subagent-run-history-C_xmucO-.js";
+import { s as workerInstructions } from "./subagent-input-BHQKs2cW.js";
+import { useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { createPortal } from "react-dom";
+//#region src/components/use-subagent-run.ts
+/** One page-scoped subscription; reconnects receive a fresh backend snapshot. */
+function useSubagentRun(agentId, subagentId, runId, initial) {
+	const [detail, setDetail] = useState(initial);
+	const [connectionError, setConnectionError] = useState("");
+	useEffect(() => {
+		let active = true;
+		setConnectionError("");
+		const source = new EventSource(`/api/agents/${encodeURIComponent(agentId)}/sub-agents/${encodeURIComponent(subagentId)}/runs/${encodeURIComponent(runId)}/events`);
+		const interrupted = (event, fallback) => {
+			if (!active) return;
+			setConnectionError(event ? JSON.parse(event.data).message ?? fallback : fallback);
+		};
+		source.addEventListener("run", (event) => {
+			if (!active) return;
+			setDetail(JSON.parse(event.data));
+			setConnectionError("");
+		});
+		source.addEventListener("unauthorized", () => {
+			if (active) window.location.assign("/login");
+		});
+		source.addEventListener("shutdown", () => interrupted(void 0, "Server is restarting. Reconnecting…"));
+		source.addEventListener("unavailable", (event) => interrupted(event, "Live updates interrupted. Reconnecting…"));
+		source.addEventListener("stream-error", (event) => interrupted(event, "Run detail could not be streamed."));
+		source.onerror = () => interrupted(void 0, "Live updates interrupted. Showing the last received detail. Reconnecting…");
+		return () => {
+			active = false;
+			source.close();
+		};
+	}, [
+		agentId,
+		subagentId,
+		runId
+	]);
+	return {
+		detail,
+		connectionError
+	};
+}
+//#endregion
+//#region src/research/tool-activity.ts
+/** Bounded UI projection; never stream raw candle datasets or artifact bodies. */
+function toolActivity(entries, live) {
+	const items = [];
+	const argumentsById = /* @__PURE__ */ new Map();
+	for (const entry of entries) for (const message of entry.model ?? []) {
+		if (message.role !== "assistant") continue;
+		for (const part of message.content) if (part.type === "toolCall") argumentsById.set(part.id, JSON.stringify(part.arguments).slice(0, 500));
+	}
+	for (const entry of entries.slice(-100)) for (const message of entry.model ?? []) {
+		if (message.role !== "toolResult") continue;
+		items.push({
+			id: message.toolCallId,
+			name: message.toolName,
+			status: message.isError ? "error" : "done",
+			durationMs: message.durationMs,
+			arguments: argumentsById.get(message.toolCallId),
+			output: message.content.filter((part) => part.type === "text").map((part) => part.text).join("\n").slice(0, 1e3)
+		});
+		const details = message.details;
+		if (!details || typeof details !== "object" || !("calls" in details) || !Array.isArray(details.calls)) continue;
+		for (const call of details.calls.slice(0, 100)) {
+			if (!call || typeof call !== "object" || !("name" in call) || typeof call.name !== "string") continue;
+			items.push({
+				id: `${message.toolCallId}${message.toolName === "codemode" ? "/c" : ":"}${"id" in call ? String(call.id) : items.length}`,
+				name: `↳ ${call.name}`,
+				status: "status" in call ? String(call.status) : "done",
+				arguments: "args" in call ? String(call.args).slice(0, 500) : void 0,
+				error: "error" in call ? String(call.error).slice(0, 500) : void 0,
+				durationMs: "durationMs" in call && typeof call.durationMs === "number" ? call.durationMs : void 0,
+				queuedMs: "queuedMs" in call && typeof call.queuedMs === "number" ? call.queuedMs : void 0
+			});
+		}
+	}
+	for (const slot of live?.tools ?? []) if (slot.status !== "done") {
+		items.push({
+			id: slot.callId,
+			name: slot.name,
+			status: slot.status,
+			arguments: argumentsById.get(slot.callId)
+		});
+		const details = slot.details;
+		if (!details || typeof details !== "object" || !("calls" in details) || !Array.isArray(details.calls)) continue;
+		for (const call of details.calls.slice(0, 100)) {
+			if (!call || typeof call !== "object" || !("status" in call) || call.status !== "queued" || !("name" in call) || typeof call.name !== "string") continue;
+			items.push({
+				id: `${slot.callId}${slot.name === "codemode" ? "/c" : ":"}${"id" in call ? String(call.id) : items.length}`,
+				name: `↳ ${call.name}`,
+				status: "queued",
+				arguments: "args" in call ? String(call.args).slice(0, 500) : void 0
+			});
+		}
+	}
+	for (const slot of live?.nestedTools ?? []) items.push({
+		id: slot.callId,
+		name: `↳ ${slot.name}`,
+		status: slot.summary?.isError ? "error" : slot.status,
+		arguments: JSON.stringify(slot.arguments).slice(0, 500),
+		error: slot.summary?.error?.slice(0, 500),
+		durationMs: slot.summary?.durationMs
+	});
+	return items.slice(-125);
+}
+//#endregion
+//#region src/components/subagent-run-page.tsx
+var panel = "space-y-4 rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6";
+var pre = "whitespace-pre-wrap break-words text-sm text-zinc-300";
+var button = "cursor-pointer rounded-full border border-zinc-700 px-4 py-2 text-sm text-zinc-300 hover:bg-zinc-800 disabled:cursor-wait disabled:opacity-50";
+var breadcrumbLink = "cursor-pointer text-sm text-zinc-400 hover:text-white";
+function Transcript({ entries, agentId, tools = [] }) {
+	const activity = new Map(entries.flatMap((entry) => toolActivity([entry])).map((tool) => [tool.id, tool]));
+	for (const tool of tools) activity.set(tool.id, tool);
+	for (const entry of entries) for (const message of entry.model ?? []) {
+		if (message.role !== "assistant") continue;
+		for (const part of message.content) if (part.type === "toolCall") {
+			const tool = activity.get(part.id);
+			activity.set(part.id, {
+				id: part.id,
+				name: part.name,
+				status: "pending",
+				...tool,
+				arguments: tool?.arguments ?? JSON.stringify(part.arguments).slice(0, 500)
+			});
+		}
+	}
+	const callIds = new Set(entries.flatMap((entry) => (entry.model ?? []).flatMap((message) => message.role === "assistant" ? message.content.flatMap((part) => part.type === "toolCall" ? [part.id] : []) : [])));
+	function isChild(callId, parentId) {
+		return callId.startsWith(`${parentId}/`) || callId.startsWith(`${parentId}:`);
+	}
+	function renderTool(id) {
+		const tool = activity.get(id);
+		const calls = [...activity.values()].filter((call) => isChild(call.id, id));
+		if (tool?.name === "codemode") return /* @__PURE__ */ jsx(CodeExecution, {
+			tool,
+			calls
+		}, id);
+		return [tool, ...calls].filter((call) => call !== void 0).map((call) => /* @__PURE__ */ jsx(ToolCall, { tool: call }, call.id));
+	}
+	const resultIds = new Set(entries.flatMap((entry) => (entry.model ?? []).flatMap((message) => message.role === "toolResult" ? [message.toolCallId] : [])));
+	const groups = [];
+	for (const entry of entries) for (const [index, message] of (entry.model ?? []).entries()) {
+		if (message.role === "toolResult" && callIds.has(message.toolCallId)) continue;
+		const item = {
+			id: `${entry.id}:${index}`,
+			message
+		};
+		const previous = groups.at(-1);
+		if (message.role === "assistant" && previous?.role === "assistant") previous.messages.push(item);
+		else groups.push({
+			id: item.id,
+			role: message.role,
+			messages: [item]
+		});
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [groups.map((group) => /* @__PURE__ */ jsxs(ChatBubble, {
+			role: group.role === "toolResult" ? "tool" : group.role,
+			children: [(group.role === "assistant" || group.role === "user") && /* @__PURE__ */ jsx("h3", {
+				className: "text-xs font-semibold uppercase tracking-wide text-zinc-400",
+				children: group.role
+			}), group.messages.map(({ message, id }) => message.role === "toolResult" ? /* @__PURE__ */ jsx("div", { children: renderTool(message.toolCallId) }, id) : message.role === "system" ? /* @__PURE__ */ jsxs("details", { children: [/* @__PURE__ */ jsx("summary", {
+				className: "cursor-pointer text-xs font-semibold uppercase tracking-wide text-zinc-400",
+				children: "System"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "mt-3 space-y-3",
+				children: [
+					/* @__PURE__ */ jsx("pre", {
+						className: pre,
+						children: typeof message.content === "string" ? message.content : message.content.map((part) => part.text).join("\n")
+					}),
+					Object.entries(message.sections ?? {}).map(([name, content]) => /* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx("h4", {
+							className: "text-xs font-medium text-zinc-400",
+							children: name
+						}), /* @__PURE__ */ jsx("pre", {
+							className: pre,
+							children: content ?? "Section removed"
+						})]
+					}, name)),
+					!!message.toolsAdded?.length && /* @__PURE__ */ jsxs("p", {
+						className: "text-xs text-zinc-400",
+						children: ["Tools added: ", message.toolsAdded.map((tool) => tool.name).join(", ")]
+					}),
+					!!message.toolsRemoved?.length && /* @__PURE__ */ jsxs("p", {
+						className: "text-xs text-zinc-400",
+						children: ["Tools removed: ", message.toolsRemoved.map((tool) => tool.name).join(", ")]
+					})
+				]
+			})] }, id) : /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [typeof message.content === "string" ? /* @__PURE__ */ jsx(ArtifactContent, {
+					agentId,
+					content: message.content
+				}) : message.content.map((part, partIndex) => /* @__PURE__ */ jsx("div", { children: part.type === "text" ? /* @__PURE__ */ jsx(ArtifactContent, {
+					agentId,
+					content: part.text
+				}) : part.type === "thinking" ? /* @__PURE__ */ jsxs("details", {
+					open: true,
+					children: [/* @__PURE__ */ jsx("summary", {
+						className: "cursor-pointer text-xs text-zinc-400",
+						children: "Thinking"
+					}), /* @__PURE__ */ jsx("pre", {
+						className: pre,
+						children: part.thinking
+					})]
+				}) : part.type === "toolCall" ? /* @__PURE__ */ jsx(Fragment$1, { children: renderTool(part.id) }) : /* @__PURE__ */ jsx("pre", {
+					className: pre,
+					children: JSON.stringify(part, null, 2)
+				}) }, partIndex)), message.role === "assistant" && message.errorMessage && /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-red-300",
+					children: message.errorMessage
+				})]
+			}, id))]
+		}, group.id)), [...activity.values()].filter((tool) => ![...callIds, ...resultIds].some((id) => tool.id === id || isChild(tool.id, id))).map((tool) => /* @__PURE__ */ jsx(ToolCall, { tool }, tool.id))]
+	});
+}
+function InstructionsDialog({ instructions, children, onClose }) {
+	const dialog = useRef(null);
+	const titleId = useId();
+	useEffect(() => {
+		const element = dialog.current;
+		element.showModal();
+		return () => element.close();
+	}, []);
+	return createPortal(/* @__PURE__ */ jsxs("dialog", {
+		ref: dialog,
+		"aria-labelledby": titleId,
+		onCancel: (event) => {
+			event.preventDefault();
+			onClose();
+		},
+		className: "m-auto flex max-h-[calc(100dvh-2rem)] w-[calc(100%_-_2rem)] max-w-3xl flex-col overflow-hidden rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6 text-zinc-200 shadow-2xl backdrop:bg-black/70 backdrop:backdrop-blur-sm",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "mb-4 flex shrink-0 items-center justify-between gap-3",
+				children: [/* @__PURE__ */ jsx("h3", {
+					id: titleId,
+					className: "text-lg font-semibold text-white",
+					children: "Instructions at execution"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onClose,
+					className: button,
+					children: "Close"
+				})]
+			}),
+			/* @__PURE__ */ jsx("pre", {
+				className: `${pre} min-h-0 overflow-y-auto overscroll-contain`,
+				children: instructions
+			}),
+			/* @__PURE__ */ jsx("footer", {
+				className: "mt-4 shrink-0 space-y-2 border-t border-zinc-800 pt-4",
+				children
+			})
+		]
+	}), document.body);
+}
+function SubagentRunPage({ initial }) {
+	const mutation = useMutation({ mutationFn: subagentMutations(useQueryClient(), initial.run.agentId).stop });
+	const pending = mutation.isPending, error = mutation.error?.message;
+	const inFlight = useRef(false);
+	async function stop() {
+		if (inFlight.current) return;
+		inFlight.current = true;
+		try {
+			await mutation.mutateAsync(initial.run.id);
+		} catch {} finally {
+			inFlight.current = false;
+		}
+	}
+	const [instructionsOpen, setInstructionsOpen] = useState(false);
+	const [copyStatus, setCopyStatus] = useState("");
+	async function copyRunId() {
+		try {
+			await navigator.clipboard.writeText(initial.run.id);
+			setCopyStatus("Copied");
+		} catch {
+			setCopyStatus("Unable to copy");
+		}
+	}
+	const { detail, connectionError } = useSubagentRun(initial.run.agentId, initial.run.subagentId, initial.run.id, initial);
+	const { run } = detail;
+	const transcriptEnd = useRef(null);
+	const transcriptScroll = useRef(null);
+	const following = useRef(true);
+	const wasLive = useRef(false);
+	const initializedScroll = useRef(false);
+	const [transcriptReady, setTranscriptReady] = useState(false);
+	useEffect(() => {
+		const scroller = transcriptScroll.current;
+		if (!scroller) return;
+		const onScroll = () => {
+			following.current = scroller.scrollHeight - scroller.scrollTop - scroller.clientHeight < 80;
+		};
+		scroller.addEventListener("scroll", onScroll, { passive: true });
+		return () => scroller.removeEventListener("scroll", onScroll);
+	}, []);
+	useLayoutEffect(() => {
+		const live = run.status === "queued" || run.status === "running";
+		if (following.current && (!initializedScroll.current || live || wasLive.current)) transcriptEnd.current?.scrollIntoView({
+			block: "end",
+			behavior: "instant"
+		});
+		if (!initializedScroll.current) {
+			initializedScroll.current = true;
+			setTranscriptReady(true);
+		}
+		wasLive.current = live;
+	}, [
+		detail.entries,
+		detail.tools,
+		run.status
+	]);
+	const subagentUrl = `/agents/${encodeURIComponent(run.agentId)}/sub-agents/${encodeURIComponent(run.subagentId)}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-[calc(100dvh-4.5rem)] min-h-0 w-full min-w-0 flex-col gap-3 overflow-hidden sm:h-[calc(100dvh-5rem)]",
+		children: [/* @__PURE__ */ jsxs("section", {
+			"aria-label": "Run header",
+			className: `${panel} shrink-0`,
+			children: [
+				/* @__PURE__ */ jsxs("header", {
+					className: "flex flex-wrap items-center justify-between gap-3",
+					children: [/* @__PURE__ */ jsxs("nav", {
+						"aria-label": "Run breadcrumb",
+						className: "flex min-w-0 flex-1 flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ jsxs("a", {
+								href: `/agents/${encodeURIComponent(run.agentId)}/sub-agents`,
+								className: breadcrumbLink,
+								children: [/* @__PURE__ */ jsx("span", {
+									"aria-hidden": "true",
+									children: "← "
+								}), "Sub-agents"]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								"aria-hidden": "true",
+								className: "text-zinc-600",
+								children: "/"
+							}),
+							/* @__PURE__ */ jsx("a", {
+								href: subagentUrl,
+								className: breadcrumbLink,
+								children: detail.definition.name
+							}),
+							/* @__PURE__ */ jsx("span", {
+								"aria-hidden": "true",
+								className: "text-zinc-600",
+								children: "/"
+							}),
+							/* @__PURE__ */ jsxs("h2", {
+								"aria-current": "page",
+								className: "break-words text-lg font-medium text-white",
+								children: ["Run ", run.id]
+							}),
+							/* @__PURE__ */ jsx("button", {
+								type: "button",
+								"aria-label": "Copy run ID",
+								title: "Copy run ID",
+								onClick: () => {
+									copyRunId();
+								},
+								className: "shrink-0 cursor-pointer rounded p-1 text-zinc-400 hover:text-white focus-visible:outline-violet-400",
+								children: /* @__PURE__ */ jsxs("svg", {
+									"aria-hidden": "true",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: 1.5,
+									className: "size-4",
+									children: [/* @__PURE__ */ jsx("rect", {
+										x: "8",
+										y: "8",
+										width: "12",
+										height: "12",
+										rx: "2"
+									}), /* @__PURE__ */ jsx("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M16 8V4H4v12h4"
+									})]
+								})
+							}),
+							copyStatus && /* @__PURE__ */ jsx("span", {
+								role: "status",
+								className: "text-xs text-zinc-400",
+								children: copyStatus
+							}),
+							/* @__PURE__ */ jsx(RunStatus, { status: run.status })
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex shrink-0 items-center gap-2",
+						children: [/* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": "Instructions at execution",
+							title: "Instructions at execution",
+							onClick: () => setInstructionsOpen(true),
+							className: "cursor-pointer rounded-full border border-zinc-700 p-2 text-zinc-300 hover:bg-zinc-800",
+							children: /* @__PURE__ */ jsx("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								strokeWidth: 1.5,
+								stroke: "currentColor",
+								"aria-hidden": "true",
+								className: "size-4",
+								children: /* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
+								})
+							})
+						}), (run.status === "queued" || run.status === "running") && /* @__PURE__ */ jsx("button", {
+							type: "button",
+							disabled: pending,
+							onClick: () => {
+								stop();
+							},
+							className: "shrink-0 cursor-pointer rounded-full border border-red-500/60 px-4 py-2 text-sm text-red-400 hover:bg-red-500/10 disabled:cursor-wait disabled:opacity-50",
+							children: "Cancel"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx("hr", { className: "border-zinc-800" }),
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-sm text-zinc-400",
+					children: [
+						run.source,
+						" · Created ",
+						/* @__PURE__ */ jsx(RelativeTime, { timestamp: run.createdAt }),
+						run.finishedAt !== null && /* @__PURE__ */ jsxs(Fragment$1, { children: [" · Finished ", /* @__PURE__ */ jsx(RelativeTime, { timestamp: run.finishedAt })] })
+					]
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "flex items-center gap-1.5 text-xs text-zinc-500",
+					children: [
+						/* @__PURE__ */ jsx(ProviderLogo, {
+							provider: run.config.provider,
+							className: "h-4 w-4 shrink-0 rounded-sm border border-zinc-800 bg-white p-0.5"
+						}),
+						/* @__PURE__ */ jsxs("span", { children: [
+							run.config.provider,
+							"/",
+							run.config.modelId
+						] }),
+						/* @__PURE__ */ jsxs("span", { children: [
+							run.config.thinkingLevel && ` · Thinking: ${run.config.thinkingLevel}`,
+							" · ",
+							run.config.persistent ? "Persistent context" : "Fresh context"
+						] })
+					]
+				}),
+				connectionError && /* @__PURE__ */ jsx("p", {
+					role: "status",
+					className: "text-sm text-amber-200",
+					children: connectionError
+				}),
+				error && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "text-sm text-red-300",
+					children: error
+				}),
+				detail.warnings?.map((warning, index) => /* @__PURE__ */ jsxs("p", {
+					role: "status",
+					className: "text-sm text-amber-200",
+					children: [
+						warning.code.replaceAll("_", " "),
+						": ",
+						warning.message
+					]
+				}, `${warning.code}:${index}`)),
+				instructionsOpen && /* @__PURE__ */ jsxs(InstructionsDialog, {
+					instructions: detail.context?.instructions ?? workerInstructions(run.config),
+					onClose: () => setInstructionsOpen(false),
+					children: [
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-xs text-zinc-400",
+							children: [
+								"Insights snapshot: ",
+								detail.context?.insightStatus ?? "legacy/none",
+								". Stopping does not cancel exchange orders."
+							]
+						}),
+						detail.context?.insights && /* @__PURE__ */ jsx("div", {
+							className: "flex flex-wrap gap-4 text-sm",
+							children: [detail.context.insights.agent, detail.context.insights.worker].map((snapshot) => /* @__PURE__ */ jsxs("a", {
+								className: "cursor-pointer text-violet-300",
+								href: `/agents/${run.agentId}/memories?scope=${snapshot.scope.kind === "worker" ? encodeURIComponent(snapshot.scope.subagentId) : ""}${snapshot.version ? `&version=${snapshot.version}` : ""}`,
+								children: [
+									snapshot.scope.kind === "agent" ? "Agent-wide" : "Worker-specific",
+									" insights v",
+									snapshot.version
+								]
+							}, snapshot.scope.kind))
+						}),
+						detail.publications?.length ? /* @__PURE__ */ jsx("div", {
+							className: "space-y-2",
+							children: detail.publications.map((publication) => /* @__PURE__ */ jsxs("a", {
+								className: "block cursor-pointer text-sm text-violet-300",
+								href: `/agents/${encodeURIComponent(run.agentId)}/memories/${encodeURIComponent(publication.ref)}`,
+								children: [
+									publication.ref,
+									" · ",
+									publication.kind,
+									" · ",
+									publication.summary
+								]
+							}, publication.ref))
+						}) : null,
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-xs text-zinc-500",
+							children: ["Allowed tools: ", run.config.tools.join(", ") || "None"]
+						})
+					]
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 flex-1 flex-col gap-3",
+			children: [run.status === "failed" && /* @__PURE__ */ jsxs("section", {
+				"aria-label": "Run error",
+				className: "max-h-[40%] shrink-0 space-y-2 overflow-y-auto overscroll-contain rounded-2xl border border-red-900/60 bg-red-950/10 p-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "font-medium text-red-300",
+					children: "Run error"
+				}), /* @__PURE__ */ jsx("pre", {
+					className: pre,
+					children: run.result.trim() || "No failure details recorded."
+				})]
+			}), /* @__PURE__ */ jsxs("section", {
+				ref: transcriptScroll,
+				"aria-label": "Conversation transcript",
+				className: `${panel} min-h-0 flex-1 overflow-y-auto overscroll-contain${transcriptReady ? "" : " invisible"}`,
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "font-medium text-white",
+						children: "Conversation transcript"
+					}),
+					detail.prior.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("details", { children: [
+						/* @__PURE__ */ jsxs("summary", {
+							className: "cursor-pointer font-medium text-white",
+							children: [
+								"Earlier conversation context · ",
+								detail.prior.length,
+								" entries"
+							]
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "my-4 text-sm text-zinc-400",
+							children: "History preceding this assignment in the persistent conversation. Later assignments are not shown."
+						}),
+						/* @__PURE__ */ jsx(Transcript, {
+							entries: detail.prior,
+							agentId: run.agentId
+						})
+					] }) }),
+					detail.entries.length ? /* @__PURE__ */ jsx(Transcript, {
+						entries: detail.entries,
+						agentId: run.agentId,
+						tools: detail.tools
+					}) : /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-zinc-500",
+						children: "No transcript entries yet."
+					}),
+					(run.status === "queued" || run.status === "running") && /* @__PURE__ */ jsxs("p", {
+						role: "status",
+						className: "flex items-center gap-2 pt-2 text-xs text-zinc-400",
+						children: [
+							/* @__PURE__ */ jsx("svg", {
+								"aria-hidden": "true",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: 2,
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								className: "size-4 text-violet-400 animate-spin",
+								children: /* @__PURE__ */ jsx("path", { d: "M12 3a9 9 0 1 1-9 9" })
+							}),
+							run.status === "queued" ? "Waiting to start" : "Thinking",
+							"…"
+						]
+					}),
+					/* @__PURE__ */ jsx("div", { ref: transcriptEnd })
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/routes/_authenticated.agents.$agentId.sub-agents.$subagentId_.runs.$runId.tsx?tsr-split=component
+function Page() {
+	const { agentId, subagentId, runId } = Route.useParams();
+	const { data: initial } = useSuspenseQuery(subagentRunQueryOptions(agentId, subagentId, runId));
+	return /* @__PURE__ */ jsx(SubagentRunPage, { initial }, `${agentId}:${runId}`);
+}
+//#endregion
+export { Page as component };

package/.build/server/assets/_authenticated.agents._agentId.sub-agents._subagentId_.runs._runId-DsYJKfGm.js

@@ -0,0 +1,12 @@
+import { a as subagentRunQueryOptions } from "./subagent-queries-sAwBjFxC.js";
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+//#region src/routes/_authenticated.agents.$agentId.sub-agents.$subagentId_.runs.$runId.tsx
+var $$splitComponentImporter = () => import("./_authenticated.agents._agentId.sub-agents._subagentId_.runs._runId-BZR3VLV7.js");
+var Route = createFileRoute("/_authenticated/agents/$agentId/sub-agents/$subagentId_/runs/$runId")({
+	loader: async ({ params, context }) => {
+		await context.queryClient.fetchQuery(subagentRunQueryOptions(params.agentId, params.subagentId, params.runId));
+	},
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+//#endregion
+export { Route as t };