hypervibes 0.0.0-stage → 0.4.0

package/.build/server/assets/_authenticated.account-6qu6oQ1y.js

@@ -0,0 +1,685 @@
+import { a as agentsQueryOptions, o as invalidateAgentCollection } from "./agent-queries-Cmx8RiUx.js";
+import { a as providerSettingsQueryOptions } from "./provider-queries-BaZWLw8J.js";
+import { a as setupApiWallet, i as cancelBuilderFee, n as approveApiWallet, r as approveBuilderFee, t as accountQueryOptions } from "./account-queries-AJJVkLAV.js";
+import { a as moneyParts, i as formatMoneyText } from "./decimal-BthtZ77w.js";
+import { t as Identicon } from "./identicon-CyawcVnx.js";
+import { t as SetupChecklist } from "./setup-checklist-BICTmBo2.js";
+import { useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { createWalletClient, custom } from "viem";
+//#region src/hyperliquid/constants.ts
+/** Mainnet-only Hyperliquid constants shared by server code and templates. */
+/** The only builder fee recipient the server accepts and submits. */
+var BUILDER_RECIPIENT = "0x2ebba955c61116e1c249efb1e39d25cb4a79ea05";
+//#endregion
+//#region src/web/wallet-action.ts
+/**
+* Browser-side helpers for signing Hyperliquid actions with the user's main
+* wallet. The private key never leaves the wallet; the server validates and
+* relays the signed action.
+*/
+var CHAIN_ID = 42161;
+var CHAIN_HEX = "0xa4b1";
+async function selectSignatureChain(provider) {
+	try {
+		await provider.request({
+			method: "wallet_switchEthereumChain",
+			params: [{ chainId: CHAIN_HEX }]
+		});
+	} catch (reason) {
+		if (!(typeof reason === "object" && reason !== null && "code" in reason && reason.code === 4902)) throw new Error("Switch your wallet to Arbitrum Mainnet to sign Hyperliquid approvals.", { cause: reason });
+		await provider.request({
+			method: "wallet_addEthereumChain",
+			params: [{
+				chainId: CHAIN_HEX,
+				chainName: "Arbitrum One",
+				nativeCurrency: {
+					name: "Ether",
+					symbol: "ETH",
+					decimals: 18
+				},
+				rpcUrls: ["https://arb1.arbitrum.io/rpc"],
+				blockExplorerUrls: ["https://arbiscan.io"]
+			}]
+		});
+		await provider.request({
+			method: "wallet_switchEthereumChain",
+			params: [{ chainId: CHAIN_HEX }]
+		});
+	}
+}
+async function signWalletAction({ provider }, primaryType, types, action) {
+	if (!provider) throw new Error("No Ethereum wallet found. Open this page in a browser with a wallet extension.");
+	const client = createWalletClient({ transport: custom(provider) });
+	await selectSignatureChain(provider);
+	const [account] = await client.requestAddresses();
+	if (!account) throw new Error("No wallet account selected.");
+	return {
+		action,
+		signature: await client.signTypedData({
+			account,
+			domain: {
+				name: "HyperliquidSignTransaction",
+				version: "1",
+				chainId: CHAIN_ID,
+				verifyingContract: "0x0000000000000000000000000000000000000000"
+			},
+			types,
+			primaryType,
+			message: action
+		})
+	};
+}
+function actionBase() {
+	return {
+		hyperliquidChain: "Mainnet",
+		signatureChainId: CHAIN_HEX,
+		nonce: Date.now()
+	};
+}
+function walletProvider() {
+	return globalThis.window?.ethereum;
+}
+var approveAgentTypes = { "HyperliquidTransaction:ApproveAgent": [
+	{
+		name: "hyperliquidChain",
+		type: "string"
+	},
+	{
+		name: "agentAddress",
+		type: "address"
+	},
+	{
+		name: "agentName",
+		type: "string"
+	},
+	{
+		name: "nonce",
+		type: "uint64"
+	}
+] };
+var approveBuilderFeeTypes = { "HyperliquidTransaction:ApproveBuilderFee": [
+	{
+		name: "hyperliquidChain",
+		type: "string"
+	},
+	{
+		name: "maxFeeRate",
+		type: "string"
+	},
+	{
+		name: "builder",
+		type: "address"
+	},
+	{
+		name: "nonce",
+		type: "uint64"
+	}
+] };
+//#endregion
+//#region src/components/account-page.tsx
+function ExternalLinkIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: "1.5",
+		stroke: "currentColor",
+		className: "h-4 w-4",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+		})
+	});
+}
+function expiryClass(expiresAt) {
+	if (!expiresAt) return "text-zinc-400";
+	const days = (expiresAt - Date.now()) / 864e5;
+	if (days >= 150) return "text-emerald-400";
+	if (days < 30) return "text-amber-400";
+	return "text-zinc-400";
+}
+function Balance({ balance }) {
+	if (!balance) return /* @__PURE__ */ jsx("span", {
+		className: "text-amber-300",
+		children: "Unavailable"
+	});
+	const { whole, decimals } = moneyParts(formatMoneyText(balance));
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx("span", {
+			className: /^0(\.0+)?$/.test(balance) ? "text-zinc-500" : "text-zinc-200",
+			children: whole
+		}),
+		decimals && /* @__PURE__ */ jsxs("span", {
+			className: "text-zinc-500",
+			children: [".", decimals]
+		}),
+		/* @__PURE__ */ jsx("span", {
+			className: "text-zinc-500",
+			children: " USDC"
+		})
+	] });
+}
+function AccountPage({ view, actions, setup }) {
+	const client = useQueryClient();
+	const [signerProgress, setSignerStatus] = useState("");
+	const [importing, setImporting] = useState(false);
+	const [importedKey, setImportedKey] = useState("");
+	const [feeBps, setFeeBps] = useState(view.builderFee.feeBps);
+	const [feeProgress, setFeeStatus] = useState("");
+	const signerInFlight = useRef(false);
+	const feeInFlight = useRef(false);
+	const signer = useMutation({
+		mutationFn: async ({ source, force }) => {
+			let address = view.apiWallet?.address ?? null;
+			if (force || !address) {
+				setSignerStatus(force ? "Re-generating trading signer…" : "Generating trading signer…");
+				address = await actions.setupApiWallet(source, source === "import" ? importedKey : "");
+				setImportedKey("");
+			}
+			setSignerStatus("Awaiting wallet signature…");
+			const signed = await signWalletAction({ provider: walletProvider() }, "HyperliquidTransaction:ApproveAgent", approveAgentTypes, {
+				type: "approveAgent",
+				...actionBase(),
+				agentAddress: address,
+				agentName: "HyperVibes"
+			});
+			setSignerStatus("Approving trading signer…");
+			await actions.approveApiWallet(signed);
+			setSignerStatus("");
+		},
+		onSettled: () => invalidateAgentCollection(client)
+	});
+	const fee = useMutation({
+		mutationFn: async (revoke) => {
+			const clamped = Math.min(Math.max(Math.round(feeBps), 1), 10);
+			const maxFeeRate = revoke ? "0.00%" : `${(clamped / 100).toFixed(2)}%`;
+			setFeeStatus("Awaiting wallet signature…");
+			const signed = await signWalletAction({ provider: walletProvider() }, "HyperliquidTransaction:ApproveBuilderFee", approveBuilderFeeTypes, {
+				type: "approveBuilderFee",
+				...actionBase(),
+				maxFeeRate,
+				builder: BUILDER_RECIPIENT
+			});
+			if (revoke) await actions.cancelBuilderFee(signed);
+			else await actions.approveBuilderFee(signed, clamped);
+			setFeeStatus("");
+		},
+		onSettled: () => invalidateAgentCollection(client)
+	});
+	const signerPending = signer.isPending;
+	const signerStatus = signer.error?.message ?? signerProgress;
+	const feePending = fee.isPending;
+	const feeStatus = fee.error?.message ?? feeProgress;
+	async function generateAndApprove(source, force) {
+		if (signerInFlight.current) return;
+		signerInFlight.current = true;
+		try {
+			await signer.mutateAsync({
+				source,
+				force
+			});
+		} catch {} finally {
+			signerInFlight.current = false;
+		}
+	}
+	async function submitBuilderFee(revoke) {
+		if (feeInFlight.current) return;
+		feeInFlight.current = true;
+		try {
+			await fee.mutateAsync(revoke);
+		} catch {} finally {
+			feeInFlight.current = false;
+		}
+	}
+	const apiWallet = view.apiWallet;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto max-w-3xl space-y-4",
+		children: [
+			/* @__PURE__ */ jsx("header", {
+				className: "flex items-start justify-between gap-4",
+				children: /* @__PURE__ */ jsxs("h1", {
+					className: "flex min-w-0 items-center gap-3 text-2xl font-semibold text-white sm:text-3xl",
+					children: [
+						/* @__PURE__ */ jsx(Identicon, {
+							address: view.walletAddress,
+							className: "h-8 w-8 shrink-0 rounded-full"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "min-w-0 break-all font-mono text-lg sm:text-3xl",
+							children: view.walletAddress
+						}),
+						/* @__PURE__ */ jsx("a", {
+							href: `https://arbiscan.io/address/${view.walletAddress}`,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							title: "View on Arbiscan",
+							"aria-label": "View on Arbiscan",
+							className: "inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded text-zinc-400 hover:text-zinc-200",
+							children: /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(SetupChecklist, {
+				agentCount: setup.agentCount,
+				state: {
+					providerConnected: setup.providerConnected,
+					apiKeyApproved: view.apiWallet?.state === "approved",
+					builderFeeApproved: view.builderFee.approved
+				}
+			}),
+			view.accountModeMessage && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: `rounded-2xl border px-4 py-3 text-sm ${view.accountMode === "unregistered" ? "border-violet-900/70 bg-violet-950/20 text-zinc-300" : "border-amber-800/70 bg-amber-950/30 text-amber-200"}`,
+				children: view.accountModeMessage
+			}),
+			!view.encryptionConfigured && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "rounded-2xl border border-amber-800/70 bg-amber-950/30 px-4 py-3 text-sm text-amber-200",
+				children: "Trading signer storage is not configured on the server. Set AGENTS_ENCRYPTION_KEY to enable API keys."
+			}),
+			view.accountMode === "unregistered" ? /* @__PURE__ */ jsxs("section", {
+				className: "rounded-2xl border border-violet-900/70 bg-violet-950/20 p-6 sm:p-8",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium uppercase tracking-[0.18em] text-violet-300",
+						children: "Hyperliquid setup"
+					}),
+					/* @__PURE__ */ jsx("h2", {
+						className: "mt-3 text-2xl font-semibold text-white",
+						children: "Enable trading on Hyperliquid"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "mt-3 max-w-2xl text-sm leading-6 text-zinc-300",
+						children: [
+							"Open Hyperliquid with this same wallet, then choose ",
+							/* @__PURE__ */ jsx("span", {
+								className: "font-medium text-white",
+								children: "Enable Trading"
+							}),
+							" and sign its gas-less transaction. Complete the first deposit Hyperliquid requests to activate the new account, then return here and refresh the page to set up your trading signer, builder-fee approval, and agents."
+						]
+					}),
+					/* @__PURE__ */ jsxs("a", {
+						href: "https://app.hyperliquid.xyz/trade",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "mt-6 inline-flex cursor-pointer items-center gap-2 rounded-full bg-violet-600 px-5 py-2.5 text-sm font-medium text-white hover:bg-violet-500",
+						children: ["Open Hyperliquid", /* @__PURE__ */ jsx(ExternalLinkIcon, {})]
+					})
+				]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "grid gap-3 sm:grid-cols-2",
+				children: [/* @__PURE__ */ jsxs("section", {
+					className: "flex flex-col rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ jsxs("h2", {
+								className: "flex items-center gap-2 text-lg font-medium text-white",
+								children: ["Hyperliquid API Key", /* @__PURE__ */ jsx("a", {
+									href: "https://app.hyperliquid.xyz/API",
+									target: "_blank",
+									rel: "noopener noreferrer",
+									title: "Open Hyperliquid API page",
+									"aria-label": "Open Hyperliquid API page",
+									className: "inline-flex h-4 w-4 cursor-pointer items-center justify-center rounded text-zinc-400 hover:text-zinc-200",
+									children: /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+								})]
+							}), apiWallet?.state === "approved" ? /* @__PURE__ */ jsxs("span", {
+								className: "flex items-center gap-2",
+								children: [apiWallet.expiresAt && /* @__PURE__ */ jsxs("span", {
+									className: `shrink-0 text-sm ${expiryClass(apiWallet.expiresAt)}`,
+									children: ["Expires ", new Date(apiWallet.expiresAt).toLocaleDateString()]
+								}), /* @__PURE__ */ jsx("span", {
+									title: "API key is approved",
+									"aria-label": "API key is approved",
+									className: "inline-flex h-6 w-6 shrink-0 items-center justify-center text-emerald-400",
+									children: /* @__PURE__ */ jsx("svg", {
+										xmlns: "http://www.w3.org/2000/svg",
+										fill: "none",
+										viewBox: "0 0 24 24",
+										strokeWidth: "1.5",
+										stroke: "currentColor",
+										className: "h-5 w-5",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ jsx("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											d: "m4.5 12.75 6 6 9-13.5"
+										})
+									})
+								})]
+							}) : /* @__PURE__ */ jsxs("span", {
+								className: "inline-flex items-center gap-1.5 text-sm font-medium text-amber-400",
+								children: [/* @__PURE__ */ jsx("svg", {
+									xmlns: "http://www.w3.org/2000/svg",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									strokeWidth: "1.5",
+									stroke: "currentColor",
+									className: "h-5 w-5",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ jsx("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"
+									})
+								}), "Required"]
+							})]
+						}),
+						apiWallet && (apiWallet.state === "approved" || apiWallet.showExpired) && apiWallet.address && /* @__PURE__ */ jsxs("div", {
+							className: "mt-3 space-y-1",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "break-all font-mono text-base text-zinc-200",
+								children: apiWallet.address
+							}), apiWallet.showExpired && /* @__PURE__ */ jsx("p", {
+								className: "text-sm font-semibold text-red-400",
+								children: "Expired"
+							})]
+						}),
+						apiWallet?.state === "approval-required" && apiWallet.address && /* @__PURE__ */ jsxs("p", {
+							className: "mt-3 break-all font-mono text-sm text-zinc-400",
+							children: [apiWallet.address, " — approval required"]
+						}),
+						/* @__PURE__ */ jsx("p", {
+							"aria-live": "polite",
+							className: "mt-3 text-sm text-zinc-400",
+							children: signerStatus
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "mt-auto space-y-3 pt-4",
+							children: !apiWallet || apiWallet.state !== "approved" ? /* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-4",
+								children: [
+									importing && /* @__PURE__ */ jsx("input", {
+										type: "password",
+										autoComplete: "off",
+										placeholder: "Private key",
+										value: importedKey,
+										onChange: (event) => setImportedKey(event.target.value),
+										className: "w-full rounded-lg border border-zinc-700 bg-zinc-900 px-3 py-2 text-white",
+										"aria-label": "Private key"
+									}),
+									apiWallet?.state === "approval-required" ? /* @__PURE__ */ jsx("button", {
+										type: "button",
+										disabled: signerPending,
+										onClick: () => {
+											generateAndApprove("generate", false);
+										},
+										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: signerPending ? "Working…" : "Approve API Key"
+									}) : /* @__PURE__ */ jsx("button", {
+										type: "button",
+										disabled: signerPending || importing && !importedKey.trim(),
+										onClick: () => {
+											generateAndApprove(importing ? "import" : "generate", false);
+										},
+										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: signerPending ? "Working…" : importing ? "Import API Key" : "Generate API Key"
+									}),
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										"aria-expanded": importing,
+										onClick: () => {
+											setImporting(!importing);
+											setImportedKey("");
+										},
+										className: "cursor-pointer text-sm text-zinc-400 underline hover:text-zinc-200",
+										children: importing ? "Generate a new API key" : "Import existing API key"
+									})
+								]
+							}) : /* @__PURE__ */ jsx("button", {
+								type: "button",
+								disabled: signerPending,
+								onClick: () => {
+									generateAndApprove("generate", true);
+								},
+								className: "cursor-pointer rounded-full border border-violet-500 px-5 py-2 text-sm font-medium text-violet-300 hover:border-violet-400 hover:bg-violet-950/30 disabled:cursor-wait disabled:opacity-50",
+								children: signerPending ? "Working…" : "Re-generate API key"
+							})
+						})
+					]
+				}), /* @__PURE__ */ jsxs("section", {
+					className: "flex flex-col rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ jsxs("h2", {
+								className: "flex items-center gap-2 text-lg font-medium text-white",
+								children: ["Builder fee approval", /* @__PURE__ */ jsx("a", {
+									href: "https://app.hyperliquid.xyz/builderCodes",
+									target: "_blank",
+									rel: "noopener noreferrer",
+									title: "Open Hyperliquid builder codes page",
+									"aria-label": "Open Hyperliquid builder codes page",
+									className: "inline-flex h-4 w-4 cursor-pointer items-center justify-center rounded text-zinc-400 hover:text-zinc-200",
+									children: /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+								})]
+							}), view.builderFee.approved ? /* @__PURE__ */ jsx("span", {
+								title: "Builder fee is approved",
+								"aria-label": "Builder fee is approved",
+								className: "inline-flex h-6 w-6 shrink-0 items-center justify-center text-emerald-400",
+								children: /* @__PURE__ */ jsx("svg", {
+									xmlns: "http://www.w3.org/2000/svg",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									strokeWidth: "1.5",
+									stroke: "currentColor",
+									className: "h-5 w-5",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ jsx("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "m4.5 12.75 6 6 9-13.5"
+									})
+								})
+							}) : /* @__PURE__ */ jsxs("span", {
+								className: "inline-flex items-center gap-1.5 text-sm font-medium text-amber-400",
+								children: [/* @__PURE__ */ jsx("svg", {
+									xmlns: "http://www.w3.org/2000/svg",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									strokeWidth: "1.5",
+									stroke: "currentColor",
+									className: "h-5 w-5",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ jsx("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"
+									})
+								}), "Required"]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "mt-6 flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ jsx("label", {
+									className: "sr-only",
+									htmlFor: "builder-fee-input",
+									children: "Builder fee percent"
+								}),
+								/* @__PURE__ */ jsx("input", {
+									id: "builder-fee-input",
+									type: "number",
+									min: "0.01",
+									max: "0.1",
+									step: "0.01",
+									value: (feeBps / 100).toFixed(2),
+									onChange: (event) => {
+										const parsed = Number(event.target.value);
+										if (Number.isFinite(parsed)) setFeeBps(Math.round(parsed * 100));
+									},
+									className: "w-20 shrink-0 rounded-lg border border-zinc-700 bg-zinc-900 px-2 py-1 text-right text-sm font-medium text-zinc-300 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									"aria-hidden": "true",
+									className: "w-6 shrink-0 text-left text-sm text-zinc-300",
+									children: "%"
+								}),
+								/* @__PURE__ */ jsx("label", {
+									className: "sr-only",
+									htmlFor: "builder-fee-range",
+									children: "Builder fee basis points"
+								}),
+								/* @__PURE__ */ jsx("input", {
+									id: "builder-fee-range",
+									type: "range",
+									min: "1",
+									max: "10",
+									value: feeBps,
+									onChange: (event) => setFeeBps(Number(event.target.value)),
+									className: "flex-1 cursor-pointer"
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("p", {
+							"aria-live": "polite",
+							className: "mt-3 text-sm text-zinc-400",
+							children: feeStatus
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "mt-auto flex items-center gap-3 pt-4",
+							children: [/* @__PURE__ */ jsx("button", {
+								type: "button",
+								disabled: feePending,
+								onClick: () => {
+									submitBuilderFee(false);
+								},
+								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: feePending ? "Working…" : view.builderFee.approved ? "Change approval" : "Approve"
+							}), view.builderFee.approved && /* @__PURE__ */ jsx("button", {
+								type: "button",
+								disabled: feePending,
+								onClick: () => {
+									submitBuilderFee(true);
+								},
+								className: "cursor-pointer rounded-full border border-zinc-600 px-5 py-2 text-sm font-medium text-zinc-300 hover:border-zinc-500 hover:bg-zinc-800/50 disabled:cursor-wait disabled:opacity-50",
+								children: "Cancel Approval"
+							})]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-lg font-medium text-white",
+						children: "Accounts"
+					}),
+					view.lookupError && /* @__PURE__ */ jsx("p", {
+						className: "mt-2 text-sm text-amber-300",
+						children: view.lookupError
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "mt-4 overflow-x-auto sm:overflow-visible",
+						children: /* @__PURE__ */ jsxs("table", {
+							className: "w-full min-w-[42rem] text-left text-sm",
+							children: [/* @__PURE__ */ jsx("thead", {
+								className: "border-b border-zinc-800 text-zinc-500",
+								children: /* @__PURE__ */ jsxs("tr", { children: [
+									/* @__PURE__ */ jsx("th", {
+										className: "px-3 py-3 font-medium",
+										children: "Name"
+									}),
+									/* @__PURE__ */ jsx("th", {
+										className: "px-3 py-3 font-medium",
+										children: "Address"
+									}),
+									/* @__PURE__ */ jsx("th", {
+										className: "px-3 py-3 font-medium",
+										children: "Agent"
+									}),
+									/* @__PURE__ */ jsx("th", {
+										className: "px-3 py-3 text-right font-medium",
+										children: "Balance"
+									})
+								] })
+							}), /* @__PURE__ */ jsxs("tbody", {
+								className: "divide-y divide-zinc-800",
+								children: [view.accounts.map((account) => /* @__PURE__ */ jsxs("tr", { children: [
+									/* @__PURE__ */ jsx("td", {
+										className: "px-3 py-3 text-white",
+										children: account.name
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: "break-all px-3 py-3 font-mono text-xs text-zinc-400",
+										children: account.address
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: "px-3 py-3",
+										children: account.agentId ? /* @__PURE__ */ jsx("a", {
+											href: `/agents/${account.agentId}`,
+											className: "cursor-pointer text-violet-300 underline",
+											children: account.agentName
+										}) : /* @__PURE__ */ jsx("span", {
+											className: "text-zinc-500",
+											children: "—"
+										})
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: "px-3 py-3 text-right",
+										children: /* @__PURE__ */ jsx(Balance, { balance: account.balance })
+									})
+								] }, account.address)), view.totalBalance !== null && /* @__PURE__ */ jsxs("tr", {
+									className: "font-bold",
+									children: [
+										/* @__PURE__ */ jsx("td", {}),
+										/* @__PURE__ */ jsx("td", {}),
+										/* @__PURE__ */ jsx("td", {
+											className: "px-3 py-3",
+											children: "Total"
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: "px-3 py-3 text-right",
+											children: /* @__PURE__ */ jsx(Balance, { balance: view.totalBalance })
+										})
+									]
+								})]
+							})]
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/routes/_authenticated.account.tsx?tsr-split=component
+function AccountRoute() {
+	const { data: view, error } = useSuspenseQuery(accountQueryOptions());
+	const { data: agents } = useSuspenseQuery(agentsQueryOptions());
+	const { data: providers } = useSuspenseQuery(providerSettingsQueryOptions());
+	const setup = {
+		agentCount: agents.length,
+		providerConnected: providers.providers.some((provider) => provider.connected)
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [error && /* @__PURE__ */ jsx("p", {
+		role: "alert",
+		className: "mb-4 text-sm text-red-300",
+		children: error.message
+	}), /* @__PURE__ */ jsx(AccountPage, {
+		view,
+		setup,
+		actions: {
+			setupApiWallet: (source, privateKey) => setupApiWallet({ data: {
+				source,
+				privateKey
+			} }),
+			approveApiWallet: (request) => approveApiWallet({ data: request }),
+			approveBuilderFee: (request, feeBps) => approveBuilderFee({ data: {
+				...request,
+				feeBps
+			} }),
+			cancelBuilderFee: (request) => cancelBuilderFee({ data: request })
+		}
+	})] });
+}
+//#endregion
+export { AccountRoute as component };

package/.build/server/assets/_authenticated.agents-DYDnQxli.js

@@ -0,0 +1,5 @@
+import { Outlet } from "@tanstack/react-router";
+//#region src/routes/_authenticated.agents.tsx?tsr-split=component
+var SplitComponent = Outlet;
+//#endregion
+export { SplitComponent as component };