hypervibes 0.0.0-stage → 0.4.0

package/.build/server/assets/_authenticated.agents.new-Bt-tBR47.js

@@ -0,0 +1,302 @@
+import { c as createAgentSubaccount, s as createAgent } from "./agents-CZq-0mna.js";
+import { o as invalidateAgentCollection, s as tradingAccountsQueryOptions } from "./agent-queries-Cmx8RiUx.js";
+import { r as modelChoicesQueryOptions } from "./provider-queries-BaZWLw8J.js";
+import { f as randomUuid } from "./contracts-CG-nZuYJ.js";
+import { i as formatMoneyText } from "./decimal-BthtZ77w.js";
+import { a as modelKey, n as ModelPicker } from "./model-picker-CA1uYb--.js";
+import { useRef, useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+//#region src/components/create-agent-page.tsx
+function CreateAgentPage({ choices, models, create, createSubaccount }) {
+	const router = useRouter();
+	const [name, setName] = useState("");
+	const [selection, setSelection] = useState("main");
+	const [selectedModel, setSelectedModel] = useState("");
+	const [thinkingLevel, setThinkingLevel] = useState("");
+	const [includeDefaultSubagents, setIncludeDefaultSubagents] = useState(true);
+	const model = models.find((choice) => modelKey(choice) === selectedModel);
+	const client = useQueryClient();
+	const creation = useMutation({
+		mutationFn: (args) => create(...args),
+		onSuccess: async (agent) => {
+			await invalidateAgentCollection(client);
+			await router.navigate({
+				to: "/agents/$agentId",
+				params: { agentId: agent.id }
+			});
+		}
+	});
+	const subaccount = useMutation({
+		mutationFn: createSubaccount,
+		onSuccess: async (result) => {
+			setSelection(result.address);
+			await invalidateAgentCollection(client);
+		}
+	});
+	const pending = creation.isPending;
+	const subaccountPending = subaccount.isPending;
+	const [submissionError, setSubmissionError] = useState();
+	const error = submissionError ?? creation.error?.message;
+	const subaccountStatus = subaccount.error?.message ?? (subaccount.data ? subaccount.data.created ? "Sub-account created." : "An existing matching Sub-account was found." : "");
+	const request = useRef(null);
+	const inFlight = useRef(false);
+	const subaccountInFlight = useRef(false);
+	const trimmed = name.trim();
+	const availableSelection = selection === "main" ? !choices.mainAssignedTo : choices.subaccounts.some((account) => account.address === selection && !account.assignedTo);
+	const accountReady = choices.apiWalletReady && choices.accountModeSupported && !choices.lookupError && availableSelection;
+	async function submit() {
+		if (inFlight.current || !trimmed || !model || !accountReady) return;
+		inFlight.current = true;
+		setSubmissionError(void 0);
+		try {
+			const settings = JSON.stringify([
+				trimmed,
+				selection,
+				selectedModel,
+				includeDefaultSubagents,
+				thinkingLevel
+			]);
+			if (request.current?.settings !== settings) request.current = {
+				settings,
+				id: randomUuid()
+			};
+			await creation.mutateAsync([
+				trimmed,
+				request.current.id,
+				selection,
+				model,
+				includeDefaultSubagents,
+				thinkingLevel
+			]);
+		} catch (error) {
+			setSubmissionError(error instanceof Error ? error.message : "Could not create the agent. Please try again.");
+		} finally {
+			inFlight.current = false;
+		}
+	}
+	async function newSubaccount() {
+		if (subaccountInFlight.current || !trimmed) return;
+		subaccountInFlight.current = true;
+		try {
+			await subaccount.mutateAsync(trimmed);
+		} catch {} finally {
+			subaccountInFlight.current = false;
+		}
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto max-w-3xl",
+		"data-agent-creation": true,
+		children: [
+			/* @__PURE__ */ jsx("header", {
+				className: "border-b border-zinc-800 pb-6",
+				children: /* @__PURE__ */ jsx("h1", {
+					className: "text-3xl font-semibold tracking-tight text-white",
+					children: "Create New Agent"
+				})
+			}),
+			!choices.apiWalletReady && /* @__PURE__ */ jsxs("p", {
+				role: "status",
+				className: "mt-6 rounded-2xl border border-amber-800/70 bg-amber-950/30 px-4 py-3 text-sm text-amber-200",
+				children: [
+					"Every agent requires a linked Hyperliquid account and an approved API key. ",
+					/* @__PURE__ */ jsx("a", {
+						href: "/account",
+						className: "cursor-pointer underline",
+						children: "Set it up on the Account page"
+					}),
+					" before creating an agent."
+				]
+			}),
+			choices.lookupError && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "mt-6 rounded-2xl border border-red-900/60 bg-red-950/20 px-4 py-3 text-sm text-red-300",
+				children: choices.lookupError
+			}),
+			/* @__PURE__ */ jsxs("form", {
+				className: "mt-6 space-y-6",
+				onSubmit: (event) => {
+					event.preventDefault();
+					submit();
+				},
+				children: [
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "display_name",
+						className: "block text-sm font-medium text-zinc-300",
+						children: "Name"
+					}), /* @__PURE__ */ jsx("input", {
+						id: "display_name",
+						type: "text",
+						value: name,
+						onChange: (event) => setName(event.target.value),
+						required: true,
+						maxLength: 80,
+						autoFocus: true,
+						placeholder: "BTC Momentum",
+						className: "mt-2 block w-full rounded-xl border border-zinc-800 bg-zinc-950 px-3 py-2 text-sm text-white placeholder-zinc-600 focus:border-zinc-600 focus:outline-none"
+					})] }),
+					/* @__PURE__ */ jsx(ModelPicker, {
+						choices: models,
+						value: selectedModel,
+						thinkingLevel,
+						onChange: (value, thinking) => {
+							setSelectedModel(value);
+							setThinkingLevel(thinking);
+						},
+						disabled: pending
+					}),
+					/* @__PURE__ */ jsx("a", {
+						href: "/providers",
+						className: "block cursor-pointer text-xs text-violet-300 hover:underline",
+						children: "Manage provider connections"
+					}),
+					/* @__PURE__ */ jsxs("fieldset", { children: [
+						/* @__PURE__ */ jsx("legend", {
+							className: "text-sm font-medium text-zinc-300",
+							children: "Trading account"
+						}),
+						choices.subaccountCapacity && /* @__PURE__ */ jsxs("p", {
+							className: "mt-1 text-xs text-zinc-500",
+							children: [
+								"Sub-account capacity: ",
+								choices.subaccountCapacity,
+								"."
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "mt-3 overflow-hidden rounded-xl border border-zinc-700 divide-y divide-zinc-800",
+							children: [
+								/* @__PURE__ */ jsx(ChoiceRow, {
+									label: "Main account",
+									address: choices.mainAddress,
+									balance: choices.mainBalance,
+									checked: selection === "main",
+									disabled: Boolean(choices.mainAssignedTo),
+									note: choices.mainAssignedTo ? `Already assigned to ${choices.mainAssignedTo}` : null,
+									onSelect: () => setSelection("main")
+								}),
+								choices.subaccounts.map((subaccount) => /* @__PURE__ */ jsx(ChoiceRow, {
+									label: subaccount.name ? `Sub-account: ${subaccount.name}` : "Sub-account",
+									address: subaccount.address,
+									balance: subaccount.balance,
+									checked: selection === subaccount.address,
+									disabled: Boolean(subaccount.assignedTo),
+									note: subaccount.assignedTo ? `In use by ${subaccount.assignedTo.agentName}` : null,
+									onSelect: () => setSelection(subaccount.address)
+								}, subaccount.address)),
+								/* @__PURE__ */ jsxs("div", {
+									className: "p-4",
+									children: [/* @__PURE__ */ jsx("button", {
+										type: "button",
+										disabled: subaccountPending || !trimmed || !choices.apiWalletReady || !choices.accountModeSupported,
+										onClick: () => {
+											newSubaccount();
+										},
+										className: "cursor-pointer rounded-full border border-violet-500 px-5 py-2 text-sm font-medium text-violet-200 hover:border-violet-400 hover:bg-violet-950/40 hover:text-white disabled:cursor-wait disabled:opacity-50",
+										children: subaccountPending ? "Creating…" : "Create Sub-Account"
+									}), /* @__PURE__ */ jsx("p", {
+										"aria-live": "polite",
+										className: "mt-3 text-sm text-zinc-400",
+										children: subaccountStatus || (trimmed ? "" : "Enter an agent name first.")
+									})]
+								})
+							]
+						})
+					] }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("label", {
+						className: "flex cursor-pointer items-center gap-3 text-sm font-medium text-zinc-300",
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "checkbox",
+							checked: includeDefaultSubagents,
+							disabled: pending,
+							onChange: (event) => setIncludeDefaultSubagents(event.target.checked),
+							"aria-describedby": "default-subagents-description",
+							className: "cursor-pointer accent-violet-500"
+						}), "Include default sub-agents"]
+					}), /* @__PURE__ */ jsx("p", {
+						id: "default-subagents-description",
+						className: "mt-2 text-sm text-zinc-500",
+						children: "Adds a connected Technical Analyst, Trader, and Daily Reviewer. All start paused."
+					})] }),
+					error && /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "rounded-2xl border border-red-900/60 bg-red-950/20 p-4 text-sm text-red-300",
+						children: error
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-3 border-t border-zinc-800 pt-6",
+						children: [/* @__PURE__ */ jsx("button", {
+							type: "submit",
+							disabled: pending || !trimmed || !model || !accountReady,
+							className: "cursor-pointer rounded-full bg-violet-600 px-5 py-2 text-sm font-medium text-white hover:bg-violet-500 disabled:cursor-wait disabled:opacity-50",
+							children: pending ? "Creating…" : "Create agent"
+						}), /* @__PURE__ */ jsx("a", {
+							href: "/agents",
+							className: "cursor-pointer rounded-full border border-zinc-700 px-5 py-2 text-sm font-medium text-zinc-500 hover:border-zinc-600 hover:text-zinc-300",
+							children: "Cancel"
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+function ChoiceRow({ label, address, balance, checked, disabled, note, onSelect }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: `flex cursor-pointer gap-3 p-4 transition hover:bg-zinc-900/60 ${disabled ? "opacity-50" : ""}`,
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				className: "peer sr-only",
+				type: "radio",
+				name: "trading_account_selection",
+				checked,
+				disabled,
+				onChange: onSelect
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "peer-checked:border-violet-500 peer-checked:bg-violet-500 peer-checked:after:opacity-100 mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border-2 border-zinc-600 bg-zinc-950 transition after:size-1.5 after:rounded-full after:bg-white after:opacity-0 after:content-[''] peer-focus-visible:ring-2 peer-focus-visible:ring-violet-400",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "min-w-0",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm text-white",
+						children: label
+					}),
+					address && /* @__PURE__ */ jsxs("span", {
+						className: "mt-1 block break-all font-mono text-xs text-zinc-500",
+						children: [address, balance ? ` · ${formatMoneyText(balance)} USDC` : ""]
+					}),
+					note && /* @__PURE__ */ jsx("span", {
+						className: "mt-1 block text-xs text-amber-300",
+						children: note
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/routes/_authenticated.agents.new.tsx?tsr-split=component
+function CreateAgentRoute() {
+	const { data: models } = useSuspenseQuery(modelChoicesQueryOptions());
+	const { data: choices } = useSuspenseQuery(tradingAccountsQueryOptions());
+	return /* @__PURE__ */ jsx(CreateAgentPage, {
+		choices,
+		models,
+		create: (name, requestId, accountSelection, model, includeDefaultSubagents, thinkingLevel) => createAgent({ data: {
+			name,
+			requestId,
+			accountSelection,
+			provider: model.provider,
+			modelId: model.modelId,
+			includeDefaultSubagents,
+			thinkingLevel
+		} }),
+		createSubaccount: (name) => createAgentSubaccount({ data: { name } })
+	});
+}
+//#endregion
+export { CreateAgentRoute as component };