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

package/dist/SwapAppView.d.ts

@@ -0,0 +1,12 @@
+import type { OverlayAppContext } from "@elizaos/app-core";
+import { type SwapToken } from "./swap-contracts";
+export interface SwapAppViewProps extends OverlayAppContext {
+    /** Optional host override for which agent's swap capability to invoke. */
+    agentTokenAddress?: string;
+    /** Optional host-supplied swap-eligible token list. */
+    tokens?: readonly SwapToken[];
+    /** Raised when the backend reports the capability is unavailable (404). */
+    onUnavailable?: () => void;
+}
+export declare function SwapAppView({ exitToApps, agentTokenAddress, tokens: tokensProp, onUnavailable, }: SwapAppViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwapAppView.d.ts.map

package/dist/SwapAppView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapAppView.d.ts","sourceRoot":"","sources":["../src/SwapAppView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAY3D,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,kBAAkB,CAAC;AAuG1B,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC9B,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,iBAAiB,EACjB,MAAM,EAAE,UAAU,EAClB,aAAa,GACd,EAAE,gBAAgB,2CAsSlB"}

package/dist/SwapAppView.js

@@ -0,0 +1,357 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, PagePanel, Spinner } from "@elizaos/app-core";
+import { useAgentElement } from "@elizaos/ui/agent-surface";
+import {
+  ArrowDown,
+  ArrowLeft,
+  ArrowLeftRight,
+  CheckCircle2,
+  Info,
+  Settings2
+} from "lucide-react";
+import { useId } from "react";
+import {
+  PANCAKE_V3_FEE_TIERS,
+  SLIPPAGE_PRESETS
+} from "./swap-contracts.js";
+import { useSwapState } from "./useSwapState.js";
+function formatAmount(value, maxFraction = 6) {
+  if (!Number.isFinite(value)) return "0";
+  return value.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: value > 1 ? 4 : maxFraction
+  });
+}
+function formatImpact(pct) {
+  if (!Number.isFinite(pct)) return "0.00%";
+  const sign = pct > 0 ? "+" : "";
+  return `${sign}${pct.toFixed(2)}%`;
+}
+function shortAddress(address) {
+  return `${address.slice(0, 6)}\u2026${address.slice(-4)}`;
+}
+function TokenChip({ token }) {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 px-1 py-1.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "grid h-5 w-5 place-items-center text-[10px] font-semibold text-muted", children: token.symbol.slice(0, 2).toUpperCase() }),
+    /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-txt", children: token.symbol })
+  ] });
+}
+function TokenSelect({
+  label,
+  selected,
+  tokens,
+  exclude,
+  disabled,
+  onSelect
+}) {
+  const selectId = useId();
+  const options = tokens.filter(
+    (token) => !exclude || token.address !== exclude.address
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    selected ? /* @__PURE__ */ jsx(TokenChip, { token: selected }) : null,
+    /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: selectId, children: label }),
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        id: selectId,
+        value: selected?.address ?? "",
+        disabled: disabled || options.length === 0,
+        onChange: (event) => {
+          const next = tokens.find(
+            (token) => token.address === event.target.value
+          );
+          if (next) onSelect(next);
+        },
+        className: "rounded-md border border-border bg-bg-accent px-2 py-1.5 text-xs text-txt outline-none transition-colors focus:border-accent/50 disabled:opacity-60",
+        children: [
+          selected && !options.some((t) => t.address === selected.address) ? /* @__PURE__ */ jsx("option", { value: selected.address, children: selected.symbol }) : null,
+          options.map((token) => /* @__PURE__ */ jsx("option", { value: token.address, children: token.symbol }, token.address))
+        ]
+      }
+    )
+  ] });
+}
+function DetailRow({
+  label,
+  children,
+  tone
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsx("dt", { className: "text-muted", children: label }),
+    /* @__PURE__ */ jsx(
+      "dd",
+      {
+        className: `tabular-nums ${tone === "danger" ? "text-danger" : "text-txt"}`,
+        children
+      }
+    )
+  ] });
+}
+function SwapAppView({
+  exitToApps,
+  agentTokenAddress,
+  tokens: tokensProp,
+  onUnavailable
+}) {
+  const amountId = useId();
+  const {
+    config,
+    tokens,
+    tokenIn,
+    tokenOut,
+    setTokenIn,
+    setTokenOut,
+    reverse,
+    amountIn,
+    setAmountIn,
+    slippagePct,
+    setSlippagePct,
+    fee,
+    setFee,
+    quote,
+    amountValid,
+    canSwap,
+    executeEnabled,
+    quoting,
+    executing,
+    error,
+    outcome,
+    executeSwap
+  } = useSwapState({ agentTokenAddress, tokens: tokensProp, onUnavailable });
+  const backButton = useAgentElement({
+    id: "action-back",
+    role: "button",
+    label: "Back to apps",
+    group: "swap-header",
+    description: "Exit the swap view and return to the apps overlay"
+  });
+  const reverseButton = useAgentElement({
+    id: "action-reverse",
+    role: "button",
+    label: "Reverse direction",
+    group: "swap-form",
+    description: "Swap the token-in and token-out sides"
+  });
+  const swapButton = useAgentElement({
+    id: "action-swap",
+    role: "button",
+    label: "Swap",
+    group: "swap-form",
+    description: "Execute the swap with the current quote",
+    status: executing ? "active" : "inactive"
+  });
+  const amountField = useAgentElement({
+    id: "field-amount",
+    role: "number-input",
+    label: "Amount in",
+    group: "swap-form",
+    description: "Amount of the input token to swap"
+  });
+  const impactDanger = (quote?.priceImpactPct ?? 0) < -1;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "swap-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: "Swap" }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1.5 px-1 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-muted", children: "PancakeSwap v3" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "chat-native-scrollbar flex-1 overflow-y-auto px-3 py-2 sm:px-5", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-xl space-y-3", children: [
+          !config.agentTokenAddress && /* @__PURE__ */ jsx(PagePanel.Notice, { tone: "warning", children: "Unavailable" }),
+          /* @__PURE__ */ jsxs("section", { className: "py-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-[0.12em] text-muted", children: /* @__PURE__ */ jsx("span", { children: "from" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                TokenSelect,
+                {
+                  label: "From token",
+                  selected: tokenIn,
+                  tokens,
+                  exclude: tokenOut,
+                  disabled: executing,
+                  onSelect: setTokenIn
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: amountField.ref,
+                  ...amountField.agentProps,
+                  id: amountId,
+                  value: amountIn,
+                  inputMode: "decimal",
+                  placeholder: "0.0",
+                  disabled: executing,
+                  onChange: (event) => setAmountIn(event.target.value),
+                  className: "ml-auto w-full bg-transparent text-right font-mono text-2xl text-txt tabular-nums outline-none placeholder:text-muted disabled:opacity-60",
+                  "aria-label": "Amount in"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "-my-2 flex justify-center", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: reverseButton.ref,
+              ...reverseButton.agentProps,
+              variant: "ghost",
+              size: "icon",
+              className: "h-9 w-9 text-muted hover:text-accent",
+              onClick: reverse,
+              disabled: executing,
+              "aria-label": "Reverse direction",
+              children: /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("section", { className: "py-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-[0.12em] text-muted", children: [
+              /* @__PURE__ */ jsx("span", { children: "to (estimate)" }),
+              quoting ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 normal-case text-[10px] tracking-normal", children: [
+                /* @__PURE__ */ jsx(Spinner, { className: "h-3 w-3" }),
+                "quoting"
+              ] }) : quote ? /* @__PURE__ */ jsx("span", { className: "normal-case text-[10px] tracking-normal", children: quote.source === "backend" ? "live quote" : "estimated" }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                TokenSelect,
+                {
+                  label: "To token",
+                  selected: tokenOut,
+                  tokens,
+                  exclude: tokenIn,
+                  disabled: executing,
+                  onSelect: setTokenOut
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "ml-auto font-mono text-2xl text-txt/85 tabular-nums", children: quote ? formatAmount(quote.amountOut) : "0.0" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "py-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-muted", children: [
+              /* @__PURE__ */ jsx(Settings2, { className: "h-3.5 w-3.5" }),
+              "slippage tolerance"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: SLIPPAGE_PRESETS.map((preset) => /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: preset === slippagePct ? "secondary" : "ghost",
+                size: "sm",
+                className: "h-7 px-2 font-mono text-xs tabular-nums",
+                disabled: executing,
+                onClick: () => setSlippagePct(preset),
+                "aria-pressed": preset === slippagePct,
+                children: [
+                  preset,
+                  "%"
+                ]
+              },
+              preset
+            )) }),
+            /* @__PURE__ */ jsx("div", { className: "mt-3 mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-muted", children: "fee tier" }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: PANCAKE_V3_FEE_TIERS.map((tier) => /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: tier === fee ? "secondary" : "ghost",
+                size: "sm",
+                className: "h-7 px-2 font-mono text-xs tabular-nums",
+                disabled: executing,
+                onClick: () => setFee(tier),
+                "aria-pressed": tier === fee,
+                children: [
+                  (tier / 1e4).toFixed(2),
+                  "%"
+                ]
+              },
+              tier
+            )) })
+          ] }),
+          quote && amountValid ? /* @__PURE__ */ jsxs("dl", { className: "space-y-2 px-1 py-2 text-xs", children: [
+            /* @__PURE__ */ jsx(DetailRow, { label: "route", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx(ArrowLeftRight, { className: "h-3.5 w-3.5 text-muted" }),
+              "via PancakeSwap v3"
+            ] }) }),
+            /* @__PURE__ */ jsx(
+              DetailRow,
+              {
+                label: "price impact",
+                tone: impactDanger ? "danger" : "default",
+                children: formatImpact(quote.priceImpactPct)
+              }
+            ),
+            /* @__PURE__ */ jsxs(DetailRow, { label: "slippage", children: [
+              quote.slippagePct,
+              "%"
+            ] }),
+            /* @__PURE__ */ jsxs(DetailRow, { label: "minimum received", children: [
+              formatAmount(quote.minAmountOut),
+              " ",
+              tokenOut?.symbol ?? ""
+            ] })
+          ] }) : null,
+          error && /* @__PURE__ */ jsx(
+            PagePanel.Notice,
+            {
+              tone: error.kind === "auth" ? "accent" : "danger",
+              children: error.message
+            }
+          ),
+          outcome?.kind === "stubbed" && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 px-1 py-2 text-sm text-muted", children: [
+            /* @__PURE__ */ jsx(Info, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: outcome.message })
+          ] }),
+          outcome?.kind === "prepared" && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 px-1 py-2 text-sm text-ok", children: [
+            /* @__PURE__ */ jsx(CheckCircle2, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              "transaction prepared for ",
+              shortAddress(outcome.to),
+              " \u2014 sign in your wallet to complete"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: swapButton.ref,
+              ...swapButton.agentProps,
+              type: "button",
+              variant: "default",
+              className: "w-full gap-2",
+              disabled: !canSwap,
+              onClick: () => void executeSwap(),
+              children: executing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Spinner, { className: "h-4 w-4" }),
+                "preparing swap"
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(ArrowLeftRight, { className: "h-4 w-4" }),
+                executeEnabled ? "swap" : "preview swap"
+              ] })
+            }
+          ),
+          !executeEnabled && /* @__PURE__ */ jsx("p", { className: "sr-only", children: "quote-only preview \u2014 on-chain execution lands when the agent signer is enabled" })
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  SwapAppView
+};
+//# sourceMappingURL=SwapAppView.js.map

package/dist/SwapAppView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SwapAppView.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  ArrowDown,\n  ArrowLeft,\n  ArrowLeftRight,\n  CheckCircle2,\n  Info,\n  Settings2,\n} from \"lucide-react\";\nimport { type ReactNode, useId } from \"react\";\nimport {\n  PANCAKE_V3_FEE_TIERS,\n  type PancakeV3Fee,\n  SLIPPAGE_PRESETS,\n  type SwapToken,\n} from \"./swap-contracts.js\";\nimport { useSwapState } from \"./useSwapState.js\";\n\nfunction formatAmount(value: number, maxFraction = 6): string {\n  if (!Number.isFinite(value)) return \"0\";\n  return value.toLocaleString(\"en-US\", {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: value > 1 ? 4 : maxFraction,\n  });\n}\n\nfunction formatImpact(pct: number): string {\n  if (!Number.isFinite(pct)) return \"0.00%\";\n  const sign = pct > 0 ? \"+\" : \"\";\n  return `${sign}${pct.toFixed(2)}%`;\n}\n\nfunction shortAddress(address: string): string {\n  return `${address.slice(0, 6)}…${address.slice(-4)}`;\n}\n\nfunction TokenChip({ token }: { token: SwapToken }) {\n  return (\n    <span className=\"inline-flex items-center gap-2 px-1 py-1.5\">\n      <span className=\"grid h-5 w-5 place-items-center text-[10px] font-semibold text-muted\">\n        {token.symbol.slice(0, 2).toUpperCase()}\n      </span>\n      <span className=\"font-mono text-xs text-txt\">{token.symbol}</span>\n    </span>\n  );\n}\n\nfunction TokenSelect({\n  label,\n  selected,\n  tokens,\n  exclude,\n  disabled,\n  onSelect,\n}: {\n  label: string;\n  selected: SwapToken | null;\n  tokens: readonly SwapToken[];\n  exclude: SwapToken | null;\n  disabled: boolean;\n  onSelect: (token: SwapToken) => void;\n}) {\n  const selectId = useId();\n  const options = tokens.filter(\n    (token) => !exclude || token.address !== exclude.address,\n  );\n  return (\n    <div className=\"flex items-center gap-2\">\n      {selected ? <TokenChip token={selected} /> : null}\n      <label className=\"sr-only\" htmlFor={selectId}>\n        {label}\n      </label>\n      <select\n        id={selectId}\n        value={selected?.address ?? \"\"}\n        disabled={disabled || options.length === 0}\n        onChange={(event) => {\n          const next = tokens.find(\n            (token) => token.address === event.target.value,\n          );\n          if (next) onSelect(next);\n        }}\n        className=\"rounded-md border border-border bg-bg-accent px-2 py-1.5 text-xs text-txt outline-none transition-colors focus:border-accent/50 disabled:opacity-60\"\n      >\n        {selected && !options.some((t) => t.address === selected.address) ? (\n          <option value={selected.address}>{selected.symbol}</option>\n        ) : null}\n        {options.map((token) => (\n          <option key={token.address} value={token.address}>\n            {token.symbol}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\nfunction DetailRow({\n  label,\n  children,\n  tone,\n}: {\n  label: string;\n  children: ReactNode;\n  tone?: \"default\" | \"danger\";\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <dt className=\"text-muted\">{label}</dt>\n      <dd\n        className={`tabular-nums ${tone === \"danger\" ? \"text-danger\" : \"text-txt\"}`}\n      >\n        {children}\n      </dd>\n    </div>\n  );\n}\n\nexport interface SwapAppViewProps extends OverlayAppContext {\n  /** Optional host override for which agent's swap capability to invoke. */\n  agentTokenAddress?: string;\n  /** Optional host-supplied swap-eligible token list. */\n  tokens?: readonly SwapToken[];\n  /** Raised when the backend reports the capability is unavailable (404). */\n  onUnavailable?: () => void;\n}\n\nexport function SwapAppView({\n  exitToApps,\n  agentTokenAddress,\n  tokens: tokensProp,\n  onUnavailable,\n}: SwapAppViewProps) {\n  const amountId = useId();\n  const {\n    config,\n    tokens,\n    tokenIn,\n    tokenOut,\n    setTokenIn,\n    setTokenOut,\n    reverse,\n    amountIn,\n    setAmountIn,\n    slippagePct,\n    setSlippagePct,\n    fee,\n    setFee,\n    quote,\n    amountValid,\n    canSwap,\n    executeEnabled,\n    quoting,\n    executing,\n    error,\n    outcome,\n    executeSwap,\n  } = useSwapState({ agentTokenAddress, tokens: tokensProp, onUnavailable });\n\n  const backButton = useAgentElement<HTMLButtonElement>({\n    id: \"action-back\",\n    role: \"button\",\n    label: \"Back to apps\",\n    group: \"swap-header\",\n    description: \"Exit the swap view and return to the apps overlay\",\n  });\n  const reverseButton = useAgentElement<HTMLButtonElement>({\n    id: \"action-reverse\",\n    role: \"button\",\n    label: \"Reverse direction\",\n    group: \"swap-form\",\n    description: \"Swap the token-in and token-out sides\",\n  });\n  const swapButton = useAgentElement<HTMLButtonElement>({\n    id: \"action-swap\",\n    role: \"button\",\n    label: \"Swap\",\n    group: \"swap-form\",\n    description: \"Execute the swap with the current quote\",\n    status: executing ? \"active\" : \"inactive\",\n  });\n  const amountField = useAgentElement<HTMLInputElement>({\n    id: \"field-amount\",\n    role: \"number-input\",\n    label: \"Amount in\",\n    group: \"swap-form\",\n    description: \"Amount of the input token to swap\",\n  });\n\n  const impactDanger = (quote?.priceImpactPct ?? 0) < -1;\n\n  return (\n    <div\n      data-testid=\"swap-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\">Swap</h1>\n        </div>\n\n        <div className=\"flex-1\" />\n\n        <span className=\"inline-flex items-center gap-1.5 px-1 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-muted\">\n          PancakeSwap v3\n        </span>\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-xl space-y-3\">\n          {!config.agentTokenAddress && (\n            <PagePanel.Notice tone=\"warning\">Unavailable</PagePanel.Notice>\n          )}\n\n          {/* From */}\n          <section className=\"py-2\">\n            <div className=\"mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-[0.12em] text-muted\">\n              <span>from</span>\n            </div>\n            <div className=\"flex items-center gap-3\">\n              <TokenSelect\n                label=\"From token\"\n                selected={tokenIn}\n                tokens={tokens}\n                exclude={tokenOut}\n                disabled={executing}\n                onSelect={setTokenIn}\n              />\n              <input\n                ref={amountField.ref}\n                {...amountField.agentProps}\n                id={amountId}\n                value={amountIn}\n                inputMode=\"decimal\"\n                placeholder=\"0.0\"\n                disabled={executing}\n                onChange={(event) => setAmountIn(event.target.value)}\n                className=\"ml-auto w-full bg-transparent text-right font-mono text-2xl text-txt tabular-nums outline-none placeholder:text-muted disabled:opacity-60\"\n                aria-label=\"Amount in\"\n              />\n            </div>\n          </section>\n\n          {/* Direction */}\n          <div className=\"-my-2 flex justify-center\">\n            <Button\n              ref={reverseButton.ref}\n              {...reverseButton.agentProps}\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"h-9 w-9 text-muted hover:text-accent\"\n              onClick={reverse}\n              disabled={executing}\n              aria-label=\"Reverse direction\"\n            >\n              <ArrowDown className=\"h-4 w-4\" />\n            </Button>\n          </div>\n\n          {/* To */}\n          <section className=\"py-2\">\n            <div className=\"mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-[0.12em] text-muted\">\n              <span>to (estimate)</span>\n              {quoting ? (\n                <span className=\"inline-flex items-center gap-1.5 normal-case text-[10px] tracking-normal\">\n                  <Spinner className=\"h-3 w-3\" />\n                  quoting\n                </span>\n              ) : quote ? (\n                <span className=\"normal-case text-[10px] tracking-normal\">\n                  {quote.source === \"backend\" ? \"live quote\" : \"estimated\"}\n                </span>\n              ) : null}\n            </div>\n            <div className=\"flex items-center gap-3\">\n              <TokenSelect\n                label=\"To token\"\n                selected={tokenOut}\n                tokens={tokens}\n                exclude={tokenIn}\n                disabled={executing}\n                onSelect={setTokenOut}\n              />\n              <div className=\"ml-auto font-mono text-2xl text-txt/85 tabular-nums\">\n                {quote ? formatAmount(quote.amountOut) : \"0.0\"}\n              </div>\n            </div>\n          </section>\n\n          {/* Slippage + fee controls */}\n          <section className=\"py-2\">\n            <div className=\"mb-2 flex items-center gap-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-muted\">\n              <Settings2 className=\"h-3.5 w-3.5\" />\n              slippage tolerance\n            </div>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {SLIPPAGE_PRESETS.map((preset) => (\n                <Button\n                  key={preset}\n                  type=\"button\"\n                  variant={preset === slippagePct ? \"secondary\" : \"ghost\"}\n                  size=\"sm\"\n                  className=\"h-7 px-2 font-mono text-xs tabular-nums\"\n                  disabled={executing}\n                  onClick={() => setSlippagePct(preset)}\n                  aria-pressed={preset === slippagePct}\n                >\n                  {preset}%\n                </Button>\n              ))}\n            </div>\n\n            <div className=\"mt-3 mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-muted\">\n              fee tier\n            </div>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {PANCAKE_V3_FEE_TIERS.map((tier: PancakeV3Fee) => (\n                <Button\n                  key={tier}\n                  type=\"button\"\n                  variant={tier === fee ? \"secondary\" : \"ghost\"}\n                  size=\"sm\"\n                  className=\"h-7 px-2 font-mono text-xs tabular-nums\"\n                  disabled={executing}\n                  onClick={() => setFee(tier)}\n                  aria-pressed={tier === fee}\n                >\n                  {(tier / 10000).toFixed(2)}%\n                </Button>\n              ))}\n            </div>\n          </section>\n\n          {/* Route detail */}\n          {quote && amountValid ? (\n            <dl className=\"space-y-2 px-1 py-2 text-xs\">\n              <DetailRow label=\"route\">\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <ArrowLeftRight className=\"h-3.5 w-3.5 text-muted\" />\n                  via PancakeSwap v3\n                </span>\n              </DetailRow>\n              <DetailRow\n                label=\"price impact\"\n                tone={impactDanger ? \"danger\" : \"default\"}\n              >\n                {formatImpact(quote.priceImpactPct)}\n              </DetailRow>\n              <DetailRow label=\"slippage\">{quote.slippagePct}%</DetailRow>\n              <DetailRow label=\"minimum received\">\n                {formatAmount(quote.minAmountOut)} {tokenOut?.symbol ?? \"\"}\n              </DetailRow>\n            </dl>\n          ) : null}\n\n          {/* Errors */}\n          {error && (\n            <PagePanel.Notice\n              tone={error.kind === \"auth\" ? \"accent\" : \"danger\"}\n            >\n              {error.message}\n            </PagePanel.Notice>\n          )}\n\n          {/* Outcome */}\n          {outcome?.kind === \"stubbed\" && (\n            <div className=\"flex items-start gap-2 px-1 py-2 text-sm text-muted\">\n              <Info className=\"mt-0.5 h-4 w-4 shrink-0\" />\n              <span>{outcome.message}</span>\n            </div>\n          )}\n          {outcome?.kind === \"prepared\" && (\n            <div className=\"flex items-start gap-2 px-1 py-2 text-sm text-ok\">\n              <CheckCircle2 className=\"mt-0.5 h-4 w-4 shrink-0\" />\n              <span>\n                transaction prepared for {shortAddress(outcome.to)} — sign in\n                your wallet to complete\n              </span>\n            </div>\n          )}\n\n          {/* Swap CTA */}\n          <Button\n            ref={swapButton.ref}\n            {...swapButton.agentProps}\n            type=\"button\"\n            variant=\"default\"\n            className=\"w-full gap-2\"\n            disabled={!canSwap}\n            onClick={() => void executeSwap()}\n          >\n            {executing ? (\n              <>\n                <Spinner className=\"h-4 w-4\" />\n                preparing swap\n              </>\n            ) : (\n              <>\n                <ArrowLeftRight className=\"h-4 w-4\" />\n                {executeEnabled ? \"swap\" : \"preview swap\"}\n              </>\n            )}\n          </Button>\n\n          {!executeEnabled && (\n            <p className=\"sr-only\">\n              quote-only preview — on-chain execution lands when the agent\n              signer is enabled\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/SwapSpatialView.d.ts

@@ -0,0 +1,52 @@
+/**
+ * SwapSpatialView — the swap surface 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, so it is safe to render
+ * in the Node agent process where the terminal lives (no @elizaos/app-core
+ * React-DOM client or swap-capability runtime import reaches the bundle).
+ *
+ * Execution stays honest: the swap action is quote-only (SWAP_EXECUTE_ENABLED is
+ * false), so the outcome line surfaces the "not enabled yet" preview message
+ * rather than fabricating a money path.
+ */
+/** Projected, display-only quote numbers. */
+export interface SwapSnapshotQuote {
+    amountOut: number;
+    minAmountOut: number;
+    priceImpactPct: number;
+    source: "local-estimate" | "backend";
+}
+/** The full presentational state the view renders from. */
+export interface SwapSnapshot {
+    tokenInSymbol: string;
+    tokenOutSymbol: string;
+    tokenSymbols: string[];
+    amountIn: string;
+    slippagePct: number;
+    quote: SwapSnapshotQuote | null;
+    canSwap: boolean;
+    quoting: boolean;
+    executing: boolean;
+    error: {
+        message: string;
+    } | null;
+    outcome: {
+        message: string;
+    } | null;
+}
+export interface SwapSpatialViewProps {
+    snapshot: SwapSnapshot;
+    /**
+     * Dispatched action ids: `token-in:<symbol>`, `token-out:<symbol>`,
+     * `amount:<value>`, `swap`.
+     */
+    onAction?: (action: string) => void;
+}
+export declare function SwapSpatialView({ snapshot, onAction }: SwapSpatialViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwapSpatialView.d.ts.map

package/dist/SwapSpatialView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapSpatialView.d.ts","sourceRoot":"","sources":["../src/SwapSpatialView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAWH,6CAA6C;AAC7C,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACtC;AAED,2DAA2D;AAC3D,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAgBD,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA0F3E"}

package/dist/SwapSpatialView.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  Card,
+  Divider,
+  Field,
+  HStack,
+  Text
+} from "@elizaos/ui/spatial";
+function formatAmount(value) {
+  if (!Number.isFinite(value)) return "0";
+  return value.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: value > 1 ? 4 : 6
+  });
+}
+function formatImpact(pct) {
+  if (!Number.isFinite(pct)) return "0.00%";
+  const sign = pct > 0 ? "+" : "";
+  return `${sign}${pct.toFixed(2)}%`;
+}
+function SwapSpatialView({ snapshot, onAction }) {
+  const { quote, error, outcome, quoting, executing } = snapshot;
+  const impactDanger = (quote?.priceImpactPct ?? 0) < -1;
+  return /* @__PURE__ */ jsxs(Card, { gap: 1, padding: 1, children: [
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", grow: 1, children: "PancakeSwap v3" }),
+      /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+        "slippage ",
+        snapshot.slippagePct,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, { label: "from" }),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        kind: "select",
+        label: "from",
+        value: snapshot.tokenInSymbol,
+        options: snapshot.tokenSymbols,
+        disabled: executing,
+        onChange: (v) => onAction?.(`token-in:${v}`)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        kind: "number",
+        label: "amount",
+        value: snapshot.amountIn,
+        placeholder: "0.0",
+        disabled: executing,
+        onChange: (v) => onAction?.(`amount:${v}`)
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, { label: "to" }),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        kind: "select",
+        label: "to",
+        value: snapshot.tokenOutSymbol,
+        options: snapshot.tokenSymbols,
+        disabled: executing,
+        onChange: (v) => onAction?.(`token-out:${v}`)
+      }
+    ),
+    quote ? /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", wrap: true, children: [
+      /* @__PURE__ */ jsxs(Text, { grow: 1, children: [
+        "\u2248 ",
+        formatAmount(quote.amountOut),
+        " ",
+        snapshot.tokenOutSymbol
+      ] }),
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", children: quote.source === "backend" ? "live" : "estimated" })
+    ] }) : /* @__PURE__ */ jsx(Text, { tone: "muted", style: "caption", children: quoting ? "quoting\u2026" : "enter an amount" }),
+    quote ? /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", wrap: true, children: [
+      /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", grow: 1, children: [
+        "min ",
+        formatAmount(quote.minAmountOut),
+        " ",
+        snapshot.tokenOutSymbol
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { style: "caption", tone: impactDanger ? "danger" : "muted", children: [
+        "impact ",
+        formatImpact(quote.priceImpactPct)
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsx(HStack, { gap: 1, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        grow: 1,
+        agent: "swap",
+        disabled: !snapshot.canSwap,
+        onPress: () => onAction?.("swap"),
+        children: executing ? "preparing\u2026" : "Swap"
+      }
+    ) }),
+    error ? /* @__PURE__ */ jsx(Text, { tone: "danger", style: "caption", children: error.message }) : null,
+    outcome ? /* @__PURE__ */ jsx(Text, { tone: "muted", style: "caption", children: outcome.message }) : null
+  ] });
+}
+export {
+  SwapSpatialView
+};
+//# sourceMappingURL=SwapSpatialView.js.map

package/dist/SwapSpatialView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SwapSpatialView.tsx"],"sourcesContent":["/**\n * SwapSpatialView — the swap surface authored once with the spatial vocabulary,\n * so it renders correctly wherever it is displayed:\n *\n *   - GUI / XR — mounted in `<SpatialSurface>` (DOM; XR scales up).\n *   - TUI      — rendered to real terminal lines by the agent terminal, via\n *                `registerSpatialTerminalView` (see `register-terminal-view.tsx`).\n *\n * It is purely presentational (a snapshot + an action callback in, primitives\n * out) and imports only the cross-modality primitives, so it is safe to render\n * in the Node agent process where the terminal lives (no @elizaos/app-core\n * React-DOM client or swap-capability runtime import reaches the bundle).\n *\n * Execution stays honest: the swap action is quote-only (SWAP_EXECUTE_ENABLED is\n * false), so the outcome line surfaces the \"not enabled yet\" preview message\n * rather than fabricating a money path.\n */\n\nimport {\n  Button,\n  Card,\n  Divider,\n  Field,\n  HStack,\n  Text,\n} from \"@elizaos/ui/spatial\";\n\n/** Projected, display-only quote numbers. */\nexport interface SwapSnapshotQuote {\n  amountOut: number;\n  minAmountOut: number;\n  priceImpactPct: number;\n  source: \"local-estimate\" | \"backend\";\n}\n\n/** The full presentational state the view renders from. */\nexport interface SwapSnapshot {\n  tokenInSymbol: string;\n  tokenOutSymbol: string;\n  tokenSymbols: string[];\n  amountIn: string;\n  slippagePct: number;\n  quote: SwapSnapshotQuote | null;\n  canSwap: boolean;\n  quoting: boolean;\n  executing: boolean;\n  error: { message: string } | null;\n  outcome: { message: string } | null;\n}\n\nexport interface SwapSpatialViewProps {\n  snapshot: SwapSnapshot;\n  /**\n   * Dispatched action ids: `token-in:<symbol>`, `token-out:<symbol>`,\n   * `amount:<value>`, `swap`.\n   */\n  onAction?: (action: string) => void;\n}\n\nfunction formatAmount(value: number): string {\n  if (!Number.isFinite(value)) return \"0\";\n  return value.toLocaleString(\"en-US\", {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: value > 1 ? 4 : 6,\n  });\n}\n\nfunction formatImpact(pct: number): string {\n  if (!Number.isFinite(pct)) return \"0.00%\";\n  const sign = pct > 0 ? \"+\" : \"\";\n  return `${sign}${pct.toFixed(2)}%`;\n}\n\nexport function SwapSpatialView({ snapshot, onAction }: SwapSpatialViewProps) {\n  const { quote, error, outcome, quoting, executing } = snapshot;\n  const impactDanger = (quote?.priceImpactPct ?? 0) < -1;\n\n  return (\n    <Card gap={1} padding={1}>\n      <HStack gap={1} align=\"center\">\n        <Text style=\"caption\" tone=\"muted\" grow={1}>\n          PancakeSwap v3\n        </Text>\n        <Text style=\"caption\" tone=\"muted\">\n          slippage {snapshot.slippagePct}%\n        </Text>\n      </HStack>\n\n      <Divider label=\"from\" />\n      <Field\n        kind=\"select\"\n        label=\"from\"\n        value={snapshot.tokenInSymbol}\n        options={snapshot.tokenSymbols}\n        disabled={executing}\n        onChange={(v) => onAction?.(`token-in:${v}`)}\n      />\n      <Field\n        kind=\"number\"\n        label=\"amount\"\n        value={snapshot.amountIn}\n        placeholder=\"0.0\"\n        disabled={executing}\n        onChange={(v) => onAction?.(`amount:${v}`)}\n      />\n\n      <Divider label=\"to\" />\n      <Field\n        kind=\"select\"\n        label=\"to\"\n        value={snapshot.tokenOutSymbol}\n        options={snapshot.tokenSymbols}\n        disabled={executing}\n        onChange={(v) => onAction?.(`token-out:${v}`)}\n      />\n      {quote ? (\n        <HStack gap={1} align=\"center\" wrap>\n          <Text grow={1}>\n            ≈ {formatAmount(quote.amountOut)} {snapshot.tokenOutSymbol}\n          </Text>\n          <Text style=\"caption\" tone=\"muted\">\n            {quote.source === \"backend\" ? \"live\" : \"estimated\"}\n          </Text>\n        </HStack>\n      ) : (\n        <Text tone=\"muted\" style=\"caption\">\n          {quoting ? \"quoting…\" : \"enter an amount\"}\n        </Text>\n      )}\n      {quote ? (\n        <HStack gap={1} align=\"center\" wrap>\n          <Text style=\"caption\" tone=\"muted\" grow={1}>\n            min {formatAmount(quote.minAmountOut)} {snapshot.tokenOutSymbol}\n          </Text>\n          <Text style=\"caption\" tone={impactDanger ? \"danger\" : \"muted\"}>\n            impact {formatImpact(quote.priceImpactPct)}\n          </Text>\n        </HStack>\n      ) : null}\n\n      <HStack gap={1}>\n        <Button\n          grow={1}\n          agent=\"swap\"\n          disabled={!snapshot.canSwap}\n          onPress={() => onAction?.(\"swap\")}\n        >\n          {executing ? \"preparing…\" : \"Swap\"}\n        </Button>\n      </HStack>\n\n      {error ? (\n        <Text tone=\"danger\" style=\"caption\">\n          {error.message}\n        </Text>\n      ) : null}\n      {outcome ? (\n        <Text tone=\"muted\" style=\"caption\">\n          {outcome.message}\n        </Text>\n      ) : null}\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/SwapView.d.ts

@@ -0,0 +1,30 @@
+/**
+ * SwapView — the single GUI/XR data wrapper for the swap surface.
+ *
+ * It owns the live swap state (token-in/token-out selection, the amount + the
+ * quote/execute lifecycle via {@link useSwapState}) and renders the one
+ * presentational {@link SwapSpatialView} 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 `SwapSpatialView` through the terminal registry (see
+ * `register-terminal-view.tsx`).
+ */
+import type { SwapToken } from "./swap-contracts";
+/**
+ * Host props for the unified swap surface. All optional: the spatial wrapper is
+ * mounted as an in-process app-shell page / bundled view, not the full-screen
+ * overlay, so it needs none of the `OverlayAppContext` callbacks the legacy
+ * {@link import("./SwapAppView").SwapAppView} consumed. It only forwards the
+ * optional host overrides into the swap state. Keeping them all-optional lets
+ * the app-shell loader's `Record<string, unknown>` component typing accept it.
+ */
+export interface SwapViewProps {
+    /** Optional host override for which agent's swap capability to invoke. */
+    agentTokenAddress?: string;
+    /** Optional host-supplied swap-eligible token list. */
+    tokens?: readonly SwapToken[];
+    /** Raised when the backend reports the capability is unavailable (404). */
+    onUnavailable?: () => void;
+}
+export declare function SwapView({ agentTokenAddress, tokens: tokensProp, onUnavailable, }?: SwapViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwapView.d.ts.map

package/dist/SwapView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapView.d.ts","sourceRoot":"","sources":["../src/SwapView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD;;;;;;;GAOG;AACH,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC9B,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAoBD,wBAAgB,QAAQ,CAAC,EACvB,iBAAiB,EACjB,MAAM,EAAE,UAAU,EAClB,aAAa,GACd,GAAE,aAAkB,2CAsEpB"}