@elizaos/plugin-wallet-ui 2.0.3-beta.6 → 2.0.3-beta.7

package/dist/components/InventoryAppView.js

@@ -0,0 +1,1744 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAgentElement } from "@elizaos/ui/agent-surface";
+import { client } from "@elizaos/ui/api";
+import { Button } from "@elizaos/ui/components";
+import { useActivityEvents } from "@elizaos/ui/hooks";
+import { useAppSelectorShallow } from "@elizaos/ui/state";
+import { cn } from "@elizaos/ui/utils";
+import {
+  Activity,
+  AlertTriangle,
+  ArrowLeftRight,
+  BarChart3,
+  CheckCircle2,
+  Copy,
+  EyeOff,
+  Image as ImageIcon,
+  Layers3,
+  Sparkles,
+  TrendingDown,
+  TrendingUp,
+  Wallet
+} from "lucide-react";
+import {
+  memo,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { resolveWalletAddresses } from "../InventoryView.helpers";
+import { getNativeLogoUrl } from "../inventory/chainConfig.js";
+import {
+  formatBalance
+} from "../inventory/constants.js";
+import { TokenLogo } from "../inventory/TokenLogo.js";
+import { useInventoryData } from "../inventory/useInventoryData.js";
+const ALL_INVENTORY_FILTERS = {
+  ethereum: true,
+  base: true,
+  bsc: true,
+  avax: true,
+  solana: true
+};
+const SUPPORTED_WALLET_CHAINS = Object.keys(ALL_INVENTORY_FILTERS);
+const DASHBOARD_WINDOWS = ["24h", "7d", "30d"];
+const HIDDEN_TOKEN_IDS_KEY = "eliza:wallet:hidden-token-ids:v1";
+const WALLET_REFRESH_INTERVAL_MS = 2e4;
+const usdFormatter = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  maximumFractionDigits: 2
+});
+const compactFormatter = new Intl.NumberFormat("en-US", {
+  maximumFractionDigits: 4
+});
+function readHiddenTokenIds() {
+  if (typeof window === "undefined") return /* @__PURE__ */ new Set();
+  try {
+    const raw = window.localStorage.getItem(HIDDEN_TOKEN_IDS_KEY);
+    if (!raw) return /* @__PURE__ */ new Set();
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return /* @__PURE__ */ new Set();
+    return new Set(
+      parsed.filter((item) => typeof item === "string")
+    );
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function writeHiddenTokenIds(next) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(
+      HIDDEN_TOKEN_IDS_KEY,
+      JSON.stringify([...next])
+    );
+  } catch {
+    return;
+  }
+}
+function tokenId(row) {
+  const address = row.contractAddress && row.contractAddress.length > 0 ? row.contractAddress.toLowerCase() : `native:${row.symbol.toLowerCase()}`;
+  return `${row.chain.toLowerCase()}:${address}`;
+}
+function tokenAgentSlug(row) {
+  return tokenId(row).replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
+}
+function normalizeTokenAddress(address) {
+  return address ? address.toLowerCase() : null;
+}
+function formatUsd(value) {
+  if (!Number.isFinite(value)) return usdFormatter.format(0);
+  return usdFormatter.format(value);
+}
+function formatMarketUsd(value) {
+  if (!Number.isFinite(value)) return usdFormatter.format(0);
+  const fractionDigits = value >= 1e3 ? 0 : value >= 1 ? 2 : value >= 0.01 ? 4 : 6;
+  const minimumFractionDigits = value >= 1 ? Math.min(2, fractionDigits) : 0;
+  return value.toLocaleString("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits,
+    maximumFractionDigits: fractionDigits
+  });
+}
+function formatPercentDelta(value) {
+  if (!Number.isFinite(value)) return "0.0%";
+  const magnitude = Math.abs(value).toLocaleString("en-US", {
+    minimumFractionDigits: 1,
+    maximumFractionDigits: 1
+  });
+  const sign = value > 0 ? "+" : value < 0 ? "-" : "";
+  return `${sign}${magnitude}%`;
+}
+function formatCompactAddress(address) {
+  if (address.length <= 12) return address;
+  return `${address.slice(0, 5)}...${address.slice(-4)}`;
+}
+function formatBnb(value) {
+  if (!value) return "0 BNB";
+  const parsed = Number.parseFloat(value);
+  if (!Number.isFinite(parsed)) return `${value} BNB`;
+  return `${compactFormatter.format(parsed)} BNB`;
+}
+function parseAmount(value) {
+  if (!value) return null;
+  const parsed = Number.parseFloat(value);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+function formatSignedBnb(value) {
+  const sign = value > 0 ? "+" : value < 0 ? "-" : "";
+  return `${sign}${compactFormatter.format(Math.abs(value))} BNB`;
+}
+function hasClosedTradePnl(profile) {
+  return (profile?.summary.evaluatedTrades ?? 0) > 0;
+}
+function providerLabel(provider, chain) {
+  switch (provider) {
+    case "eliza-cloud":
+      return chain === "solana" ? "Eliza Cloud / Helius" : "Eliza Cloud";
+    case "alchemy":
+      return "Alchemy";
+    case "quicknode":
+      return "QuickNode";
+    case "helius-birdeye":
+      return "Helius + Birdeye";
+    case "custom":
+      return "Custom";
+    default:
+      return "Not configured";
+  }
+}
+function formatRelativeTimestamp(timestamp) {
+  const diff = Date.now() - timestamp;
+  if (diff < 0) return "now";
+  if (diff < 6e4) return "just now";
+  if (diff < 36e5) return `${Math.floor(diff / 6e4)}m ago`;
+  if (diff < 864e5) return `${Math.floor(diff / 36e5)}h ago`;
+  if (diff < 6048e5) return `${Math.floor(diff / 864e5)}d ago`;
+  return new Date(timestamp).toLocaleDateString();
+}
+function tradingProfileWindow(window2) {
+  return window2 === "24h" ? "24h" : window2;
+}
+function tokenHasInventory(row) {
+  return row.balanceRaw > 0 || row.valueUsd > 0;
+}
+function assetAllocationRows(rows) {
+  return rows.filter((row) => row.valueUsd > 0).sort((left, right) => right.valueUsd - left.valueUsd).slice(0, 5);
+}
+function looksLikeLpPosition(value) {
+  const text = ` ${value.toLowerCase()} `;
+  return text.includes(" liquidity ") || text.includes(" lp ") || text.includes("-lp") || text.includes("/lp") || text.includes(" pool ") || text.includes(" position ") || text.includes(" clmm ") || text.includes(" amm ");
+}
+function deriveInventoryPositionAssets({
+  tokenRows,
+  nfts
+}) {
+  const positions = [];
+  for (const row of tokenRows) {
+    if (!looksLikeLpPosition(`${row.name} ${row.symbol}`)) continue;
+    positions.push({
+      id: `token:${tokenId(row)}`,
+      kind: "token",
+      label: row.symbol,
+      detail: `${formatBalance(row.balance)} ${row.symbol}`,
+      valueUsd: row.valueUsd,
+      imageUrl: row.logoUrl
+    });
+  }
+  for (const nft of nfts) {
+    if (!looksLikeLpPosition(`${nft.collectionName} ${nft.name}`)) continue;
+    positions.push({
+      id: `nft:${nft.collectionName}:${nft.name}:${nft.imageUrl}`,
+      kind: "nft",
+      label: nft.name,
+      detail: nft.collectionName,
+      valueUsd: null,
+      imageUrl: nft.imageUrl
+    });
+  }
+  return positions;
+}
+function tokenBreakdownForRow(row, profile) {
+  const normalizedAddress = normalizeTokenAddress(row.contractAddress);
+  if (!normalizedAddress || !profile) return null;
+  return profile.tokenBreakdown.find(
+    (item) => item.tokenAddress.toLowerCase() === normalizedAddress
+  ) ?? null;
+}
+function portfolioMovers(rows, profile) {
+  if (!profile) return [];
+  return rows.map((row) => {
+    const breakdown = tokenBreakdownForRow(row, profile);
+    const realizedPnlBnb = parseAmount(breakdown?.realizedPnlBnb);
+    if (realizedPnlBnb === null || realizedPnlBnb === 0) return null;
+    return {
+      row,
+      realizedPnlBnb
+    };
+  }).filter((mover) => mover !== null);
+}
+function TokenPerformance({
+  row,
+  profile,
+  maxAbsPnl
+}) {
+  const breakdown = tokenBreakdownForRow(row, profile);
+  if (!breakdown) {
+    return null;
+  }
+  const pnl = parseAmount(breakdown.realizedPnlBnb);
+  if (pnl === null) return null;
+  const width = maxAbsPnl > 0 ? Math.max(18, Math.abs(pnl) / maxAbsPnl * 56) : 18;
+  const TrendIcon = pnl >= 0 ? TrendingUp : TrendingDown;
+  const tone = pnl === 0 ? "text-muted" : pnl > 0 ? "text-txt" : "text-danger";
+  const barTone = pnl === 0 ? "bg-border" : pnl > 0 ? "bg-txt/70" : "bg-danger/80";
+  return /* @__PURE__ */ jsxs("span", { className: "flex min-w-[4.5rem] flex-col items-end gap-1", children: [
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "inline-flex items-center gap-1 text-[0.68rem] font-medium",
+          tone
+        ),
+        children: [
+          /* @__PURE__ */ jsx(TrendIcon, { className: "h-3 w-3" }),
+          pnl > 0 ? "+" : "",
+          formatBnb(breakdown.realizedPnlBnb)
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "flex h-1.5 w-14 justify-end overflow-hidden rounded-full bg-border/45",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("h-full rounded-full", barTone),
+            style: { width }
+          }
+        )
+      }
+    )
+  ] });
+}
+function maxAbsTokenPnl(rows, profile) {
+  if (!profile) return 0;
+  let max = 0;
+  for (const row of rows) {
+    const breakdown = tokenBreakdownForRow(row, profile);
+    const pnl = parseAmount(breakdown?.realizedPnlBnb);
+    if (pnl !== null) max = Math.max(max, Math.abs(pnl));
+  }
+  return max;
+}
+function ChainLogoBadge({
+  chain,
+  size = 18,
+  className
+}) {
+  const [errored, setErrored] = useState(false);
+  const logoUrl = errored ? null : getNativeLogoUrl(chain);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-bg ring-2 ring-bg",
+        className
+      ),
+      style: { width: size, height: size },
+      title: chain,
+      role: "img",
+      "aria-label": chain,
+      children: logoUrl ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: logoUrl,
+          alt: "",
+          className: "h-full w-full object-cover",
+          onError: () => setErrored(true)
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "font-mono text-[0.58rem] font-bold uppercase text-muted", children: chain.charAt(0) })
+    }
+  );
+}
+function TokenIdentityIcon({
+  row,
+  size = 46
+}) {
+  const badgeSize = Math.max(16, Math.round(size * 0.38));
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "relative inline-flex shrink-0",
+      style: { width: size, height: size },
+      children: [
+        /* @__PURE__ */ jsx(
+          TokenLogo,
+          {
+            symbol: row.symbol,
+            chain: row.chain,
+            contractAddress: row.contractAddress,
+            preferredLogoUrl: row.logoUrl,
+            size
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChainLogoBadge,
+          {
+            chain: row.chain,
+            size: badgeSize,
+            className: "-bottom-0.5 -right-0.5 absolute"
+          }
+        )
+      ]
+    }
+  );
+}
+function allocationToneClass(index) {
+  return index === 0 ? "bg-accent" : index === 1 ? "bg-accent/70" : index === 2 ? "bg-accent/45" : index === 3 ? "bg-muted/60" : "bg-muted/35";
+}
+function AssetAllocationStrip({
+  rows,
+  compact = false
+}) {
+  const allocationRows = useMemo(() => assetAllocationRows(rows), [rows]);
+  const total = allocationRows.reduce((sum, row) => sum + row.valueUsd, 0);
+  if (total <= 0 || allocationRows.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", compact && "space-y-3"), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex overflow-hidden rounded-full bg-border/40",
+          compact ? "h-2.5" : "h-2"
+        ),
+        children: allocationRows.map((row, index) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("h-full", allocationToneClass(index)),
+            style: { width: `${row.valueUsd / total * 100}%` },
+            title: `${row.symbol}: ${formatUsd(row.valueUsd)}`
+          },
+          tokenId(row)
+        ))
+      }
+    ),
+    compact ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: allocationRows.slice(0, 3).map((row, index) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "inline-flex items-center gap-1.5 text-[0.68rem] font-medium text-txt",
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "h-1.5 w-1.5 rounded-full",
+                allocationToneClass(index)
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: row.symbol })
+        ]
+      },
+      tokenId(row)
+    )) }) : /* @__PURE__ */ jsx("div", { className: "grid gap-1", children: allocationRows.slice(0, 3).map((row) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between gap-2 text-[0.68rem]",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate text-muted", children: row.symbol }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-txt", children: formatUsd(row.valueUsd) })
+        ]
+      },
+      tokenId(row)
+    )) })
+  ] });
+}
+function PortfolioMoverRow({
+  mover,
+  maxAbsPnl
+}) {
+  const isGain = mover.realizedPnlBnb > 0;
+  const width = maxAbsPnl > 0 ? Math.max(18, Math.abs(mover.realizedPnlBnb) / maxAbsPnl * 100) : 18;
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 px-1 py-2", children: [
+    /* @__PURE__ */ jsx(TokenIdentityIcon, { row: mover.row, size: 34 }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold text-txt", children: mover.row.symbol }),
+      /* @__PURE__ */ jsx("div", { className: "mt-1 h-1.5 overflow-hidden rounded-full bg-border/45", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-full rounded-full",
+            isGain ? "bg-txt/70" : "bg-danger/85"
+          ),
+          style: { width: `${width}%` }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "shrink-0 text-right font-mono text-xs font-semibold",
+          isGain ? "text-txt" : "text-danger"
+        ),
+        children: formatSignedBnb(mover.realizedPnlBnb)
+      }
+    )
+  ] });
+}
+function PortfolioMoverColumn({
+  title,
+  movers,
+  maxAbsPnl,
+  tone
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-semibold text-txt", children: [
+      tone === "gain" ? /* @__PURE__ */ jsx(TrendingUp, { className: "h-3.5 w-3.5 text-muted" }) : /* @__PURE__ */ jsx(TrendingDown, { className: "h-3.5 w-3.5 text-danger" }),
+      title
+    ] }),
+    movers.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-1", children: movers.map((mover) => /* @__PURE__ */ jsx(
+      PortfolioMoverRow,
+      {
+        mover,
+        maxAbsPnl
+      },
+      `${tokenId(mover.row)}:${mover.realizedPnlBnb}`
+    )) }) : /* @__PURE__ */ jsx("div", { className: "flex h-[3.75rem] items-center px-1 text-xs-tight text-muted", children: "None" })
+  ] });
+}
+function PortfolioMoversPanel({
+  rows,
+  profile,
+  marketOverview
+}) {
+  const movers = useMemo(() => portfolioMovers(rows, profile), [rows, profile]);
+  const gainers = useMemo(
+    () => movers.filter((mover) => mover.realizedPnlBnb > 0).sort((left, right) => right.realizedPnlBnb - left.realizedPnlBnb).slice(0, 3),
+    [movers]
+  );
+  const losers = useMemo(
+    () => movers.filter((mover) => mover.realizedPnlBnb < 0).sort((left, right) => left.realizedPnlBnb - right.realizedPnlBnb).slice(0, 3),
+    [movers]
+  );
+  const maxAbsPnl = useMemo(
+    () => movers.reduce(
+      (max, mover) => Math.max(max, Math.abs(mover.realizedPnlBnb)),
+      0
+    ),
+    [movers]
+  );
+  if (movers.length === 0) {
+    if (marketOverview?.movers.length) {
+      return /* @__PURE__ */ jsx(
+        MarketMoverList,
+        {
+          movers: marketOverview.movers,
+          source: marketOverview.sources.movers
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(EmptyState, { icon: TrendingUp, title: "None" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+    /* @__PURE__ */ jsx(
+      PortfolioMoverColumn,
+      {
+        title: "Gainers",
+        movers: gainers,
+        maxAbsPnl,
+        tone: "gain"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PortfolioMoverColumn,
+      {
+        title: "Losers",
+        movers: losers,
+        maxAbsPnl,
+        tone: "loss"
+      }
+    )
+  ] });
+}
+function EmptyState({
+  icon: Icon,
+  title,
+  body
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-[8rem] flex-col items-center justify-center px-4 py-6 text-center", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "mb-3 h-5 w-5 text-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-txt", children: title }),
+    body ? /* @__PURE__ */ jsx("div", { className: "sr-only mt-1 max-w-sm text-xs-tight text-muted", children: body }) : null
+  ] });
+}
+function MarketAvatar({
+  imageUrl,
+  label
+}) {
+  if (imageUrl) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: imageUrl,
+        alt: label,
+        className: "h-11 w-11 shrink-0 object-cover",
+        loading: "lazy"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex h-11 w-11 shrink-0 items-center justify-center text-sm font-semibold text-txt", children: label.slice(0, 1).toUpperCase() });
+}
+function MarketSourceBadge({ source }) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: source.providerUrl,
+      target: "_blank",
+      rel: "noreferrer",
+      className: "text-[0.68rem] font-medium text-muted transition-colors hover:text-txt",
+      children: source.providerName
+    }
+  );
+}
+function MarketSectionHeader({
+  icon: Icon,
+  title,
+  source
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-2 text-sm font-semibold text-txt", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-accent" }),
+    /* @__PURE__ */ jsx("span", { children: title }),
+    /* @__PURE__ */ jsx(MarketSourceBadge, { source })
+  ] });
+}
+function MarketDataUnavailable({
+  title,
+  source
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "px-1 py-2", title: `${title} unavailable`, children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-warn", children: "Unavailable" }),
+    /* @__PURE__ */ jsx("div", { className: "sr-only mt-1 text-xs text-muted", children: source.error ?? `${source.providerName} did not return live data.` })
+  ] });
+}
+function MajorPriceCard({ snapshot }) {
+  const isPositive = snapshot.change24hPct >= 0;
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0 p-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(MarketAvatar, { imageUrl: snapshot.imageUrl, label: snapshot.symbol }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-txt", children: snapshot.symbol }),
+        /* @__PURE__ */ jsx("div", { className: "truncate text-xs-tight text-muted", children: snapshot.name })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap items-end justify-between gap-x-3 gap-y-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 font-mono text-lg font-semibold text-txt sm:text-xl", children: formatMarketUsd(snapshot.priceUsd) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "shrink-0 text-sm font-semibold",
+            isPositive ? "text-txt" : "text-danger"
+          ),
+          children: formatPercentDelta(snapshot.change24hPct)
+        }
+      )
+    ] })
+  ] });
+}
+function MarketPriceGrid({
+  prices,
+  source
+}) {
+  if (!source.available) {
+    return /* @__PURE__ */ jsx(MarketDataUnavailable, { title: "Spot prices", source });
+  }
+  if (prices.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { icon: BarChart3, title: "None" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(min(100%,13.5rem),1fr))] gap-3", children: prices.map((snapshot) => /* @__PURE__ */ jsx(MajorPriceCard, { snapshot }, snapshot.id)) });
+}
+function MarketMoverList({
+  movers,
+  source
+}) {
+  if (!source.available) {
+    return /* @__PURE__ */ jsx(MarketDataUnavailable, { title: "Top movers", source });
+  }
+  if (movers.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { icon: TrendingUp, title: "None" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: movers.map((mover) => {
+    const isPositive = mover.change24hPct >= 0;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex min-w-0 items-center gap-3 px-1 py-2.5",
+        children: [
+          /* @__PURE__ */ jsx(MarketAvatar, { imageUrl: mover.imageUrl, label: mover.symbol }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-txt", children: mover.symbol }),
+              /* @__PURE__ */ jsx("span", { className: "truncate text-xs-tight text-muted", children: mover.name })
+            ] }),
+            mover.marketCapRank !== null ? /* @__PURE__ */ jsxs("div", { className: "mt-1 text-[0.68rem] font-medium text-muted", children: [
+              "Cap rank #",
+              mover.marketCapRank
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-mono text-sm font-semibold text-txt", children: formatMarketUsd(mover.priceUsd) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "text-xs font-semibold",
+                  isPositive ? "text-txt" : "text-danger"
+                ),
+                children: formatPercentDelta(mover.change24hPct)
+              }
+            )
+          ] })
+        ]
+      },
+      mover.id
+    );
+  }) });
+}
+function WalletMotif() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 120 120",
+      role: "img",
+      "aria-label": "Empty wallet",
+      className: "h-24 w-24",
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "walletMotifFill", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "var(--accent)", stopOpacity: "0.9" }),
+          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "var(--accent)", stopOpacity: "0.35" })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "60",
+            cy: "60",
+            r: "56",
+            fill: "url(#walletMotifFill)",
+            opacity: "0.12"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "30",
+            y: "42",
+            width: "60",
+            height: "40",
+            rx: "10",
+            fill: "url(#walletMotifFill)",
+            opacity: "0.85"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "30",
+            y: "42",
+            width: "60",
+            height: "14",
+            rx: "7",
+            fill: "var(--accent)",
+            opacity: "0.5"
+          }
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: "78", cy: "62", r: "6", fill: "var(--bg)", opacity: "0.85" }),
+        /* @__PURE__ */ jsx("circle", { cx: "78", cy: "62", r: "2.5", fill: "var(--accent)" })
+      ]
+    }
+  );
+}
+function WalletEmptyHero({
+  hasKeys,
+  onConfigureKeys
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 px-6 py-10 text-center", children: [
+    /* @__PURE__ */ jsx(WalletMotif, {}),
+    /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-txt", children: hasKeys ? "None" : "Wallet" }),
+    hasKeys ? null : /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "surfaceAccent",
+        size: "sm",
+        onClick: onConfigureKeys,
+        children: "Keys"
+      }
+    )
+  ] });
+}
+function MarketPulseHero({
+  overview,
+  loading,
+  hasKeys,
+  onConfigureKeys
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(WalletEmptyHero, { hasKeys, onConfigureKeys }),
+    overview ? /* @__PURE__ */ jsx("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.2fr)_minmax(0,0.92fr)]", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          MarketSectionHeader,
+          {
+            icon: BarChart3,
+            title: "Spot prices",
+            source: overview.sources.prices
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MarketPriceGrid,
+          {
+            prices: overview.prices,
+            source: overview.sources.prices
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          MarketSectionHeader,
+          {
+            icon: TrendingUp,
+            title: "Top movers",
+            source: overview.sources.movers
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MarketMoverList,
+          {
+            movers: overview.movers,
+            source: overview.sources.movers
+          }
+        )
+      ] })
+    ] }) }) : loading ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(min(100%,13.5rem),1fr))] gap-3", children: ["btc", "eth", "sol"].map((loadingCardId) => /* @__PURE__ */ jsx("div", { className: "h-28 animate-pulse bg-bg/20" }, loadingCardId)) }) : null
+  ] });
+}
+function activityEventMeta(eventType) {
+  if (eventType === "task_complete" || eventType === "blocked_auto_resolved") {
+    return { icon: Sparkles, tone: "ok" };
+  }
+  if (eventType === "blocked" || eventType === "escalation") {
+    return { icon: Activity, tone: "warn" };
+  }
+  if (eventType === "error") {
+    return { icon: Activity, tone: "danger" };
+  }
+  return { icon: Activity, tone: "default" };
+}
+function walletTimelineEntries({
+  profile,
+  events
+}) {
+  const swapEntries = (profile?.recentSwaps ?? []).reduce((entries, swap) => {
+    const timestamp = Date.parse(swap.createdAt);
+    if (!Number.isFinite(timestamp)) return entries;
+    entries.push({
+      id: `swap:${swap.hash}`,
+      timestamp,
+      title: `${swap.side === "buy" ? "Bought" : "Sold"} ${swap.tokenSymbol}`,
+      detail: `${swap.inputAmount} ${swap.inputSymbol} -> ${swap.outputAmount} ${swap.outputSymbol}`,
+      href: swap.explorerUrl,
+      icon: ArrowLeftRight,
+      tone: swap.status === "success" ? "ok" : swap.status === "pending" ? "warn" : "danger"
+    });
+    return entries;
+  }, []);
+  const agentEntries = events.map((event) => {
+    const meta = activityEventMeta(event.eventType);
+    return {
+      id: `agent:${event.id}`,
+      timestamp: event.timestamp,
+      title: event.summary,
+      icon: meta.icon,
+      tone: meta.tone
+    };
+  });
+  return [...swapEntries, ...agentEntries].sort((left, right) => right.timestamp - left.timestamp).slice(0, 18);
+}
+function PnlChart({
+  profile
+}) {
+  const points = profile?.pnlSeries ?? [];
+  const values = points.map((point) => parseAmount(point.realizedPnlBnb)).filter((value) => value !== null);
+  if (values.length < 2) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-40 items-center justify-center text-xs text-muted", children: "P&L pending" });
+  }
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const span = max - min || 1;
+  const svgPoints = values.map((value, index) => {
+    const x = index / (values.length - 1) * 100;
+    const y = 88 - (value - min) / span * 72;
+    return `${x},${y}`;
+  }).join(" ");
+  const latest = values[values.length - 1];
+  const stroke = latest >= 0 ? "var(--muted-strong)" : "var(--danger)";
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "h-40 w-full",
+      viewBox: "0 0 100 100",
+      preserveAspectRatio: "none",
+      "aria-label": "Trade P&L chart",
+      children: /* @__PURE__ */ jsx(
+        "polyline",
+        {
+          fill: "none",
+          stroke,
+          strokeWidth: "3",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          points: svgPoints,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+function SummaryChip({
+  icon: Icon,
+  value,
+  tone = "default",
+  title
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "inline-flex items-center gap-2 px-1 py-1.5 text-sm font-medium",
+        tone === "loss" ? "text-danger" : "text-txt"
+      ),
+      title,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { children: value })
+      ]
+    }
+  );
+}
+function WalletRailAddress({
+  address,
+  chains,
+  emptyLabel,
+  label,
+  agentId,
+  agentLabel
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(() => {
+    if (!address) return;
+    void navigator.clipboard.writeText(address).then(() => {
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 1200);
+    });
+  }, [address]);
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "button",
+    label: agentLabel,
+    group: "wallet-account",
+    status: address ? void 0 : "inactive",
+    description: `Copy the ${agentLabel} to the clipboard`
+  });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "group inline-flex min-w-0 items-center gap-2 px-1 py-1.5 text-left transition-colors",
+        address ? "text-txt hover:text-accent" : "text-muted"
+      ),
+      onClick: handleCopy,
+      disabled: !address,
+      title: address ?? emptyLabel,
+      "aria-label": address ? `Copy ${emptyLabel} address` : `${emptyLabel} unavailable`,
+      ...agentProps,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "flex shrink-0 -space-x-1.5", children: chains.map((chain) => /* @__PURE__ */ jsx(
+          ChainLogoBadge,
+          {
+            chain,
+            size: 18,
+            className: "ring-1 ring-bg"
+          },
+          chain
+        )) }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[0.68rem] font-medium text-muted", children: label }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "min-w-0 truncate font-mono text-xs font-semibold",
+              address ? "max-w-24 text-txt" : "max-w-20 text-muted"
+            ),
+            children: address ? formatCompactAddress(address) : emptyLabel
+          }
+        ),
+        address ? copied ? /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5 shrink-0 text-accent" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5 shrink-0 text-muted transition-colors group-hover:text-txt" }) : /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 shrink-0 text-warn" })
+      ]
+    }
+  );
+}
+function WalletConnectionChip({
+  label,
+  ready
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "inline-flex items-center gap-1.5 text-[0.68rem] font-medium text-muted",
+      title: `${label} ${ready ? "ready" : "needs RPC"}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "h-1.5 w-1.5 rounded-full",
+              ready ? "bg-muted/60" : "bg-warn"
+            )
+          }
+        ),
+        label
+      ]
+    }
+  );
+}
+function WalletChainCluster() {
+  return /* @__PURE__ */ jsx("span", { className: "flex shrink-0 -space-x-1.5", children: SUPPORTED_WALLET_CHAINS.map((chain) => /* @__PURE__ */ jsx(
+    ChainLogoBadge,
+    {
+      chain,
+      size: 18,
+      className: "ring-1 ring-bg"
+    },
+    chain
+  )) });
+}
+function WalletAddressCluster({
+  addresses
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap gap-2", children: [
+    /* @__PURE__ */ jsx(
+      WalletRailAddress,
+      {
+        address: addresses.evmAddress,
+        chains: SUPPORTED_WALLET_CHAINS.filter((chain) => chain !== "solana"),
+        emptyLabel: "EVM",
+        label: "EVM",
+        agentId: "account-copy-evm-address",
+        agentLabel: "EVM address"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      WalletRailAddress,
+      {
+        address: addresses.solanaAddress,
+        chains: ["solana"],
+        emptyLabel: "SOL",
+        label: "SOL",
+        agentId: "account-copy-solana-address",
+        agentLabel: "Solana address"
+      }
+    )
+  ] });
+}
+function WalletProviderDots({
+  walletConfig
+}) {
+  const allReady = Boolean(walletConfig?.evmBalanceReady) && Boolean(walletConfig?.solanaBalanceReady);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "h-2 w-2 rounded-full",
+        allReady ? "bg-muted/60" : "bg-warn"
+      )
+    }
+  );
+}
+function WalletRailRpcButton({
+  walletConfig,
+  onOpenSettings
+}) {
+  const evmProvider = providerLabel(
+    walletConfig?.selectedRpcProviders?.evm,
+    "evm"
+  );
+  const solanaProvider = providerLabel(
+    walletConfig?.selectedRpcProviders?.solana,
+    "solana"
+  );
+  const { ref, agentProps } = useAgentElement({
+    id: "account-rpc-settings",
+    role: "button",
+    label: "RPC settings",
+    group: "wallet-account",
+    description: `Open RPC provider settings (EVM ${evmProvider}, Solana ${solanaProvider})`
+  });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: "inline-flex h-9 items-center gap-2 px-2 text-xs font-semibold text-txt transition-colors hover:text-accent",
+      onClick: onOpenSettings,
+      title: `RPC providers: EVM ${evmProvider}, Solana ${solanaProvider}`,
+      "aria-label": "Open RPC settings",
+      ...agentProps,
+      children: [
+        /* @__PURE__ */ jsx(WalletProviderDots, { walletConfig }),
+        "RPC"
+      ]
+    }
+  );
+}
+function WalletRailAccount({
+  addresses,
+  portfolioValueUsd,
+  walletConfig,
+  onOpenSettings
+}) {
+  const evmReady = Boolean(walletConfig?.evmBalanceReady);
+  const solanaReady = Boolean(walletConfig?.solanaBalanceReady);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative flex h-16 w-16 items-center justify-center", children: /* @__PURE__ */ jsx(Wallet, { className: "h-7 w-7 text-accent" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 basis-64", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-mono text-2xl font-semibold leading-none text-txt", children: formatUsd(portfolioValueUsd) }),
+          /* @__PURE__ */ jsx(WalletChainCluster, {})
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(WalletConnectionChip, { label: "EVM", ready: evmReady }),
+          /* @__PURE__ */ jsx(WalletConnectionChip, { label: "SOL", ready: solanaReady })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+        WalletRailRpcButton,
+        {
+          walletConfig,
+          onOpenSettings
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(WalletAddressCluster, { addresses })
+  ] });
+}
+function WalletRailTabButton({
+  tab,
+  active,
+  onSelect
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `tab-${tab.id}`,
+    role: "tab",
+    label: tab.label,
+    group: "wallet-tabs",
+    status: active ? "active" : "inactive",
+    description: `Show the ${tab.label} list`
+  });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "inline-flex min-w-0 items-center justify-center gap-1.5 px-2 py-2 text-sm font-semibold transition-colors",
+        active ? "text-txt" : "text-muted hover:text-txt"
+      ),
+      onClick: () => onSelect(tab.id),
+      "aria-label": tab.label,
+      "aria-current": active ? "true" : void 0,
+      title: tab.label,
+      ...agentProps,
+      children: [
+        /* @__PURE__ */ jsx(tab.icon, { className: "h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: tab.label }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("ml-0.5 px-1 py-0.5 font-mono text-[0.62rem] text-muted"),
+            children: tab.count
+          }
+        )
+      ]
+    }
+  );
+}
+function WalletRailEmpty({
+  icon: Icon,
+  title,
+  body
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-[13rem] flex-col items-center justify-center px-5 text-center", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "mb-3 h-5 w-5 text-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-txt", children: title }),
+    body ? /* @__PURE__ */ jsx("div", { className: "sr-only", children: body }) : null
+  ] });
+}
+function TokenRailRowImpl({
+  row,
+  profile,
+  maxPnl,
+  onHideToken
+}) {
+  const slug = tokenAgentSlug(row);
+  const { ref: hideRef, agentProps: hideAgentProps } = useAgentElement({
+    id: `token-${slug}-hide`,
+    role: "button",
+    label: `Hide ${row.symbol}`,
+    group: "token-list",
+    description: `Hide the ${row.symbol} token from the list`
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "group flex min-w-0 items-center gap-3 px-2 py-2 transition-colors hover:bg-bg-muted/20", children: [
+    /* @__PURE__ */ jsx(TokenIdentityIcon, { row, size: 46 }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold text-txt", children: row.symbol }),
+      /* @__PURE__ */ jsxs("div", { className: "truncate text-xs-tight text-muted", children: [
+        formatBalance(row.balance),
+        " ",
+        row.symbol
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(TokenPerformance, { row, profile, maxAbsPnl: maxPnl }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-mono text-sm font-semibold text-txt", children: formatUsd(row.valueUsd) }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-1 opacity-70 transition-opacity group-hover:opacity-100", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: hideRef,
+          type: "button",
+          className: "flex h-7 w-7 items-center justify-center text-muted transition-colors hover:text-danger",
+          onClick: () => onHideToken(row),
+          "aria-label": `Hide ${row.symbol}`,
+          title: `Hide ${row.symbol}`,
+          ...hideAgentProps,
+          children: /* @__PURE__ */ jsx(EyeOff, { className: "h-3.5 w-3.5" })
+        }
+      ) })
+    ] })
+  ] });
+}
+const TokenRailRow = memo(
+  TokenRailRowImpl,
+  (prev, next) => prev.onHideToken === next.onHideToken && prev.maxPnl === next.maxPnl && prev.profile === next.profile && prev.row.chain === next.row.chain && prev.row.symbol === next.row.symbol && prev.row.name === next.row.name && prev.row.contractAddress === next.row.contractAddress && prev.row.logoUrl === next.row.logoUrl && prev.row.balance === next.row.balance && prev.row.valueUsd === next.row.valueUsd && prev.row.balanceRaw === next.row.balanceRaw && prev.row.isNative === next.row.isNative
+);
+function RailNftList({ nfts }) {
+  if (nfts.length === 0) {
+    return /* @__PURE__ */ jsx(WalletRailEmpty, { icon: ImageIcon, title: "None" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-1", children: nfts.slice(0, 20).map((nft) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex min-w-0 items-center gap-3 px-2 py-2 transition-colors hover:bg-bg-muted/20",
+      children: [
+        nft.imageUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: nft.imageUrl,
+            alt: nft.name,
+            className: "h-11 w-11 shrink-0 object-cover",
+            loading: "lazy"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex h-11 w-11 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4 text-muted" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold text-txt", children: nft.name }),
+          /* @__PURE__ */ jsx("div", { className: "truncate text-xs-tight text-muted", children: nft.collectionName })
+        ] })
+      ]
+    },
+    `${nft.chain}:${nft.collectionName}:${nft.name}:${nft.imageUrl}`
+  )) });
+}
+function RailPositionList({
+  positions
+}) {
+  if (positions.length === 0) {
+    return /* @__PURE__ */ jsx(WalletRailEmpty, { icon: Layers3, title: "None" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-1", children: positions.map((position) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex min-w-0 items-center gap-3 px-2 py-2 transition-colors hover:bg-bg-muted/20",
+      children: [
+        position.imageUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: position.imageUrl,
+            alt: position.label,
+            className: "h-11 w-11 shrink-0 object-cover",
+            loading: "lazy"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex h-11 w-11 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(Layers3, { className: "h-4 w-4 text-muted" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold text-txt", children: position.label }),
+          /* @__PURE__ */ jsx("div", { className: "truncate text-xs-tight text-muted", children: position.detail })
+        ] }),
+        position.valueUsd !== null && position.valueUsd > 0 ? /* @__PURE__ */ jsx("div", { className: "shrink-0 font-mono text-sm font-semibold text-txt", children: formatUsd(position.valueUsd) }) : null
+      ]
+    },
+    position.id
+  )) });
+}
+function WalletHoldingsSection({
+  rows,
+  nfts,
+  positions,
+  addresses,
+  hiddenTokenIds,
+  walletConfig,
+  profile,
+  onHideToken,
+  onOpenRpcSettings,
+  walletEnabled,
+  onEnableWallet
+}) {
+  const [activeTab, setActiveTab] = useState("tokens");
+  const visibleRows = useMemo(
+    () => rows.filter((row) => {
+      if (hiddenTokenIds.has(tokenId(row))) return false;
+      return tokenHasInventory(row);
+    }),
+    [hiddenTokenIds, rows]
+  );
+  const totalUsd = useMemo(
+    () => visibleRows.reduce((sum, row) => sum + row.valueUsd, 0),
+    [visibleRows]
+  );
+  const maxPnl = useMemo(
+    () => maxAbsTokenPnl(visibleRows, profile),
+    [visibleRows, profile]
+  );
+  const tabs = [
+    {
+      id: "tokens",
+      label: "Tokens",
+      icon: Wallet,
+      count: visibleRows.length
+    },
+    { id: "defi", label: "DeFi", icon: Layers3, count: positions.length },
+    { id: "nfts", label: "NFTs", icon: ImageIcon, count: nfts.length }
+  ];
+  const { ref: enableWalletRef, agentProps: enableWalletAgentProps } = useAgentElement({
+    id: "action-enable-wallet",
+    role: "button",
+    label: "Enable wallet",
+    group: "wallet-actions",
+    description: "Turn on the wallet to load balances and trading data"
+  });
+  return /* @__PURE__ */ jsxs("section", { "data-testid": "wallets-sidebar", className: "px-3 py-3 md:px-4", children: [
+    /* @__PURE__ */ jsx(
+      WalletRailAccount,
+      {
+        addresses,
+        portfolioValueUsd: totalUsd,
+        walletConfig,
+        onOpenSettings: onOpenRpcSettings
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-4", children: [
+      visibleRows.length > 0 ? /* @__PURE__ */ jsx(AssetAllocationStrip, { rows: visibleRows, compact: true }) : null,
+      walletEnabled === false ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref: enableWalletRef,
+          className: "w-full",
+          onClick: onEnableWallet,
+          ...enableWalletAgentProps,
+          children: "Enable wallet"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx("div", { className: "grid min-w-0 grid-cols-3 gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+        WalletRailTabButton,
+        {
+          tab,
+          active: activeTab === tab.id,
+          onSelect: setActiveTab
+        },
+        tab.id
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-1", children: activeTab === "tokens" ? visibleRows.length === 0 ? /* @__PURE__ */ jsx(WalletRailEmpty, { icon: Wallet, title: "None" }) : visibleRows.map((row) => /* @__PURE__ */ jsx(
+        TokenRailRow,
+        {
+          row,
+          profile,
+          maxPnl,
+          onHideToken
+        },
+        tokenId(row)
+      )) : activeTab === "defi" ? /* @__PURE__ */ jsx(RailPositionList, { positions }) : activeTab === "nfts" ? /* @__PURE__ */ jsx(RailNftList, { nfts }) : null })
+    ] })
+  ] });
+}
+function DashboardWindowButton({
+  window: window2,
+  active,
+  onSelect
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `pnl-window-${window2}`,
+    role: "tab",
+    label: `P&L window ${window2}`,
+    group: "pnl-window",
+    status: active ? "active" : "inactive",
+    description: `Show profit and loss over the ${window2} window`
+  });
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "px-2 py-1.5 text-xs font-medium transition-colors",
+        active ? "text-accent" : "text-muted hover:text-txt"
+      ),
+      onClick: () => onSelect(window2),
+      "aria-current": active ? "true" : void 0,
+      ...agentProps,
+      children: window2
+    }
+  );
+}
+function DashboardSection({
+  title,
+  icon: Icon,
+  action,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-semibold text-txt", children: [
+        /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-accent" }),
+        title
+      ] }),
+      action
+    ] }),
+    children
+  ] });
+}
+function ActivityLog({
+  profile,
+  events
+}) {
+  const entries = useMemo(
+    () => walletTimelineEntries({ profile, events }),
+    [events, profile]
+  );
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { icon: Activity, title: "None" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: entries.map((entry) => {
+    const toneClass = entry.tone === "ok" ? "bg-ok/10 text-ok" : entry.tone === "warn" ? "bg-warn/10 text-warn" : entry.tone === "danger" ? "bg-danger/10 text-danger" : "bg-bg/55 text-muted";
+    const body = /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3 px-2 py-2 text-sm transition-colors hover:bg-bg-muted/20", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "flex h-8 w-8 shrink-0 items-center justify-center",
+            toneClass
+          ),
+          children: /* @__PURE__ */ jsx(entry.icon, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block truncate font-medium text-txt", children: entry.title }),
+        entry.detail ? /* @__PURE__ */ jsx("span", { className: "block truncate text-xs-tight text-muted", children: entry.detail }) : null
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[0.68rem] font-medium text-muted", children: formatRelativeTimestamp(entry.timestamp) })
+    ] });
+    if (entry.href) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: entry.href,
+          target: "_blank",
+          rel: "noreferrer",
+          children: body
+        },
+        entry.id
+      );
+    }
+    return /* @__PURE__ */ jsx("div", { children: body }, entry.id);
+  }) });
+}
+function NftPreview({ nfts }) {
+  const visible = nfts.slice(0, 6);
+  if (visible.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { icon: ImageIcon, title: "None" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-3", children: visible.map((nft) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "overflow-hidden",
+      children: [
+        nft.imageUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: nft.imageUrl,
+            alt: nft.name,
+            className: "aspect-square w-full object-cover",
+            loading: "lazy"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex aspect-square items-center justify-center", children: /* @__PURE__ */ jsx(ImageIcon, { className: "h-5 w-5 text-muted" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 p-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "truncate text-xs font-medium text-txt", children: nft.name }),
+          /* @__PURE__ */ jsx("div", { className: "truncate text-[0.68rem] text-muted", children: nft.collectionName })
+        ] })
+      ]
+    },
+    `${nft.chain}:${nft.collectionName}:${nft.name}:${nft.imageUrl}`
+  )) });
+}
+function LpPositionsPanel({
+  positions
+}) {
+  if (positions.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { icon: Layers3, title: "None" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-1", children: positions.map((position) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex min-w-0 items-center gap-3 px-2 py-2 transition-colors hover:bg-bg-muted/20",
+      children: [
+        position.imageUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: position.imageUrl,
+            alt: position.label,
+            className: "h-10 w-10 shrink-0 object-cover",
+            loading: "lazy"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center", children: position.kind === "nft" ? /* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4 text-muted" }) : /* @__PURE__ */ jsx(Layers3, { className: "h-4 w-4 text-muted" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold text-txt", children: position.label }),
+          /* @__PURE__ */ jsx("div", { className: "truncate text-xs-tight text-muted", children: position.detail })
+        ] }),
+        position.valueUsd !== null && position.valueUsd > 0 ? /* @__PURE__ */ jsx("div", { className: "shrink-0 font-mono text-sm font-semibold text-txt", children: formatUsd(position.valueUsd) }) : null
+      ]
+    },
+    position.id
+  )) });
+}
+function InventoryAppView() {
+  const {
+    walletEnabled,
+    walletAddresses,
+    walletConfig,
+    walletBalances,
+    walletNfts,
+    walletLoading,
+    walletNftsLoading,
+    walletError,
+    loadWalletConfig,
+    loadBalances,
+    loadNfts,
+    setState,
+    setTab,
+    setActionNotice
+  } = useAppSelectorShallow((s) => ({
+    walletEnabled: s.walletEnabled,
+    walletAddresses: s.walletAddresses,
+    walletConfig: s.walletConfig,
+    walletBalances: s.walletBalances,
+    walletNfts: s.walletNfts,
+    walletLoading: s.walletLoading,
+    walletNftsLoading: s.walletNftsLoading,
+    walletError: s.walletError,
+    loadWalletConfig: s.loadWalletConfig,
+    loadBalances: s.loadBalances,
+    loadNfts: s.loadNfts,
+    setState: s.setState,
+    setTab: s.setTab,
+    setActionNotice: s.setActionNotice
+  }));
+  const { events: activityEvents } = useActivityEvents();
+  const [hiddenTokenIds, setHiddenTokenIds] = useState(
+    () => readHiddenTokenIds()
+  );
+  const [dashboardWindow, setDashboardWindow] = useState("30d");
+  const [tradingProfile, setTradingProfile] = useState(null);
+  const [tradingProfileLoading, setTradingProfileLoading] = useState(false);
+  const [tradingProfileError, setTradingProfileError] = useState(
+    null
+  );
+  const [marketOverview, setMarketOverview] = useState(null);
+  const [marketOverviewLoading, setMarketOverviewLoading] = useState(false);
+  const initialLoadRef = useRef(false);
+  const tradingProfileRequestRef = useRef(0);
+  const marketOverviewRequestRef = useRef(0);
+  const loadTradingProfile = useCallback(async () => {
+    const requestId = tradingProfileRequestRef.current + 1;
+    tradingProfileRequestRef.current = requestId;
+    setTradingProfileLoading(true);
+    setTradingProfileError(null);
+    try {
+      const profile = await client.getWalletTradingProfile(
+        tradingProfileWindow(dashboardWindow)
+      );
+      if (tradingProfileRequestRef.current === requestId) {
+        setTradingProfile(profile);
+      }
+    } catch (cause) {
+      const message = cause instanceof Error && cause.message.trim().length > 0 ? cause.message.trim() : "Failed to load trading profile.";
+      if (tradingProfileRequestRef.current === requestId) {
+        setTradingProfile(null);
+        setTradingProfileError(message);
+      }
+    } finally {
+      if (tradingProfileRequestRef.current === requestId) {
+        setTradingProfileLoading(false);
+      }
+    }
+  }, [dashboardWindow]);
+  const loadMarketOverview = useCallback(async () => {
+    const requestId = marketOverviewRequestRef.current + 1;
+    marketOverviewRequestRef.current = requestId;
+    setMarketOverviewLoading(true);
+    try {
+      const overview = await client.getWalletMarketOverview();
+      if (marketOverviewRequestRef.current === requestId) {
+        setMarketOverview(overview);
+      }
+    } catch {
+      if (marketOverviewRequestRef.current === requestId) {
+        setMarketOverview(null);
+      }
+    } finally {
+      if (marketOverviewRequestRef.current === requestId) {
+        setMarketOverviewLoading(false);
+      }
+    }
+  }, []);
+  useEffect(() => {
+    if (initialLoadRef.current) return;
+    initialLoadRef.current = true;
+    void loadWalletConfig();
+    void loadMarketOverview();
+    if (walletEnabled === false) return;
+    void loadBalances();
+    void loadNfts();
+  }, [
+    loadBalances,
+    loadMarketOverview,
+    loadNfts,
+    loadWalletConfig,
+    walletEnabled
+  ]);
+  useEffect(() => {
+    void loadTradingProfile();
+  }, [loadTradingProfile]);
+  useEffect(() => {
+    if (walletEnabled === false) return;
+    const interval = window.setInterval(() => {
+      void loadWalletConfig();
+      void loadBalances();
+      void loadNfts();
+      void loadTradingProfile();
+      void loadMarketOverview();
+    }, WALLET_REFRESH_INTERVAL_MS);
+    return () => window.clearInterval(interval);
+  }, [
+    loadBalances,
+    loadMarketOverview,
+    loadNfts,
+    loadTradingProfile,
+    loadWalletConfig,
+    walletEnabled
+  ]);
+  const inventoryData = useInventoryData({
+    walletBalances,
+    walletAddresses,
+    walletConfig,
+    walletNfts,
+    inventorySort: "value",
+    inventorySortDirection: "desc",
+    inventoryChainFilters: ALL_INVENTORY_FILTERS
+  });
+  const addresses = useMemo(
+    () => resolveWalletAddresses({ walletAddresses, walletConfig }),
+    [walletAddresses, walletConfig]
+  );
+  const visibleAssetRows = useMemo(
+    () => inventoryData.tokenRowsAllChains.filter(tokenHasInventory),
+    [inventoryData.tokenRowsAllChains]
+  );
+  const displayedAssetRows = useMemo(
+    () => visibleAssetRows.filter((row) => !hiddenTokenIds.has(tokenId(row))),
+    [hiddenTokenIds, visibleAssetRows]
+  );
+  const lpPositions = useMemo(
+    () => deriveInventoryPositionAssets({
+      tokenRows: displayedAssetRows,
+      nfts: inventoryData.allNfts
+    }),
+    [displayedAssetRows, inventoryData.allNfts]
+  );
+  const pnlValue = parseAmount(tradingProfile?.summary.realizedPnlBnb);
+  const showTradePnl = hasClosedTradePnl(tradingProfile);
+  const hasWalletTimeline = activityEvents.length > 0 || (tradingProfile?.recentSwaps.length ?? 0) > 0;
+  const showMarketPulseHero = walletEnabled === false || !walletLoading && !walletNftsLoading && !tradingProfileLoading && displayedAssetRows.length === 0 && lpPositions.length === 0 && inventoryData.allNfts.length === 0 && !showTradePnl && !hasWalletTimeline;
+  const handleHideToken = useCallback(
+    (row) => {
+      const next = new Set(hiddenTokenIds);
+      next.add(tokenId(row));
+      setHiddenTokenIds(next);
+      writeHiddenTokenIds(next);
+      setActionNotice(`${row.symbol} hidden from this wallet view.`);
+    },
+    [hiddenTokenIds, setActionNotice]
+  );
+  const handleOpenRpcSettings = useCallback(() => {
+    setTab("settings");
+    if (typeof window !== "undefined") {
+      window.location.hash = "wallet-rpc";
+    }
+  }, [setTab]);
+  const handleEnableWallet = useCallback(() => {
+    setState("walletEnabled", true);
+    void loadWalletConfig();
+    void loadBalances();
+    void loadNfts();
+  }, [loadBalances, loadNfts, loadWalletConfig, setState]);
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      "data-testid": "wallet-shell",
+      className: "h-full min-h-0 w-full overflow-y-auto bg-bg",
+      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 px-5 pt-6 pb-28", children: [
+        walletError ? /* @__PURE__ */ jsx("div", { className: "px-1 py-2 text-sm text-danger", children: walletError }) : null,
+        /* @__PURE__ */ jsx(
+          WalletHoldingsSection,
+          {
+            rows: visibleAssetRows,
+            nfts: inventoryData.allNfts,
+            positions: lpPositions,
+            addresses,
+            hiddenTokenIds,
+            walletConfig,
+            profile: tradingProfile,
+            onHideToken: handleHideToken,
+            onOpenRpcSettings: handleOpenRpcSettings,
+            walletEnabled,
+            onEnableWallet: handleEnableWallet
+          }
+        ),
+        showMarketPulseHero ? /* @__PURE__ */ jsx(
+          MarketPulseHero,
+          {
+            overview: marketOverview,
+            loading: marketOverviewLoading,
+            hasKeys: addresses.evmAddress !== null || addresses.solanaAddress !== null,
+            onConfigureKeys: handleOpenRpcSettings
+          }
+        ) : null,
+        !showMarketPulseHero ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+          /* @__PURE__ */ jsxs(
+            DashboardSection,
+            {
+              title: "P&L",
+              icon: BarChart3,
+              action: /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: DASHBOARD_WINDOWS.map((window2) => /* @__PURE__ */ jsx(
+                DashboardWindowButton,
+                {
+                  window: window2,
+                  active: dashboardWindow === window2,
+                  onSelect: setDashboardWindow
+                },
+                window2
+              )) }),
+              children: [
+                showTradePnl && pnlValue !== null || displayedAssetRows.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-3", children: [
+                  showTradePnl && pnlValue !== null ? /* @__PURE__ */ jsx(
+                    SummaryChip,
+                    {
+                      icon: pnlValue >= 0 ? TrendingUp : TrendingDown,
+                      value: `${pnlValue > 0 ? "+" : ""}${formatBnb(tradingProfile?.summary.realizedPnlBnb)}`,
+                      tone: pnlValue >= 0 ? "gain" : "loss",
+                      title: "Realized P&L"
+                    }
+                  ) : null,
+                  displayedAssetRows.length > 0 ? /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(AssetAllocationStrip, { rows: displayedAssetRows, compact: true }) }) : null
+                ] }) : null,
+                /* @__PURE__ */ jsx(PnlChart, { profile: tradingProfile }),
+                tradingProfileError ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-xs-tight text-danger", children: tradingProfileError }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(DashboardSection, { title: "Activity", icon: Activity, children: /* @__PURE__ */ jsx(ActivityLog, { profile: tradingProfile, events: activityEvents }) }),
+          /* @__PURE__ */ jsx(DashboardSection, { title: "Movers", icon: TrendingUp, children: /* @__PURE__ */ jsx(
+            PortfolioMoversPanel,
+            {
+              rows: displayedAssetRows,
+              profile: tradingProfile,
+              marketOverview
+            }
+          ) }),
+          /* @__PURE__ */ jsx(DashboardSection, { title: "LP positions", icon: Layers3, children: /* @__PURE__ */ jsx(LpPositionsPanel, { positions: lpPositions }) }),
+          /* @__PURE__ */ jsx(DashboardSection, { title: "NFTs", icon: ImageIcon, children: /* @__PURE__ */ jsx(NftPreview, { nfts: inventoryData.allNfts }) })
+        ] }) : null
+      ] })
+    }
+  );
+}
+export {
+  InventoryAppView
+};
+//# sourceMappingURL=InventoryAppView.js.map