@elizaos/app-core 2.0.0-alpha.346 → 2.0.0-alpha.347

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/app-core",
-  "version": "2.0.0-alpha.346",
+  "version": "2.0.0-alpha.347",
   "description": "Shared application core for elizaOS white-label agent apps.",
   "type": "module",
   "license": "MIT",
@@ -469,7 +469,7 @@
     "@capacitor/preferences": "^8.0.1",
     "@capacitor/push-notifications": "^8.0.0",
     "@clack/prompts": "^1.0.0",
-    "@elizaos/agent": "^2.0.0-alpha.346",
+    "@elizaos/agent": "^2.0.0-alpha.347",
     "@elizaos/app-companion": "^0.0.0",
     "@elizaos/app-elizamaker": "^0.0.0",
     "@elizaos/app-lifeops": "^0.0.0",
@@ -478,11 +478,11 @@
     "@elizaos/app-task-coordinator": "^0.0.0",
     "@elizaos/app-training": "^0.0.1",
     "@elizaos/app-vincent": "^0.0.0",
-    "@elizaos/core": "^2.0.0-alpha.346",
+    "@elizaos/core": "^2.0.0-alpha.347",
     "@elizaos/plugin-browser-bridge": "^0.1.0",
     "@elizaos/plugin-wechat": "^0.1.0",
-    "@elizaos/shared": "^2.0.0-alpha.346",
-    "@elizaos/ui": "^2.0.0-alpha.346",
+    "@elizaos/shared": "^2.0.0-alpha.347",
+    "@elizaos/ui": "^2.0.0-alpha.347",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",

package/packages/app-core/src/components/chat/widgets/wallet-status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wallet-status.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/wallet-status.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,2BAA2B,EAC3B,sBAAsB,EACvB,MAAM,SAAS,CAAC;AA8EjB,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,sBAAsB,kDAyJvE;AAED,eAAO,MAAM,oBAAoB,EAAE,2BAMlC,CAAC"}
+{"version":3,"file":"wallet-status.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/wallet-status.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,2BAA2B,EAC3B,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAkIjB,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,sBAAsB,kDAwKvE;AAED,eAAO,MAAM,oBAAoB,EAAE,2BAMlC,CAAC"}

package/packages/app-core/src/components/chat/widgets/wallet-status.js

@@ -2,9 +2,30 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check, Copy, Wallet } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import { useApp } from "../../../state";
+import { resolveChainKey } from "../../inventory/chainConfig";
 import { EmptyWidgetState, WidgetSection } from "./shared";
 const DUST_THRESHOLD_USD = 0.01;
 const COPY_FEEDBACK_MS = 1200;
+const EVM_CHAIN_ORDER = [
+    "ethereum",
+    "base",
+    "arbitrum",
+    "optimism",
+    "polygon",
+    "bsc",
+    "avax",
+];
+const EVM_CHAIN_KEYS = new Set(EVM_CHAIN_ORDER);
+const CHAIN_BADGE_LABELS = {
+    ethereum: "ETH",
+    base: "BASE",
+    arbitrum: "ARB",
+    optimism: "OP",
+    polygon: "POL",
+    bsc: "BSC",
+    avax: "AVAX",
+    solana: "SOL",
+};
 function shortenAddress(value) {
     if (!value)
         return null;
@@ -33,6 +54,22 @@ function hasPositiveBalance(value) {
     const parsed = Number.parseFloat(value);
     return Number.isFinite(parsed) && parsed > 0;
 }
+function normalizeEvmChainKeys(chainNames) {
+    const seen = new Set();
+    for (const chainName of chainNames) {
+        const chainKey = resolveChainKey(chainName);
+        if (chainKey && EVM_CHAIN_KEYS.has(chainKey)) {
+            seen.add(chainKey);
+        }
+    }
+    return EVM_CHAIN_ORDER.filter((chainKey) => seen.has(chainKey));
+}
+function ChainBadge({ chain }) {
+    return (_jsx("span", { className: "inline-flex h-4 shrink-0 items-center rounded-full border border-border/35 bg-bg/40 px-1.5 font-mono text-[0.52rem] font-semibold leading-none text-muted", title: chain, children: CHAIN_BADGE_LABELS[chain] }));
+}
+function ChainBadges({ chains }) {
+    return (_jsx("span", { className: "flex min-w-0 flex-wrap items-center gap-1", children: chains.map((chain) => (_jsx(ChainBadge, { chain: chain }, chain))) }));
+}
 function CopyAddressButton({ value, label }) {
     const [copied, setCopied] = useState(false);
     useEffect(() => {
@@ -58,18 +95,31 @@ function CopyAddressButton({ value, label }) {
     return (_jsx("button", { type: "button", onClick: onClick, "aria-label": copied ? `${label} copied` : `Copy ${label}`, title: copied ? "Copied" : "Copy", className: "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-[var(--radius-sm)] bg-transparent text-muted transition-colors hover:text-txt", children: copied ? (_jsx(Check, { className: "h-3 w-3", "aria-hidden": true })) : (_jsx(Copy, { className: "h-3 w-3", "aria-hidden": true })) }));
 }
 export function WalletStatusSidebarWidget(_props) {
-    const { walletEnabled, walletAddresses, walletBalances, loadBalances, setTab, } = useApp();
+    const { walletEnabled, walletAddresses, walletConfig, walletBalances, loadWalletConfig, loadBalances, setTab, } = useApp();
     useEffect(() => {
         if (walletEnabled === false)
             return;
+        if (walletConfig === null) {
+            void loadWalletConfig();
+        }
         if (walletBalances !== null)
             return;
         void loadBalances();
-    }, [walletEnabled, walletBalances, loadBalances]);
+    }, [
+        walletEnabled,
+        walletConfig,
+        walletBalances,
+        loadWalletConfig,
+        loadBalances,
+    ]);
     const evmAddress = walletAddresses?.evmAddress ?? null;
     const solanaAddress = walletAddresses?.solanaAddress ?? null;
     const evmShort = shortenAddress(evmAddress);
     const solanaShort = shortenAddress(solanaAddress);
+    const evmChains = normalizeEvmChainKeys([
+        ...(walletConfig?.evmChains ?? []),
+        ...(walletBalances?.evm?.chains.map((chain) => chain.chain) ?? []),
+    ]);
     const walletSummary = useMemo(() => {
         let assetCount = 0;
         let totalUsd = 0;
@@ -114,7 +164,7 @@ export function WalletStatusSidebarWidget(_props) {
     }
     const hasAnyAddress = Boolean(evmAddress || solanaAddress);
     const hasAnyBalanceRow = walletSummary.assetCount > 0;
-    return (_jsx(WidgetSection, { title: "Wallet", icon: _jsx(Wallet, { className: "h-3.5 w-3.5" }), testId: "chat-widget-wallet-status", onTitleClick: () => setTab("inventory"), children: hasAnyAddress ? (_jsxs("div", { className: "flex flex-col gap-1.5 px-1 pt-0.5", children: [evmAddress ? (_jsxs("div", { className: "flex items-center justify-between gap-2 text-3xs", "data-testid": "chat-widget-wallet-row-evm-address", children: [_jsx("span", { className: "text-muted", children: "EVM" }), _jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [_jsx("span", { className: "truncate font-mono text-txt", title: evmAddress, children: evmShort }), _jsx(CopyAddressButton, { value: evmAddress, label: "EVM address" })] })] })) : null, solanaAddress ? (_jsxs("div", { className: "flex items-center justify-between gap-2 text-3xs", "data-testid": "chat-widget-wallet-row-solana-address", children: [_jsx("span", { className: "text-muted", children: "Solana" }), _jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [_jsx("span", { className: "truncate font-mono text-txt", title: solanaAddress, children: solanaShort }), _jsx(CopyAddressButton, { value: solanaAddress, label: "Solana address" })] })] })) : null, hasAnyBalanceRow ? (_jsxs("div", { className: "mt-1 flex flex-col gap-1 border-t border-border/20 pt-1.5", children: [_jsxs("div", { className: "flex items-center justify-between text-3xs", "data-testid": "chat-widget-wallet-row-assets", children: [_jsx("span", { className: "truncate text-muted", children: "Assets" }), _jsx("span", { className: "shrink-0 text-txt", children: walletSummary.assetCount })] }), _jsxs("div", { className: "flex items-center justify-between text-3xs", "data-testid": "chat-widget-wallet-row-value", children: [_jsx("span", { className: "truncate text-muted", children: "Value" }), _jsx("span", { className: "shrink-0 text-txt", children: formatUsd(walletSummary.totalUsd) })] })] })) : null] })) : (_jsx(EmptyWidgetState, { icon: _jsx(Wallet, { className: "h-5 w-5" }), title: "No wallet addresses yet" })) }));
+    return (_jsx(WidgetSection, { title: "Wallet", icon: _jsx(Wallet, { className: "h-3.5 w-3.5" }), testId: "chat-widget-wallet-status", onTitleClick: () => setTab("inventory"), children: hasAnyAddress ? (_jsxs("div", { className: "flex flex-col gap-1.5 px-1 pt-0.5", children: [evmAddress ? (_jsxs("div", { className: "flex items-center justify-between gap-2 text-3xs", "data-testid": "chat-widget-wallet-row-evm-address", children: [_jsx(ChainBadges, { chains: evmChains }), _jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [_jsx("span", { className: "truncate font-mono text-txt", title: evmAddress, children: evmShort }), _jsx(CopyAddressButton, { value: evmAddress, label: "EVM address" })] })] })) : null, solanaAddress ? (_jsxs("div", { className: "flex items-center justify-between gap-2 text-3xs", "data-testid": "chat-widget-wallet-row-solana-address", children: [_jsx(ChainBadge, { chain: "solana" }), _jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [_jsx("span", { className: "truncate font-mono text-txt", title: solanaAddress, children: solanaShort }), _jsx(CopyAddressButton, { value: solanaAddress, label: "Solana address" })] })] })) : null, hasAnyBalanceRow ? (_jsxs("div", { className: "mt-1 flex flex-col gap-1 border-t border-border/20 pt-1.5", children: [_jsxs("div", { className: "flex items-center justify-between text-3xs", "data-testid": "chat-widget-wallet-row-assets", children: [_jsx("span", { className: "truncate text-muted", children: "Assets" }), _jsx("span", { className: "shrink-0 text-txt", children: walletSummary.assetCount })] }), _jsxs("div", { className: "flex items-center justify-between text-3xs", "data-testid": "chat-widget-wallet-row-value", children: [_jsx("span", { className: "truncate text-muted", children: "Value" }), _jsx("span", { className: "shrink-0 text-txt", children: formatUsd(walletSummary.totalUsd) })] })] })) : null] })) : (_jsx(EmptyWidgetState, { icon: _jsx(Wallet, { className: "h-5 w-5" }), title: "No wallet addresses yet" })) }));
 }
 export const WALLET_STATUS_WIDGET = {
     id: "wallet.status",