hypervibes 0.0.0-stage → 0.4.0

package/.build/server/assets/_authenticated.agents._agentId.index-Ct4kbu2f.js

@@ -0,0 +1,1044 @@
+import { a as closeAgentPosition, b as sendAgentMessage, i as cancelAgentOrder } from "./agents-CZq-0mna.js";
+import { i as agentQueryOptions, n as agentDashboardQueryOptions } from "./agent-queries-Cmx8RiUx.js";
+import { n as dashboardSubagentsQueryOptions } from "./subagent-queries-sAwBjFxC.js";
+import { t as riskQueryOptions } from "./risk-queries-JQpByHT2.js";
+import { t as Route } from "./_authenticated.agents._agentId.index-DJgrupvW.js";
+import { f as randomUuid } from "./contracts-CG-nZuYJ.js";
+import { i as formatMoneyText, n as compareDecimals, r as formatAmountText, t as addDecimals } from "./decimal-BthtZ77w.js";
+import { t as subagentMutations } from "./subagent-mutations-dUo3B_SG.js";
+import { i as useAgentEventsStatus, r as useAgentEvent } from "./agent-events-DK9Yz5__.js";
+import { t as InstrumentLabel } from "./instrument-label-C-tTGGsD.js";
+import { t as SubagentEnabledToggle } from "./subagent-enabled-toggle-Djte00oo.js";
+import { t as RunSubagentDialog } from "./run-subagent-dialog-C7iUOZa-.js";
+import { i as runUrl, n as RunStatus, t as RelativeTime } from "./subagent-run-history-C_xmucO-.js";
+import { t as amount } from "./journal-decimal-Bh9EL029.js";
+import { t as ToggleTimestamp } from "./toggle-timestamp-CToUVn67.js";
+import { useEffect, useRef, useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { format } from "timeago.js";
+//#region src/hyperliquid/dashboard-equity.ts
+/**
+* Equity for the dashboard's USDC/main-DEX scope, not non-USDC portfolio assets.
+* https://hyperliquid.gitbook.io/hyperliquid-docs/trading/account-abstraction-modes
+*/
+function dashboardTotalEquity(snapshot) {
+	const live = snapshot.live;
+	if (live && (live.status !== "connected" || !live.sections.mode.fresh || !live.sections.spot.fresh)) return null;
+	switch (snapshot.accountAbstraction) {
+		case "unifiedAccount": return snapshot.spotUsdc;
+		case "disabled":
+		case "default":
+			if (live && !live.sections.perps.fresh) return null;
+			return snapshot.perpEquity === null || snapshot.spotUsdc === null ? null : addDecimals(snapshot.perpEquity, snapshot.spotUsdc);
+		default: return null;
+	}
+}
+//#endregion
+//#region src/components/dashboard-subagents.tsx
+function DashboardSubagents({ agentId, subagents, agentEnabled, error }) {
+	const [runTarget, setRunTarget] = useState(null);
+	const workers = subagents;
+	const loadError = error;
+	const [refreshError, setRefreshError] = useState("");
+	useEffect(() => {
+		if (!agentEnabled) setRunTarget(null);
+	}, [agentEnabled]);
+	const { interrupted, controlMessage, streamErrors } = useAgentEventsStatus();
+	useEffect(() => {
+		const topicError = streamErrors["subagents"];
+		if (topicError) setRefreshError(topicError);
+		else if (interrupted) setRefreshError(controlMessage || "Live sub-agent updates interrupted. Reconnecting… Activity may be out of date.");
+		else setRefreshError("");
+	}, [
+		interrupted,
+		controlMessage,
+		streamErrors
+	]);
+	const base = `/agents/${encodeURIComponent(agentId)}/sub-agents`;
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-label": "Sub-agents",
+		className: "flex min-h-0 flex-1 flex-col rounded-2xl border border-zinc-800 bg-[#0d0d10] p-4",
+		children: [
+			/* @__PURE__ */ jsx("header", {
+				className: "mb-3 shrink-0",
+				children: /* @__PURE__ */ jsx("h3", {
+					className: "text-lg font-medium text-white",
+					children: "Sub-agents"
+				})
+			}),
+			loadError ? /* @__PURE__ */ jsxs("p", {
+				role: "alert",
+				className: "text-sm text-amber-200",
+				children: ["Sub-agents unavailable: ", loadError]
+			}) : !workers.length ? /* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-zinc-500",
+				children: [
+					"No sub-agents yet. ",
+					/* @__PURE__ */ jsx("a", {
+						href: `${base}/new`,
+						className: "cursor-pointer text-violet-400 hover:text-violet-300 hover:underline",
+						children: "Create a new sub-agent"
+					}),
+					" to get started."
+				]
+			}) : /* @__PURE__ */ jsx("ul", {
+				className: "min-h-0 overflow-y-auto overscroll-contain space-y-2",
+				children: workers.map((subagent) => /* @__PURE__ */ jsxs("li", {
+					className: "overflow-hidden rounded-xl border border-zinc-800",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center gap-2 bg-zinc-900/50 px-3 py-2",
+						children: [/* @__PURE__ */ jsx("h4", {
+							className: "min-w-0",
+							children: /* @__PURE__ */ jsx("a", {
+								href: `${base}/${encodeURIComponent(subagent.id)}`,
+								className: "cursor-pointer font-medium text-zinc-100 hover:text-violet-300",
+								children: subagent.name
+							})
+						}), /* @__PURE__ */ jsx(DashboardWorkerControls, {
+							agentId,
+							agentEnabled,
+							definition: subagent,
+							onRun: () => setRunTarget(subagent.id)
+						})]
+					}), !subagent.runs.length ? /* @__PURE__ */ jsx("p", {
+						className: "px-3 py-2 text-sm text-zinc-500",
+						children: "No runs yet."
+					}) : /* @__PURE__ */ jsx("ul", {
+						className: "divide-y divide-zinc-800/60",
+						children: subagent.runs.slice(0, subagent.runs[0]?.status === "running" || subagent.runs[0]?.status === "queued" ? 2 : 1).map((run) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", {
+							href: runUrl(agentId, subagent.id, run.id),
+							className: "flex cursor-pointer items-center gap-3 px-3 py-2 text-sm hover:bg-zinc-900 focus-visible:outline-violet-400",
+							children: [
+								/* @__PURE__ */ jsx(RunStatus, { status: run.status }),
+								/* @__PURE__ */ jsx("span", {
+									className: "min-w-0 flex-1 truncate text-zinc-300",
+									children: run.result || (run.status === "running" ? "Running…" : run.status === "queued" ? "Waiting to run…" : "No result message.")
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "shrink-0 text-xs text-zinc-500",
+									children: /* @__PURE__ */ jsx(RelativeTime, { timestamp: run.createdAt })
+								})
+							]
+						}) }, run.id))
+					})]
+				}, subagent.id))
+			}),
+			refreshError && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "mt-3 shrink-0 text-sm text-amber-200",
+				children: refreshError
+			}),
+			agentEnabled && runTarget && /* @__PURE__ */ jsx(DashboardRunDialog, {
+				agentId,
+				subagentId: runTarget,
+				onClose: () => setRunTarget(null)
+			}, `${agentId}:${runTarget}`)
+		]
+	});
+}
+function NextRun({ 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("span", {
+		className: "text-xs text-zinc-400",
+		children: ["Next run: ", /* @__PURE__ */ jsx("time", {
+			dateTime: exact,
+			title: exact,
+			suppressHydrationWarning: true,
+			children: timestamp > Date.now() ? format(timestamp) : "due now"
+		})]
+	});
+}
+function DashboardWorkerControls({ agentId, definition, agentEnabled, onRun }) {
+	const [settings, setSettings] = useState(definition);
+	const mutation = useMutation({
+		mutationFn: subagentMutations(useQueryClient(), agentId).saveSection,
+		onSuccess: (row) => {
+			setSettings((current) => ({
+				...current,
+				enabled: row.enabled,
+				schedule: row.schedule,
+				nextRunAt: row.nextRunAt
+			}));
+			toast.success(row.enabled ? "Sub-agent enabled" : "Sub-agent paused");
+		}
+	});
+	const pending = mutation.isPending, error = mutation.error?.message;
+	useEffect(() => {
+		setSettings(definition);
+	}, [definition]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-1 flex-wrap items-center gap-2",
+		children: [agentEnabled && settings.enabled && settings.schedule && settings.nextRunAt !== null && /* @__PURE__ */ jsx(NextRun, { timestamp: settings.nextRunAt }), /* @__PURE__ */ jsxs("div", {
+			className: "ml-auto flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": `Run now: ${definition.name}`,
+					title: agentEnabled ? "Run now" : "Enable the agent to run workers",
+					disabled: !agentEnabled,
+					"aria-haspopup": "dialog",
+					onClick: onRun,
+					className: "inline-flex shrink-0 cursor-pointer items-center justify-center rounded-full p-1.5 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" })
+					})
+				}),
+				agentEnabled ? /* @__PURE__ */ jsx(SubagentEnabledToggle, {
+					enabled: settings.enabled,
+					disabled: pending,
+					onClick: () => mutation.mutate({
+						id: definition.id,
+						section: "enabled",
+						settings: { enabled: !settings.enabled }
+					})
+				}) : /* @__PURE__ */ jsx("span", {
+					role: "status",
+					className: "text-xs text-amber-300",
+					children: "Agent disabled"
+				}),
+				error && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "text-xs text-red-300",
+					children: error
+				})
+			]
+		})]
+	});
+}
+function DashboardRunDialog({ agentId, subagentId, onClose }) {
+	const router = useRouter();
+	const [task, setTask] = useState("");
+	const assignmentId = useRef(null);
+	const client = useQueryClient();
+	const mutation = useMutation({
+		mutationFn: async () => {
+			if (assignmentId.current?.task !== task) assignmentId.current = {
+				task,
+				id: randomUuid()
+			};
+			try {
+				return await subagentMutations(client, agentId).run({
+					id: subagentId,
+					task,
+					requestId: assignmentId.current.id
+				});
+			} catch (cause) {
+				throw new Error(`${cause instanceof Error ? cause.message : "Unable to confirm the assignment."} Retry with the same task to reuse its request ID.`, { cause });
+			}
+		},
+		onSuccess: async (run) => {
+			toast.success("Assignment started");
+			await router.navigate({
+				to: "/agents/$agentId/sub-agents/$subagentId/runs/$runId",
+				params: {
+					agentId,
+					subagentId,
+					runId: run.id
+				}
+			});
+			onClose();
+		}
+	});
+	async function startRun() {
+		await mutation.mutateAsync();
+	}
+	return /* @__PURE__ */ jsx(RunSubagentDialog, {
+		task,
+		onTaskChange: setTask,
+		onCancel: onClose,
+		onRun: startRun
+	});
+}
+//#endregion
+//#region src/components/balance-sparkline.tsx
+function BalanceSparkline({ label, points }) {
+	const values = points?.map((point) => amount(point.balance)) ?? [];
+	const first = values[0];
+	const last = values.at(-1);
+	const change = first && last ? last.sub(first) : null;
+	let polyline = "";
+	if (points && values.length > 1) {
+		let min = values[0];
+		let max = min;
+		for (const value of values) {
+			if (value.cmp(min) < 0) min = value;
+			if (value.cmp(max) > 0) max = value;
+		}
+		const span = max.sub(min);
+		const start = points[0].time;
+		const duration = points.at(-1).time - start;
+		polyline = values.map((value, index) => {
+			const x = duration ? (points[index].time - start) / duration * 240 : 120;
+			const y = span.zero ? 24 : 44 - Number(value.sub(min).div(span).toString()) * 40;
+			return `${x.toFixed(2)},${y.toFixed(2)}`;
+		}).join(" ");
+	}
+	const color = change && change.sign !== 0 ? change.sign < 0 ? "text-red-400" : "text-emerald-400" : "text-zinc-400";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "min-w-0 p-1",
+		children: [/* @__PURE__ */ jsxs("dt", {
+			className: "text-xs uppercase tracking-[0.16em] text-zinc-500",
+			children: [label, " balance"]
+		}), /* @__PURE__ */ jsx("dd", {
+			className: "mt-2",
+			title: "Realized USDC balance, including transfers, fees and funding. Excludes unrealized P&L.",
+			children: polyline ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
+				className: `font-mono text-sm tabular-nums ${color}`,
+				children: [
+					change.sign > 0 ? "+" : "",
+					formatMoneyText(change.toString()),
+					" USDC"
+				]
+			}), /* @__PURE__ */ jsxs("svg", {
+				role: "img",
+				"aria-label": `${label} realized account balance`,
+				viewBox: "0 0 240 48",
+				className: `mt-2 h-12 w-full ${color}`,
+				preserveAspectRatio: "none",
+				children: [/* @__PURE__ */ jsx("title", { children: `${label} realized account balance (USDC)` }), /* @__PURE__ */ jsx("polyline", {
+					points: polyline,
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					vectorEffect: "non-scaling-stroke"
+				})]
+			})] }) : /* @__PURE__ */ jsx("span", {
+				className: "text-sm text-zinc-500",
+				children: "Balance history unavailable"
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/close-position-button.tsx
+function ClosePositionButton({ agentId, symbol }) {
+	const request = useRef(null);
+	const inFlight = useRef(false);
+	const trigger = useRef(null);
+	const [confirmation, setConfirmation] = useState(null);
+	const armed = confirmation !== null && confirmation.agentId === agentId && confirmation.symbol === symbol;
+	useEffect(() => {
+		if (!confirmation) return;
+		if (!armed) {
+			setConfirmation(null);
+			return;
+		}
+		const timeout = window.setTimeout(() => setConfirmation(null), 8e3);
+		const escape = (event) => {
+			if (event.key === "Escape") {
+				event.preventDefault();
+				setConfirmation(null);
+				trigger.current?.focus();
+			}
+		};
+		document.addEventListener("keydown", escape);
+		return () => {
+			window.clearTimeout(timeout);
+			document.removeEventListener("keydown", escape);
+		};
+	}, [confirmation, armed]);
+	const client = useQueryClient();
+	const mutation = useMutation({
+		mutationFn: async () => {
+			request.current ??= randomUuid();
+			return closeAgentPosition({ data: {
+				id: agentId,
+				symbol,
+				requestId: request.current
+			} });
+		},
+		onSettled: async () => {
+			await client.invalidateQueries({ queryKey: ["agent-dashboard", agentId] });
+		}
+	});
+	async function close() {
+		if (inFlight.current) return;
+		if (!armed) {
+			setConfirmation({
+				agentId,
+				symbol
+			});
+			return;
+		}
+		setConfirmation(null);
+		inFlight.current = true;
+		try {
+			const result = await mutation.mutateAsync();
+			if (!result.cancel.uncertain && !result.close.uncertain && result.remainingSize !== null) request.current = null;
+		} catch {} finally {
+			inFlight.current = false;
+		}
+	}
+	const result = mutation.data;
+	const label = mutation.isPending ? `Closing ${symbol}…` : armed ? `Confirm close ${symbol} at market` : request.current ? `Check / retry ${symbol} close` : `Close ${symbol} at market`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-36 whitespace-normal",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				role: "group",
+				"aria-label": `Close ${symbol} position`,
+				className: "inline-flex h-9 w-36",
+				children: /* @__PURE__ */ jsxs("button", {
+					ref: trigger,
+					type: "button",
+					title: label,
+					"aria-label": label,
+					"aria-busy": mutation.isPending,
+					disabled: mutation.isPending,
+					onClick: () => {
+						close();
+					},
+					className: `inline-flex h-full cursor-pointer items-center justify-start gap-2 overflow-hidden rounded-full border bg-transparent pl-1.5 text-xs text-red-300 transition-[width,border-color] duration-150 hover:text-red-200 disabled:cursor-wait disabled:opacity-50 ${armed ? "w-36 border-red-900/60 hover:border-red-500" : "w-9 border-transparent"}`,
+					children: [/* @__PURE__ */ jsx("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						"aria-hidden": "true",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						strokeWidth: "1.5",
+						stroke: "currentColor",
+						className: "size-6 shrink-0",
+						children: /* @__PURE__ */ jsx("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							d: "m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
+						})
+					}), armed && /* @__PURE__ */ jsx("span", {
+						className: "shrink-0 whitespace-nowrap",
+						children: "Confirm close"
+					})]
+				})
+			}),
+			mutation.error && /* @__PURE__ */ jsxs("p", {
+				role: "alert",
+				className: "mt-2 text-xs text-red-300",
+				children: [mutation.error.message, " Retry uses the same request ID."]
+			}),
+			result && /* @__PURE__ */ jsxs("div", {
+				role: "status",
+				className: `mt-2 text-xs ${result.complete ? "text-emerald-300" : "text-amber-200"}`,
+				children: [
+					/* @__PURE__ */ jsx("p", { children: result.complete ? "Position closed; no market orders remain." : `Close incomplete or unconfirmed. Remaining size: ${result.remainingSize ?? "unknown"}; orders: ${result.remainingOrders ?? "unknown"}.` }),
+					!result.complete && /* @__PURE__ */ jsxs("p", {
+						className: "break-all",
+						children: ["Close request: ", result.close.requestId]
+					}),
+					[...result.cancel.results, ...result.close.results].filter((order) => order.error).map((order) => /* @__PURE__ */ jsx("p", { children: order.error }, order.id)),
+					result.warnings.map((warning) => /* @__PURE__ */ jsx("p", { children: warning }, warning))
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cancel-order-button.tsx
+function CancelOrderButton({ agentId, symbol, oid }) {
+	const request = useRef(null);
+	const inFlight = useRef(false);
+	const trigger = useRef(null);
+	const [armed, setArmed] = useState(false);
+	useEffect(() => {
+		if (!armed) return;
+		const timeout = window.setTimeout(() => setArmed(false), 8e3);
+		const escape = (event) => {
+			if (event.key === "Escape") {
+				event.preventDefault();
+				setArmed(false);
+				trigger.current?.focus();
+			}
+		};
+		document.addEventListener("keydown", escape);
+		return () => {
+			window.clearTimeout(timeout);
+			document.removeEventListener("keydown", escape);
+		};
+	}, [armed]);
+	const client = useQueryClient();
+	const mutation = useMutation({
+		mutationFn: async () => {
+			request.current ??= randomUuid();
+			return cancelAgentOrder({ data: {
+				id: agentId,
+				symbol,
+				oid,
+				requestId: request.current
+			} });
+		},
+		onSettled: async () => {
+			await client.invalidateQueries({ queryKey: ["agent-dashboard", agentId] });
+		}
+	});
+	async function cancel() {
+		if (inFlight.current) return;
+		if (!armed) {
+			setArmed(true);
+			return;
+		}
+		setArmed(false);
+		inFlight.current = true;
+		try {
+			await mutation.mutateAsync();
+		} catch {} finally {
+			inFlight.current = false;
+		}
+	}
+	const result = mutation.data;
+	const complete = result && !result.uncertain && result.results.length > 0 && result.results.every((order) => order.orderStatus === "canceled");
+	const label = mutation.isPending ? `Canceling ${symbol} order ${oid}…` : armed ? `Confirm cancel ${symbol} order ${oid}` : request.current ? `Check / retry ${symbol} order ${oid} cancellation` : `Cancel ${symbol} order ${oid}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-36 whitespace-normal",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				role: "group",
+				"aria-label": `Cancel ${symbol} order ${oid}`,
+				className: "inline-flex h-9 w-36",
+				children: /* @__PURE__ */ jsxs("button", {
+					ref: trigger,
+					type: "button",
+					title: label,
+					"aria-label": label,
+					"aria-busy": mutation.isPending,
+					disabled: mutation.isPending || Boolean(complete),
+					onClick: () => {
+						cancel();
+					},
+					className: `inline-flex h-full cursor-pointer items-center justify-start gap-2 overflow-hidden rounded-full border bg-transparent pl-1.5 text-xs text-red-300 transition-[width,border-color] duration-150 hover:text-red-200 disabled:cursor-not-allowed disabled:opacity-50 ${armed ? "w-36 border-red-900/60 hover:border-red-500" : "w-9 border-transparent"}`,
+					children: [/* @__PURE__ */ jsx("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						"aria-hidden": "true",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						strokeWidth: "1.5",
+						stroke: "currentColor",
+						className: "size-6 shrink-0",
+						children: /* @__PURE__ */ jsx("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							d: "m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
+						})
+					}), armed && /* @__PURE__ */ jsx("span", {
+						className: "shrink-0 whitespace-nowrap",
+						children: "Confirm cancel"
+					})]
+				})
+			}),
+			mutation.error && /* @__PURE__ */ jsxs("p", {
+				role: "alert",
+				className: "mt-2 text-xs text-red-300",
+				children: [mutation.error.message, " Retry uses the same request ID."]
+			}),
+			result && /* @__PURE__ */ jsxs("div", {
+				role: "status",
+				className: `mt-2 text-xs ${complete ? "text-emerald-300" : "text-amber-200"}`,
+				children: [
+					/* @__PURE__ */ jsx("p", { children: complete ? "Order canceled." : "Cancellation incomplete or unconfirmed. Check the order before issuing another request." }),
+					!complete && /* @__PURE__ */ jsxs("p", {
+						className: "break-all",
+						children: ["Cancel request: ", result.requestId]
+					}),
+					result.results.filter((order) => order.error).map((order) => /* @__PURE__ */ jsx("p", { children: order.error }, order.id)),
+					result.warnings.map((warning) => /* @__PURE__ */ jsx("p", { children: warning }, warning))
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/dashboard-chat.tsx
+function DashboardChat({ agentId, enabled = true }) {
+	const router = useRouter();
+	const [message, setMessage] = useState("");
+	const mutation = useMutation({
+		mutationFn: async () => {
+			if (request.current?.message !== message) request.current = {
+				message,
+				id: randomUuid()
+			};
+			return sendAgentMessage({ data: {
+				id: agentId,
+				message,
+				requestId: request.current.id
+			} });
+		},
+		onSuccess: async () => {
+			await router.navigate({
+				to: "/agents/$agentId/chat",
+				params: { agentId }
+			});
+		}
+	});
+	const pending = mutation.isPending;
+	const error = mutation.error ? `${mutation.error.message} Retry with the same message to avoid submitting it twice.` : "";
+	const inFlight = useRef(false);
+	const request = useRef(null);
+	async function send() {
+		if (!enabled || inFlight.current || !message.trim()) return;
+		inFlight.current = true;
+		try {
+			await mutation.mutateAsync();
+		} catch {} finally {
+			inFlight.current = false;
+		}
+	}
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-label": "Chat",
+		className: "shrink-0 rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "mb-4 text-lg font-medium text-white",
+				children: "Chat"
+			}),
+			!enabled && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "mb-3 text-sm text-amber-200",
+				children: "Agent disabled. Enable it to chat or run workers. Exchange orders and positions remain unchanged."
+			}),
+			/* @__PURE__ */ jsxs("form", {
+				onSubmit: (event) => {
+					event.preventDefault();
+					send();
+				},
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-end gap-3",
+					children: [/* @__PURE__ */ jsx("textarea", {
+						"aria-label": "Message to orchestrator",
+						placeholder: "Message the orchestrator…",
+						value: message,
+						onChange: (event) => setMessage(event.target.value),
+						rows: 2,
+						maxLength: 16e3,
+						disabled: pending || !enabled,
+						onKeyDown: (event) => {
+							if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+								event.preventDefault();
+								send();
+							}
+						},
+						className: "min-w-0 flex-1 resize-none rounded-xl border border-zinc-700 bg-zinc-950 px-4 py-3 text-sm text-zinc-100 outline-none focus:border-violet-500 disabled:opacity-50"
+					}), /* @__PURE__ */ jsx("button", {
+						type: "submit",
+						disabled: pending || !enabled || !message.trim(),
+						className: "shrink-0 cursor-pointer rounded-full bg-violet-600 px-5 py-2.5 text-sm font-medium text-white hover:bg-violet-500 disabled:cursor-not-allowed disabled:opacity-50",
+						children: pending ? "Sending…" : "Send"
+					})]
+				}), error && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "mt-3 text-sm text-red-300",
+					children: error
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/agent-setup-checklist.tsx
+function AgentSetupChecklist({ agentId, tradingEnabled, subagents }) {
+	const subagentEnabled = subagents.some((subagent) => subagent.enabled);
+	if (tradingEnabled && subagentEnabled || subagents.some((subagent) => subagent.runs.length > 0)) return null;
+	const base = `/agents/${encodeURIComponent(agentId)}`;
+	const steps = [{
+		label: "Enable Trading",
+		href: `${base}/settings#risk-management`,
+		complete: tradingEnabled
+	}, subagents.length > 0 ? {
+		label: "Enable sub-agents",
+		href: `${base}/sub-agents`,
+		complete: subagentEnabled
+	} : {
+		label: "Create a new sub-agent",
+		href: `${base}/sub-agents/new`,
+		complete: false
+	}];
+	const next = steps.findIndex((step) => !step.complete);
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-label": "Agent setup",
+		className: "shrink-0 rounded-xl border border-violet-800 bg-violet-950/30 p-4 text-sm text-violet-200",
+		children: [/* @__PURE__ */ jsx("h2", {
+			className: "font-semibold",
+			children: "Finish setting up your agent"
+		}), /* @__PURE__ */ jsx("ol", {
+			className: "mt-3 flex flex-wrap gap-x-6 gap-y-3",
+			children: steps.map((step, index) => /* @__PURE__ */ jsxs("li", {
+				"aria-current": index === next ? "step" : void 0,
+				className: step.complete ? "text-zinc-400" : index === next ? "font-semibold text-violet-100" : "text-violet-300/70",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: "mr-2",
+						children: step.complete ? "✓" : `${index + 1}.`
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: step.complete ? "Completed: " : index === next ? "Next: " : ""
+					}),
+					/* @__PURE__ */ jsx("a", {
+						href: step.href,
+						className: "cursor-pointer underline underline-offset-4 hover:text-white",
+						children: step.label
+					})
+				]
+			}, step.href))
+		})]
+	});
+}
+//#endregion
+//#region src/components/agent-dashboard-page.tsx
+function Panel({ title, children }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "mb-4 text-lg font-medium text-white",
+			children: title
+		}), children]
+	});
+}
+function pnlColor(value) {
+	const sign = value === null ? null : compareDecimals(value, "0");
+	return sign === null || sign === 0 ? null : sign < 0 ? "text-red-400" : "text-emerald-400";
+}
+function positionSizeText(value) {
+	const sign = compareDecimals(value, "0");
+	if (sign === null || sign === 0) return formatAmountText(value);
+	return `${sign < 0 ? "Short" : "Long"} ${formatAmountText(value.replace(/^-/, ""))}`;
+}
+function Statistic({ label, value, pnl = false }) {
+	const color = (pnl ? pnlColor(value) : null) ?? "text-zinc-100";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "p-1",
+		children: [/* @__PURE__ */ jsx("dt", {
+			className: "text-xs uppercase tracking-[0.16em] text-zinc-500",
+			children: label
+		}), /* @__PURE__ */ jsx("dd", {
+			className: "mt-1 flex items-baseline gap-2",
+			children: value === null ? /* @__PURE__ */ jsx("span", {
+				className: "text-base italic text-zinc-500",
+				children: "Unavailable"
+			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+				className: `font-mono text-2xl font-semibold tabular-nums ${color}`,
+				children: formatMoneyText(value)
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-xs text-zinc-500",
+				children: "USDC"
+			})] })
+		})]
+	});
+}
+var cell = "whitespace-nowrap px-3 py-3 text-left";
+var noSubagents = [];
+function AgentDashboardPage({ id, initial, enabled = true, tradingEnabled, subagents, subagentsError }) {
+	const [snapshot, setSnapshot] = useState(initial);
+	const [workers, setWorkers] = useState(subagents);
+	const [workersError, setWorkersError] = useState(subagentsError);
+	const [workersCurrent, setWorkersCurrent] = useState(true);
+	useEffect(() => {
+		setWorkers(subagents);
+		setWorkersError(subagentsError);
+		setWorkersCurrent(true);
+	}, [
+		id,
+		subagents,
+		subagentsError
+	]);
+	useAgentEvent("subagents", (event) => {
+		setWorkers(JSON.parse(event.data));
+		setWorkersError(void 0);
+		setWorkersCurrent(true);
+	});
+	const [error, setError] = useState("");
+	const { interrupted, controlMessage, streamErrors } = useAgentEventsStatus();
+	useEffect(() => {
+		if (interrupted || streamErrors.subagents) setWorkersCurrent(false);
+	}, [interrupted, streamErrors.subagents]);
+	const hasAddress = Boolean(initial.address);
+	useAgentEvent("dashboard", (event) => {
+		setSnapshot(JSON.parse(event.data));
+		setError("");
+	}, hasAddress);
+	useEffect(() => {
+		setSnapshot(initial);
+		setError("");
+	}, [id, initial]);
+	useEffect(() => {
+		if (!hasAddress) return;
+		const topicError = streamErrors["dashboard"];
+		if (topicError) setError(topicError);
+		else if (interrupted) setError(controlMessage || "Live connection interrupted. Reconnecting… Displayed data is from the last snapshot, not current.");
+	}, [
+		hasAddress,
+		interrupted,
+		controlMessage,
+		streamErrors
+	]);
+	const connected = !error && snapshot.live?.status === "connected";
+	const current = connected && Object.values(snapshot.live.sections).every((section) => section.fresh) && snapshot.errors.length === 0;
+	const connectionLabel = current ? "Connected" : connected ? "Connected · Data stale" : "Disconnected";
+	const connectionColor = current ? "bg-emerald-400" : connected ? "bg-amber-400" : "bg-red-400";
+	const totalEquity = dashboardTotalEquity(snapshot);
+	const unrealizedPnl = snapshot.positions?.reduce((total, position) => total === null ? null : addDecimals(total, position.unrealizedPnl), "0") ?? null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-[calc(100dvh-4.5rem)] min-h-0 w-full flex-col gap-2 overflow-hidden sm:h-[calc(100dvh-5rem)]",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				className: "sr-only",
+				children: "Dashboard"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "max-h-[55%] shrink-0 space-y-2 overflow-y-auto",
+				children: [tradingEnabled !== void 0 && workers && workersCurrent && !workersError && !streamErrors.subagents && !interrupted && /* @__PURE__ */ jsx(AgentSetupChecklist, {
+					agentId: id,
+					tradingEnabled,
+					subagents: workers
+				}), !snapshot.address ? /* @__PURE__ */ jsx(Panel, {
+					title: "Trading account",
+					children: /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-zinc-400",
+						children: "This agent is missing its required Hyperliquid account. Create a new agent with a linked account."
+					})
+				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					/* @__PURE__ */ jsxs("section", {
+						"aria-label": "Account overview",
+						className: "rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6",
+						children: [
+							/* @__PURE__ */ jsxs("p", {
+								role: "status",
+								className: "mb-5 flex items-center gap-2 text-xs text-zinc-400",
+								children: [/* @__PURE__ */ jsx("span", {
+									"aria-hidden": "true",
+									className: `h-2 w-2 rounded-full ${connectionColor}`
+								}), connectionLabel]
+							}),
+							error && /* @__PURE__ */ jsx("p", {
+								role: "alert",
+								className: "mb-4 rounded-xl border border-amber-900 p-3 text-sm text-amber-200",
+								children: error
+							}),
+							snapshot.errors.length > 0 && /* @__PURE__ */ jsx("div", {
+								role: "status",
+								className: "mb-4 rounded-xl border border-amber-900 p-3 text-sm text-amber-200",
+								children: snapshot.errors.map((message) => /* @__PURE__ */ jsx("p", { children: message }, message))
+							}),
+							/* @__PURE__ */ jsxs("dl", {
+								className: "grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-4",
+								children: [
+									/* @__PURE__ */ jsx(Statistic, {
+										label: "Total equity",
+										value: totalEquity
+									}),
+									/* @__PURE__ */ jsx(Statistic, {
+										label: "Unrealized",
+										value: unrealizedPnl,
+										pnl: true
+									}),
+									/* @__PURE__ */ jsx(BalanceSparkline, {
+										label: "24h",
+										points: snapshot.balanceHistory?.day
+									}),
+									/* @__PURE__ */ jsx(BalanceSparkline, {
+										label: "30d",
+										points: snapshot.balanceHistory?.month
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(Panel, {
+						title: "Positions",
+						children: snapshot.positions === null ? /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-amber-200",
+							children: "Positions unavailable."
+						}) : snapshot.positions.length === 0 ? /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-zinc-500",
+							children: "No open positions."
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "overflow-x-auto",
+							children: /* @__PURE__ */ jsxs("table", {
+								className: "w-full text-sm text-zinc-300",
+								children: [/* @__PURE__ */ jsx("thead", {
+									className: "text-xs text-zinc-500",
+									children: /* @__PURE__ */ jsx("tr", { children: [
+										"Market",
+										"Size",
+										"Leverage",
+										"Entry price",
+										"Unrealized P&L",
+										"Liquidation price",
+										"Actions"
+									].map((label) => /* @__PURE__ */ jsx("th", {
+										className: cell,
+										children: label
+									}, label)) })
+								}), /* @__PURE__ */ jsx("tbody", {
+									className: "divide-y divide-zinc-800",
+									children: snapshot.positions.map((position) => /* @__PURE__ */ jsxs("tr", { children: [
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx(InstrumentLabel, { symbol: position.coin })
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx("span", {
+												className: "font-mono tabular-nums",
+												children: positionSizeText(position.size)
+											})
+										}),
+										/* @__PURE__ */ jsxs("td", {
+											className: cell,
+											children: [position.leverage, "×"]
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx("span", {
+												className: "font-mono tabular-nums",
+												children: formatAmountText(position.entryPrice)
+											})
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx("span", {
+												className: `font-mono tabular-nums ${pnlColor(position.unrealizedPnl) ?? "text-zinc-300"}`,
+												children: formatMoneyText(position.unrealizedPnl)
+											})
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx("span", {
+												className: "font-mono tabular-nums",
+												children: formatMoneyText(position.liquidationPrice, 2)
+											})
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx(ClosePositionButton, {
+												agentId: id,
+												symbol: position.coin
+											})
+										})
+									] }, position.coin))
+								})]
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx(Panel, {
+						title: "Open orders",
+						children: snapshot.orders === null ? /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-amber-200",
+							children: "Orders unavailable."
+						}) : snapshot.orders.length === 0 ? /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-zinc-500",
+							children: "No open orders."
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "overflow-x-auto",
+							children: /* @__PURE__ */ jsxs("table", {
+								className: "w-full text-sm text-zinc-300",
+								children: [/* @__PURE__ */ jsx("thead", {
+									className: "text-xs text-zinc-500",
+									children: /* @__PURE__ */ jsx("tr", { children: [
+										"Market",
+										"Timestamp",
+										"Side",
+										"Type",
+										"Size",
+										"Price / trigger",
+										"Actions"
+									].map((label) => /* @__PURE__ */ jsx("th", {
+										className: cell,
+										children: label
+									}, label)) })
+								}), /* @__PURE__ */ jsx("tbody", {
+									className: "divide-y divide-zinc-800",
+									children: snapshot.orders.map((order) => /* @__PURE__ */ jsxs("tr", { children: [
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx(InstrumentLabel, { symbol: order.coin })
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: `${cell} text-xs text-zinc-400`,
+											children: order.timestamp === void 0 ? "—" : /* @__PURE__ */ jsx(ToggleTimestamp, {
+												timestamp: order.timestamp,
+												label: "order"
+											})
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: order.side
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: order.type
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx("span", {
+												className: "font-mono tabular-nums",
+												children: formatAmountText(order.size)
+											})
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx("span", {
+												className: "font-mono tabular-nums",
+												children: formatAmountText(order.triggerPrice ?? order.price)
+											})
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: cell,
+											children: /* @__PURE__ */ jsx(CancelOrderButton, {
+												agentId: id,
+												symbol: order.coin,
+												oid: String(order.id)
+											}, `${id}:${order.coin}:${order.id}`)
+										})
+									] }, order.id))
+								})]
+							})
+						})
+					})
+				] })]
+			}),
+			/* @__PURE__ */ jsx(DashboardSubagents, {
+				agentId: id,
+				agentEnabled: enabled,
+				subagents: workers ?? noSubagents,
+				error: workersError
+			}),
+			/* @__PURE__ */ jsx(DashboardChat, {
+				agentId: id,
+				enabled
+			}, id)
+		]
+	});
+}
+//#endregion
+//#region src/routes/_authenticated.agents.$agentId.index.tsx?tsr-split=component
+function DashboardRoute() {
+	const { agentId } = Route.useParams();
+	const { data: agent } = useSuspenseQuery(agentQueryOptions(agentId));
+	const { data: dashboard } = useSuspenseQuery(agentDashboardQueryOptions(agentId));
+	const { data: subagents, error } = useQuery(dashboardSubagentsQueryOptions(agentId));
+	const { data: risk, error: riskError } = useQuery(riskQueryOptions(agentId));
+	return /* @__PURE__ */ jsx(AgentDashboardPage, {
+		id: agentId,
+		enabled: agent.enabled,
+		tradingEnabled: riskError ? void 0 : risk?.tradingEnabled,
+		initial: dashboard,
+		subagents,
+		subagentsError: error?.message
+	}, agentId);
+}
+//#endregion
+export { DashboardRoute as component };