hypervibes 0.0.0-stage → 0.4.0

package/.build/server/assets/_authenticated-Bch0_2QH.js

@@ -0,0 +1,264 @@
+import { t as Route } from "./_authenticated-DGV5cZYE.js";
+import { a as agentsQueryOptions } from "./agent-queries-Cmx8RiUx.js";
+import { t as Identicon } from "./identicon-CyawcVnx.js";
+import { t as AgentEnablementControl } from "./agent-enablement-control-C90f0uIb.js";
+import { t as authClient } from "./auth-client-Vb3O0v7P.js";
+import { useEffect, useRef, useState } from "react";
+import { Link, Outlet, useParams } from "@tanstack/react-router";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useSuspenseQuery } from "@tanstack/react-query";
+//#region src/components/agent-switcher.tsx
+function AgentStatusDot({ agentEnabled, tradingEnabled }) {
+	const enabled = agentEnabled && tradingEnabled;
+	const label = !agentEnabled ? "Agent disabled" : tradingEnabled ? "Trading enabled" : "Trading disabled";
+	return /* @__PURE__ */ jsx("span", {
+		role: "img",
+		"aria-label": label,
+		title: label,
+		className: `h-2 w-2 shrink-0 rounded-full ${enabled ? "bg-emerald-400" : "bg-amber-400"}`
+	});
+}
+/** The legacy selector's native disclosure behavior, with client-side navigation. */
+function AgentSwitcher({ agents, selectedAgentId }) {
+	const details = useRef(null);
+	const summary = useRef(null);
+	const selected = agents.find((agent) => agent.id === selectedAgentId);
+	function close() {
+		if (details.current) details.current.open = false;
+	}
+	useEffect(() => {
+		close();
+	}, [selectedAgentId]);
+	useEffect(() => {
+		const outside = (event) => {
+			if (!details.current?.contains(event.target)) close();
+		};
+		const escape = (event) => {
+			if (event.key === "Escape" && details.current?.open) {
+				close();
+				summary.current?.focus();
+			}
+		};
+		document.addEventListener("click", outside);
+		document.addEventListener("keydown", escape);
+		return () => {
+			document.removeEventListener("click", outside);
+			document.removeEventListener("keydown", escape);
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs("details", {
+		ref: details,
+		className: "relative h-full min-w-0 max-w-[45vw] sm:max-w-64",
+		"data-agent-selector": true,
+		children: [/* @__PURE__ */ jsxs("summary", {
+			ref: summary,
+			"aria-label": "Switch Agent",
+			className: "flex h-full cursor-pointer list-none items-center gap-2 px-4 text-sm text-zinc-300 hover:bg-zinc-800 hover:text-white [&::-webkit-details-marker]:hidden",
+			children: [
+				selected && /* @__PURE__ */ jsx(AgentStatusDot, {
+					agentEnabled: selected.enabled,
+					tradingEnabled: selected.tradingEnabled
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: selected?.name ?? "Agents"
+				}),
+				/* @__PURE__ */ jsx("svg", {
+					className: "h-4 w-4 shrink-0 text-zinc-500",
+					viewBox: "0 0 20 20",
+					fill: "currentColor",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx("path", {
+						fillRule: "evenodd",
+						clipRule: "evenodd",
+						d: "M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.09 1.04l-4.25 4.5a.75.75 0 0 1-1.09 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
+					})
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "absolute left-0 top-full mt-2 max-h-[calc(100dvh-5rem)] w-64 overflow-y-auto rounded-lg border border-zinc-700 bg-[#1b1d20] p-1 shadow-2xl",
+			children: [
+				agents.map((agent) => /* @__PURE__ */ jsxs(Link, {
+					to: "/agents/$agentId",
+					params: { agentId: agent.id },
+					onClick: close,
+					"aria-current": agent.id === selectedAgentId ? "page" : void 0,
+					className: "flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-zinc-300 hover:bg-zinc-800 hover:text-white",
+					children: [/* @__PURE__ */ jsx(AgentStatusDot, {
+						agentEnabled: agent.enabled,
+						tradingEnabled: agent.tradingEnabled
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: agent.name
+					})]
+				}, agent.id)),
+				agents.length > 0 && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-zinc-700" }),
+				/* @__PURE__ */ jsx(Link, {
+					to: "/agents/new",
+					onClick: close,
+					className: "block cursor-pointer rounded-md px-3 py-2 text-sm font-medium text-sky-300 hover:bg-zinc-800 hover:text-sky-200",
+					children: "Create new agent"
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/navbar.tsx
+function Navbar({ walletAddress, agents = [], selectedAgentId }) {
+	const selected = agents.find((agent) => agent.id === selectedAgentId);
+	const [pending, setPending] = useState(false);
+	const [error, setError] = useState("");
+	const inFlight = useRef(false);
+	async function logout() {
+		if (inFlight.current) return;
+		inFlight.current = true;
+		setPending(true);
+		setError("");
+		try {
+			if ((await authClient.signOut()).error) throw new Error("Unable to log out. Please try again.");
+			window.location.assign("/login");
+		} catch {
+			setError("Unable to log out. Please try again.");
+			inFlight.current = false;
+			setPending(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative flex h-full items-center pr-4",
+		children: [
+			/* @__PURE__ */ jsx(AgentSwitcher, {
+				agents,
+				selectedAgentId
+			}),
+			selected && !selected.tradingEnabled && /* @__PURE__ */ jsx(Link, {
+				to: "/agents/$agentId/settings",
+				params: { agentId: selected.id },
+				hash: "risk-management",
+				title: "New exposure is disabled. Reduce-only orders and cancellation remain available. Open risk management settings.",
+				className: "shrink-0 cursor-pointer whitespace-nowrap rounded-lg px-2 py-1 text-xs text-amber-300 hover:bg-amber-950/50 hover:text-amber-200 sm:text-sm",
+				children: "Trading disabled"
+			}),
+			/* @__PURE__ */ jsx(Link, {
+				to: "/agents",
+				className: "absolute left-1/2 hidden h-full -translate-x-1/2 cursor-pointer items-center px-4 hover:bg-zinc-800 lg:flex",
+				children: /* @__PURE__ */ jsx("img", {
+					src: "/static/hypervibes.png",
+					alt: "HyperVibes",
+					width: "2172",
+					height: "724",
+					className: "h-12 w-auto object-contain"
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "ml-auto flex items-center gap-2 sm:gap-3",
+				children: [
+					selected && /* @__PURE__ */ jsx(AgentEnablementControl, {
+						id: selected.id,
+						name: selected.name,
+						enabled: selected.enabled
+					}, selected.id),
+					/* @__PURE__ */ jsx(Link, {
+						to: "/providers",
+						title: "Provider connections",
+						"aria-label": "Provider connections",
+						className: "inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-lg text-zinc-400 hover:bg-zinc-800 hover:text-white",
+						children: /* @__PURE__ */ jsx("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							strokeWidth: "1.5",
+							stroke: "currentColor",
+							className: "size-6",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ jsx("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M5.25 14.25h13.5m-13.5 0a3 3 0 0 1-3-3m3 3a3 3 0 1 0 0 6h13.5a3 3 0 1 0 0-6m-16.5-3a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3m-19.5 0a4.5 4.5 0 0 1 .9-2.7L5.737 5.1a3.375 3.375 0 0 1 2.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 0 1 .9 2.7m0 0a3 3 0 0 1-3 3m0 3h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Zm-3 6h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Z"
+							})
+						})
+					}),
+					/* @__PURE__ */ jsxs(Link, {
+						to: "/account",
+						title: walletAddress,
+						className: "flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1 hover:bg-zinc-800",
+						children: [/* @__PURE__ */ jsx(Identicon, {
+							address: walletAddress,
+							className: "h-5 w-5 rounded-full"
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "hidden font-mono text-sm text-zinc-200 sm:inline",
+							children: [
+								walletAddress.slice(0, 6),
+								"…",
+								walletAddress.slice(-4)
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						title: "Logout",
+						"aria-label": "Logout",
+						disabled: pending,
+						onClick: () => {
+							logout();
+						},
+						className: "inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-lg text-zinc-400 hover:bg-zinc-800 hover:text-white disabled:cursor-wait disabled:opacity-60",
+						children: /* @__PURE__ */ jsx("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							strokeWidth: 1.5,
+							stroke: "currentColor",
+							className: "size-6",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ jsx("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9"
+							})
+						})
+					}),
+					pending && error && /* @__PURE__ */ jsx("span", {
+						role: "alert",
+						className: "text-xs text-red-300",
+						children: error
+					}),
+					/* @__PURE__ */ jsx("a", {
+						href: "https://github.com/idft/hypervibes",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						"aria-label": "HyperVibes on GitHub",
+						className: "hidden h-9 w-9 cursor-pointer items-center justify-center rounded-lg text-zinc-400 hover:bg-zinc-800 hover:text-white sm:inline-flex",
+						children: /* @__PURE__ */ jsx("span", {
+							className: "github-icon h-5 w-5",
+							"aria-hidden": "true"
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/routes/_authenticated.tsx?tsr-split=component
+function AuthenticatedLayout() {
+	const { user } = Route.useRouteContext();
+	const { data: agents } = useSuspenseQuery(agentsQueryOptions());
+	const { agentId } = useParams({ strict: false });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("header", {
+		className: "fixed inset-x-0 top-0 z-40 h-14 border-b border-zinc-800 bg-[#17191c]",
+		children: /* @__PURE__ */ jsx(Navbar, {
+			walletAddress: user.walletAddress,
+			agents,
+			selectedAgentId: agentId
+		})
+	}), /* @__PURE__ */ jsx("div", {
+		className: "app-shell fixed inset-x-0 bottom-0 top-14 overflow-y-auto",
+		children: /* @__PURE__ */ jsx("main", {
+			className: `app-content min-w-0 ${agentId ? "p-2 sm:p-3" : "px-4 py-6 sm:px-6 lg:px-8"}`,
+			children: /* @__PURE__ */ jsx(Outlet, {})
+		})
+	})] });
+}
+//#endregion
+export { AuthenticatedLayout as component };

package/.build/server/assets/_authenticated-DGV5cZYE.js

@@ -0,0 +1,22 @@
+import { t as createServerFn } from "../server.js";
+import { C as createSsrRpc } from "./agents-CZq-0mna.js";
+import { a as agentsQueryOptions } from "./agent-queries-Cmx8RiUx.js";
+import { createFileRoute, lazyRouteComponent, redirect } from "@tanstack/react-router";
+//#region src/web/auth.ts
+var getCurrentUser = createServerFn({ method: "GET" }).handler(createSsrRpc("2018f2ffabfb907508c98f7360fcb6f9d6d3aa28b4be3b0df959506e9b76cd88"));
+//#endregion
+//#region src/routes/_authenticated.tsx
+var $$splitComponentImporter = () => import("./_authenticated-Bch0_2QH.js");
+var Route = createFileRoute("/_authenticated")({
+	beforeLoad: async () => {
+		const user = await getCurrentUser();
+		if (!user) throw redirect({ to: "/login" });
+		return { user };
+	},
+	loader: async ({ context }) => {
+		await context.queryClient.ensureQueryData(agentsQueryOptions());
+	},
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+//#endregion
+export { getCurrentUser as n, Route as t };