@elizaos/plugin-hyperliquid-app 2.0.3-beta.6 → 2.0.3-beta.7

package/dist/HyperliquidAppView.d.ts

@@ -0,0 +1,4 @@
+import type { OverlayAppContext } from "@elizaos/app-core";
+import "./client";
+export declare function HyperliquidAppView({ exitToApps }: OverlayAppContext): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HyperliquidAppView.d.ts.map

package/dist/HyperliquidAppView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HyperliquidAppView.d.ts","sourceRoot":"","sources":["../src/HyperliquidAppView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAa3D,OAAO,UAAU,CAAC;AAsDlB,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAoEnE"}

package/dist/HyperliquidAppView.interact.d.ts

@@ -0,0 +1,10 @@
+import "./client";
+import type { HyperliquidMarketsResponse, HyperliquidOrdersResponse, HyperliquidPositionsResponse, HyperliquidStatusResponse } from "./hyperliquid-contracts";
+export declare function loadHyperliquidTuiState(): Promise<{
+    status: HyperliquidStatusResponse;
+    markets: HyperliquidMarketsResponse | null;
+    positions: HyperliquidPositionsResponse | null;
+    orders: HyperliquidOrdersResponse | null;
+}>;
+export declare function interact(capability: string, params?: Record<string, unknown>): Promise<unknown>;
+//# sourceMappingURL=HyperliquidAppView.interact.d.ts.map

package/dist/HyperliquidAppView.interact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HyperliquidAppView.interact.d.ts","sourceRoot":"","sources":["../src/HyperliquidAppView.interact.ts"],"names":[],"mappings":"AAOA,OAAO,UAAU,CAAC;AAElB,OAAO,KAAK,EACV,0BAA0B,EAC1B,yBAAyB,EACzB,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,yBAAyB,CAAC;AAEjC,wBAAsB,uBAAuB,IAAI,OAAO,CAAC;IACvD,MAAM,EAAE,yBAAyB,CAAC;IAClC,OAAO,EAAE,0BAA0B,GAAG,IAAI,CAAC;IAC3C,SAAS,EAAE,4BAA4B,GAAG,IAAI,CAAC;IAC/C,MAAM,EAAE,yBAAyB,GAAG,IAAI,CAAC;CAC1C,CAAC,CAYD;AAyBD,wBAAsB,QAAQ,CAC5B,UAAU,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC/B,OAAO,CAAC,OAAO,CAAC,CA0ClB"}

package/dist/HyperliquidAppView.interact.js

@@ -0,0 +1,70 @@
+import { client } from "@elizaos/app-core";
+import "./client.js";
+async function loadHyperliquidTuiState() {
+  const hyperliquidClient = client;
+  const status = await hyperliquidClient.hyperliquidStatus();
+  if (!status.publicReadReady) {
+    return { status, markets: null, positions: null, orders: null };
+  }
+  const [markets, positions, orders] = await Promise.all([
+    hyperliquidClient.hyperliquidMarkets(),
+    hyperliquidClient.hyperliquidPositions(),
+    hyperliquidClient.hyperliquidOrders()
+  ]);
+  return { status, markets, positions, orders };
+}
+async function postHyperliquidCommand(path, body) {
+  const response = await fetch(path, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  const data = await response.json().catch(() => ({}));
+  if (!response.ok) {
+    const message = typeof data === "object" && data !== null && "error" in data && typeof data.error === "string" ? data.error : `Hyperliquid request failed with ${response.status}`;
+    throw new Error(message);
+  }
+  return data;
+}
+async function interact(capability, params) {
+  if (capability === "terminal-hyperliquid-state") {
+    const state = await loadHyperliquidTuiState();
+    return {
+      viewType: "tui",
+      status: state.status,
+      markets: state.markets?.markets.slice(
+        0,
+        typeof params?.limit === "number" ? params.limit : 25
+      ) ?? [],
+      positions: state.positions,
+      orders: state.orders
+    };
+  }
+  if (capability === "terminal-hyperliquid-market") {
+    const coin = typeof params?.coin === "string" ? params.coin.trim().toUpperCase() : "";
+    if (!coin) throw new Error("coin is required");
+    const state = await loadHyperliquidTuiState();
+    return {
+      viewType: "tui",
+      market: state.markets?.markets.find(
+        (market) => market.name.toUpperCase() === coin
+      ) ?? null
+    };
+  }
+  if (capability === "terminal-hyperliquid-execution-check") {
+    return {
+      viewType: "tui",
+      result: await postHyperliquidCommand("/api/hyperliquid/orders/open", {
+        coin: typeof params?.coin === "string" ? params.coin : "BTC",
+        side: typeof params?.side === "string" ? params.side : "buy",
+        size: typeof params?.size === "string" ? params.size : "0"
+      })
+    };
+  }
+  throw new Error(`Unsupported capability "${capability}"`);
+}
+export {
+  interact,
+  loadHyperliquidTuiState
+};
+//# sourceMappingURL=HyperliquidAppView.interact.js.map

package/dist/HyperliquidAppView.interact.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/HyperliquidAppView.interact.ts"],"sourcesContent":["// View-bundle `interact` capability handler plus the TUI state loaders it shares\n// with HyperliquidTuiView, split out of HyperliquidAppView.tsx so that file\n// exports only React components and stays Fast-Refresh-compatible (Vite would\n// full-reload a component file that also exports a plain function). The view\n// bundle re-exports `interact` via ./hyperliquid-app-view-bundle.ts.\n\nimport { client } from \"@elizaos/app-core\";\nimport \"./client.js\";\nimport type { HyperliquidClient } from \"./client.js\";\nimport type {\n  HyperliquidMarketsResponse,\n  HyperliquidOrdersResponse,\n  HyperliquidPositionsResponse,\n  HyperliquidStatusResponse,\n} from \"./hyperliquid-contracts.js\";\n\nexport async function loadHyperliquidTuiState(): Promise<{\n  status: HyperliquidStatusResponse;\n  markets: HyperliquidMarketsResponse | null;\n  positions: HyperliquidPositionsResponse | null;\n  orders: HyperliquidOrdersResponse | null;\n}> {\n  const hyperliquidClient = client as HyperliquidClient;\n  const status = await hyperliquidClient.hyperliquidStatus();\n  if (!status.publicReadReady) {\n    return { status, markets: null, positions: null, orders: null };\n  }\n  const [markets, positions, orders] = await Promise.all([\n    hyperliquidClient.hyperliquidMarkets(),\n    hyperliquidClient.hyperliquidPositions(),\n    hyperliquidClient.hyperliquidOrders(),\n  ]);\n  return { status, markets, positions, orders };\n}\n\nasync function postHyperliquidCommand(\n  path: string,\n  body: Record<string, unknown>,\n): Promise<unknown> {\n  const response = await fetch(path, {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application/json\" },\n    body: JSON.stringify(body),\n  });\n  const data = await response.json().catch(() => ({}));\n  if (!response.ok) {\n    const message =\n      typeof data === \"object\" &&\n      data !== null &&\n      \"error\" in data &&\n      typeof data.error === \"string\"\n        ? data.error\n        : `Hyperliquid request failed with ${response.status}`;\n    throw new Error(message);\n  }\n  return data;\n}\n\nexport async function interact(\n  capability: string,\n  params?: Record<string, unknown>,\n): Promise<unknown> {\n  if (capability === \"terminal-hyperliquid-state\") {\n    const state = await loadHyperliquidTuiState();\n    return {\n      viewType: \"tui\",\n      status: state.status,\n      markets:\n        state.markets?.markets.slice(\n          0,\n          typeof params?.limit === \"number\" ? params.limit : 25,\n        ) ?? [],\n      positions: state.positions,\n      orders: state.orders,\n    };\n  }\n\n  if (capability === \"terminal-hyperliquid-market\") {\n    const coin =\n      typeof params?.coin === \"string\" ? params.coin.trim().toUpperCase() : \"\";\n    if (!coin) throw new Error(\"coin is required\");\n    const state = await loadHyperliquidTuiState();\n    return {\n      viewType: \"tui\",\n      market:\n        state.markets?.markets.find(\n          (market) => market.name.toUpperCase() === coin,\n        ) ?? null,\n    };\n  }\n\n  if (capability === \"terminal-hyperliquid-execution-check\") {\n    return {\n      viewType: \"tui\",\n      result: await postHyperliquidCommand(\"/api/hyperliquid/orders/open\", {\n        coin: typeof params?.coin === \"string\" ? params.coin : \"BTC\",\n        side: typeof params?.side === \"string\" ? params.side : \"buy\",\n        size: typeof params?.size === \"string\" ? params.size : \"0\",\n      }),\n    };\n  }\n\n  throw new Error(`Unsupported capability \"${capability}\"`);\n}\n"],"mappings":"AAMA,SAAS,cAAc;AACvB,OAAO;AASP,eAAsB,0BAKnB;AACD,QAAM,oBAAoB;AAC1B,QAAM,SAAS,MAAM,kBAAkB,kBAAkB;AACzD,MAAI,CAAC,OAAO,iBAAiB;AAC3B,WAAO,EAAE,QAAQ,SAAS,MAAM,WAAW,MAAM,QAAQ,KAAK;AAAA,EAChE;AACA,QAAM,CAAC,SAAS,WAAW,MAAM,IAAI,MAAM,QAAQ,IAAI;AAAA,IACrD,kBAAkB,mBAAmB;AAAA,IACrC,kBAAkB,qBAAqB;AAAA,IACvC,kBAAkB,kBAAkB;AAAA,EACtC,CAAC;AACD,SAAO,EAAE,QAAQ,SAAS,WAAW,OAAO;AAC9C;AAEA,eAAe,uBACb,MACA,MACkB;AAClB,QAAM,WAAW,MAAM,MAAM,MAAM;AAAA,IACjC,QAAQ;AAAA,IACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,IAC9C,MAAM,KAAK,UAAU,IAAI;AAAA,EAC3B,CAAC;AACD,QAAM,OAAO,MAAM,SAAS,KAAK,EAAE,MAAM,OAAO,CAAC,EAAE;AACnD,MAAI,CAAC,SAAS,IAAI;AAChB,UAAM,UACJ,OAAO,SAAS,YAChB,SAAS,QACT,WAAW,QACX,OAAO,KAAK,UAAU,WAClB,KAAK,QACL,mCAAmC,SAAS,MAAM;AACxD,UAAM,IAAI,MAAM,OAAO;AAAA,EACzB;AACA,SAAO;AACT;AAEA,eAAsB,SACpB,YACA,QACkB;AAClB,MAAI,eAAe,8BAA8B;AAC/C,UAAM,QAAQ,MAAM,wBAAwB;AAC5C,WAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ,MAAM;AAAA,MACd,SACE,MAAM,SAAS,QAAQ;AAAA,QACrB;AAAA,QACA,OAAO,QAAQ,UAAU,WAAW,OAAO,QAAQ;AAAA,MACrD,KAAK,CAAC;AAAA,MACR,WAAW,MAAM;AAAA,MACjB,QAAQ,MAAM;AAAA,IAChB;AAAA,EACF;AAEA,MAAI,eAAe,+BAA+B;AAChD,UAAM,OACJ,OAAO,QAAQ,SAAS,WAAW,OAAO,KAAK,KAAK,EAAE,YAAY,IAAI;AACxE,QAAI,CAAC,KAAM,OAAM,IAAI,MAAM,kBAAkB;AAC7C,UAAM,QAAQ,MAAM,wBAAwB;AAC5C,WAAO;AAAA,MACL,UAAU;AAAA,MACV,QACE,MAAM,SAAS,QAAQ;AAAA,QACrB,CAAC,WAAW,OAAO,KAAK,YAAY,MAAM;AAAA,MAC5C,KAAK;AAAA,IACT;AAAA,EACF;AAEA,MAAI,eAAe,wCAAwC;AACzD,WAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ,MAAM,uBAAuB,gCAAgC;AAAA,QACnE,MAAM,OAAO,QAAQ,SAAS,WAAW,OAAO,OAAO;AAAA,QACvD,MAAM,OAAO,QAAQ,SAAS,WAAW,OAAO,OAAO;AAAA,QACvD,MAAM,OAAO,QAAQ,SAAS,WAAW,OAAO,OAAO;AAAA,MACzD,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,IAAI,MAAM,2BAA2B,UAAU,GAAG;AAC1D;","names":[]}

package/dist/HyperliquidAppView.js

@@ -0,0 +1,199 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, PagePanel, Spinner } from "@elizaos/app-core";
+import { useAgentElement } from "@elizaos/ui/agent-surface";
+import {
+  ArrowLeft,
+  BarChart3,
+  CircleAlert,
+  Cloud,
+  KeyRound,
+  Shield,
+  ShieldX
+} from "lucide-react";
+import "./client.js";
+import { HyperliquidPositionsPanel } from "./HyperliquidPositionsPanel.js";
+import { useHyperliquidState } from "./useHyperliquidState.js";
+function BlockedPill({ label }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "inline-flex items-center text-muted",
+      role: "status",
+      "aria-label": label,
+      title: label,
+      children: /* @__PURE__ */ jsx(ShieldX, { className: "h-4 w-4" })
+    }
+  );
+}
+function StatusItem({
+  icon: Icon,
+  label,
+  ready
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(Icon, { className: `h-4 w-4 ${ready ? "text-ok" : "text-muted"}` }),
+    /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-txt", children: label })
+  ] });
+}
+function credentialModeLabel(mode) {
+  switch (mode) {
+    case "managed_vault":
+      return "Managed vault";
+    case "local_key":
+      return "Local key";
+    default:
+      return "Read-only";
+  }
+}
+function HyperliquidAppView({ exitToApps }) {
+  const { status, markets, positions, orders, loading, error, unavailable } = useHyperliquidState();
+  const publicReadReady = status?.publicReadReady ?? false;
+  const credentialMode = status?.credentialMode ?? "none";
+  const backButton = useAgentElement({
+    id: "action-back",
+    role: "button",
+    label: "Back to apps",
+    group: "hyperliquid-header",
+    description: "Exit the Hyperliquid view and return to the apps overlay"
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "hyperliquid-shell",
+      className: "fixed inset-0 z-50 flex h-[100vh] flex-col overflow-hidden bg-bg supports-[height:100dvh]:h-[100dvh]",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3 px-3 py-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: backButton.ref,
+              ...backButton.agentProps,
+              variant: "ghost",
+              size: "icon",
+              className: "h-9 w-9 text-muted hover:text-txt",
+              onClick: exitToApps,
+              "aria-label": "Back",
+              children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold text-txt", children: "Hyperliquid" }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "chat-native-scrollbar flex-1 overflow-y-auto px-3 py-2 sm:px-5", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-5xl space-y-4", children: unavailable ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-20 text-center", children: [
+          /* @__PURE__ */ jsx(ShieldX, { className: "h-8 w-8 text-muted" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-txt", children: "Hyperliquid is unavailable on this device" }),
+          /* @__PURE__ */ jsx("p", { className: "sr-only", children: "Markets and account reads run on a desktop or cloud agent." })
+        ] }) : /* @__PURE__ */ jsx(
+          HyperliquidReady,
+          {
+            status,
+            markets,
+            positions,
+            orders,
+            loading,
+            error,
+            publicReadReady,
+            credentialMode
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+function HyperliquidReady({
+  status,
+  markets,
+  positions,
+  orders,
+  loading,
+  error,
+  publicReadReady,
+  credentialMode
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    error && /* @__PURE__ */ jsx(PagePanel.Notice, { tone: "danger", children: error }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted", children: [
+      publicReadReady ? "Read-only" : "Reads blocked",
+      " \xB7",
+      " ",
+      markets?.markets.length ?? 0,
+      " markets \xB7",
+      " ",
+      status?.account.address ? "account connected" : "no account"
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "flex flex-wrap items-center gap-x-6 gap-y-2", children: [
+      /* @__PURE__ */ jsx(StatusItem, { icon: BarChart3, label: "Reads", ready: publicReadReady }),
+      /* @__PURE__ */ jsx(
+        StatusItem,
+        {
+          icon: credentialMode === "managed_vault" ? Cloud : KeyRound,
+          label: credentialModeLabel(credentialMode),
+          ready: status?.signerReady ?? false
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StatusItem,
+        {
+          icon: Shield,
+          label: "Account",
+          ready: Boolean(status?.account.address)
+        }
+      )
+    ] }),
+    (status?.executionBlockedReason || status && !status.vault.ready && credentialMode !== "local_key") && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-sm text-muted", children: [
+      /* @__PURE__ */ jsx(CircleAlert, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        status?.executionBlockedReason && /* @__PURE__ */ jsx("span", { className: "block", children: status.executionBlockedReason }),
+        status && !status.vault.ready && credentialMode !== "local_key" && /* @__PURE__ */ jsx("span", { className: "block", children: status.vault.guidance })
+      ] })
+    ] }),
+    loading && !markets ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-16 text-sm text-muted", children: [
+      /* @__PURE__ */ jsx(Spinner, { className: "mr-3 h-5 w-5" }),
+      "Loading"
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1 py-2", children: [
+          /* @__PURE__ */ jsx(BarChart3, { className: "h-4 w-4 text-muted" }),
+          /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-txt", children: "Markets" }),
+          /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-muted", children: markets?.markets.length ?? 0 })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: (markets?.markets ?? []).slice(0, 24).map((market) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-3 px-1 py-2 text-sm",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-medium text-txt", children: market.name }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted", children: market.maxLeverage ? `${market.maxLeverage}x` : "\u2014" }),
+              /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs text-muted", children: [
+                "sz ",
+                market.szDecimals
+              ] })
+            ]
+          },
+          market.name
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsx(
+          HyperliquidPositionsPanel,
+          {
+            positions: positions?.positions ?? [],
+            summary: positions?.summary ?? null,
+            readBlockedReason: positions?.readBlockedReason ?? null
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 py-3", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-txt", children: "Orders" }),
+          orders?.readBlockedReason ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs text-muted", children: orders.readBlockedReason }),
+            /* @__PURE__ */ jsx(BlockedPill, { label: "Blocked" })
+          ] }) : /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-txt", children: orders?.orders.length ?? 0 })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  HyperliquidAppView
+};
+//# sourceMappingURL=HyperliquidAppView.js.map

package/dist/HyperliquidAppView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/HyperliquidAppView.tsx"],"sourcesContent":["import type { OverlayAppContext } from \"@elizaos/app-core\";\nimport { Button, PagePanel, Spinner } from \"@elizaos/app-core\";\nimport { useAgentElement } from \"@elizaos/ui/agent-surface\";\nimport {\n  ArrowLeft,\n  BarChart3,\n  CircleAlert,\n  Cloud,\n  KeyRound,\n  type LucideIcon,\n  Shield,\n  ShieldX,\n} from \"lucide-react\";\nimport \"./client.js\";\nimport { HyperliquidPositionsPanel } from \"./HyperliquidPositionsPanel.js\";\nimport type {\n  HyperliquidCredentialMode,\n  HyperliquidMarketsResponse,\n  HyperliquidOrdersResponse,\n  HyperliquidPositionsResponse,\n  HyperliquidStatusResponse,\n} from \"./hyperliquid-contracts.js\";\nimport { useHyperliquidState } from \"./useHyperliquidState.js\";\n\nfunction BlockedPill({ label }: { label: string }) {\n  return (\n    <span\n      className=\"inline-flex items-center text-muted\"\n      role=\"status\"\n      aria-label={label}\n      title={label}\n    >\n      <ShieldX className=\"h-4 w-4\" />\n    </span>\n  );\n}\n\nfunction StatusItem({\n  icon: Icon,\n  label,\n  ready,\n}: {\n  icon: LucideIcon;\n  label: string;\n  ready: boolean;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <Icon className={`h-4 w-4 ${ready ? \"text-ok\" : \"text-muted\"}`} />\n      <span className=\"truncate text-sm font-medium text-txt\">{label}</span>\n    </div>\n  );\n}\n\nfunction credentialModeLabel(\n  mode: \"managed_vault\" | \"local_key\" | \"none\" | undefined,\n): string {\n  switch (mode) {\n    case \"managed_vault\":\n      return \"Managed vault\";\n    case \"local_key\":\n      return \"Local key\";\n    default:\n      return \"Read-only\";\n  }\n}\n\nexport function HyperliquidAppView({ exitToApps }: OverlayAppContext) {\n  const { status, markets, positions, orders, loading, error, unavailable } =\n    useHyperliquidState();\n\n  const publicReadReady = status?.publicReadReady ?? false;\n  const credentialMode = status?.credentialMode ?? \"none\";\n\n  const backButton = useAgentElement<HTMLButtonElement>({\n    id: \"action-back\",\n    role: \"button\",\n    label: \"Back to apps\",\n    group: \"hyperliquid-header\",\n    description: \"Exit the Hyperliquid view and return to the apps overlay\",\n  });\n\n  return (\n    <div\n      data-testid=\"hyperliquid-shell\"\n      className=\"fixed inset-0 z-50 flex h-[100vh] flex-col overflow-hidden bg-bg supports-[height:100dvh]:h-[100dvh]\"\n    >\n      <div className=\"flex shrink-0 items-center gap-3 px-3 py-2\">\n        <Button\n          ref={backButton.ref}\n          {...backButton.agentProps}\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"h-9 w-9 text-muted hover:text-txt\"\n          onClick={exitToApps}\n          aria-label=\"Back\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n        </Button>\n\n        <div className=\"min-w-0\">\n          <h1 className=\"text-base font-semibold text-txt\">Hyperliquid</h1>\n        </div>\n\n        <div className=\"flex-1\" />\n      </div>\n\n      <div className=\"chat-native-scrollbar flex-1 overflow-y-auto px-3 py-2 sm:px-5\">\n        <div className=\"mx-auto max-w-5xl space-y-4\">\n          {unavailable ? (\n            <div className=\"flex flex-col items-center justify-center gap-2 py-20 text-center\">\n              <ShieldX className=\"h-8 w-8 text-muted\" />\n              <p className=\"text-sm font-medium text-txt\">\n                Hyperliquid is unavailable on this device\n              </p>\n              <p className=\"sr-only\">\n                Markets and account reads run on a desktop or cloud agent.\n              </p>\n            </div>\n          ) : (\n            <HyperliquidReady\n              status={status}\n              markets={markets}\n              positions={positions}\n              orders={orders}\n              loading={loading}\n              error={error}\n              publicReadReady={publicReadReady}\n              credentialMode={credentialMode}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction HyperliquidReady({\n  status,\n  markets,\n  positions,\n  orders,\n  loading,\n  error,\n  publicReadReady,\n  credentialMode,\n}: {\n  status: HyperliquidStatusResponse | null;\n  markets: HyperliquidMarketsResponse | null;\n  positions: HyperliquidPositionsResponse | null;\n  orders: HyperliquidOrdersResponse | null;\n  loading: boolean;\n  error: string | null;\n  publicReadReady: boolean;\n  credentialMode: HyperliquidCredentialMode;\n}) {\n  return (\n    <>\n      {error && <PagePanel.Notice tone=\"danger\">{error}</PagePanel.Notice>}\n\n      <p className=\"text-sm text-muted\">\n        {publicReadReady ? \"Read-only\" : \"Reads blocked\"} ·{\" \"}\n        {markets?.markets.length ?? 0} markets ·{\" \"}\n        {status?.account.address ? \"account connected\" : \"no account\"}\n      </p>\n\n      <section className=\"flex flex-wrap items-center gap-x-6 gap-y-2\">\n        <StatusItem icon={BarChart3} label=\"Reads\" ready={publicReadReady} />\n        <StatusItem\n          icon={credentialMode === \"managed_vault\" ? Cloud : KeyRound}\n          label={credentialModeLabel(credentialMode)}\n          ready={status?.signerReady ?? false}\n        />\n        <StatusItem\n          icon={Shield}\n          label=\"Account\"\n          ready={Boolean(status?.account.address)}\n        />\n      </section>\n\n      {(status?.executionBlockedReason ||\n        (status && !status.vault.ready && credentialMode !== \"local_key\")) && (\n        <div className=\"flex items-start gap-2 text-sm text-muted\">\n          <CircleAlert className=\"mt-0.5 h-4 w-4 shrink-0\" />\n          <div className=\"space-y-1\">\n            {status?.executionBlockedReason && (\n              <span className=\"block\">{status.executionBlockedReason}</span>\n            )}\n            {status &&\n              !status.vault.ready &&\n              credentialMode !== \"local_key\" && (\n                <span className=\"block\">{status.vault.guidance}</span>\n              )}\n          </div>\n        </div>\n      )}\n\n      {loading && !markets ? (\n        <div className=\"flex items-center justify-center py-16 text-sm text-muted\">\n          <Spinner className=\"mr-3 h-5 w-5\" />\n          Loading\n        </div>\n      ) : (\n        <div className=\"space-y-4\">\n          <section>\n            <div className=\"flex items-center gap-2 px-1 py-2\">\n              <BarChart3 className=\"h-4 w-4 text-muted\" />\n              <h2 className=\"text-sm font-semibold text-txt\">Markets</h2>\n              <span className=\"ml-auto text-xs text-muted\">\n                {markets?.markets.length ?? 0}\n              </span>\n            </div>\n            <div>\n              {(markets?.markets ?? []).slice(0, 24).map((market) => (\n                <div\n                  key={market.name}\n                  className=\"grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-3 px-1 py-2 text-sm\"\n                >\n                  <span className=\"min-w-0 truncate font-medium text-txt\">\n                    {market.name}\n                  </span>\n                  <span className=\"text-xs text-muted\">\n                    {market.maxLeverage ? `${market.maxLeverage}x` : \"—\"}\n                  </span>\n                  <span className=\"font-mono text-xs text-muted\">\n                    sz {market.szDecimals}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </section>\n\n          <section>\n            <HyperliquidPositionsPanel\n              positions={positions?.positions ?? []}\n              summary={positions?.summary ?? null}\n              readBlockedReason={positions?.readBlockedReason ?? null}\n            />\n\n            <div className=\"flex items-center justify-between gap-3 py-3\">\n              <h2 className=\"text-sm font-semibold text-txt\">Orders</h2>\n              {orders?.readBlockedReason ? (\n                <div className=\"flex min-w-0 items-center gap-2\">\n                  <span className=\"min-w-0 truncate text-xs text-muted\">\n                    {orders.readBlockedReason}\n                  </span>\n                  <BlockedPill label=\"Blocked\" />\n                </div>\n              ) : (\n                <span className=\"text-sm font-semibold text-txt\">\n                  {orders?.orders.length ?? 0}\n                </span>\n              )}\n            </div>\n          </section>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/HyperliquidPositionsPanel.d.ts

@@ -0,0 +1,12 @@
+import type { HyperliquidAccountSummary, HyperliquidPosition } from "./hyperliquid-contracts";
+export interface HyperliquidPositionsPanelProps {
+    positions: HyperliquidPosition[];
+    summary: HyperliquidAccountSummary | null;
+    readBlockedReason: string | null;
+}
+/**
+ * The live positions + PnL surface. Renders the account-health hero strip and a
+ * dense per-position table, or an honest empty/blocked state. Display only.
+ */
+export declare function HyperliquidPositionsPanel({ positions, summary, readBlockedReason, }: HyperliquidPositionsPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HyperliquidPositionsPanel.d.ts.map

package/dist/HyperliquidPositionsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HyperliquidPositionsPanel.d.ts","sourceRoot":"","sources":["../src/HyperliquidPositionsPanel.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAwMjC,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,OAAO,EAAE,yBAAyB,GAAG,IAAI,CAAC;IAC1C,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,OAAO,EACP,iBAAiB,GAClB,EAAE,8BAA8B,2CAwDhC"}

package/dist/HyperliquidPositionsPanel.js

@@ -0,0 +1,194 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  BarChart3,
+  ShieldCheck,
+  ShieldX,
+  TrendingDown,
+  TrendingUp
+} from "lucide-react";
+const EMPTY_CELL = "\xB7";
+function toNumber(value) {
+  if (value === null || value === void 0) return null;
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+function formatUsd(value, options = {}) {
+  if (value === null || !Number.isFinite(value)) return EMPTY_CELL;
+  const decimals = options.decimals ?? 2;
+  const sign = options.withSign && value > 0 ? "+" : value < 0 ? "-" : "";
+  const abs = Math.abs(value);
+  const body = abs >= 1e3 ? abs.toLocaleString("en-US", {
+    maximumFractionDigits: decimals,
+    minimumFractionDigits: decimals
+  }) : abs.toFixed(decimals);
+  return `${sign}$${body}`;
+}
+function formatUsdCompact(value, options = {}) {
+  if (value === null || !Number.isFinite(value)) return EMPTY_CELL;
+  const sign = options.withSign && value > 0 ? "+" : value < 0 ? "-" : "";
+  const abs = Math.abs(value);
+  if (abs >= 1e6) return `${sign}$${(abs / 1e6).toFixed(2)}m`;
+  if (abs >= 1e3)
+    return `${sign}$${(abs / 1e3).toFixed(abs >= 1e5 ? 0 : 1)}k`;
+  return `${sign}$${abs.toFixed(2)}`;
+}
+function formatPrice(value) {
+  if (value === null || !Number.isFinite(value)) return EMPTY_CELL;
+  const abs = Math.abs(value);
+  const decimals = abs >= 1e3 ? 1 : abs >= 1 ? 2 : 5;
+  return value.toLocaleString("en-US", {
+    maximumFractionDigits: decimals,
+    minimumFractionDigits: decimals
+  });
+}
+function formatSize(value) {
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed)) return value;
+  return Math.abs(parsed).toLocaleString("en-US", {
+    maximumFractionDigits: 4,
+    minimumFractionDigits: 0
+  });
+}
+function pnlTone(value) {
+  if (value === null || value === 0) return "text-muted";
+  return value > 0 ? "text-ok" : "text-danger";
+}
+function ReadinessPill({ ready, label }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `inline-flex h-8 w-8 items-center justify-center ${ready ? "text-ok" : "text-muted"}`,
+      role: "status",
+      "aria-label": label,
+      title: label,
+      children: ready ? /* @__PURE__ */ jsx(ShieldCheck, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ShieldX, { className: "h-4 w-4" })
+    }
+  );
+}
+function StatTile({
+  label,
+  value,
+  tone = "text-txt"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 px-1 py-2", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium uppercase tracking-wide text-muted", children: label }),
+    /* @__PURE__ */ jsx("span", { className: `font-mono text-lg font-semibold tabular-nums ${tone}`, children: value })
+  ] });
+}
+function AccountHealthStrip({
+  summary
+}) {
+  const accountValue = toNumber(summary?.accountValue ?? null);
+  const withdrawable = toNumber(summary?.withdrawable ?? null);
+  const unrealizedPnl = toNumber(summary?.totalUnrealizedPnl ?? null);
+  const leverage = summary?.effectiveLeverage ?? null;
+  return /* @__PURE__ */ jsxs("section", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: [
+    /* @__PURE__ */ jsx(StatTile, { label: "Account value", value: formatUsdCompact(accountValue) }),
+    /* @__PURE__ */ jsx(
+      StatTile,
+      {
+        label: "Effective lev",
+        value: leverage === null ? EMPTY_CELL : `${leverage.toFixed(2)}x`
+      }
+    ),
+    /* @__PURE__ */ jsx(StatTile, { label: "Withdrawable", value: formatUsdCompact(withdrawable) }),
+    /* @__PURE__ */ jsx(
+      StatTile,
+      {
+        label: "Unrealized PnL",
+        value: formatUsdCompact(unrealizedPnl, { withSign: true }),
+        tone: pnlTone(unrealizedPnl)
+      }
+    )
+  ] });
+}
+function PositionRow({ position }) {
+  const size = Number(position.size);
+  const isLong = Number.isFinite(size) ? size >= 0 : true;
+  const unrealizedPnl = toNumber(position.unrealizedPnl);
+  const roe = toNumber(position.returnOnEquity);
+  const liqDistance = toNumber(position.distanceToLiquidationPct);
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(0,1.2fr)_repeat(4,minmax(0,1fr))] items-center gap-3 px-4 py-2.5 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-semibold text-txt", children: position.coin }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: `px-1.5 py-0.5 text-[10px] font-semibold uppercase ${isLong ? "bg-ok/12 text-ok" : "bg-danger/12 text-danger"}`,
+          children: isLong ? "long" : "short"
+        }
+      ),
+      position.leverageValue !== null && /* @__PURE__ */ jsxs("span", { className: "px-1.5 py-0.5 font-mono text-[10px] text-muted", children: [
+        position.leverageValue,
+        "x"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "text-right font-mono text-xs tabular-nums text-muted", children: formatSize(position.size) }),
+    /* @__PURE__ */ jsx("span", { className: "text-right font-mono text-xs tabular-nums text-muted", children: formatUsd(toNumber(position.positionValue)) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end leading-tight", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs tabular-nums text-txt", children: formatPrice(toNumber(position.entryPx)) }),
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] tabular-nums text-muted", children: liqDistance === null ? EMPTY_CELL : `${liqDistance.toFixed(0)}% to liq` })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end leading-tight", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: `font-mono text-xs font-semibold tabular-nums ${pnlTone(unrealizedPnl)}`,
+          children: formatUsd(unrealizedPnl, { withSign: true })
+        }
+      ),
+      roe !== null && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: `font-mono text-[10px] tabular-nums ${pnlTone(roe)}`,
+          children: `${roe > 0 ? "+" : ""}${(roe * 100).toFixed(1)}%`
+        }
+      )
+    ] })
+  ] });
+}
+function HyperliquidPositionsPanel({
+  positions,
+  summary,
+  readBlockedReason
+}) {
+  const openPositions = positions.filter((position) => {
+    const size = Number(position.size);
+    return Number.isFinite(size) && size !== 0;
+  });
+  const totalPnl = toNumber(summary?.totalUnrealizedPnl ?? null);
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(AccountHealthStrip, { summary }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1 py-2", children: [
+        totalPnl !== null && totalPnl < 0 ? /* @__PURE__ */ jsx(TrendingDown, { className: "h-4 w-4 text-danger" }) : /* @__PURE__ */ jsx(TrendingUp, { className: "h-4 w-4 text-muted" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-txt", children: "Positions" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted", children: openPositions.length }),
+        /* @__PURE__ */ jsx("div", { className: "ml-auto", children: /* @__PURE__ */ jsx(
+          ReadinessPill,
+          {
+            ready: !readBlockedReason,
+            label: readBlockedReason ? "Blocked" : "Positions readable"
+          }
+        ) })
+      ] }),
+      readBlockedReason ? /* @__PURE__ */ jsx("div", { className: "px-1 py-6 text-center text-xs text-muted", children: readBlockedReason }) : openPositions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 px-4 py-8 text-center", children: [
+        /* @__PURE__ */ jsx(BarChart3, { className: "h-5 w-5 text-muted" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted", children: "no open positions" })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(0,1.2fr)_repeat(4,minmax(0,1fr))] gap-3 px-1 py-2 text-[10px] font-medium uppercase tracking-wide text-muted", children: [
+          /* @__PURE__ */ jsx("span", { children: "Asset" }),
+          /* @__PURE__ */ jsx("span", { className: "text-right", children: "Size" }),
+          /* @__PURE__ */ jsx("span", { className: "text-right", children: "Notional" }),
+          /* @__PURE__ */ jsx("span", { className: "text-right", children: "Entry" }),
+          /* @__PURE__ */ jsx("span", { className: "text-right", children: "uPnL" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: openPositions.map((position) => /* @__PURE__ */ jsx(PositionRow, { position }, position.coin)) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  HyperliquidPositionsPanel
+};
+//# sourceMappingURL=HyperliquidPositionsPanel.js.map

package/dist/HyperliquidPositionsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/HyperliquidPositionsPanel.tsx"],"sourcesContent":["// Live Hyperliquid positions + PnL surface for the native AppView.\n//\n// Phase 2 of moving a waifu agent's surfaces into its own ElizaOS web UI: this\n// replaces the broken waifu patron panels (active-positions.tsx + pnl-chart.tsx)\n// with a native ElizaOS view that reads the same data shape from the plugin's\n// `/api/hyperliquid/positions` route (which resolves the agent's HL address from\n// its managed vault / env account).\n//\n// It mirrors the waifu \"account health\" UX: a four-stat hero strip (account\n// value, effective leverage, withdrawable, unrealized pnl) over a dense\n// position table (asset/side, size, notional, entry, mark, per-position\n// leverage badge, distance-to-liquidation as a percent, unrealized pnl in\n// green/red). Read-only — no trade execution lives here.\n//\n// Visual language matches HyperliquidAppView exactly: app-core `PagePanel`\n// primitives are not needed for the table rows (static display), so we use the\n// same Tailwind theme tokens the AppView already uses (`text-txt`, `text-muted`,\n// `border-border`, `bg-card`, `text-ok`, `text-danger`). The single non-neutral\n// accents are `text-ok` (profit) and `text-danger` (loss), matching the waifu\n// panel's discipline of one green + one red and nothing else.\n\nimport {\n  BarChart3,\n  ShieldCheck,\n  ShieldX,\n  TrendingDown,\n  TrendingUp,\n} from \"lucide-react\";\nimport type {\n  HyperliquidAccountSummary,\n  HyperliquidPosition,\n} from \"./hyperliquid-contracts.js\";\n\nconst EMPTY_CELL = \"·\";\n\nfunction toNumber(value: string | number | null | undefined): number | null {\n  if (value === null || value === undefined) return null;\n  const parsed = Number(value);\n  return Number.isFinite(parsed) ? parsed : null;\n}\n\nfunction formatUsd(\n  value: number | null,\n  options: { withSign?: boolean; decimals?: number } = {},\n): string {\n  if (value === null || !Number.isFinite(value)) return EMPTY_CELL;\n  const decimals = options.decimals ?? 2;\n  const sign = options.withSign && value > 0 ? \"+\" : value < 0 ? \"-\" : \"\";\n  const abs = Math.abs(value);\n  const body =\n    abs >= 1000\n      ? abs.toLocaleString(\"en-US\", {\n          maximumFractionDigits: decimals,\n          minimumFractionDigits: decimals,\n        })\n      : abs.toFixed(decimals);\n  return `${sign}$${body}`;\n}\n\nfunction formatUsdCompact(\n  value: number | null,\n  options: { withSign?: boolean } = {},\n): string {\n  if (value === null || !Number.isFinite(value)) return EMPTY_CELL;\n  const sign = options.withSign && value > 0 ? \"+\" : value < 0 ? \"-\" : \"\";\n  const abs = Math.abs(value);\n  if (abs >= 1_000_000) return `${sign}$${(abs / 1_000_000).toFixed(2)}m`;\n  if (abs >= 1_000)\n    return `${sign}$${(abs / 1_000).toFixed(abs >= 100_000 ? 0 : 1)}k`;\n  return `${sign}$${abs.toFixed(2)}`;\n}\n\nfunction formatPrice(value: number | null): string {\n  if (value === null || !Number.isFinite(value)) return EMPTY_CELL;\n  const abs = Math.abs(value);\n  const decimals = abs >= 1000 ? 1 : abs >= 1 ? 2 : 5;\n  return value.toLocaleString(\"en-US\", {\n    maximumFractionDigits: decimals,\n    minimumFractionDigits: decimals,\n  });\n}\n\nfunction formatSize(value: string): string {\n  const parsed = Number(value);\n  if (!Number.isFinite(parsed)) return value;\n  return Math.abs(parsed).toLocaleString(\"en-US\", {\n    maximumFractionDigits: 4,\n    minimumFractionDigits: 0,\n  });\n}\n\nfunction pnlTone(value: number | null): string {\n  if (value === null || value === 0) return \"text-muted\";\n  return value > 0 ? \"text-ok\" : \"text-danger\";\n}\n\n// Effective leverage and distance-to-liquidation are computed server-side and\n// arrive as DTO fields (summary.effectiveLeverage, position.distanceToLiquidationPct);\n// the panel only displays them — no financial math lives here.\n\n// Mirrors HyperliquidAppView's ReadinessPill so the \"Blocked\"/readable status\n// language stays identical across the view.\nfunction ReadinessPill({ ready, label }: { ready: boolean; label: string }) {\n  return (\n    <span\n      className={`inline-flex h-8 w-8 items-center justify-center ${ready ? \"text-ok\" : \"text-muted\"}`}\n      role=\"status\"\n      aria-label={label}\n      title={label}\n    >\n      {ready ? (\n        <ShieldCheck className=\"h-4 w-4\" />\n      ) : (\n        <ShieldX className=\"h-4 w-4\" />\n      )}\n    </span>\n  );\n}\n\nfunction StatTile({\n  label,\n  value,\n  tone = \"text-txt\",\n}: {\n  label: string;\n  value: string;\n  tone?: string;\n}) {\n  return (\n    <div className=\"flex flex-col gap-1 px-1 py-2\">\n      <span className=\"text-[11px] font-medium uppercase tracking-wide text-muted\">\n        {label}\n      </span>\n      <span className={`font-mono text-lg font-semibold tabular-nums ${tone}`}>\n        {value}\n      </span>\n    </div>\n  );\n}\n\nfunction AccountHealthStrip({\n  summary,\n}: {\n  summary: HyperliquidAccountSummary | null;\n}) {\n  const accountValue = toNumber(summary?.accountValue ?? null);\n  const withdrawable = toNumber(summary?.withdrawable ?? null);\n  const unrealizedPnl = toNumber(summary?.totalUnrealizedPnl ?? null);\n  const leverage = summary?.effectiveLeverage ?? null;\n\n  return (\n    <section className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n      <StatTile label=\"Account value\" value={formatUsdCompact(accountValue)} />\n      <StatTile\n        label=\"Effective lev\"\n        value={leverage === null ? EMPTY_CELL : `${leverage.toFixed(2)}x`}\n      />\n      <StatTile label=\"Withdrawable\" value={formatUsdCompact(withdrawable)} />\n      <StatTile\n        label=\"Unrealized PnL\"\n        value={formatUsdCompact(unrealizedPnl, { withSign: true })}\n        tone={pnlTone(unrealizedPnl)}\n      />\n    </section>\n  );\n}\n\nfunction PositionRow({ position }: { position: HyperliquidPosition }) {\n  const size = Number(position.size);\n  const isLong = Number.isFinite(size) ? size >= 0 : true;\n  const unrealizedPnl = toNumber(position.unrealizedPnl);\n  const roe = toNumber(position.returnOnEquity);\n  const liqDistance = toNumber(position.distanceToLiquidationPct);\n\n  return (\n    <div className=\"grid grid-cols-[minmax(0,1.2fr)_repeat(4,minmax(0,1fr))] items-center gap-3 px-4 py-2.5 text-sm\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <span className=\"min-w-0 truncate font-semibold text-txt\">\n          {position.coin}\n        </span>\n        <span\n          className={`px-1.5 py-0.5 text-[10px] font-semibold uppercase ${\n            isLong ? \"bg-ok/12 text-ok\" : \"bg-danger/12 text-danger\"\n          }`}\n        >\n          {isLong ? \"long\" : \"short\"}\n        </span>\n        {position.leverageValue !== null && (\n          <span className=\"px-1.5 py-0.5 font-mono text-[10px] text-muted\">\n            {position.leverageValue}x\n          </span>\n        )}\n      </div>\n\n      <span className=\"text-right font-mono text-xs tabular-nums text-muted\">\n        {formatSize(position.size)}\n      </span>\n\n      <span className=\"text-right font-mono text-xs tabular-nums text-muted\">\n        {formatUsd(toNumber(position.positionValue))}\n      </span>\n\n      <div className=\"flex flex-col items-end leading-tight\">\n        <span className=\"font-mono text-xs tabular-nums text-txt\">\n          {formatPrice(toNumber(position.entryPx))}\n        </span>\n        <span className=\"font-mono text-[10px] tabular-nums text-muted\">\n          {liqDistance === null\n            ? EMPTY_CELL\n            : `${liqDistance.toFixed(0)}% to liq`}\n        </span>\n      </div>\n\n      <div className=\"flex flex-col items-end leading-tight\">\n        <span\n          className={`font-mono text-xs font-semibold tabular-nums ${pnlTone(unrealizedPnl)}`}\n        >\n          {formatUsd(unrealizedPnl, { withSign: true })}\n        </span>\n        {roe !== null && (\n          <span\n            className={`font-mono text-[10px] tabular-nums ${pnlTone(roe)}`}\n          >\n            {`${roe > 0 ? \"+\" : \"\"}${(roe * 100).toFixed(1)}%`}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport interface HyperliquidPositionsPanelProps {\n  positions: HyperliquidPosition[];\n  summary: HyperliquidAccountSummary | null;\n  readBlockedReason: string | null;\n}\n\n/**\n * The live positions + PnL surface. Renders the account-health hero strip and a\n * dense per-position table, or an honest empty/blocked state. Display only.\n */\nexport function HyperliquidPositionsPanel({\n  positions,\n  summary,\n  readBlockedReason,\n}: HyperliquidPositionsPanelProps) {\n  const openPositions = positions.filter((position) => {\n    const size = Number(position.size);\n    return Number.isFinite(size) && size !== 0;\n  });\n  const totalPnl = toNumber(summary?.totalUnrealizedPnl ?? null);\n\n  return (\n    <section className=\"space-y-3\">\n      <AccountHealthStrip summary={summary} />\n\n      <div>\n        <div className=\"flex items-center gap-2 px-1 py-2\">\n          {totalPnl !== null && totalPnl < 0 ? (\n            <TrendingDown className=\"h-4 w-4 text-danger\" />\n          ) : (\n            <TrendingUp className=\"h-4 w-4 text-muted\" />\n          )}\n          <h2 className=\"text-sm font-semibold text-txt\">Positions</h2>\n          <span className=\"text-xs text-muted\">{openPositions.length}</span>\n          <div className=\"ml-auto\">\n            <ReadinessPill\n              ready={!readBlockedReason}\n              label={readBlockedReason ? \"Blocked\" : \"Positions readable\"}\n            />\n          </div>\n        </div>\n\n        {readBlockedReason ? (\n          <div className=\"px-1 py-6 text-center text-xs text-muted\">\n            {readBlockedReason}\n          </div>\n        ) : openPositions.length === 0 ? (\n          <div className=\"flex flex-col items-center gap-2 px-4 py-8 text-center\">\n            <BarChart3 className=\"h-5 w-5 text-muted\" />\n            <span className=\"text-xs text-muted\">no open positions</span>\n          </div>\n        ) : (\n          <>\n            <div className=\"grid grid-cols-[minmax(0,1.2fr)_repeat(4,minmax(0,1fr))] gap-3 px-1 py-2 text-[10px] font-medium uppercase tracking-wide text-muted\">\n              <span>Asset</span>\n              <span className=\"text-right\">Size</span>\n              <span className=\"text-right\">Notional</span>\n              <span className=\"text-right\">Entry</span>\n              <span className=\"text-right\">uPnL</span>\n            </div>\n            <div>\n              {openPositions.map((position) => (\n                <PositionRow key={position.coin} position={position} />\n              ))}\n            </div>\n          </>\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/HyperliquidView.d.ts

@@ -0,0 +1,14 @@
+/**
+ * HyperliquidView — the single GUI/XR data wrapper for the Hyperliquid surface.
+ *
+ * It owns the live data (status + markets + the agent's own positions + open
+ * orders, plus a background poll via {@link useHyperliquidState}) and renders
+ * the one presentational {@link HyperliquidSpatialView} inside a
+ * {@link SpatialSurface}. Omitting the `modality` prop lets `SpatialSurface`
+ * auto-detect GUI vs XR via `window.__elizaXRContext`, so the SAME component
+ * serves both surfaces. The TUI surface renders the same
+ * `HyperliquidSpatialView` through the terminal registry (see
+ * `register-terminal-view.tsx`).
+ */
+export declare function HyperliquidView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HyperliquidView.d.ts.map

package/dist/HyperliquidView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HyperliquidView.d.ts","sourceRoot":"","sources":["../src/HyperliquidView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAoBH,wBAAgB,eAAe,4CA4C9B"}