hypervibes 0.0.0-stage → 0.4.0

package/.build/server/assets/indicators-ENxAHN42.js

@@ -0,0 +1,192 @@
+import { a as getRequestHeaders, i as getRequest, t as createServerFn } from "../server.js";
+import { _ as optionalNumber, n as agentUser, t as agentOperation, u as field } from "./agents-CZq-0mna.js";
+import { a as validateSource, c as requestId, i as validateInputs, o as AgentError } from "./errors-DaZqUftX.js";
+import { a as record, o as revision } from "./contracts-CG-nZuYJ.js";
+import { t as createServerRpc } from "./createServerRpc-DNqhdU4z.js";
+//#region src/web/indicators.ts?tss-serverfn-split
+function windowInput(value) {
+	const v = record(value), start = optionalNumber(v, "start"), end = optionalNumber(v, "end");
+	if (start === void 0 || end === void 0) throw new AgentError("An explicit validation start/end is required");
+	if (end <= start) throw new AgentError("The validation window must end after it starts");
+	return {
+		coin: field(v, "coin"),
+		interval: field(v, "interval"),
+		start,
+		end
+	};
+}
+var listIndicators_createServerFn_handler = createServerRpc({
+	id: "00964fe21edb108d3cda55ebd5291a54026b148db66510fc2649b642258e569a",
+	name: "listIndicators",
+	filename: "src/web/indicators.ts"
+}, (opts) => listIndicators.__executeServer(opts));
+var listIndicators = createServerFn({ method: "GET" }).validator((data) => {
+	const v = record(data), kind = v.kind;
+	if (kind !== void 0 && kind !== "all" && kind !== "builtin" && kind !== "custom") throw new AgentError("Invalid indicator kind");
+	return {
+		agentId: field(v, "agentId"),
+		query: v.query === void 0 ? void 0 : field(v, "query"),
+		kind,
+		offset: optionalNumber(v, "offset"),
+		limit: optionalNumber(v, "limit")
+	};
+}).handler(listIndicators_createServerFn_handler, async ({ context, data }) => {
+	const user = await agentUser(context.runtime, getRequestHeaders());
+	return agentOperation(async () => {
+		await context.runtime.agents.owned(user.id, data.agentId);
+		return context.runtime.agents.indicators.list(data.agentId, data);
+	});
+});
+var getIndicator_createServerFn_handler = createServerRpc({
+	id: "a876e4fca7d57a7f00fc5fcd144ff8083d42aba4eceff7c7cc76cbca976f9d39",
+	name: "getIndicator",
+	filename: "src/web/indicators.ts"
+}, (opts) => getIndicator.__executeServer(opts));
+var getIndicator = createServerFn({ method: "GET" }).validator((data) => {
+	const v = record(data);
+	if (v.includeSource !== void 0 && typeof v.includeSource !== "boolean") throw new AgentError("Invalid source selection");
+	return {
+		agentId: field(v, "agentId"),
+		indicatorId: field(v, "indicatorId"),
+		version: optionalNumber(v, "version"),
+		includeSource: v.includeSource,
+		sourceOffset: optionalNumber(v, "sourceOffset"),
+		sourceLimit: optionalNumber(v, "sourceLimit")
+	};
+}).handler(getIndicator_createServerFn_handler, async ({ context, data }) => {
+	const user = await agentUser(context.runtime, getRequestHeaders());
+	return agentOperation(async () => {
+		await context.runtime.agents.owned(user.id, data.agentId);
+		return context.runtime.agents.indicators.get(data.agentId, data.indicatorId, data);
+	});
+});
+var getIndicatorVersions_createServerFn_handler = createServerRpc({
+	id: "6baf5bca38717239ece5c328e63517c914843a5aaa2b1705b55b2247a5658353",
+	name: "getIndicatorVersions",
+	filename: "src/web/indicators.ts"
+}, (opts) => getIndicatorVersions.__executeServer(opts));
+var getIndicatorVersions = createServerFn({ method: "GET" }).validator((data) => ({
+	agentId: field(data, "agentId"),
+	indicatorId: field(data, "indicatorId"),
+	offset: optionalNumber(data, "offset"),
+	limit: optionalNumber(data, "limit")
+})).handler(getIndicatorVersions_createServerFn_handler, async ({ context, data }) => {
+	const user = await agentUser(context.runtime, getRequestHeaders());
+	return agentOperation(async () => {
+		await context.runtime.agents.owned(user.id, data.agentId);
+		return context.runtime.agents.indicators.versions(data.agentId, data.indicatorId, data);
+	});
+});
+var previewIndicator_createServerFn_handler = createServerRpc({
+	id: "1f55ecc9fb92e12098a1d38c2da2810dd0c81bbc989f3f89a49927a2287ca00d",
+	name: "previewIndicator",
+	filename: "src/web/indicators.ts"
+}, (opts) => previewIndicator.__executeServer(opts));
+var previewIndicator = createServerFn({ method: "POST" }).validator((data) => {
+	const v = record(data), request = record(v.request);
+	const source = field(request, "source");
+	validateSource(source);
+	const parsed = {
+		source,
+		...windowInput(request),
+		inputs: validateInputs(request.inputs ?? {}),
+		count: optionalNumber(request, "count"),
+		markerLimit: optionalNumber(request, "markerLimit")
+	};
+	return {
+		agentId: field(v, "agentId"),
+		request: parsed
+	};
+}).handler(previewIndicator_createServerFn_handler, async ({ context, data }) => {
+	const user = await agentUser(context.runtime, getRequestHeaders(), true);
+	return agentOperation(async () => {
+		await context.runtime.agents.owned(user.id, data.agentId);
+		const result = await context.runtime.agents.indicators.preview(data.agentId, data.request, { signal: getRequest().signal });
+		return {
+			result,
+			candles: (await context.runtime.hyperliquid.charts.researchHistory(result.coin, result.interval, data.request.start, result.end, 5e3, getRequest().signal)).candles
+		};
+	});
+});
+var previewSavedIndicator_createServerFn_handler = createServerRpc({
+	id: "14ef82e1b6f56a0be942672cb8b064436b2c64a76c4dbe66be464e6df55e02b7",
+	name: "previewSavedIndicator",
+	filename: "src/web/indicators.ts"
+}, (opts) => previewSavedIndicator.__executeServer(opts));
+var previewSavedIndicator = createServerFn({ method: "POST" }).validator((data) => {
+	const v = record(data), r = record(v.request);
+	return {
+		agentId: field(v, "agentId"),
+		request: {
+			indicatorId: field(r, "indicatorId"),
+			version: optionalNumber(r, "version"),
+			...windowInput(r),
+			inputs: validateInputs(r.inputs ?? {}),
+			count: optionalNumber(r, "count")
+		}
+	};
+}).handler(previewSavedIndicator_createServerFn_handler, async ({ context, data }) => {
+	const user = await agentUser(context.runtime, getRequestHeaders(), true);
+	return agentOperation(async () => {
+		await context.runtime.agents.owned(user.id, data.agentId);
+		const result = await context.runtime.agents.indicators.run(data.agentId, data.request, { signal: getRequest().signal });
+		return {
+			result,
+			candles: (await context.runtime.hyperliquid.charts.researchHistory(result.coin, result.interval, data.request.start, result.end, 5e3, getRequest().signal)).candles
+		};
+	});
+});
+var saveIndicator_createServerFn_handler = createServerRpc({
+	id: "107544c82d871bc1b91ed4c109db747bb4216d4db195acea4937d29234fe5dbc",
+	name: "saveIndicator",
+	filename: "src/web/indicators.ts"
+}, (opts) => saveIndicator.__executeServer(opts));
+var saveIndicator = createServerFn({ method: "POST" }).validator((data) => {
+	const v = record(data), r = record(v.request);
+	const request = {
+		name: field(r, "name"),
+		description: field(r, "description"),
+		interpretation: field(r, "interpretation"),
+		source: field(r, "source"),
+		indicatorId: r.indicatorId === void 0 ? void 0 : field(r, "indicatorId"),
+		expectedVersion: optionalNumber(r, "expectedVersion"),
+		validation: r.validation === void 0 ? void 0 : windowInput(r.validation)
+	};
+	return {
+		agentId: field(v, "agentId"),
+		operationKey: requestId(field(v, "operationKey")),
+		request
+	};
+}).handler(saveIndicator_createServerFn_handler, async ({ context, data }) => {
+	const user = await agentUser(context.runtime, getRequestHeaders(), true);
+	return agentOperation(async () => {
+		await context.runtime.agents.owned(user.id, data.agentId);
+		return context.runtime.agents.indicators.save(data.agentId, data.request, `user:${data.operationKey}`, {
+			kind: "user",
+			userId: user.id
+		}, { signal: getRequest().signal });
+	});
+});
+var renderChartIndicators_createServerFn_handler = createServerRpc({
+	id: "7e4ee5e99019cdc6e596042689c4f641d4848e50bafb620da1a4530d6be302d3",
+	name: "renderChartIndicators",
+	filename: "src/web/indicators.ts"
+}, (opts) => renderChartIndicators.__executeServer(opts));
+var renderChartIndicators = createServerFn({ method: "POST" }).validator((data) => ({
+	agentId: field(data, "agentId"),
+	layoutId: requestId(field(data, "layoutId")),
+	revision: revision(record(data).revision),
+	end: revision(record(data).end),
+	coin: field(data, "coin"),
+	interval: field(data, "interval")
+})).handler(renderChartIndicators_createServerFn_handler, async ({ context, data }) => {
+	const user = await agentUser(context.runtime, getRequestHeaders(), true);
+	return agentOperation(async () => {
+		await context.runtime.agents.owned(user.id, data.agentId);
+		const layout = await context.runtime.agents.charts.get(data.agentId, data.layoutId);
+		if (layout.revision !== data.revision || layout.document.coin !== data.coin || layout.document.interval !== data.interval) throw new AgentError("Chart changed before calculation; refresh the layout", 409);
+		return context.runtime.agents.indicators.renderChart(data.agentId, layout, data.end, { signal: getRequest().signal });
+	});
+});
+//#endregion
+export { getIndicatorVersions_createServerFn_handler, getIndicator_createServerFn_handler, listIndicators_createServerFn_handler, previewIndicator_createServerFn_handler, previewSavedIndicator_createServerFn_handler, renderChartIndicators_createServerFn_handler, saveIndicator_createServerFn_handler };

package/.build/server/assets/insight-contracts-B5rmUDfO.js

@@ -0,0 +1,14 @@
+import { o as AgentError } from "./errors-DaZqUftX.js";
+import { a as text, r as fields } from "./validation-BX-krL0i.js";
+//#region src/memory/insight-contracts.ts
+function insightScope(value) {
+	const row = fields(value, ["kind", "subagentId"]);
+	if (row.kind === "agent" && row.subagentId === void 0) return { kind: "agent" };
+	if (row.kind === "worker") return {
+		kind: "worker",
+		subagentId: text(row.subagentId, 100, "worker ID")
+	};
+	throw new AgentError("Select an Agent or exact worker insight scope");
+}
+//#endregion
+export { insightScope as t };

package/.build/server/assets/instrument-label-C-tTGGsD.js

@@ -0,0 +1,40 @@
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/hyperliquid/currency-logo.ts
+/** Spot identifiers are intentionally not resolved by the perpetual logo feature. */
+function isPerpetualLogoSymbol(symbol) {
+	return symbol.length <= 64 && /^(?:[A-Za-z0-9_-]+:)?[A-Za-z0-9_-]+$/.test(symbol);
+}
+function currencyLogoUrl(symbol) {
+	return isPerpetualLogoSymbol(symbol) ? `/currency/${encodeURIComponent(symbol)}.svg` : null;
+}
+//#endregion
+//#region src/components/instrument-label.tsx
+/** Keeps the exchange symbol accessible, including when only the logo is visible. */
+function InstrumentLabel({ symbol, iconOnly = false }) {
+	const url = currencyLogoUrl(symbol);
+	const [failedUrl, setFailedUrl] = useState(null);
+	return /* @__PURE__ */ jsxs("span", {
+		className: "inline-flex items-center gap-2",
+		title: iconOnly ? symbol : void 0,
+		children: [url && (failedUrl === url ? /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm bg-zinc-800 text-[8px] text-zinc-300",
+			children: symbol.slice(0, 3)
+		}) : /* @__PURE__ */ jsx("img", {
+			src: url,
+			alt: "",
+			"aria-hidden": "true",
+			width: 20,
+			height: 20,
+			loading: "lazy",
+			onError: () => setFailedUrl(url),
+			className: "h-5 w-5 shrink-0 rounded-sm bg-zinc-800"
+		})), /* @__PURE__ */ jsx("span", {
+			className: iconOnly && url ? "sr-only" : void 0,
+			children: symbol
+		})]
+	});
+}
+//#endregion
+export { InstrumentLabel as t };

package/.build/server/assets/instrument-picker-CRroLwVq.js

@@ -0,0 +1,381 @@
+import { r as chartInstrumentsQueryOptions } from "./chart-queries-Bc3AfsEb.js";
+import { n as configButton, r as configInput, t as ConfigDialog } from "./config-dialog-9gSAjwwT.js";
+import { t as InstrumentLabel } from "./instrument-label-C-tTGGsD.js";
+import { useEffect, useId, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+//#region src/components/instrument-picker.tsx
+var maxSelections = 50;
+var radio = "size-4 shrink-0 cursor-pointer appearance-none rounded-full border border-zinc-600 bg-zinc-950 checked:border-[5px] checked:border-violet-500 checked:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-400";
+var instrumentRow = "flex cursor-pointer items-center gap-3 rounded-xl border border-zinc-800 bg-zinc-950/70 px-4 py-3 text-sm transition hover:border-zinc-700 has-checked:border-violet-500 has-checked:bg-violet-950/30 has-focus-visible:ring-2 has-focus-visible:ring-violet-400 has-disabled:cursor-not-allowed";
+function InstrumentPicker({ agentId, value, onChange, disabled = false }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-label": "Allowed instruments",
+		className: "space-y-2 text-sm text-zinc-300",
+		children: [
+			/* @__PURE__ */ jsx("h3", { children: "Allowed instruments" }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-3 rounded-2xl border border-zinc-800 bg-zinc-950/60 p-4",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex min-w-0 flex-1 flex-wrap gap-2",
+					children: value === null ? /* @__PURE__ */ jsx("span", {
+						className: "self-center text-zinc-400",
+						children: "All instruments · No limit"
+					}) : value.map((symbol) => /* @__PURE__ */ jsx("span", {
+						className: "rounded-xl border border-zinc-800 bg-zinc-950/70 px-3 py-2",
+						children: /* @__PURE__ */ jsx(InstrumentLabel, { symbol })
+					}, symbol))
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					disabled,
+					"aria-haspopup": "dialog",
+					onClick: () => setOpen(true),
+					className: `${configButton} shrink-0`,
+					children: "Select instruments"
+				})]
+			}),
+			open && /* @__PURE__ */ jsx(InstrumentDialog, {
+				agentId,
+				value,
+				onCancel: () => setOpen(false),
+				onApply: (next) => {
+					onChange(next);
+					setOpen(false);
+				}
+			})
+		]
+	});
+}
+function InstrumentDialog({ agentId, value, onCancel, onApply }) {
+	const name = useId();
+	const [unlimited, setUnlimited] = useState(value === null);
+	const [selected, setSelected] = useState(() => new Set(value ?? []));
+	const [search, setSearch] = useState("");
+	const query = useQuery(chartInstrumentsQueryOptions(agentId));
+	const catalog = query.data;
+	const error = query.error?.message;
+	const active = new Set(catalog ?? []);
+	const matches = [.../* @__PURE__ */ new Set([...catalog ?? [], ...value ?? []])].sort().filter((symbol) => symbol.toLowerCase().includes(search.trim().toLowerCase()));
+	const selectable = matches.filter((symbol) => active.has(symbol));
+	const bulk = /* @__PURE__ */ new Set([...selected, ...selectable]);
+	const ready = catalog !== void 0;
+	function toggle(symbol) {
+		setSelected((current) => {
+			const next = new Set(current);
+			if (next.has(symbol)) next.delete(symbol);
+			else if (active.has(symbol) && next.size < maxSelections) next.add(symbol);
+			return next;
+		});
+	}
+	return /* @__PURE__ */ jsxs(ConfigDialog, {
+		title: "Select trading instruments",
+		onCancel,
+		onApply: () => {
+			if (unlimited) onApply(null);
+			else if (ready && selected.size > 0 && selected.size <= maxSelections) onApply([...selected].sort());
+		},
+		applyDisabled: !unlimited && (!ready || selected.size === 0 || selected.size > maxSelections),
+		children: [
+			/* @__PURE__ */ jsxs("fieldset", {
+				className: "flex shrink-0 flex-wrap gap-4 text-sm",
+				children: [
+					/* @__PURE__ */ jsx("legend", {
+						className: "sr-only",
+						children: "Instrument restrictions"
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "flex cursor-pointer items-center gap-2",
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "radio",
+							name,
+							className: radio,
+							checked: unlimited,
+							onChange: () => setUnlimited(true)
+						}), "No limit (all instruments)"]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "flex cursor-pointer items-center gap-2",
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "radio",
+							name,
+							className: radio,
+							checked: !unlimited,
+							onChange: () => setUnlimited(false)
+						}), "Selected instruments only"]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "block shrink-0 space-y-2 text-sm",
+				children: ["Search instruments", /* @__PURE__ */ jsx("input", {
+					autoFocus: true,
+					type: "search",
+					value: search,
+					onChange: (event) => setSearch(event.target.value),
+					className: configInput,
+					placeholder: "Filter instruments",
+					autoComplete: "off"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex shrink-0 flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						disabled: unlimited || !ready || !selectable.length || bulk.size > maxSelections,
+						onClick: () => setSelected(bulk),
+						className: configButton,
+						children: search.trim() ? "Select all shown" : "Select all"
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						disabled: unlimited || !selected.size,
+						onClick: () => setSelected(/* @__PURE__ */ new Set()),
+						className: configButton,
+						children: "Select none"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "ml-auto text-xs text-zinc-400",
+						children: unlimited ? "All instruments allowed" : `${selected.size} / ${maxSelections} selected`
+					})
+				]
+			}),
+			!unlimited && !selected.size && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "text-sm text-amber-200",
+				children: "Select at least one instrument, or choose No limit to allow all instruments."
+			}),
+			!unlimited && (catalog?.length ?? 0) > maxSelections && /* @__PURE__ */ jsxs("p", {
+				className: "text-xs text-zinc-400",
+				children: [
+					"Choose up to ",
+					maxSelections,
+					" instruments. Filter to select all matching instruments, or use No limit to allow every instrument."
+				]
+			}),
+			error ? /* @__PURE__ */ jsxs("div", {
+				role: "alert",
+				className: "space-y-3 text-sm text-red-300",
+				children: [/* @__PURE__ */ jsx("p", { children: error }), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => {
+						query.refetch();
+					},
+					className: configButton,
+					children: "Retry"
+				})]
+			}) : !ready ? /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "text-sm text-zinc-400",
+				children: "Loading instruments…"
+			}) : /* @__PURE__ */ jsxs("fieldset", {
+				disabled: unlimited,
+				"aria-label": "Trading instruments",
+				className: "min-h-0 space-y-2 overflow-y-auto pb-5 disabled:opacity-50",
+				style: { maxHeight: "24rem" },
+				children: [matches.map((symbol) => /* @__PURE__ */ jsxs("label", {
+					className: instrumentRow,
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: "relative inline-flex size-5 shrink-0",
+							children: [/* @__PURE__ */ jsx("input", {
+								type: "checkbox",
+								"aria-label": symbol,
+								checked: selected.has(symbol),
+								disabled: !selected.has(symbol) && (!active.has(symbol) || selected.size >= maxSelections),
+								onChange: () => toggle(symbol),
+								className: "peer size-5 cursor-pointer appearance-none rounded border border-zinc-600 bg-zinc-950 checked:border-violet-500 checked:bg-violet-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-400 disabled:cursor-not-allowed disabled:opacity-50"
+							}), /* @__PURE__ */ jsx("svg", {
+								"aria-hidden": "true",
+								viewBox: "0 0 20 20",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: 2.5,
+								className: "pointer-events-none absolute inset-0.5 size-4 text-white opacity-0 peer-checked:opacity-100",
+								children: /* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "m4 10 4 4 8-8"
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsx(InstrumentLabel, { symbol }),
+						!active.has(symbol) && /* @__PURE__ */ jsx("span", {
+							className: "ml-auto text-xs text-amber-200",
+							children: "Unavailable"
+						})
+					]
+				}, symbol)), !matches.length && /* @__PURE__ */ jsx("p", {
+					className: "rounded-xl border border-zinc-800 p-6 text-center text-sm text-zinc-500",
+					children: catalog?.length ? "No instruments match this filter." : "No active perpetual instruments are available."
+				})]
+			})
+		]
+	});
+}
+/** Single-selection variant using the chart's already-loaded instrument catalog. */
+function SingleInstrumentPicker({ instruments, value, onChange, disabled = false, saveError = "", className = configButton }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("button", {
+		type: "button",
+		"aria-label": "Instrument",
+		"aria-haspopup": "dialog",
+		"aria-expanded": open,
+		title: value ? `${value} · Select chart instrument` : "Select chart instrument",
+		disabled,
+		className: `${className} flex items-center gap-2`,
+		onClick: () => setOpen(true),
+		children: [value ? /* @__PURE__ */ jsx(InstrumentLabel, { symbol: value }) : "Instrument", /* @__PURE__ */ jsx("svg", {
+			"aria-hidden": "true",
+			viewBox: "0 0 20 20",
+			fill: "currentColor",
+			className: "size-3 shrink-0 text-zinc-500",
+			children: /* @__PURE__ */ jsx("path", { d: "m5 8 5 5 5-5Z" })
+		})]
+	}), open && /* @__PURE__ */ jsx(SingleInstrumentDialog, {
+		instruments,
+		value,
+		pending: disabled,
+		saveError,
+		onChange,
+		onCancel: () => setOpen(false),
+		onSuccess: () => setOpen(false)
+	})] });
+}
+function SingleInstrumentDialog({ instruments, value, pending, saveError, onChange, onCancel, onSuccess }) {
+	const name = useId();
+	const [selected, setSelected] = useState(value ?? ""), [search, setSearch] = useState("");
+	const [applying, setApplying] = useState(false), [error, setError] = useState("");
+	const busy = useRef(false), alive = useRef(true), results = useRef(null);
+	useEffect(() => {
+		alive.current = true;
+		return () => {
+			alive.current = false;
+		};
+	}, []);
+	const active = new Set(instruments), term = search.trim().toLowerCase();
+	const symbols = [.../* @__PURE__ */ new Set([...instruments, ...value ? [value] : []])].sort();
+	const matches = symbols.filter((symbol) => symbol.toLowerCase().includes(term));
+	const selectable = matches.filter((symbol) => active.has(symbol));
+	const canApply = selectable.includes(selected), blocked = pending || applying;
+	useEffect(() => {
+		results.current?.querySelector("input:checked")?.closest("label")?.scrollIntoView({ block: "nearest" });
+	}, [selected, term]);
+	function filter(value) {
+		setSearch(value);
+		const nextTerm = value.trim().toLowerCase();
+		setSelected(symbols.find((symbol) => active.has(symbol) && symbol.toLowerCase().includes(nextTerm)) ?? "");
+	}
+	function onSearchKey(event) {
+		if (event.nativeEvent.isComposing) return;
+		if (event.key === "Enter") {
+			event.preventDefault();
+			if (!event.repeat) apply();
+			return;
+		}
+		if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+		event.preventDefault();
+		if (blocked || !selectable.length) return;
+		const index = selectable.indexOf(selected), down = event.key === "ArrowDown";
+		const next = index < 0 ? down ? 0 : selectable.length - 1 : Math.max(0, Math.min(selectable.length - 1, index + (down ? 1 : -1)));
+		setSelected(selectable[next]);
+	}
+	async function apply() {
+		if (blocked || busy.current || !canApply) return;
+		busy.current = true;
+		setApplying(true);
+		setError("");
+		try {
+			const saved = await onChange(selected);
+			if (alive.current) if (saved) onSuccess();
+			else setError("Unable to change instrument. Please try again.");
+		} catch (cause) {
+			if (alive.current) setError(cause instanceof Error ? cause.message : "Unable to change instrument.");
+		} finally {
+			busy.current = false;
+			if (alive.current) setApplying(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(ConfigDialog, {
+		title: "Select chart instrument",
+		onCancel,
+		onApply: () => {
+			apply();
+		},
+		applyDisabled: blocked || !canApply,
+		children: [
+			/* @__PURE__ */ jsxs("label", {
+				className: "block shrink-0 space-y-2 text-sm",
+				children: ["Search instruments", /* @__PURE__ */ jsx("input", {
+					autoFocus: true,
+					type: "search",
+					value: search,
+					disabled: blocked,
+					onChange: (event) => filter(event.target.value),
+					onKeyDown: onSearchKey,
+					"aria-controls": `${name}-results`,
+					"aria-describedby": `${name}-keys`,
+					className: configInput,
+					placeholder: "Filter instruments",
+					autoComplete: "off"
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				id: `${name}-keys`,
+				className: "text-xs text-zinc-500",
+				children: "↑ / ↓ to choose · Enter to apply · Esc to cancel"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "sr-only",
+				children: canApply ? `${selected} selected` : selectable.length ? "Choose an active instrument" : "No matching active instruments"
+			}),
+			(saveError || error) && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-sm text-red-300",
+				children: saveError || error
+			}),
+			!instruments.length && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "text-sm text-amber-200",
+				children: "No active perpetual instruments are available."
+			}),
+			/* @__PURE__ */ jsxs("fieldset", {
+				ref: results,
+				id: `${name}-results`,
+				disabled: blocked,
+				"aria-label": "Chart instruments",
+				onKeyDown: (event) => {
+					if (event.key === "Enter") onSearchKey(event);
+				},
+				className: "min-h-0 space-y-2 overflow-y-auto pb-5 disabled:opacity-50",
+				style: { maxHeight: "24rem" },
+				children: [matches.map((symbol) => /* @__PURE__ */ jsxs("label", {
+					className: instrumentRow,
+					children: [
+						/* @__PURE__ */ jsx("input", {
+							type: "radio",
+							name,
+							"aria-label": symbol,
+							checked: selected === symbol,
+							disabled: !active.has(symbol),
+							onChange: () => setSelected(symbol),
+							className: radio
+						}),
+						/* @__PURE__ */ jsx(InstrumentLabel, { symbol }),
+						!active.has(symbol) && /* @__PURE__ */ jsx("span", {
+							className: "ml-auto text-xs text-amber-200",
+							children: "Unavailable"
+						})
+					]
+				}, symbol)), !matches.length && instruments.length > 0 && /* @__PURE__ */ jsx("p", {
+					className: "rounded-xl border border-zinc-800 p-6 text-center text-sm text-zinc-500",
+					children: "No instruments match this filter."
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { SingleInstrumentPicker as n, InstrumentPicker as t };