@elizaos/plugin-vincent 2.0.3-beta.6 → 2.0.3-beta.7

package/dist/VincentConnectionCard.js

@@ -0,0 +1,121 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, StatusDot } from "@elizaos/ui";
+import { useAgentElement } from "@elizaos/ui/agent-surface";
+import { KeyRound, LogIn, LogOut, RefreshCw, ShieldCheck } from "lucide-react";
+import { memo } from "react";
+import { useVincentState } from "./useVincentState.js";
+function formatConnectedAt(ts) {
+  if (!ts) return "";
+  try {
+    return new Date(ts).toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return "";
+  }
+}
+const VincentConnectionCard = memo(function VincentConnectionCard2({
+  setActionNotice,
+  t
+}) {
+  const {
+    vincentConnected,
+    vincentLoginBusy,
+    vincentLoginError,
+    vincentConnectedAt,
+    handleVincentLogin,
+    handleVincentDisconnect
+  } = useVincentState({ setActionNotice, t });
+  const disconnectLabel = t("vincent.disconnect", {
+    defaultValue: "Disconnect"
+  });
+  const connectLabel = t("vincent.connect", {
+    defaultValue: "Connect Vincent"
+  });
+  const disconnect = useAgentElement({
+    id: "action-disconnect",
+    role: "button",
+    label: disconnectLabel,
+    group: "vincent-connection",
+    description: "Disconnect the linked Vincent account"
+  });
+  const connect = useAgentElement({
+    id: "action-connect",
+    role: "button",
+    label: connectLabel,
+    group: "vincent-connection",
+    description: "Start the Vincent OAuth login to connect an account"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "px-1 py-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-5 gap-y-1.5 text-xs font-semibold", children: [
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: `flex items-center gap-2 ${vincentConnected ? "text-ok" : "text-muted"}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                StatusDot,
+                {
+                  status: vincentConnected ? "connected" : "muted",
+                  tone: vincentConnected ? "success" : "muted",
+                  className: "shrink-0"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: vincentConnected ? t("vincent.connected", { defaultValue: "Connected" }) : t("vincent.disconnected", { defaultValue: "Offline" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-muted", children: [
+          /* @__PURE__ */ jsx(KeyRound, { className: "h-3.5 w-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: "OAuth" })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "hidden items-center gap-2 text-muted sm:flex", children: [
+          /* @__PURE__ */ jsx(ShieldCheck, { className: "h-3.5 w-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: vincentConnectedAt ? formatConnectedAt(vincentConnectedAt) : "Ready" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: vincentConnected ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          ref: disconnect.ref,
+          ...disconnect.agentProps,
+          variant: "outline",
+          size: "sm",
+          className: "h-9 px-4 text-xs font-semibold text-status-danger border-status-danger/30 hover:bg-status-danger-bg hover:text-status-danger",
+          onClick: () => void handleVincentDisconnect(),
+          "aria-label": disconnectLabel,
+          children: [
+            /* @__PURE__ */ jsx(LogOut, { className: "h-3.5 w-3.5" }),
+            disconnectLabel
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs(
+        Button,
+        {
+          ref: connect.ref,
+          ...connect.agentProps,
+          variant: "default",
+          size: "sm",
+          className: "h-9 px-4 text-xs font-semibold",
+          onClick: () => void handleVincentLogin(),
+          disabled: vincentLoginBusy,
+          "aria-label": connectLabel,
+          children: [
+            vincentLoginBusy ? /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(LogIn, { className: "h-3.5 w-3.5" }),
+            vincentLoginBusy ? t("vincent.connecting", { defaultValue: "Connecting\u2026" }) : t("vincent.connect", { defaultValue: "Connect Vincent" })
+          ]
+        }
+      ) })
+    ] }),
+    vincentLoginError && /* @__PURE__ */ jsx("div", { className: "mt-3 px-1 py-2 text-xs text-status-danger", children: vincentLoginError })
+  ] });
+});
+export {
+  VincentConnectionCard
+};
+//# sourceMappingURL=VincentConnectionCard.js.map

package/dist/VincentConnectionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/VincentConnectionCard.tsx"],"sourcesContent":["/** VincentConnectionCard — OAuth connect/disconnect UI for Vincent. */\n\nimport { Button, StatusDot } from \"@elizaos/ui\";\nimport { useAgentElement } from \"@elizaos/ui/agent-surface\";\nimport { KeyRound, LogIn, LogOut, RefreshCw, ShieldCheck } from \"lucide-react\";\nimport { memo } from \"react\";\nimport { useVincentState } from \"./useVincentState.js\";\n\ninterface VincentConnectionCardProps {\n  onConnectedChange?: (connected: boolean) => void;\n  setActionNotice: (\n    text: string,\n    tone?: \"info\" | \"success\" | \"error\",\n    ttlMs?: number,\n  ) => void;\n  t: (key: string, opts?: Record<string, unknown>) => string;\n}\n\nfunction formatConnectedAt(ts: number | null): string {\n  if (!ts) return \"\";\n  try {\n    return new Date(ts).toLocaleDateString(\"en-US\", {\n      month: \"short\",\n      day: \"numeric\",\n      year: \"numeric\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  } catch {\n    return \"\";\n  }\n}\n\nexport const VincentConnectionCard = memo(function VincentConnectionCard({\n  setActionNotice,\n  t,\n}: VincentConnectionCardProps) {\n  const {\n    vincentConnected,\n    vincentLoginBusy,\n    vincentLoginError,\n    vincentConnectedAt,\n    handleVincentLogin,\n    handleVincentDisconnect,\n  } = useVincentState({ setActionNotice, t });\n\n  const disconnectLabel = t(\"vincent.disconnect\", {\n    defaultValue: \"Disconnect\",\n  });\n  const connectLabel = t(\"vincent.connect\", {\n    defaultValue: \"Connect Vincent\",\n  });\n  const disconnect = useAgentElement<HTMLButtonElement>({\n    id: \"action-disconnect\",\n    role: \"button\",\n    label: disconnectLabel,\n    group: \"vincent-connection\",\n    description: \"Disconnect the linked Vincent account\",\n  });\n  const connect = useAgentElement<HTMLButtonElement>({\n    id: \"action-connect\",\n    role: \"button\",\n    label: connectLabel,\n    group: \"vincent-connection\",\n    description: \"Start the Vincent OAuth login to connect an account\",\n  });\n\n  return (\n    <div className=\"px-1 py-3\">\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-x-5 gap-y-1.5 text-xs font-semibold\">\n          <span\n            className={`flex items-center gap-2 ${vincentConnected ? \"text-ok\" : \"text-muted\"}`}\n          >\n            <StatusDot\n              status={vincentConnected ? \"connected\" : \"muted\"}\n              tone={vincentConnected ? \"success\" : \"muted\"}\n              className=\"shrink-0\"\n            />\n            <span className=\"truncate\">\n              {vincentConnected\n                ? t(\"vincent.connected\", { defaultValue: \"Connected\" })\n                : t(\"vincent.disconnected\", { defaultValue: \"Offline\" })}\n            </span>\n          </span>\n          <span className=\"flex items-center gap-2 text-muted\">\n            <KeyRound className=\"h-3.5 w-3.5 shrink-0\" />\n            <span className=\"truncate\">OAuth</span>\n          </span>\n          <span className=\"hidden items-center gap-2 text-muted sm:flex\">\n            <ShieldCheck className=\"h-3.5 w-3.5 shrink-0\" />\n            <span className=\"truncate\">\n              {vincentConnectedAt\n                ? formatConnectedAt(vincentConnectedAt)\n                : \"Ready\"}\n            </span>\n          </span>\n        </div>\n\n        <div className=\"flex shrink-0 items-center gap-2\">\n          {vincentConnected ? (\n            <Button\n              ref={disconnect.ref}\n              {...disconnect.agentProps}\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"h-9 px-4 text-xs font-semibold text-status-danger border-status-danger/30 hover:bg-status-danger-bg hover:text-status-danger\"\n              onClick={() => void handleVincentDisconnect()}\n              aria-label={disconnectLabel}\n            >\n              <LogOut className=\"h-3.5 w-3.5\" />\n              {disconnectLabel}\n            </Button>\n          ) : (\n            <Button\n              ref={connect.ref}\n              {...connect.agentProps}\n              variant=\"default\"\n              size=\"sm\"\n              className=\"h-9 px-4 text-xs font-semibold\"\n              onClick={() => void handleVincentLogin()}\n              disabled={vincentLoginBusy}\n              aria-label={connectLabel}\n            >\n              {vincentLoginBusy ? (\n                <RefreshCw className=\"h-3.5 w-3.5 animate-spin\" />\n              ) : (\n                <LogIn className=\"h-3.5 w-3.5\" />\n              )}\n              {vincentLoginBusy\n                ? t(\"vincent.connecting\", { defaultValue: \"Connecting…\" })\n                : t(\"vincent.connect\", { defaultValue: \"Connect Vincent\" })}\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {vincentLoginError && (\n        <div className=\"mt-3 px-1 py-2 text-xs text-status-danger\">\n          {vincentLoginError}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"mappings":"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","names":["VincentConnectionCard"]}

package/dist/VincentView.d.ts

@@ -0,0 +1,13 @@
+/**
+ * VincentView — the single GUI/XR data wrapper for the Vincent surface.
+ *
+ * It owns the live Vincent data (OAuth status, agent wallet addresses, strategy
+ * and trading-profile polling, plus the connect/disconnect OAuth flow) and
+ * renders the one presentational {@link VincentSpatialView} 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 `VincentSpatialView`
+ * through the terminal registry (see `register-terminal-view.tsx`).
+ */
+export declare function VincentView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VincentView.d.ts.map

package/dist/VincentView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VincentView.d.ts","sourceRoot":"","sources":["../src/VincentView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAsBH,wBAAgB,WAAW,4CA8E1B"}

package/dist/VincentView.js

@@ -0,0 +1,86 @@
+import { jsx } from "react/jsx-runtime";
+import { openExternalUrl, useAppSelector } from "@elizaos/ui";
+import { SpatialSurface } from "@elizaos/ui/spatial";
+import { useCallback } from "react";
+import {
+  VincentSpatialView
+} from "./components/VincentSpatialView.js";
+import { useVincentDashboard } from "./useVincentDashboard.js";
+import { useVincentState } from "./useVincentState.js";
+const VINCENT_DASHBOARD_URL = "https://heyvincent.ai";
+function defaultTranslate(_key, opts) {
+  return typeof opts?.defaultValue === "string" ? opts.defaultValue : _key;
+}
+function VincentView() {
+  const setActionNotice = useAppSelector((s) => s.setActionNotice);
+  const {
+    vincentConnected,
+    vincentConnectedAt,
+    walletAddresses,
+    walletBalances,
+    strategy,
+    tradingProfile,
+    loading,
+    error,
+    refresh
+  } = useVincentDashboard();
+  const { handleVincentLogin, handleVincentDisconnect } = useVincentState({
+    setActionNotice,
+    t: defaultTranslate
+  });
+  const copyAddress = useCallback(
+    (address, label) => {
+      if (!address) return;
+      void navigator.clipboard.writeText(address).then(() => {
+        setActionNotice(`${label} address copied`, "success", 2e3);
+      });
+    },
+    [setActionNotice]
+  );
+  const onAction = useCallback(
+    (action) => {
+      switch (action) {
+        case "connect":
+          void handleVincentLogin();
+          return;
+        case "disconnect":
+          void handleVincentDisconnect();
+          return;
+        case "refresh":
+          refresh();
+          return;
+        case "open-vincent":
+          void openExternalUrl(VINCENT_DASHBOARD_URL);
+          return;
+        case "copy-evm":
+          copyAddress(walletAddresses?.evmAddress, "EVM");
+          return;
+        case "copy-solana":
+          copyAddress(walletAddresses?.solanaAddress, "Solana");
+          return;
+      }
+    },
+    [
+      copyAddress,
+      handleVincentDisconnect,
+      handleVincentLogin,
+      refresh,
+      walletAddresses
+    ]
+  );
+  const snapshot = {
+    vincentConnected,
+    vincentConnectedAt,
+    walletAddresses,
+    walletBalances,
+    strategy,
+    tradingProfile,
+    loading,
+    error
+  };
+  return /* @__PURE__ */ jsx(SpatialSurface, { children: /* @__PURE__ */ jsx(VincentSpatialView, { snapshot, onAction }) });
+}
+export {
+  VincentView
+};
+//# sourceMappingURL=VincentView.js.map

package/dist/VincentView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/VincentView.tsx"],"sourcesContent":["/**\n * VincentView — the single GUI/XR data wrapper for the Vincent surface.\n *\n * It owns the live Vincent data (OAuth status, agent wallet addresses, strategy\n * and trading-profile polling, plus the connect/disconnect OAuth flow) and\n * renders the one presentational {@link VincentSpatialView} inside a\n * {@link SpatialSurface}. Omitting the `modality` prop lets `SpatialSurface`\n * auto-detect GUI vs XR via `window.__elizaXRContext`, so the SAME component\n * serves both surfaces. The TUI surface renders the same `VincentSpatialView`\n * through the terminal registry (see `register-terminal-view.tsx`).\n */\n\nimport { openExternalUrl, useAppSelector } from \"@elizaos/ui\";\nimport { SpatialSurface } from \"@elizaos/ui/spatial\";\nimport { useCallback } from \"react\";\nimport {\n  type VincentSnapshot,\n  VincentSpatialView,\n} from \"./components/VincentSpatialView.js\";\nimport { useVincentDashboard } from \"./useVincentDashboard.js\";\nimport { useVincentState } from \"./useVincentState.js\";\n\nconst VINCENT_DASHBOARD_URL = \"https://heyvincent.ai\";\n\n/** Minimal i18n passthrough — the standalone view has no OverlayAppContext. */\nfunction defaultTranslate(\n  _key: string,\n  opts?: Record<string, unknown>,\n): string {\n  return typeof opts?.defaultValue === \"string\" ? opts.defaultValue : _key;\n}\n\nexport function VincentView() {\n  const setActionNotice = useAppSelector((s) => s.setActionNotice);\n\n  const {\n    vincentConnected,\n    vincentConnectedAt,\n    walletAddresses,\n    walletBalances,\n    strategy,\n    tradingProfile,\n    loading,\n    error,\n    refresh,\n  } = useVincentDashboard();\n\n  const { handleVincentLogin, handleVincentDisconnect } = useVincentState({\n    setActionNotice,\n    t: defaultTranslate,\n  });\n\n  const copyAddress = useCallback(\n    (address: string | null | undefined, label: string) => {\n      if (!address) return;\n      void navigator.clipboard.writeText(address).then(() => {\n        setActionNotice(`${label} address copied`, \"success\", 2000);\n      });\n    },\n    [setActionNotice],\n  );\n\n  const onAction = useCallback(\n    (action: string) => {\n      switch (action) {\n        case \"connect\":\n          void handleVincentLogin();\n          return;\n        case \"disconnect\":\n          void handleVincentDisconnect();\n          return;\n        case \"refresh\":\n          refresh();\n          return;\n        case \"open-vincent\":\n          void openExternalUrl(VINCENT_DASHBOARD_URL);\n          return;\n        case \"copy-evm\":\n          copyAddress(walletAddresses?.evmAddress, \"EVM\");\n          return;\n        case \"copy-solana\":\n          copyAddress(walletAddresses?.solanaAddress, \"Solana\");\n          return;\n      }\n    },\n    [\n      copyAddress,\n      handleVincentDisconnect,\n      handleVincentLogin,\n      refresh,\n      walletAddresses,\n    ],\n  );\n\n  const snapshot: VincentSnapshot = {\n    vincentConnected,\n    vincentConnectedAt,\n    walletAddresses,\n    walletBalances,\n    strategy,\n    tradingProfile,\n    loading,\n    error,\n  };\n\n  return (\n    <SpatialSurface>\n      <VincentSpatialView snapshot={snapshot} onAction={onAction} />\n    </SpatialSurface>\n  );\n}\n"],"mappings":"AA2GM;AA/FN,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B;AAAA,EAEE;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAEhC,MAAM,wBAAwB;AAG9B,SAAS,iBACP,MACA,MACQ;AACR,SAAO,OAAO,MAAM,iBAAiB,WAAW,KAAK,eAAe;AACtE;AAEO,SAAS,cAAc;AAC5B,QAAM,kBAAkB,eAAe,CAAC,MAAM,EAAE,eAAe;AAE/D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM,EAAE,oBAAoB,wBAAwB,IAAI,gBAAgB;AAAA,IACtE;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AAED,QAAM,cAAc;AAAA,IAClB,CAAC,SAAoC,UAAkB;AACrD,UAAI,CAAC,QAAS;AACd,WAAK,UAAU,UAAU,UAAU,OAAO,EAAE,KAAK,MAAM;AACrD,wBAAgB,GAAG,KAAK,mBAAmB,WAAW,GAAI;AAAA,MAC5D,CAAC;AAAA,IACH;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,WAAmB;AAClB,cAAQ,QAAQ;AAAA,QACd,KAAK;AACH,eAAK,mBAAmB;AACxB;AAAA,QACF,KAAK;AACH,eAAK,wBAAwB;AAC7B;AAAA,QACF,KAAK;AACH,kBAAQ;AACR;AAAA,QACF,KAAK;AACH,eAAK,gBAAgB,qBAAqB;AAC1C;AAAA,QACF,KAAK;AACH,sBAAY,iBAAiB,YAAY,KAAK;AAC9C;AAAA,QACF,KAAK;AACH,sBAAY,iBAAiB,eAAe,QAAQ;AACpD;AAAA,MACJ;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,WAA4B;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,kBACC,8BAAC,sBAAmB,UAAoB,UAAoB,GAC9D;AAEJ;","names":[]}

package/dist/WalletStatusCard.d.ts

@@ -0,0 +1,12 @@
+/**
+ * WalletStatusCard — displays agent wallet addresses and token balances.
+ */
+import type { WalletAddresses, WalletBalancesResponse } from "@elizaos/shared";
+interface WalletStatusCardProps {
+    walletAddresses: WalletAddresses | null;
+    walletBalances: WalletBalancesResponse | null;
+    setActionNotice: (text: string, tone?: "info" | "success" | "error", ttlMs?: number) => void;
+}
+export declare const WalletStatusCard: import("react").MemoExoticComponent<({ walletAddresses, walletBalances, setActionNotice, }: WalletStatusCardProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=WalletStatusCard.d.ts.map

package/dist/WalletStatusCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletStatusCard.d.ts","sourceRoot":"","sources":["../src/WalletStatusCard.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAM/E,UAAU,qBAAqB;IAC7B,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,cAAc,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC9C,eAAe,EAAE,CACf,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,EACnC,KAAK,CAAC,EAAE,MAAM,KACX,IAAI,CAAC;CACX;AA4ED,eAAO,MAAM,gBAAgB,8FAI1B,qBAAqB,6CAoKtB,CAAC"}

package/dist/WalletStatusCard.js

@@ -0,0 +1,203 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, StatusBadge } from "@elizaos/ui";
+import { useAgentElement } from "@elizaos/ui/agent-surface";
+import { Check, Copy, Layers3, Network, Wallet } from "lucide-react";
+import { memo, useCallback, useMemo, useState } from "react";
+function CopyableAddress({
+  label,
+  address,
+  onCopy,
+  agentId,
+  agentLabel
+}) {
+  const copy = useAgentElement({
+    id: agentId,
+    role: "button",
+    label: agentLabel,
+    group: "vincent-wallet",
+    description: `${agentLabel} to the clipboard`
+  });
+  const shortAddress = address.length > 18 ? `${address.slice(0, 6)}...${address.slice(-4)}` : address;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-1 py-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Network, { className: "h-4 w-4 shrink-0 text-accent" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold text-txt", children: label }),
+        /* @__PURE__ */ jsx("div", { className: "mt-0.5 font-mono text-xs text-muted", children: shortAddress })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref: copy.ref,
+        ...copy.agentProps,
+        variant: "ghost",
+        size: "icon",
+        className: "h-7 w-7 shrink-0 text-muted hover:text-txt",
+        onClick: () => onCopy(address, label),
+        "aria-label": `Copy ${label}`,
+        children: label === "Copied!" ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-ok" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] });
+}
+function BalancePill({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-[88px] flex-col items-start gap-0.5 px-1 py-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-2xs font-semibold tracking-wider text-muted/70", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tabular-nums text-txt", children: value })
+  ] });
+}
+function isNonDust(valueUsd) {
+  const n = Number.parseFloat(valueUsd);
+  return Number.isFinite(n) && n >= 0.01;
+}
+const WalletStatusCard = memo(function WalletStatusCard2({
+  walletAddresses,
+  walletBalances,
+  setActionNotice
+}) {
+  const [copiedField, setCopiedField] = useState(null);
+  const handleCopy = useCallback(
+    (text, label) => {
+      void navigator.clipboard.writeText(text).then(() => {
+        setCopiedField(label);
+        setActionNotice(`${label} copied`, "success", 2e3);
+        setTimeout(() => setCopiedField(null), 2e3);
+      });
+    },
+    [setActionNotice]
+  );
+  const evmAddress = walletAddresses?.evmAddress ?? null;
+  const solanaAddress = walletAddresses?.solanaAddress ?? null;
+  const { totalUsd, balancePills } = useMemo(() => {
+    if (!walletBalances) return { totalUsd: null, balancePills: [] };
+    let total = 0;
+    const pills = [];
+    if (walletBalances.evm) {
+      for (const chain of walletBalances.evm.chains) {
+        if (isNonDust(chain.nativeValueUsd)) {
+          total += Number.parseFloat(chain.nativeValueUsd);
+          pills.push({
+            label: chain.chain,
+            value: `$${Number.parseFloat(chain.nativeValueUsd).toFixed(2)}`
+          });
+        }
+        for (const token of chain.tokens) {
+          if (isNonDust(token.valueUsd)) {
+            total += Number.parseFloat(token.valueUsd);
+            pills.push({
+              label: token.symbol,
+              value: `$${Number.parseFloat(token.valueUsd).toFixed(2)}`
+            });
+          }
+        }
+      }
+    }
+    if (walletBalances.solana) {
+      if (isNonDust(walletBalances.solana.solValueUsd)) {
+        total += Number.parseFloat(walletBalances.solana.solValueUsd);
+        pills.push({
+          label: "SOL",
+          value: `$${Number.parseFloat(walletBalances.solana.solValueUsd).toFixed(2)}`
+        });
+      }
+      for (const token of walletBalances.solana.tokens) {
+        if (isNonDust(token.valueUsd)) {
+          total += Number.parseFloat(token.valueUsd);
+          pills.push({
+            label: token.symbol,
+            value: `$${Number.parseFloat(token.valueUsd).toFixed(2)}`
+          });
+        }
+      }
+    }
+    return {
+      totalUsd: total > 0 ? `$${total.toFixed(2)}` : null,
+      balancePills: pills.sort(
+        (a, b) => Number.parseFloat(b.value.replace("$", "")) - Number.parseFloat(a.value.replace("$", ""))
+      )
+    };
+  }, [walletBalances]);
+  const hasAddresses = evmAddress || solanaAddress;
+  const visibleBalancePills = balancePills.slice(0, 4);
+  const hiddenBalanceCount = Math.max(
+    0,
+    balancePills.length - visibleBalancePills.length
+  );
+  if (!hasAddresses && !walletBalances) {
+    return /* @__PURE__ */ jsx("div", { "data-testid": "vincent-wallet-status-card", className: "px-1 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4 text-muted/50" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted", children: "Wallet loading" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "vincent-wallet-status-card",
+      className: "space-y-3 px-1 py-3",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4 text-accent" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-txt", children: "Wallet" })
+          ] }),
+          totalUsd && /* @__PURE__ */ jsx(StatusBadge, { label: totalUsd, tone: "success", withDot: true })
+        ] }),
+        hasAddresses && /* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [
+          evmAddress && /* @__PURE__ */ jsx(
+            CopyableAddress,
+            {
+              label: copiedField === "EVM" ? "Copied!" : "EVM",
+              address: evmAddress,
+              onCopy: handleCopy,
+              agentId: "action-copy-evm-address",
+              agentLabel: "Copy EVM address"
+            }
+          ),
+          solanaAddress && /* @__PURE__ */ jsx(
+            CopyableAddress,
+            {
+              label: copiedField === "Solana" ? "Copied!" : "Solana",
+              address: solanaAddress,
+              onCopy: handleCopy,
+              agentId: "action-copy-solana-address",
+              agentLabel: "Copy Solana address"
+            }
+          )
+        ] }),
+        balancePills.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          visibleBalancePills.map((pill) => /* @__PURE__ */ jsx(
+            BalancePill,
+            {
+              label: pill.label,
+              value: pill.value
+            },
+            pill.label
+          )),
+          hiddenBalanceCount > 0 ? /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex min-w-[88px] items-center gap-2 px-1 py-1 text-muted",
+              title: `${hiddenBalanceCount} more balances`,
+              children: [
+                /* @__PURE__ */ jsx(Layers3, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold tabular-nums", children: [
+                  "+",
+                  hiddenBalanceCount
+                ] })
+              ]
+            }
+          ) : null
+        ] }),
+        walletBalances && balancePills.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1 py-1 text-xs text-muted", children: [
+          /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-muted/50" }),
+          "$0.01+"
+        ] })
+      ]
+    }
+  );
+});
+export {
+  WalletStatusCard
+};
+//# sourceMappingURL=WalletStatusCard.js.map

package/dist/WalletStatusCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/WalletStatusCard.tsx"],"sourcesContent":["/**\n * WalletStatusCard — displays agent wallet addresses and token balances.\n */\n\nimport type { WalletAddresses, WalletBalancesResponse } from \"@elizaos/shared\";\nimport { Button, StatusBadge } from \"@elizaos/ui\";\nimport { useAgentElement } from \"@elizaos/ui/agent-surface\";\nimport { Check, Copy, Layers3, Network, Wallet } from \"lucide-react\";\nimport { memo, useCallback, useMemo, useState } from \"react\";\n\ninterface WalletStatusCardProps {\n  walletAddresses: WalletAddresses | null;\n  walletBalances: WalletBalancesResponse | null;\n  setActionNotice: (\n    text: string,\n    tone?: \"info\" | \"success\" | \"error\",\n    ttlMs?: number,\n  ) => void;\n}\n\nfunction CopyableAddress({\n  label,\n  address,\n  onCopy,\n  agentId,\n  agentLabel,\n}: {\n  label: string;\n  address: string;\n  onCopy: (text: string, label: string) => void;\n  agentId: string;\n  agentLabel: string;\n}) {\n  const copy = useAgentElement<HTMLButtonElement>({\n    id: agentId,\n    role: \"button\",\n    label: agentLabel,\n    group: \"vincent-wallet\",\n    description: `${agentLabel} to the clipboard`,\n  });\n  const shortAddress =\n    address.length > 18\n      ? `${address.slice(0, 6)}...${address.slice(-4)}`\n      : address;\n\n  return (\n    <div className=\"flex items-center justify-between gap-3 px-1 py-1.5\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <Network className=\"h-4 w-4 shrink-0 text-accent\" />\n        <div className=\"min-w-0\">\n          <div className=\"text-xs-tight font-semibold text-txt\">{label}</div>\n          <div className=\"mt-0.5 font-mono text-xs text-muted\">\n            {shortAddress}\n          </div>\n        </div>\n      </div>\n      <Button\n        ref={copy.ref}\n        {...copy.agentProps}\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"h-7 w-7 shrink-0 text-muted hover:text-txt\"\n        onClick={() => onCopy(address, label)}\n        aria-label={`Copy ${label}`}\n      >\n        {label === \"Copied!\" ? (\n          <Check className=\"h-3.5 w-3.5 text-ok\" />\n        ) : (\n          <Copy className=\"h-3.5 w-3.5\" />\n        )}\n      </Button>\n    </div>\n  );\n}\n\nfunction BalancePill({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"flex min-w-[88px] flex-col items-start gap-0.5 px-1 py-1\">\n      <span className=\"text-2xs font-semibold tracking-wider text-muted/70\">\n        {label}\n      </span>\n      <span className=\"text-sm font-semibold tabular-nums text-txt\">\n        {value}\n      </span>\n    </div>\n  );\n}\n\n/** Filter out dust balances (< $0.01 USD). */\nfunction isNonDust(valueUsd: string): boolean {\n  const n = Number.parseFloat(valueUsd);\n  return Number.isFinite(n) && n >= 0.01;\n}\n\nexport const WalletStatusCard = memo(function WalletStatusCard({\n  walletAddresses,\n  walletBalances,\n  setActionNotice,\n}: WalletStatusCardProps) {\n  const [copiedField, setCopiedField] = useState<string | null>(null);\n\n  const handleCopy = useCallback(\n    (text: string, label: string) => {\n      void navigator.clipboard.writeText(text).then(() => {\n        setCopiedField(label);\n        setActionNotice(`${label} copied`, \"success\", 2000);\n        setTimeout(() => setCopiedField(null), 2000);\n      });\n    },\n    [setActionNotice],\n  );\n\n  const evmAddress = walletAddresses?.evmAddress ?? null;\n  const solanaAddress = walletAddresses?.solanaAddress ?? null;\n\n  // Compute total USD value across all chains, filtering dust\n  const { totalUsd, balancePills } = useMemo(() => {\n    if (!walletBalances) return { totalUsd: null, balancePills: [] };\n\n    let total = 0;\n    const pills: Array<{ label: string; value: string }> = [];\n\n    // EVM chains\n    if (walletBalances.evm) {\n      for (const chain of walletBalances.evm.chains) {\n        if (isNonDust(chain.nativeValueUsd)) {\n          total += Number.parseFloat(chain.nativeValueUsd);\n          pills.push({\n            label: chain.chain,\n            value: `$${Number.parseFloat(chain.nativeValueUsd).toFixed(2)}`,\n          });\n        }\n        for (const token of chain.tokens) {\n          if (isNonDust(token.valueUsd)) {\n            total += Number.parseFloat(token.valueUsd);\n            pills.push({\n              label: token.symbol,\n              value: `$${Number.parseFloat(token.valueUsd).toFixed(2)}`,\n            });\n          }\n        }\n      }\n    }\n\n    // Solana\n    if (walletBalances.solana) {\n      if (isNonDust(walletBalances.solana.solValueUsd)) {\n        total += Number.parseFloat(walletBalances.solana.solValueUsd);\n        pills.push({\n          label: \"SOL\",\n          value: `$${Number.parseFloat(walletBalances.solana.solValueUsd).toFixed(2)}`,\n        });\n      }\n      for (const token of walletBalances.solana.tokens) {\n        if (isNonDust(token.valueUsd)) {\n          total += Number.parseFloat(token.valueUsd);\n          pills.push({\n            label: token.symbol,\n            value: `$${Number.parseFloat(token.valueUsd).toFixed(2)}`,\n          });\n        }\n      }\n    }\n\n    return {\n      totalUsd: total > 0 ? `$${total.toFixed(2)}` : null,\n      balancePills: pills.sort(\n        (a, b) =>\n          Number.parseFloat(b.value.replace(\"$\", \"\")) -\n          Number.parseFloat(a.value.replace(\"$\", \"\")),\n      ),\n    };\n  }, [walletBalances]);\n\n  const hasAddresses = evmAddress || solanaAddress;\n  const visibleBalancePills = balancePills.slice(0, 4);\n  const hiddenBalanceCount = Math.max(\n    0,\n    balancePills.length - visibleBalancePills.length,\n  );\n\n  if (!hasAddresses && !walletBalances) {\n    return (\n      <div data-testid=\"vincent-wallet-status-card\" className=\"px-1 py-3\">\n        <div className=\"flex items-center gap-2\">\n          <Wallet className=\"h-4 w-4 text-muted/50\" />\n          <span className=\"text-sm text-muted\">Wallet loading</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"vincent-wallet-status-card\"\n      className=\"space-y-3 px-1 py-3\"\n    >\n      {/* Header row */}\n      <div className=\"flex items-center justify-between gap-3\">\n        <div className=\"flex items-center gap-2\">\n          <Wallet className=\"h-4 w-4 text-accent\" />\n          <span className=\"text-sm font-semibold text-txt\">Wallet</span>\n        </div>\n        {totalUsd && <StatusBadge label={totalUsd} tone=\"success\" withDot />}\n      </div>\n\n      {/* Addresses */}\n      {hasAddresses && (\n        <div className=\"grid gap-2 sm:grid-cols-2\">\n          {evmAddress && (\n            <CopyableAddress\n              label={copiedField === \"EVM\" ? \"Copied!\" : \"EVM\"}\n              address={evmAddress}\n              onCopy={handleCopy}\n              agentId=\"action-copy-evm-address\"\n              agentLabel=\"Copy EVM address\"\n            />\n          )}\n          {solanaAddress && (\n            <CopyableAddress\n              label={copiedField === \"Solana\" ? \"Copied!\" : \"Solana\"}\n              address={solanaAddress}\n              onCopy={handleCopy}\n              agentId=\"action-copy-solana-address\"\n              agentLabel=\"Copy Solana address\"\n            />\n          )}\n        </div>\n      )}\n\n      {/* Balance pills — dust filtered */}\n      {balancePills.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {visibleBalancePills.map((pill) => (\n            <BalancePill\n              key={pill.label}\n              label={pill.label}\n              value={pill.value}\n            />\n          ))}\n          {hiddenBalanceCount > 0 ? (\n            <div\n              className=\"flex min-w-[88px] items-center gap-2 px-1 py-1 text-muted\"\n              title={`${hiddenBalanceCount} more balances`}\n            >\n              <Layers3 className=\"h-4 w-4\" />\n              <span className=\"text-sm font-semibold tabular-nums\">\n                +{hiddenBalanceCount}\n              </span>\n            </div>\n          ) : null}\n        </div>\n      )}\n\n      {walletBalances && balancePills.length === 0 && (\n        <div className=\"flex items-center gap-2 px-1 py-1 text-xs text-muted\">\n          <span className=\"h-2 w-2 rounded-full bg-muted/50\" />\n          $0.01+\n        </div>\n      )}\n    </div>\n  );\n});\n"],"mappings":"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","names":["WalletStatusCard"]}

package/dist/client.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Vincent domain methods — OAuth status, dashboard, and strategy settings.
+ */
+/**
+ * Frontend client extensions are installed on the UI package's ElizaClient
+ * prototype and exposed through a locally typed client wrapper.
+ */
+import { client as baseClient } from "@elizaos/ui";
+import type { VincentStartLoginResponse, VincentStatusResponse, VincentStrategyResponse, VincentStrategyUpdateRequest, VincentStrategyUpdateResponse, VincentTradingProfileResponse } from "./vincent-contracts";
+export interface VincentClientMethods {
+    vincentStartLogin(appName?: string): Promise<VincentStartLoginResponse>;
+    vincentStatus(): Promise<VincentStatusResponse>;
+    vincentDisconnect(): Promise<{
+        ok: boolean;
+    }>;
+    vincentStrategy(): Promise<VincentStrategyResponse>;
+    vincentUpdateStrategy(request: VincentStrategyUpdateRequest): Promise<VincentStrategyUpdateResponse>;
+    vincentTradingProfile(): Promise<VincentTradingProfileResponse>;
+}
+export declare const vincentClient: typeof baseClient & VincentClientMethods;
+//# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,OAAO,EAAE,MAAM,IAAI,UAAU,EAAe,MAAM,aAAa,CAAC;AAChE,OAAO,KAAK,EACV,yBAAyB,EACzB,qBAAqB,EACrB,uBAAuB,EACvB,4BAA4B,EAC5B,6BAA6B,EAC7B,6BAA6B,EAC9B,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;IACxE,aAAa,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAChD,iBAAiB,IAAI,OAAO,CAAC;QAAE,EAAE,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC9C,eAAe,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACpD,qBAAqB,CACnB,OAAO,EAAE,4BAA4B,GACpC,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAC1C,qBAAqB,IAAI,OAAO,CAAC,6BAA6B,CAAC,CAAC;CACjE;AAuCD,eAAO,MAAM,aAAa,EAAiB,OAAO,UAAU,GAC1D,oBAAoB,CAAC"}

package/dist/client.js

@@ -0,0 +1,31 @@
+import { client as baseClient, ElizaClient } from "@elizaos/ui";
+const vincentPrototype = ElizaClient.prototype;
+vincentPrototype.vincentStartLogin = async function(appName) {
+  return this.fetch("/api/vincent/start-login", {
+    method: "POST",
+    body: JSON.stringify({ appName: appName ?? "Eliza" })
+  });
+};
+vincentPrototype.vincentStatus = async function() {
+  return this.fetch("/api/vincent/status");
+};
+vincentPrototype.vincentDisconnect = async function() {
+  return this.fetch("/api/vincent/disconnect", { method: "POST" });
+};
+vincentPrototype.vincentStrategy = async function() {
+  return this.fetch("/api/vincent/strategy");
+};
+vincentPrototype.vincentUpdateStrategy = async function(request) {
+  return this.fetch("/api/vincent/strategy", {
+    method: "POST",
+    body: JSON.stringify(request)
+  });
+};
+vincentPrototype.vincentTradingProfile = async function() {
+  return this.fetch("/api/vincent/trading-profile");
+};
+const vincentClient = baseClient;
+export {
+  vincentClient
+};
+//# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client.ts"],"sourcesContent":["/**\n * Vincent domain methods — OAuth status, dashboard, and strategy settings.\n */\n\n/**\n * Frontend client extensions are installed on the UI package's ElizaClient\n * prototype and exposed through a locally typed client wrapper.\n */\nimport { client as baseClient, ElizaClient } from \"@elizaos/ui\";\nimport type {\n  VincentStartLoginResponse,\n  VincentStatusResponse,\n  VincentStrategyResponse,\n  VincentStrategyUpdateRequest,\n  VincentStrategyUpdateResponse,\n  VincentTradingProfileResponse,\n} from \"./vincent-contracts.js\";\n\nexport interface VincentClientMethods {\n  vincentStartLogin(appName?: string): Promise<VincentStartLoginResponse>;\n  vincentStatus(): Promise<VincentStatusResponse>;\n  vincentDisconnect(): Promise<{ ok: boolean }>;\n  vincentStrategy(): Promise<VincentStrategyResponse>;\n  vincentUpdateStrategy(\n    request: VincentStrategyUpdateRequest,\n  ): Promise<VincentStrategyUpdateResponse>;\n  vincentTradingProfile(): Promise<VincentTradingProfileResponse>;\n}\n\nconst vincentPrototype = ElizaClient.prototype as ElizaClient &\n  VincentClientMethods;\n\n// ── Implementation ────────────────────────────────────────────────────\n\nvincentPrototype.vincentStartLogin = async function (appName?: string) {\n  return this.fetch(\"/api/vincent/start-login\", {\n    method: \"POST\",\n    body: JSON.stringify({ appName: appName ?? \"Eliza\" }),\n  });\n};\n\nvincentPrototype.vincentStatus = async function () {\n  return this.fetch(\"/api/vincent/status\");\n};\n\nvincentPrototype.vincentDisconnect = async function () {\n  return this.fetch(\"/api/vincent/disconnect\", { method: \"POST\" });\n};\n\nvincentPrototype.vincentStrategy = async function () {\n  return this.fetch(\"/api/vincent/strategy\");\n};\n\nvincentPrototype.vincentUpdateStrategy = async function (\n  request: VincentStrategyUpdateRequest,\n) {\n  return this.fetch(\"/api/vincent/strategy\", {\n    method: \"POST\",\n    body: JSON.stringify(request),\n  });\n};\n\nvincentPrototype.vincentTradingProfile = async function () {\n  return this.fetch(\"/api/vincent/trading-profile\");\n};\n\nexport const vincentClient = baseClient as typeof baseClient &\n  VincentClientMethods;\n"],"mappings":"AAQA,SAAS,UAAU,YAAY,mBAAmB;AAqBlD,MAAM,mBAAmB,YAAY;AAKrC,iBAAiB,oBAAoB,eAAgB,SAAkB;AACrE,SAAO,KAAK,MAAM,4BAA4B;AAAA,IAC5C,QAAQ;AAAA,IACR,MAAM,KAAK,UAAU,EAAE,SAAS,WAAW,QAAQ,CAAC;AAAA,EACtD,CAAC;AACH;AAEA,iBAAiB,gBAAgB,iBAAkB;AACjD,SAAO,KAAK,MAAM,qBAAqB;AACzC;AAEA,iBAAiB,oBAAoB,iBAAkB;AACrD,SAAO,KAAK,MAAM,2BAA2B,EAAE,QAAQ,OAAO,CAAC;AACjE;AAEA,iBAAiB,kBAAkB,iBAAkB;AACnD,SAAO,KAAK,MAAM,uBAAuB;AAC3C;AAEA,iBAAiB,wBAAwB,eACvC,SACA;AACA,SAAO,KAAK,MAAM,yBAAyB;AAAA,IACzC,QAAQ;AAAA,IACR,MAAM,KAAK,UAAU,OAAO;AAAA,EAC9B,CAAC;AACH;AAEA,iBAAiB,wBAAwB,iBAAkB;AACzD,SAAO,KAAK,MAAM,8BAA8B;AAClD;AAEO,MAAM,gBAAgB;","names":[]}

package/dist/components/VincentSpatialView.d.ts

@@ -0,0 +1,32 @@
+/**
+ * VincentSpatialView - the Vincent trading dashboard authored once with the
+ * spatial vocabulary, so it renders correctly wherever it is displayed:
+ *
+ *   - GUI / XR - mounted in `<SpatialSurface>` (DOM; XR scales up).
+ *   - TUI      - rendered to real terminal lines by the agent terminal, via
+ *                `registerSpatialTerminalView` (see `register-terminal-view.tsx`).
+ *
+ * It is purely presentational (a snapshot + an action callback in, primitives
+ * out) and imports only the cross-modality primitives plus type-only views of
+ * the wallet and Vincent contracts, so it is safe to render in the Node agent
+ * process where the terminal lives (no client/Capacitor runtime import).
+ */
+import type { WalletAddresses, WalletBalancesResponse } from "@elizaos/shared";
+import type { VincentStrategy, VincentTradingProfile } from "../vincent-contracts.ts";
+export interface VincentSnapshot {
+    vincentConnected: boolean;
+    vincentConnectedAt: number | null;
+    walletAddresses: WalletAddresses | null;
+    walletBalances: WalletBalancesResponse | null;
+    strategy: VincentStrategy | null;
+    tradingProfile: VincentTradingProfile | null;
+    loading?: boolean;
+    error?: string | null;
+}
+export interface VincentSpatialViewProps {
+    snapshot: VincentSnapshot;
+    /** Dispatch by agent id: `connect`, `disconnect`, `refresh`, `start`, `stop`. */
+    onAction?: (action: string) => void;
+}
+export declare function VincentSpatialView({ snapshot, onAction, }: VincentSpatialViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VincentSpatialView.d.ts.map

package/dist/components/VincentSpatialView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VincentSpatialView.d.ts","sourceRoot":"","sources":["../../src/components/VincentSpatialView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAW/E,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,eAAe;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,cAAc,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC9C,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,cAAc,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAgCD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,eAAe,CAAC;IAC1B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,GACT,EAAE,uBAAuB,2CAyMzB"}