hypervibes 0.0.0-stage → 0.4.0

package/.build/server/assets/_authenticated.agents._agentId.transactions-WtBW3xmh.js

@@ -0,0 +1,495 @@
+import { a as journalQueryOptions, i as journalNotesQueryOptions, n as addJournalNoteMutation, r as journalAuditQueryOptions, t as Route } from "./_authenticated.agents._agentId.transactions-BC_XfGqw.js";
+import { i as formatMoneyText, n as compareDecimals } from "./decimal-BthtZ77w.js";
+import { t as InstrumentLabel } from "./instrument-label-C-tTGGsD.js";
+import { t as amount } from "./journal-decimal-Bh9EL029.js";
+import { useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+//#region src/components/agent-journal-page.tsx
+var button = "cursor-pointer rounded-full border border-zinc-800 px-4 py-1.5 text-sm text-zinc-300 hover:border-zinc-600 hover:text-white disabled:cursor-not-allowed disabled:opacity-40";
+var cell = "whitespace-nowrap px-3 py-3";
+function Money({ value, color = false, missing = "Incomplete" }) {
+	const sign = value === null ? 0 : compareDecimals(value, "0");
+	return /* @__PURE__ */ jsx("span", {
+		className: `font-mono text-xs tabular-nums ${value === null ? "text-amber-300" : color && sign ? sign < 0 ? "text-red-400" : "text-emerald-400" : ""}`,
+		children: value === null ? missing : formatMoneyText(value)
+	});
+}
+function price(notional, size) {
+	return amount(size).zero ? "—" : formatMoneyText(amount(notional).div(amount(size)).toString());
+}
+function Time({ value }) {
+	return /* @__PURE__ */ jsxs("time", {
+		dateTime: new Date(value).toISOString(),
+		children: [new Date(value).toISOString().replace("T", " ").slice(0, 19), " UTC"]
+	});
+}
+function AgentJournalPage({ id, view, page, onNavigate }) {
+	const { data, error } = useSuspenseQuery(journalQueryOptions(id, view, page));
+	const [target, setTarget] = useState(null);
+	const notes = (entryId, label, count) => /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: "cursor-pointer text-violet-300 hover:text-violet-200",
+		"aria-label": `${count ? "View" : "Add"} ${label} notes`,
+		onClick: () => setTarget({
+			id: entryId,
+			label,
+			trade: data.trades.find((t) => t.id === entryId)
+		}),
+		children: ["✎", count > 0 && /* @__PURE__ */ jsx("span", {
+			className: "ml-1 text-xs",
+			children: count
+		})]
+	});
+	const syncing = data.pending || data.sync.length < 3 || data.sync.some((s) => s.updated_at === null);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "flex min-h-0 w-full flex-col rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-lg font-medium text-white",
+					children: "Transactions"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx("button", {
+							className: button,
+							disabled: data.page <= 1,
+							onClick: () => onNavigate(data.view, data.page - 1),
+							children: "Previous"
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-xs text-zinc-500",
+							children: [
+								"Page ",
+								data.page,
+								" of ",
+								data.pages
+							]
+						}),
+						/* @__PURE__ */ jsx("button", {
+							className: button,
+							disabled: data.page >= data.pages,
+							onClick: () => onNavigate(data.view, data.page + 1),
+							children: "Next"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("nav", {
+				"aria-label": "Transaction view",
+				className: "mt-4 flex gap-2",
+				children: ["trades", "activity"].map((view) => /* @__PURE__ */ jsx("button", {
+					className: `${button} ${data.view === view ? "border-violet-500 text-white" : ""}`,
+					"aria-pressed": data.view === view,
+					onClick: () => onNavigate(view, 1),
+					children: view === "trades" ? "Trades" : "Activity"
+				}, view))
+			}),
+			!data.linked ? /* @__PURE__ */ jsx("p", {
+				className: "mt-4 text-sm text-zinc-400",
+				children: "No trading account is linked to this Agent."
+			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				data.historyLimited && /* @__PURE__ */ jsx("p", {
+					role: "status",
+					className: "mt-4 text-sm text-amber-200",
+					children: "The initial import reached Hyperliquid’s 10,000-fill history limit. Earlier activity may be missing; account balances are incomplete."
+				}),
+				syncing && /* @__PURE__ */ jsx("p", {
+					role: "status",
+					className: "mt-4 text-sm text-amber-200",
+					children: "Synchronizing account history… Totals may be incomplete."
+				}),
+				data.sync.filter((s) => s.error).map((s) => /* @__PURE__ */ jsxs("p", {
+					role: "alert",
+					className: "mt-3 text-sm text-amber-200",
+					children: [
+						s.stream,
+						": ",
+						s.error
+					]
+				}, s.stream)),
+				error && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "mt-3 text-sm text-red-300",
+					children: error.message
+				}),
+				data.total === 0 ? /* @__PURE__ */ jsx("p", {
+					className: "mt-6 text-sm text-zinc-400",
+					children: data.view === "trades" ? "No trades yet." : "No transactions have synced yet."
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "mt-4 min-h-0 overflow-auto",
+					children: /* @__PURE__ */ jsxs("table", {
+						className: "w-full text-sm text-zinc-300",
+						children: [/* @__PURE__ */ jsx("thead", {
+							className: "text-left text-xs uppercase text-zinc-500",
+							children: /* @__PURE__ */ jsx("tr", { children: (data.view === "trades" ? [
+								"Trade",
+								"Status",
+								"Notes",
+								"Last activity",
+								"Entry / Exit price",
+								"Amount",
+								"Realized P&L",
+								"USDC fees",
+								"Funding",
+								"Net realized"
+							] : [
+								"Time",
+								"Notes",
+								"Type",
+								"Symbol/Asset",
+								"Fee USDC",
+								"Realized P&L USDC",
+								"USDC delta",
+								"Balance"
+							]).map((label) => /* @__PURE__ */ jsx("th", {
+								className: cell,
+								children: label
+							}, label)) })
+						}), /* @__PURE__ */ jsx("tbody", {
+							className: "divide-y divide-zinc-800",
+							children: data.view === "trades" ? data.trades.map((trade) => /* @__PURE__ */ jsxs("tr", {
+								className: "hover:bg-zinc-900/50",
+								children: [
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: /* @__PURE__ */ jsxs("button", {
+											className: "inline-flex cursor-pointer items-center gap-1 text-violet-300",
+											onClick: () => setTarget({
+												id: trade.id,
+												label: `${trade.symbol} ${trade.direction} trade`,
+												trade
+											}),
+											children: [
+												/* @__PURE__ */ jsx(InstrumentLabel, { symbol: trade.symbol }),
+												" · ",
+												trade.direction
+											]
+										})
+									}),
+									/* @__PURE__ */ jsxs("td", {
+										className: cell,
+										children: [trade.status, trade.coverageReason && /* @__PURE__ */ jsx("span", {
+											title: trade.coverageReason,
+											className: "block text-xs text-amber-300",
+											children: "Incomplete coverage"
+										})]
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: notes(trade.id, `${trade.symbol} trade`, trade.noteCount)
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: `${cell} text-xs text-zinc-400`,
+										children: /* @__PURE__ */ jsx(Time, { value: trade.lastActivityAt })
+									}),
+									/* @__PURE__ */ jsxs("td", {
+										className: `${cell} font-mono text-xs`,
+										children: [
+											price(trade.entryNotional, trade.entrySize),
+											" / ",
+											price(trade.exitNotional, trade.exitSize)
+										]
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: `${cell} font-mono text-xs`,
+										children: trade.entrySize
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: /* @__PURE__ */ jsx(Money, {
+											value: trade.grossPnl,
+											color: true
+										})
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: /* @__PURE__ */ jsx(Money, { value: trade.feeCoverage ? trade.fees : null })
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: /* @__PURE__ */ jsx(Money, {
+											value: trade.funding,
+											color: true
+										})
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: /* @__PURE__ */ jsx(Money, {
+											value: trade.net,
+											color: true
+										})
+									})
+								]
+							}, trade.id)) : data.activity.map((event) => /* @__PURE__ */ jsxs("tr", {
+								className: "hover:bg-zinc-900/50",
+								children: [
+									/* @__PURE__ */ jsx("td", {
+										className: `${cell} text-xs text-zinc-400`,
+										children: /* @__PURE__ */ jsx(Time, { value: event.time })
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: notes(event.id, "transaction", event.noteCount)
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: event.type === "fill A" ? "Fill · Sell" : event.type === "fill B" ? "Fill · Buy" : event.type
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: event.symbol && (event.fill || event.kind === "funding") ? /* @__PURE__ */ jsx(InstrumentLabel, { symbol: event.symbol }) : event.symbol ?? "—"
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: /* @__PURE__ */ jsx(Money, {
+											value: event.fee,
+											missing: "—"
+										})
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: /* @__PURE__ */ jsx(Money, {
+											value: event.pnl,
+											color: true,
+											missing: "—"
+										})
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: /* @__PURE__ */ jsx(Money, {
+											value: event.delta,
+											color: true
+										})
+									}),
+									/* @__PURE__ */ jsx("td", {
+										className: cell,
+										children: /* @__PURE__ */ jsx(Money, { value: event.balance })
+									})
+								]
+							}, event.id))
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "mt-4 text-xs text-zinc-500",
+					children: [
+						data.total,
+						" ",
+						data.view === "trades" ? "trades" : "events",
+						" · Automatic flat-to-flat grouping for perpetuals. Spot fills appear in Activity."
+					]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-2 text-xs text-zinc-500",
+					children: "Hyperliquid provides only the latest 10,000 historical fills. Imported history is retained locally. Funding and balances reflect imported events, not a verified account-equity snapshot. Unknown cash impacts remain incomplete."
+				})
+			] }),
+			target && /* @__PURE__ */ jsx(NotesModal, {
+				id,
+				target,
+				onClose: () => setTarget(null)
+			}, target.id)
+		]
+	});
+}
+function NotesModal({ id, target, onClose }) {
+	const dialog = useRef(null);
+	const [body, setBody] = useState("");
+	const queryClient = useQueryClient();
+	const notes = useQuery(journalNotesQueryOptions(id, target.id));
+	const audit = useQuery(journalAuditQueryOptions(id, target.id));
+	const addNote = useMutation({
+		...addJournalNoteMutation(id, target.id, body),
+		onSuccess: () => {
+			setBody("");
+			queryClient.invalidateQueries({ queryKey: [
+				"journal-notes",
+				id,
+				target.id
+			] });
+		}
+	});
+	useEffect(() => {
+		dialog.current?.showModal();
+	}, []);
+	const auditView = (audit) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsxs("p", {
+			className: "text-xs text-zinc-400",
+			children: [audit.coverage, audit.truncated ? " First 50 fills only; inspect the bounded reviewer audit for more." : ""]
+		}),
+		!audit.items.length && /* @__PURE__ */ jsx("p", {
+			className: "text-xs text-zinc-400",
+			children: "No applicable fill attribution for this entry."
+		}),
+		audit.items.map((item) => /* @__PURE__ */ jsxs("p", {
+			className: "text-xs text-zinc-300",
+			children: [
+				"OID ",
+				item.exchangeOid ?? "unknown",
+				" · ",
+				item.requestId ? `request ${item.requestId}` : "external/unmatched",
+				item.decisionRef && /* @__PURE__ */ jsxs(Fragment$1, { children: [" · ", /* @__PURE__ */ jsx("a", {
+					className: "cursor-pointer text-violet-300",
+					href: `/agents/${encodeURIComponent(id)}/memories/${encodeURIComponent(item.decisionRef)}`,
+					children: item.decisionRef
+				})] })
+			]
+		}, item.fillId))
+	] });
+	return /* @__PURE__ */ jsxs("dialog", {
+		ref: dialog,
+		"aria-labelledby": "journal-notes-title",
+		onCancel: onClose,
+		className: "m-auto max-h-[85vh] w-[calc(100vw-2rem)] max-w-3xl overflow-auto rounded-2xl border border-zinc-800 bg-[#0d0d10] p-6 text-zinc-200 backdrop:bg-black/70",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsxs("h3", {
+					id: "journal-notes-title",
+					className: "text-lg font-medium",
+					children: [target.label, " notes"]
+				}), /* @__PURE__ */ jsx("button", {
+					className: button,
+					"aria-label": "Close notes",
+					onClick: onClose,
+					children: "Close"
+				})]
+			}),
+			target.trade && /* @__PURE__ */ jsxs("details", {
+				className: "mt-4 rounded-xl border border-zinc-800 p-4",
+				children: [/* @__PURE__ */ jsx("summary", {
+					className: "cursor-pointer text-sm",
+					children: "Trade fills"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "mt-3 space-y-2 text-xs text-zinc-400",
+					children: target.trade.parts.map((part) => /* @__PURE__ */ jsxs("p", { children: [
+						/* @__PURE__ */ jsx(Time, { value: part.time }),
+						" · ",
+						part.side,
+						" · ",
+						part.segment,
+						" ",
+						part.quantity,
+						" @ ",
+						formatMoneyText(part.price),
+						" · fee ",
+						part.fee ?? "unknown",
+						" · realized ",
+						/* @__PURE__ */ jsx(Money, {
+							value: part.pnl,
+							color: true
+						})
+					] }, `${part.eventId}-${part.segment}`))
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "mt-4 space-y-2 rounded-xl border border-zinc-800 p-4",
+				"aria-label": "Order attribution",
+				children: [
+					/* @__PURE__ */ jsx("h4", {
+						className: "text-sm",
+						children: "Order attribution"
+					}),
+					audit.error && /* @__PURE__ */ jsx("p", {
+						role: "status",
+						className: "text-xs text-amber-200",
+						children: audit.error.message
+					}),
+					audit.data ? auditView(audit.data) : !audit.error && /* @__PURE__ */ jsx("p", {
+						className: "text-xs",
+						children: "Loading attribution…"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "my-4 space-y-3",
+				children: [
+					notes.error && /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "text-sm text-red-300",
+						children: notes.error.message
+					}),
+					addNote.error && /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "text-sm text-red-300",
+						children: addNote.error.message
+					}),
+					notes.isPending ? /* @__PURE__ */ jsx("p", {
+						role: "status",
+						children: "Loading notes…"
+					}) : !notes.data?.length ? /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-zinc-500",
+						children: "No notes yet."
+					}) : notes.data.map((note) => /* @__PURE__ */ jsxs("article", {
+						className: "rounded-xl border border-zinc-800 p-4",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "whitespace-pre-wrap break-words text-sm",
+							children: note.body
+						}), /* @__PURE__ */ jsxs("p", {
+							className: "mt-2 text-xs text-zinc-500",
+							children: [
+								"human · ",
+								note.authorId,
+								" · ",
+								/* @__PURE__ */ jsx(Time, { value: note.createdAt })
+							]
+						})]
+					}, note.id))
+				]
+			}),
+			/* @__PURE__ */ jsxs("form", {
+				onSubmit: (event) => {
+					event.preventDefault();
+					addNote.mutate();
+				},
+				children: [
+					/* @__PURE__ */ jsx("label", {
+						htmlFor: "journal-note",
+						className: "mb-2 block text-sm",
+						children: "Add a note"
+					}),
+					/* @__PURE__ */ jsx("textarea", {
+						id: "journal-note",
+						value: body,
+						onChange: (event) => setBody(event.target.value),
+						rows: 3,
+						maxLength: 4e3,
+						required: true,
+						className: "w-full rounded-lg border border-zinc-700 bg-zinc-950 p-3 text-sm"
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "mt-3 flex justify-end",
+						children: /* @__PURE__ */ jsx("button", {
+							className: button,
+							disabled: addNote.isPending || !body.trim(),
+							children: addNote.isPending ? "Saving…" : "Add note"
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/routes/_authenticated.agents.$agentId.transactions.tsx?tsr-split=component
+function JournalRoute() {
+	const { agentId } = Route.useParams();
+	const { view, page } = Route.useSearch();
+	const navigate = Route.useNavigate();
+	return /* @__PURE__ */ jsx(AgentJournalPage, {
+		id: agentId,
+		view,
+		page,
+		onNavigate: (view, page) => {
+			navigate({ search: {
+				view,
+				page
+			} });
+		}
+	}, agentId);
+}
+//#endregion
+export { JournalRoute as component };

package/.build/server/assets/_authenticated.agents.index-C8zmu8T8.js

@@ -0,0 +1,78 @@
+import { a as agentsQueryOptions } from "./agent-queries-Cmx8RiUx.js";
+import { o as setupQueryOptions } from "./provider-queries-BaZWLw8J.js";
+import { t as SetupChecklist } from "./setup-checklist-BICTmBo2.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSuspenseQuery } from "@tanstack/react-query";
+//#region src/components/agents-page.tsx
+function AgentsPage({ agents, setup }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto max-w-[1400px]",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex items-center justify-between gap-4 border-b border-zinc-800 pb-6",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-3xl font-semibold tracking-tight text-white",
+					children: "Agents"
+				}), /* @__PURE__ */ jsx("a", {
+					href: "/agents/new",
+					className: "cursor-pointer rounded-full bg-violet-600 px-5 py-2 text-sm font-medium text-white hover:bg-violet-500",
+					children: "Create a new agent"
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", { className: "mt-6" }),
+			agents.length === 0 && setup && /* @__PURE__ */ jsx("div", {
+				className: "mb-6",
+				children: /* @__PURE__ */ jsx(SetupChecklist, {
+					state: setup,
+					agentCount: 0
+				})
+			}),
+			agents.length === 0 ? /* @__PURE__ */ jsx("section", {
+				className: "flex min-h-48 items-center justify-center rounded-xl border border-dashed border-zinc-800",
+				children: /* @__PURE__ */ jsx("h2", {
+					className: "text-xl text-white",
+					children: "No agents yet"
+				})
+			}) : /* @__PURE__ */ jsx("ul", {
+				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: agents.map((agent) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", {
+					href: `/agents/${agent.id}`,
+					className: "block cursor-pointer rounded-xl border border-zinc-800 bg-[#0d0d10] p-5 hover:border-violet-700",
+					children: [
+						/* @__PURE__ */ jsx("h2", {
+							className: "text-xl font-semibold text-white",
+							children: agent.name
+						}),
+						agent.state !== "ready" && /* @__PURE__ */ jsx("p", {
+							className: "mt-2 text-sm text-zinc-400",
+							children: agent.state === "failed" ? "Initialization failed" : agent.state === "stopping" || agent.state === "stopped" ? "Deletion pending — retry in Settings" : "Initializing…"
+						}),
+						agent.tradingAccountAddress ? /* @__PURE__ */ jsx("p", {
+							className: "mt-1 break-all font-mono text-xs text-zinc-500",
+							children: agent.tradingAccountAddress
+						}) : /* @__PURE__ */ jsx("p", {
+							className: "mt-1 text-xs text-zinc-500",
+							children: "Chat only"
+						})
+					]
+				}) }, agent.id))
+			})
+		]
+	});
+}
+//#endregion
+//#region src/routes/_authenticated.agents.index.tsx?tsr-split=component
+function AgentsRoute() {
+	const { data: agents, error } = useSuspenseQuery(agentsQueryOptions());
+	const { data: setup } = useSuspenseQuery(setupQueryOptions());
+	return /* @__PURE__ */ jsxs(Fragment, { children: [error && /* @__PURE__ */ jsx("p", {
+		role: "alert",
+		className: "mb-4 text-sm text-red-300",
+		children: error.message
+	}), /* @__PURE__ */ jsx(AgentsPage, {
+		agents,
+		setup
+	})] });
+}
+//#endregion
+export { AgentsRoute as component };