hypervibes 0.0.0-stage → 0.4.0

package/.build/server/assets/_authenticated.agents._agentId.sub-agents._subagentId-D-6TOi1U.js

@@ -0,0 +1,1371 @@
+import { r as modelChoicesQueryOptions } from "./provider-queries-BaZWLw8J.js";
+import { d as saveSubagentAssignments, f as saveSubagentIdentity, g as unarchiveSubagent, i as subagentQueryOptions, m as saveSubagentTools, s as archiveSubagent, t as cacheSubagent } from "./subagent-queries-sAwBjFxC.js";
+import { f as randomUuid, t as chartToolNames } from "./contracts-CG-nZuYJ.js";
+import { r as candleIntervals, t as defaultWorkerTriggers } from "./worker-triggers-CJF5HWzR.js";
+import { t as memoryToolNames } from "./memory-contracts-DQGN2IKV.js";
+import { t as Route } from "./_authenticated.agents._agentId.sub-agents._subagentId-DipzVdnr.js";
+import { t as subagentMutations } from "./subagent-mutations-dUo3B_SG.js";
+import { n as configButton, r as configInput, t as ConfigDialog } from "./config-dialog-9gSAjwwT.js";
+import { t as ProviderLogo } from "./provider-logo-BRdbOr9I.js";
+import { a as modelKey, n as ModelPicker } from "./model-picker-CA1uYb--.js";
+import { t as SubagentEnabledToggle } from "./subagent-enabled-toggle-Djte00oo.js";
+import { t as RunSubagentDialog } from "./run-subagent-dialog-C7iUOZa-.js";
+import { r as SubagentRunHistory } from "./subagent-run-history-C_xmucO-.js";
+import { a as normalizeDelegationTools, i as indicatorReadToolNames, n as hyperliquidToolNames, o as researchToolNames, r as indicatorDevelopToolNames, t as defaultMainInstructions } from "./subagent-input-BHQKs2cW.js";
+import { useEffect, useId, useRef, useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { format } from "timeago.js";
+//#region src/components/worker-trigger-config.tsx
+function WorkerTriggerConfig({ value = defaultWorkerTriggers, workers, onChange }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex items-center justify-between gap-4",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "font-medium text-white",
+					children: "Event triggers"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-haspopup": "dialog",
+					onClick: () => setOpen(true),
+					className: configButton,
+					children: "Edit triggers"
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-zinc-400",
+				children: value.inboxEnabled ? "Event-driven inbox enabled" : "Event-driven inbox disabled"
+			}),
+			value.inboxEnabled && /* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-zinc-400",
+				children: [
+					[
+						value.researchSources.length ? `${value.researchSources.length} research sources` : "",
+						value.fills ? "Order fills" : "",
+						value.orderChanges ? "Order status changes" : ""
+					].filter(Boolean).join(" · ") || "No automatic events selected",
+					" · ",
+					value.workerDelegates.length,
+					" approved worker callers"
+				]
+			}),
+			open && /* @__PURE__ */ jsx(TriggerDialog, {
+				value,
+				workers,
+				onCancel: () => setOpen(false),
+				onApply: async (next) => {
+					await onChange(next);
+					setOpen(false);
+				}
+			})
+		]
+	});
+}
+function TriggerDialog({ value, workers, onCancel, onApply }) {
+	const [draft, setDraft] = useState(value);
+	const [saving, setSaving] = useState(false), [error, setError] = useState("");
+	const inFlight = useRef(false);
+	async function apply() {
+		if (inFlight.current) return;
+		inFlight.current = true;
+		setSaving(true);
+		setError("");
+		try {
+			await onApply(draft);
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Unable to save triggers");
+		} finally {
+			inFlight.current = false;
+			setSaving(false);
+		}
+	}
+	const sources = (key, title) => /* @__PURE__ */ jsxs("fieldset", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ jsx("legend", {
+			className: "mb-2 text-sm font-medium text-white",
+			children: title
+		}), workers.length ? workers.map((worker) => /* @__PURE__ */ jsxs("label", {
+			className: "flex cursor-pointer items-center gap-3 text-sm",
+			children: [
+				/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					checked: draft[key].includes(worker.id),
+					disabled: worker.archived && !draft[key].includes(worker.id),
+					onChange: (event) => setDraft((current) => ({
+						...current,
+						[key]: event.target.checked ? [...current[key], worker.id] : current[key].filter((id) => id !== worker.id)
+					})),
+					className: "cursor-pointer"
+				}),
+				worker.name,
+				worker.archived ? " (archived)" : ""
+			]
+		}, worker.id)) : /* @__PURE__ */ jsx("p", {
+			className: "text-xs text-zinc-500",
+			children: "Create another worker first."
+		})]
+	});
+	return /* @__PURE__ */ jsxs(ConfigDialog, {
+		title: "Event triggers",
+		onCancel: () => {
+			if (!inFlight.current) onCancel();
+		},
+		onApply: () => {
+			apply();
+		},
+		applyDisabled: saving,
+		children: [/* @__PURE__ */ jsxs("fieldset", {
+			disabled: saving,
+			className: "space-y-5 disabled:opacity-60",
+			children: [/* @__PURE__ */ jsxs("label", {
+				className: "flex cursor-pointer items-center gap-3 text-sm",
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					checked: draft.inboxEnabled,
+					onChange: (event) => setDraft(event.target.checked ? {
+						...draft,
+						inboxEnabled: true
+					} : { ...defaultWorkerTriggers }),
+					className: "cursor-pointer"
+				}), "Enable event triggers"]
+			}), draft.inboxEnabled && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				sources("researchSources", "Research published"),
+				sources("workerDelegates", "Allow research delegation from"),
+				workers.filter((worker) => draft.workerDelegates.includes(worker.id) && worker.tools !== void 0 && !normalizeDelegationTools(worker.tools).includes("delegate_subagent")).map((worker) => /* @__PURE__ */ jsxs("p", {
+					role: "status",
+					className: "text-xs text-amber-200",
+					children: [worker.name, " cannot delegate: enable delegate_subagent in its Tools."]
+				}, worker.id)),
+				/* @__PURE__ */ jsxs("label", {
+					className: "flex cursor-pointer items-center gap-3 text-sm",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: draft.fills,
+						onChange: (event) => setDraft((current) => ({
+							...current,
+							fills: event.target.checked
+						})),
+						className: "cursor-pointer"
+					}), "Order fills — partial or complete"]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "flex cursor-pointer items-center gap-3 text-sm",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: draft.orderChanges,
+						onChange: (event) => setDraft((current) => ({
+							...current,
+							orderChanges: event.target.checked
+						})),
+						className: "cursor-pointer"
+					}), "Order status changes — canceled, rejected, expired"]
+				})
+			] })]
+		}), error && /* @__PURE__ */ jsx("p", {
+			role: "alert",
+			className: "text-sm text-red-300",
+			children: error
+		})]
+	});
+}
+function runPagination(total, requestedPage = 1) {
+	const pages = Math.max(1, Math.ceil(total / 50));
+	return {
+		page: Math.min(requestedPage, pages),
+		pages,
+		total,
+		pageSize: 50
+	};
+}
+//#endregion
+//#region src/components/use-subagent-runs.ts
+/** One page-scoped subscription; reconnects receive a fresh backend snapshot. */
+function useSubagentRuns(agentId, subagentId, initial) {
+	const [history, setHistory] = useState(() => ({
+		runs: initial?.runs ?? [],
+		pagination: initial?.pagination ?? runPagination(initial?.runs.length ?? 0),
+		schedulerError: initial?.schedulerError ?? null
+	}));
+	const [page, setPage] = useState(1);
+	const [loading, setLoading] = useState(false);
+	const [connectionError, setConnectionError] = useState("");
+	useEffect(() => {
+		if (!subagentId) return;
+		let active = true;
+		setLoading(true);
+		setConnectionError("");
+		const source = new EventSource(`/api/agents/${encodeURIComponent(agentId)}/sub-agents/${encodeURIComponent(subagentId)}/runs/events?page=${page}`);
+		const interrupted = (event, fallback) => {
+			if (!active) return;
+			setLoading(false);
+			setConnectionError(event ? JSON.parse(event.data).message ?? fallback : fallback);
+		};
+		source.addEventListener("runs", (event) => {
+			if (!active) return;
+			const snapshot = JSON.parse(event.data);
+			setHistory(snapshot);
+			setLoading(false);
+			setConnectionError("");
+			if (snapshot.pagination.page !== page) setPage(snapshot.pagination.page);
+		});
+		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, "Run history updates interrupted. Reconnecting…"));
+		source.addEventListener("stream-error", (event) => interrupted(event, "Run history could not be streamed."));
+		source.onerror = () => interrupted(void 0, "Live updates interrupted. Showing the last received history. Reconnecting…");
+		return () => {
+			active = false;
+			source.close();
+		};
+	}, [
+		agentId,
+		subagentId,
+		page
+	]);
+	return {
+		history,
+		loading,
+		connectionError,
+		setPage
+	};
+}
+//#endregion
+//#region src/components/archive-subagent-dialog.tsx
+function ArchiveSubagentDialog({ name, onCancel, onConfirm }) {
+	const dialog = useRef(null);
+	const titleId = useId();
+	useEffect(() => {
+		const element = dialog.current;
+		element.showModal();
+		return () => element.close();
+	}, []);
+	return /* @__PURE__ */ jsxs("dialog", {
+		ref: dialog,
+		"aria-labelledby": titleId,
+		"aria-describedby": `${titleId}-description`,
+		onCancel: (event) => {
+			event.preventDefault();
+			onCancel();
+		},
+		className: "m-auto w-[calc(100%_-_2rem)] max-w-md rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6 text-zinc-100 shadow-2xl backdrop:bg-black/70 backdrop:backdrop-blur-sm",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				id: titleId,
+				className: "text-lg font-semibold text-white",
+				children: "Archive sub-agent?"
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				id: `${titleId}-description`,
+				className: "mt-2 text-sm leading-6 text-zinc-400",
+				children: [
+					"Archive “",
+					name,
+					"”? New assignments will be disabled. Its configuration and run history will be preserved."
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-6 flex flex-col-reverse gap-3 sm:flex-row sm:justify-end",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					autoFocus: true,
+					onClick: onCancel,
+					className: "cursor-pointer rounded-full border border-zinc-800 px-4 py-2 text-sm font-medium text-zinc-300 hover:border-zinc-700 hover:text-white",
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onConfirm,
+					className: "cursor-pointer rounded-full bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-500",
+					children: "Archive sub-agent"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/subagent-config.tsx
+function SubagentIdentity({ value, main, agentId, enabled, onToggleEnabled, onChange, actions }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ jsxs("nav", {
+					"aria-label": "Sub-agent breadcrumb",
+					className: "flex min-w-0 flex-1 flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsxs("a", {
+							href: `/agents/${agentId}/sub-agents`,
+							className: "cursor-pointer text-sm text-zinc-400 hover:text-white",
+							children: [/* @__PURE__ */ jsx("span", {
+								"aria-hidden": "true",
+								children: "← "
+							}), "Sub-agents"]
+						}),
+						/* @__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: [value.name || "Create subagent", main && " · Main conversation"]
+						}),
+						!main && /* @__PURE__ */ jsx(SubagentEnabledToggle, {
+							enabled,
+							onClick: onToggleEnabled
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "min-w-0 break-words text-sm text-zinc-400",
+							children: value.description || "No description"
+						}),
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": "Edit name and description",
+							title: "Edit name and description",
+							"aria-haspopup": "dialog",
+							onClick: () => setOpen(true),
+							className: "inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1 text-zinc-400 hover:bg-zinc-800 hover:text-white",
+							children: /* @__PURE__ */ jsx("svg", {
+								"aria-hidden": "true",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: 1.5,
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								className: "size-4",
+								children: /* @__PURE__ */ jsx("path", { d: "m16 4 4 4M4 20l4-1L21 6a2.8 2.8 0 0 0-4-4L4 15z" })
+							})
+						})
+					]
+				}), actions && /* @__PURE__ */ jsx("div", {
+					className: "flex shrink-0 items-center gap-2",
+					children: actions
+				})]
+			}),
+			/* @__PURE__ */ jsx("hr", { className: "border-zinc-800" }),
+			open && /* @__PURE__ */ jsx(IdentityDialog, {
+				value,
+				onCancel: () => setOpen(false),
+				onApply: async (next) => {
+					await onChange(next);
+					setOpen(false);
+				}
+			})
+		]
+	});
+}
+function IdentityDialog({ value, onCancel, onApply }) {
+	const [draft, setDraft] = useState(value);
+	const [saving, setSaving] = useState(false);
+	const [error, setError] = useState("");
+	const inFlight = useRef(false);
+	const descriptionHintId = useId();
+	async function apply() {
+		if (inFlight.current || !draft.name.trim()) return;
+		inFlight.current = true;
+		setSaving(true);
+		setError("");
+		try {
+			await onApply({
+				name: draft.name.trim(),
+				description: draft.description.trim()
+			});
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Unable to save name and description. Please retry.");
+		} finally {
+			inFlight.current = false;
+			setSaving(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(ConfigDialog, {
+		title: "Edit name and description",
+		onCancel: () => {
+			if (!inFlight.current) onCancel();
+		},
+		onApply: () => {
+			apply();
+		},
+		applyDisabled: saving || !draft.name.trim(),
+		children: [
+			/* @__PURE__ */ jsxs("fieldset", {
+				disabled: saving,
+				className: "space-y-5 disabled:opacity-60",
+				children: [/* @__PURE__ */ jsxs("label", {
+					className: "block space-y-2 text-sm",
+					children: ["Name", /* @__PURE__ */ jsx("input", {
+						autoFocus: true,
+						required: true,
+						maxLength: 80,
+						value: draft.name,
+						onChange: (event) => setDraft((current) => ({
+							...current,
+							name: event.target.value
+						})),
+						className: configInput
+					})]
+				}), /* @__PURE__ */ jsxs("label", {
+					className: "block space-y-2 text-sm",
+					children: [
+						"Description",
+						/* @__PURE__ */ jsx("input", {
+							"aria-describedby": descriptionHintId,
+							maxLength: 500,
+							value: draft.description,
+							onChange: (event) => setDraft((current) => ({
+								...current,
+								description: event.target.value
+							})),
+							className: configInput
+						}),
+						/* @__PURE__ */ jsx("span", {
+							id: descriptionHintId,
+							className: "block text-xs text-zinc-400",
+							children: "Human-readable description."
+						})
+					]
+				})]
+			}),
+			saving && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "text-sm text-zinc-400",
+				children: "Saving…"
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-sm text-red-300",
+				children: error
+			})
+		]
+	});
+}
+var toolGroups = [
+	{
+		name: "Hyperliquid",
+		tools: hyperliquidToolNames
+	},
+	{
+		name: "Research · Code Mode & Artifacts",
+		tools: researchToolNames
+	},
+	{
+		name: "Indicators — Read & Calculate",
+		tools: indicatorReadToolNames
+	},
+	{
+		name: "Indicators — Develop",
+		tools: indicatorDevelopToolNames
+	},
+	{
+		name: "Memories & Insights",
+		tools: memoryToolNames
+	},
+	{
+		name: "Chart workspace · Orchestrator only",
+		tools: chartToolNames
+	},
+	{
+		name: "HyperVibes · Notifications",
+		tools: ["send_notification"]
+	},
+	{
+		name: "HyperVibes · Subagents",
+		tools: [
+			"list_subagents",
+			"delegate_subagent",
+			"list_subagent_runs",
+			"get_subagent_run"
+		]
+	}
+];
+function ToolPicker({ tools, onChange, main = false }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex items-center justify-between gap-4",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "font-medium text-white",
+					children: "Tools"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-haspopup": "dialog",
+					onClick: () => setOpen(true),
+					className: configButton,
+					children: "Edit tools"
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-zinc-400",
+				children: tools.length ? `${tools.length} ${tools.length === 1 ? "tool" : "tools"} allowed` : "No tools allowed"
+			}),
+			toolGroups.map((group) => {
+				const enabled = group.tools.filter((name) => tools.includes(name));
+				if (!enabled.length) return null;
+				return /* @__PURE__ */ jsxs("p", {
+					className: "line-clamp-2 break-words text-sm text-zinc-200",
+					title: `${group.name}: ${enabled.join(", ")}`,
+					children: [
+						group.name,
+						": ",
+						/* @__PURE__ */ jsx("span", {
+							className: "font-mono",
+							children: enabled.join(", ")
+						})
+					]
+				}, group.name);
+			}),
+			open && /* @__PURE__ */ jsx(ToolDialog, {
+				tools,
+				main,
+				onCancel: () => setOpen(false),
+				onApply: async (next) => {
+					await onChange(next);
+					setOpen(false);
+				}
+			})
+		]
+	});
+}
+function ToolDialog({ tools, onCancel, onApply, main }) {
+	const [draft, setDraft] = useState(tools);
+	const [search, setSearch] = useState("");
+	const [saving, setSaving] = useState(false);
+	const [error, setError] = useState("");
+	const inFlight = useRef(false);
+	async function apply() {
+		if (inFlight.current) return;
+		inFlight.current = true;
+		setSaving(true);
+		setError("");
+		try {
+			await onApply(draft);
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Unable to save tools. Please retry.");
+		} finally {
+			inFlight.current = false;
+			setSaving(false);
+		}
+	}
+	const groups = toolGroups.filter((group) => main || group.tools !== chartToolNames).map((group) => ({
+		...group,
+		visibleTools: group.tools.filter((name) => `${group.name} ${name}`.toLowerCase().includes(search.trim().toLowerCase()))
+	})).filter((group) => group.visibleTools.length);
+	return /* @__PURE__ */ jsxs(ConfigDialog, {
+		title: "Allowed tools",
+		onCancel: () => {
+			if (!inFlight.current) onCancel();
+		},
+		onApply: () => {
+			apply();
+		},
+		applyDisabled: saving,
+		children: [/* @__PURE__ */ jsxs("fieldset", {
+			disabled: saving,
+			className: "space-y-4 disabled:opacity-60",
+			children: [
+				/* @__PURE__ */ jsxs("label", {
+					className: "block space-y-2 text-sm",
+					children: ["Search extensions and tools", /* @__PURE__ */ jsx("input", {
+						autoFocus: true,
+						type: "search",
+						value: search,
+						onChange: (event) => setSearch(event.target.value),
+						className: configInput
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "max-h-80 space-y-4 overflow-y-auto",
+					children: [groups.map((group) => /* @__PURE__ */ jsxs("fieldset", {
+						className: "space-y-3 rounded-xl border border-zinc-800 p-4",
+						children: [/* @__PURE__ */ jsx("legend", {
+							className: "px-2 text-sm font-medium text-white",
+							children: /* @__PURE__ */ jsxs("span", {
+								className: "inline-flex flex-wrap items-center gap-3",
+								children: [/* @__PURE__ */ jsx("span", { children: group.name }), /* @__PURE__ */ jsxs("span", {
+									className: "inline-flex items-center gap-2 text-xs font-normal",
+									children: [
+										/* @__PURE__ */ jsx("button", {
+											type: "button",
+											"aria-label": `All tools in ${group.name}`,
+											onClick: () => setDraft((current) => [.../* @__PURE__ */ new Set([...current, ...group.tools])]),
+											className: "cursor-pointer text-zinc-400 hover:text-violet-300 hover:underline",
+											children: "All"
+										}),
+										/* @__PURE__ */ jsx("span", {
+											"aria-hidden": "true",
+											className: "text-zinc-700",
+											children: "/"
+										}),
+										/* @__PURE__ */ jsx("button", {
+											type: "button",
+											"aria-label": `No tools in ${group.name}`,
+											onClick: () => setDraft((current) => current.filter((tool) => !group.tools.some((name) => name === tool))),
+											className: "cursor-pointer text-zinc-400 hover:text-violet-300 hover:underline",
+											children: "None"
+										})
+									]
+								})]
+							})
+						}), /* @__PURE__ */ jsx("div", {
+							className: "grid gap-3 sm:grid-cols-2",
+							children: group.visibleTools.map((name) => /* @__PURE__ */ jsxs("label", {
+								className: "flex cursor-pointer items-center gap-3 font-mono text-xs",
+								children: [/* @__PURE__ */ jsx("input", {
+									type: "checkbox",
+									checked: draft.includes(name),
+									onChange: (event) => setDraft((current) => event.target.checked ? [...current, name] : current.filter((tool) => tool !== name)),
+									className: "cursor-pointer"
+								}), name]
+							}, name))
+						})]
+					}, group.name)), !groups.length && /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-zinc-400",
+						children: "No matching tools."
+					})]
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-sm text-zinc-400",
+					children: [
+						draft.length,
+						" selected",
+						saving ? " · Saving…" : ""
+					]
+				})
+			]
+		}), error && /* @__PURE__ */ jsx("p", {
+			role: "alert",
+			className: "text-sm text-red-300",
+			children: error
+		})]
+	});
+}
+function AssignmentConfig({ value, onChange }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex items-center justify-between gap-4",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "font-medium text-white",
+					children: "Assignments & context"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-haspopup": "dialog",
+					onClick: () => setOpen(true),
+					className: configButton,
+					children: "Edit assignments"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-zinc-200",
+				children: ["Orchestrator delegation ", value.delegatable ? "allowed" : "disabled"]
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-zinc-200",
+				children: [
+					value.persistent ? "Persistent conversation" : "Fresh context per assignment",
+					" · Timeout: ",
+					value.timeoutSeconds,
+					"s"
+				]
+			}),
+			open && /* @__PURE__ */ jsx(AssignmentDialog, {
+				value,
+				onCancel: () => setOpen(false),
+				onApply: async (next) => {
+					await onChange(next);
+					setOpen(false);
+				}
+			})
+		]
+	});
+}
+function AssignmentDialog({ value, onCancel, onApply }) {
+	const [draft, setDraft] = useState({
+		delegatable: value.delegatable,
+		persistent: value.persistent,
+		timeoutSeconds: value.timeoutSeconds
+	});
+	const [saving, setSaving] = useState(false);
+	const [error, setError] = useState("");
+	const inFlight = useRef(false);
+	const valid = Number.isInteger(draft.timeoutSeconds) && draft.timeoutSeconds >= 30 && draft.timeoutSeconds <= 3600;
+	async function apply() {
+		if (inFlight.current || !valid) return;
+		inFlight.current = true;
+		setSaving(true);
+		setError("");
+		try {
+			await onApply(draft);
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Unable to save assignment settings. Please retry.");
+		} finally {
+			inFlight.current = false;
+			setSaving(false);
+		}
+	}
+	const toggle = (key, label) => /* @__PURE__ */ jsxs("label", {
+		className: "flex cursor-pointer items-center gap-3 text-sm",
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "checkbox",
+			checked: draft[key],
+			onChange: (event) => setDraft((current) => ({
+				...current,
+				[key]: event.target.checked
+			})),
+			className: "cursor-pointer"
+		}), label]
+	});
+	return /* @__PURE__ */ jsxs(ConfigDialog, {
+		title: "Assignments & context",
+		onCancel: () => {
+			if (!inFlight.current) onCancel();
+		},
+		onApply: () => {
+			apply();
+		},
+		applyDisabled: saving || !valid,
+		children: [
+			/* @__PURE__ */ jsxs("fieldset", {
+				disabled: saving,
+				className: "space-y-4 disabled:opacity-60",
+				children: [
+					toggle("delegatable", "Allow orchestrator delegation"),
+					toggle("persistent", "Reuse a persistent conversation (otherwise fresh context per assignment)"),
+					/* @__PURE__ */ jsxs("label", {
+						className: "block space-y-2 text-sm",
+						children: ["Assignment timeout (seconds)", /* @__PURE__ */ jsx("input", {
+							required: true,
+							type: "number",
+							min: 30,
+							max: 3600,
+							step: 1,
+							value: draft.timeoutSeconds,
+							onChange: (event) => setDraft((current) => ({
+								...current,
+								timeoutSeconds: Number(event.target.value)
+							})),
+							className: configInput
+						})]
+					})
+				]
+			}),
+			saving && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "text-sm text-zinc-400",
+				children: "Saving…"
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-sm text-red-300",
+				children: error
+			})
+		]
+	});
+}
+var completionLabels = {
+	save: "Save only",
+	notify: "Notify orchestrator without a model call",
+	wake: "Notify and wake orchestrator"
+};
+function NextScheduledRun({ timestamp }) {
+	const [, tick] = useState(0);
+	useEffect(() => {
+		const timer = setInterval(() => tick((value) => value + 1), 1e3);
+		return () => clearInterval(timer);
+	}, []);
+	const exact = new Date(timestamp).toISOString();
+	return /* @__PURE__ */ jsxs("p", {
+		className: "text-sm text-violet-300",
+		children: ["Next run ", /* @__PURE__ */ jsx("time", {
+			dateTime: exact,
+			title: exact,
+			suppressHydrationWarning: true,
+			children: timestamp > Date.now() ? format(timestamp) : "due now"
+		})]
+	});
+}
+function ScheduleConfig({ value, nextRunAt, onChange }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex items-center justify-between gap-4",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "font-medium text-white",
+					children: "Schedule"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-haspopup": "dialog",
+					onClick: () => setOpen(true),
+					className: configButton,
+					children: "Edit schedule"
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-zinc-400",
+				children: value.schedule ? `Every ${value.schedule} candle close (UTC) · ${value.delaySeconds}s delay` : "No schedule · manual, delegated or configured event assignments"
+			}),
+			value.schedule && nextRunAt != null && /* @__PURE__ */ jsx(NextScheduledRun, { timestamp: nextRunAt }),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-xs text-zinc-500",
+				children: ["Scheduled / manual / event completion: ", completionLabels[value.completion]]
+			}),
+			open && /* @__PURE__ */ jsx(ScheduleDialog, {
+				value,
+				onCancel: () => setOpen(false),
+				onApply: async (next) => {
+					await onChange(next);
+					setOpen(false);
+				}
+			})
+		]
+	});
+}
+function ScheduleDialog({ value, onCancel, onApply }) {
+	const [draft, setDraft] = useState(() => value.schedule ? value : {
+		...value,
+		delaySeconds: 1
+	});
+	const interval = candleIntervals[draft.schedule];
+	const [saving, setSaving] = useState(false);
+	const [error, setError] = useState("");
+	const inFlight = useRef(false);
+	const valid = !draft.schedule || Number.isInteger(draft.delaySeconds) && draft.delaySeconds >= 0 && draft.delaySeconds <= 300 && draft.delaySeconds < interval;
+	async function apply() {
+		if (inFlight.current || !valid) return;
+		inFlight.current = true;
+		setSaving(true);
+		setError("");
+		try {
+			await onApply({
+				schedule: draft.schedule,
+				delaySeconds: draft.delaySeconds,
+				completion: draft.completion
+			});
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Unable to save schedule. Please retry.");
+		} finally {
+			inFlight.current = false;
+			setSaving(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(ConfigDialog, {
+		title: "Configure schedule",
+		onCancel: () => {
+			if (!inFlight.current) onCancel();
+		},
+		onApply: () => {
+			apply();
+		},
+		applyDisabled: saving || !valid,
+		children: [
+			/* @__PURE__ */ jsxs("fieldset", {
+				disabled: saving,
+				className: "space-y-5 disabled:opacity-60",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-zinc-400",
+						children: "Run after a UTC candle closes."
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "block space-y-2 text-sm",
+						children: ["UTC candle close", /* @__PURE__ */ jsxs("select", {
+							value: draft.schedule,
+							onChange: (event) => setDraft((current) => ({
+								...current,
+								schedule: event.target.value
+							})),
+							className: `${configInput} cursor-pointer`,
+							children: [/* @__PURE__ */ jsx("option", {
+								value: "",
+								children: "No schedule"
+							}), Object.keys(candleIntervals).map((interval) => /* @__PURE__ */ jsx("option", {
+								value: interval,
+								children: interval === "1d" ? "1d / every 24 hours" : interval
+							}, interval))]
+						})]
+					}),
+					draft.schedule && /* @__PURE__ */ jsxs("label", {
+						className: "block space-y-2 text-sm",
+						children: ["Delay after candle close (seconds)", /* @__PURE__ */ jsx("input", {
+							required: true,
+							type: "number",
+							min: 0,
+							max: Math.min(300, interval - 1),
+							step: 1,
+							value: draft.delaySeconds,
+							onChange: (event) => setDraft((current) => ({
+								...current,
+								delaySeconds: Number(event.target.value)
+							})),
+							className: "block w-full rounded-xl border border-zinc-700 bg-zinc-950 p-3 text-sm text-white"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "block space-y-2 text-sm",
+						children: ["Scheduled / manual completion", /* @__PURE__ */ jsx("select", {
+							value: draft.completion,
+							onChange: (event) => setDraft((current) => ({
+								...current,
+								completion: event.target.value
+							})),
+							className: `${configInput} cursor-pointer`,
+							children: Object.entries(completionLabels).map(([key, label]) => /* @__PURE__ */ jsx("option", {
+								value: key,
+								children: label
+							}, key))
+						})]
+					})
+				]
+			}),
+			saving && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "text-sm text-zinc-400",
+				children: "Saving…"
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-sm text-red-300",
+				children: error
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/subagent-detail-page.tsx
+var panel = "space-y-4 rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6";
+var inputClass = "mt-2 block w-full rounded-lg border border-zinc-700 bg-zinc-950 p-3 text-sm text-white";
+var button = "cursor-pointer rounded-full bg-violet-600 px-4 py-2 text-sm text-white hover:bg-violet-500 disabled:cursor-not-allowed disabled:opacity-50";
+function SubagentDetailPage({ agentId, subagentId, choices }) {
+	const router = useRouter();
+	const client = useQueryClient();
+	const mutations = subagentMutations(client, agentId);
+	const { data: initial, error: refreshError } = useSuspenseQuery(subagentQueryOptions(agentId, subagentId));
+	const definition = initial.definition;
+	const [form, setForm] = useState(initial.definition);
+	const [task, setTask] = useState("");
+	const mutation = useMutation({ mutationFn: (operation) => operation() });
+	const pending = mutation.isPending;
+	const error = mutation.error?.message ?? refreshError?.message;
+	const [archiveOpen, setArchiveOpen] = useState(false);
+	const [runOpen, setRunOpen] = useState(false);
+	const inFlight = useRef(false), assignmentId = useRef(null);
+	const main = definition.kind === "orchestrator";
+	const { history: { runs, pagination, schedulerError, schedule }, loading, connectionError, setPage } = useSubagentRuns(agentId, main ? void 0 : definition.id, initial);
+	const nextRunAt = schedule && schedule.updatedAt >= definition.updatedAt ? schedule.nextRunAt : definition.nextRunAt;
+	const selected = choices.find((choice) => modelKey(choice) === modelKey(form));
+	const set = (key, value) => setForm((current) => ({
+		...current,
+		[key]: value
+	}));
+	const instructionsChanged = form.instructions !== definition.instructions;
+	async function operate(operation) {
+		if (inFlight.current) throw new Error("An operation is already in progress. Please retry.");
+		inFlight.current = true;
+		try {
+			await mutation.mutateAsync(operation);
+		} finally {
+			inFlight.current = false;
+		}
+	}
+	async function saveSection(section, settings) {
+		if (definition.archived) throw new Error("Settings cannot be changed right now. Please retry.");
+		await operate(async () => {
+			const row = await mutations.saveSection({
+				id: definition.id,
+				section,
+				settings
+			});
+			const saved = section === "enabled" ? { enabled: row.enabled } : section === "instructions" ? { instructions: row.instructions } : section === "model" ? {
+				provider: row.provider,
+				modelId: row.modelId,
+				thinkingLevel: row.thinkingLevel
+			} : section === "triggers" ? { triggers: row.triggers } : {
+				schedule: row.schedule,
+				delaySeconds: row.delaySeconds,
+				completion: row.completion
+			};
+			setForm((current) => ({
+				...current,
+				...saved
+			}));
+			toast.success(section === "enabled" ? row.enabled ? "Sub-agent enabled" : "Sub-agent paused" : section === "instructions" ? "Instructions updated" : section === "model" ? "Model updated" : "Schedule updated");
+		});
+	}
+	async function toggleEnabled() {
+		try {
+			await saveSection("enabled", { enabled: !form.enabled });
+		} catch {}
+	}
+	async function saveInstructions() {
+		try {
+			await saveSection("instructions", { instructions: form.instructions });
+		} catch {}
+	}
+	async function saveAssignments(settings) {
+		if (definition.archived) throw new Error("Settings cannot be changed right now. Please retry.");
+		await operate(async () => {
+			const row = await saveSubagentAssignments({ data: {
+				agentId,
+				id: definition.id,
+				settings
+			} });
+			const { delegatable, persistent, timeoutSeconds } = row;
+			setForm((current) => ({
+				...current,
+				delegatable,
+				persistent,
+				timeoutSeconds
+			}));
+			await cacheSubagent(client, agentId, row);
+			toast.success("Assignment settings updated");
+		});
+	}
+	async function saveIdentity(identity) {
+		if (definition.archived) throw new Error("Settings cannot be changed right now. Please retry.");
+		await operate(async () => {
+			const row = await saveSubagentIdentity({ data: {
+				agentId,
+				id: definition.id,
+				...identity
+			} });
+			setForm((current) => ({
+				...current,
+				name: row.name,
+				description: row.description
+			}));
+			await cacheSubagent(client, agentId, row);
+			toast.success("Name and description updated");
+		});
+	}
+	async function saveTools(tools) {
+		if (definition.archived) throw new Error("Settings cannot be changed right now. Please retry.");
+		await operate(async () => {
+			const row = await saveSubagentTools({ data: {
+				agentId,
+				id: definition.id,
+				tools
+			} });
+			setForm((current) => ({
+				...current,
+				tools: row.tools
+			}));
+			await cacheSubagent(client, agentId, row);
+			toast.success("Tools updated");
+		});
+	}
+	async function startRun() {
+		if (definition.archived) throw new Error("This worker is unavailable for new assignments.");
+		await operate(async () => {
+			if (assignmentId.current?.task !== task) assignmentId.current = {
+				task,
+				id: randomUuid()
+			};
+			const run = await mutations.run({
+				id: definition.id,
+				task,
+				requestId: assignmentId.current.id
+			});
+			assignmentId.current = null;
+			setRunOpen(false);
+			setTask("");
+			toast.success("Assignment started");
+			await router.navigate({
+				to: "/agents/$agentId/sub-agents/$subagentId/runs/$runId",
+				params: {
+					agentId,
+					subagentId: definition.id,
+					runId: run.id
+				}
+			});
+		});
+	}
+	async function perform(action, runId = "") {
+		if (inFlight.current) return;
+		try {
+			await operate(async () => {
+				if (action === "stop") {
+					await mutations.stop(runId);
+					toast.success("Assignment stopped", { description: "Existing exchange orders were not cancelled." });
+				} else if (action === "unarchive") {
+					const row = await unarchiveSubagent({ data: {
+						agentId,
+						id: definition.id
+					} });
+					setForm(row);
+					await cacheSubagent(client, agentId, row);
+					toast.success("Sub-agent unarchived", { description: "Restored paused. Enable it when ready." });
+				} else {
+					await archiveSubagent({ data: {
+						agentId,
+						id: definition.id
+					} });
+					await cacheSubagent(client, agentId, {
+						...definition,
+						archived: true,
+						enabled: false
+					});
+					toast.success("Sub-agent archived", { description: "History is preserved." });
+					await router.navigate({
+						to: "/agents/$agentId/sub-agents",
+						params: { agentId }
+					});
+				}
+			});
+		} catch {}
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full space-y-3",
+		children: [
+			definition.archived && !main && /* @__PURE__ */ jsxs("section", {
+				className: `${panel} flex flex-wrap items-center justify-between gap-3`,
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-amber-200",
+					children: "Archived — history is preserved. Unarchive to edit or run this sub-agent; it will remain paused."
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					disabled: pending,
+					onClick: () => {
+						perform("unarchive");
+					},
+					className: button,
+					children: "Unarchive"
+				})]
+			}),
+			/* @__PURE__ */ jsx("form", {
+				onSubmit: (event) => {
+					event.preventDefault();
+				},
+				className: panel,
+				children: /* @__PURE__ */ jsxs("fieldset", {
+					disabled: pending || definition.archived,
+					className: "space-y-4 disabled:opacity-60",
+					children: [
+						/* @__PURE__ */ jsx(SubagentIdentity, {
+							value: form,
+							main,
+							agentId,
+							enabled: form.enabled,
+							onToggleEnabled: () => {
+								toggleEnabled();
+							},
+							onChange: saveIdentity,
+							actions: !main ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("button", {
+								type: "button",
+								disabled: pending || definition.archived,
+								"aria-haspopup": "dialog",
+								onClick: () => setRunOpen(true),
+								className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-violet-500 px-4 py-2 text-sm text-violet-300 hover:bg-violet-950 disabled:cursor-not-allowed disabled:opacity-50",
+								children: [/* @__PURE__ */ jsx("svg", {
+									"aria-hidden": "true",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: 1.5,
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									className: "size-4",
+									children: /* @__PURE__ */ jsx("path", { d: "m13 2-9 12h7l-1 8 10-12h-7z" })
+								}), "Run now"]
+							}), /* @__PURE__ */ jsx("button", {
+								type: "button",
+								disabled: pending || definition.archived,
+								"aria-label": "Archive worker",
+								title: "Archive worker",
+								"aria-haspopup": "dialog",
+								onClick: () => setArchiveOpen(true),
+								className: "inline-flex cursor-pointer items-center justify-center rounded-full p-2 text-red-300 hover:bg-red-950 hover:text-red-200 disabled:cursor-not-allowed disabled:opacity-50",
+								children: /* @__PURE__ */ jsx("svg", {
+									"aria-hidden": "true",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: 1.5,
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									className: "size-5",
+									children: /* @__PURE__ */ jsx("path", { d: "M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7m4-7v7" })
+								})
+							})] }) : void 0
+						}),
+						definition.archived && /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-amber-200",
+							children: "Archived — new assignments are disabled. History remains available."
+						}),
+						!selected && /* @__PURE__ */ jsxs("p", {
+							className: "flex items-center gap-1.5 text-sm text-amber-200",
+							children: [/* @__PURE__ */ jsx(ProviderLogo, {
+								provider: form.provider,
+								className: "h-4 w-4 shrink-0 rounded-sm border border-zinc-800 bg-white p-0.5"
+							}), /* @__PURE__ */ jsxs("span", { children: [
+								"Current model: ",
+								form.provider,
+								"/",
+								form.modelId,
+								". Reconnect its provider or select an available model."
+							] })]
+						}),
+						/* @__PURE__ */ jsx(ModelPicker, {
+							choices,
+							value: selected ? modelKey(form) : "",
+							thinkingLevel: form.thinkingLevel,
+							onChange: async (value, thinkingLevel) => {
+								const choice = choices.find((entry) => modelKey(entry) === value);
+								if (choice) await saveSection("model", {
+									provider: choice.provider,
+									modelId: choice.modelId,
+									thinkingLevel
+								});
+							},
+							disabled: pending
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: main ? "space-y-4" : "grid gap-6 md:grid-cols-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "min-w-0 space-y-4",
+								children: [/* @__PURE__ */ jsx(ToolPicker, {
+									tools: form.tools,
+									onChange: saveTools,
+									main
+								}), form.tools.includes("submit_orders") && !form.tools.includes("record_trade_decision") && /* @__PURE__ */ jsx("p", {
+									role: "status",
+									className: "text-sm text-amber-200",
+									children: "Trading readiness: record_trade_decision is not selected. Existing permissions were not widened; select it explicitly for attributable trade rationale."
+								})]
+							}), !main && /* @__PURE__ */ jsxs("div", {
+								className: "min-w-0 space-y-6",
+								children: [
+									/* @__PURE__ */ jsx(AssignmentConfig, {
+										value: form,
+										onChange: saveAssignments
+									}),
+									/* @__PURE__ */ jsx(WorkerTriggerConfig, {
+										value: form.triggers,
+										workers: (initial.workers ?? []).filter((worker) => worker.id !== definition.id),
+										onChange: (triggers) => saveSection("triggers", { triggers })
+									}),
+									/* @__PURE__ */ jsx(ScheduleConfig, {
+										value: form,
+										nextRunAt: definition.enabled && !definition.archived ? nextRunAt : null,
+										onChange: (schedule) => saveSection("schedule", schedule)
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("label", {
+							className: "block text-sm text-zinc-300",
+							children: ["Instructions", /* @__PURE__ */ jsx("textarea", {
+								required: true,
+								rows: 7,
+								maxLength: 32e3,
+								value: form.instructions,
+								onChange: (event) => set("instructions", event.target.value),
+								className: inputClass,
+								placeholder: main ? defaultMainInstructions : void 0
+							})]
+						}),
+						instructionsChanged && /* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-2",
+							children: [/* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: () => {
+									set("instructions", definition.instructions);
+									mutation.reset();
+								},
+								className: "cursor-pointer rounded-full border border-zinc-700 px-4 py-2 text-sm text-zinc-300 hover:bg-zinc-800",
+								children: "Reset"
+							}), /* @__PURE__ */ jsx("button", {
+								type: "button",
+								disabled: !form.instructions.trim(),
+								onClick: () => {
+									saveInstructions();
+								},
+								className: button,
+								children: "Save instructions"
+							})]
+						})
+					]
+				})
+			}),
+			runOpen && !main && /* @__PURE__ */ jsx(RunSubagentDialog, {
+				task,
+				onTaskChange: setTask,
+				onCancel: () => setRunOpen(false),
+				onRun: startRun
+			}),
+			!main && /* @__PURE__ */ jsxs("section", {
+				className: panel,
+				children: [
+					/* @__PURE__ */ jsx("header", {
+						className: "flex items-center justify-between",
+						children: /* @__PURE__ */ jsx("h3", {
+							className: "font-medium text-white",
+							children: "Run history"
+						})
+					}),
+					schedulerError && /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "text-sm text-red-300",
+						children: schedulerError
+					}),
+					connectionError && /* @__PURE__ */ jsx("p", {
+						role: "status",
+						className: "text-sm text-amber-200",
+						children: connectionError
+					}),
+					/* @__PURE__ */ jsx(SubagentRunHistory, {
+						agentId,
+						runs,
+						pending,
+						onStop: (id) => {
+							perform("stop", id);
+						},
+						pagination,
+						loading,
+						onPage: setPage
+					})
+				]
+			}),
+			archiveOpen && !main && /* @__PURE__ */ jsx(ArchiveSubagentDialog, {
+				name: definition.name,
+				onCancel: () => setArchiveOpen(false),
+				onConfirm: () => {
+					setArchiveOpen(false);
+					perform("archive");
+				}
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-sm text-red-300",
+				children: error
+			})
+		]
+	});
+}
+//#endregion
+//#region src/routes/_authenticated.agents.$agentId.sub-agents.$subagentId.tsx?tsr-split=component
+function Page() {
+	const { agentId, subagentId } = Route.useParams();
+	const { data: choices } = useSuspenseQuery(modelChoicesQueryOptions());
+	return /* @__PURE__ */ jsx(SubagentDetailPage, {
+		agentId,
+		subagentId,
+		choices
+	}, `${agentId}:${subagentId}`);
+}
+//#endregion
+export { Page as component };