@microcosmmoney/portal-react 3.12.8 → 3.13.0

package/dist/main-portal/components/wallet/MCCHistory.d.ts

@@ -0,0 +1,9 @@
+interface MCCHistoryProps {
+    userId: string | undefined;
+    showTitle?: boolean;
+    limit?: number;
+    defaultType?: string;
+    defaultExpanded?: boolean;
+}
+export default function MCCHistory({ userId, showTitle, limit, defaultType, defaultExpanded }: MCCHistoryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main-portal/components/wallet/MCCHistory.js

@@ -0,0 +1,100 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MCCHistory;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const lucide_react_1 = require("lucide-react");
+const card_1 = require("../ui/card");
+const badge_1 = require("../ui/badge");
+const api_service_1 = require("../../lib/api-service");
+const time_remaining_1 = require("../ui/time-remaining");
+const utils_1 = require("../../lib/utils");
+const formatNumber = (num, decimals = 2) => num.toLocaleString('en-US', { minimumFractionDigits: decimals, maximumFractionDigits: decimals });
+const dateFormatOptions = {
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+};
+const getTypeIcon = (type, direction) => {
+    switch (type) {
+        case 'mining':
+            return (0, jsx_runtime_1.jsx)(lucide_react_1.Pickaxe, { className: "h-4 w-4 text-white" });
+        case 'reward':
+            return (0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { className: "h-4 w-4 text-cyan-400" });
+        case 'lock':
+            return (0, jsx_runtime_1.jsx)(lucide_react_1.Lock, { className: "h-4 w-4 text-cyan-400" });
+        case 'unlock':
+            return (0, jsx_runtime_1.jsx)(lucide_react_1.Unlock, { className: "h-4 w-4 text-cyan-400" });
+        case 'reincarnation':
+            return (0, jsx_runtime_1.jsx)(lucide_react_1.RotateCcw, { className: "h-4 w-4 text-cyan-400" });
+        case 'transfer':
+            return direction === 'in'
+                ? (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowDownLeft, { className: "h-4 w-4 text-white" })
+                : (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowUpRight, { className: "h-4 w-4 text-red-400" });
+        default:
+            return direction === 'in'
+                ? (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowDownLeft, { className: "h-4 w-4 text-white" })
+                : (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowUpRight, { className: "h-4 w-4 text-red-400" });
+    }
+};
+const getTypeLabel = (type) => {
+    const labels = {
+        mining: '铸造',
+        reincarnation: '做市',
+        transfer: '转账',
+        reward: '奖励',
+        lock: '锁定',
+        unlock: '解锁',
+    };
+    return labels[type] || type;
+};
+const getStatusBadge = (status) => {
+    switch (status) {
+        case 'confirmed':
+        case 'completed':
+            return (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-white/20 text-white border border-white/30", children: "\u5DF2\u786E\u8BA4" });
+        case 'pending':
+            return (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-cyan-400/20 text-cyan-400 border border-cyan-400/30", children: "\u5904\u7406\u4E2D" });
+        case 'failed':
+            return (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-red-500/20 text-red-500 border border-red-500/30", children: "\u5931\u8D25" });
+        default:
+            return (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-neutral-500/20 text-neutral-300 border border-neutral-500/30", children: status });
+    }
+};
+function MCCHistory({ userId, showTitle = true, limit = 20, defaultType = 'all', defaultExpanded = false }) {
+    const [history, setHistory] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [filterType, setFilterType] = (0, react_1.useState)(defaultType);
+    const [expanded, setExpanded] = (0, react_1.useState)(defaultExpanded);
+    const fetchHistory = async () => {
+        if (!userId) {
+            setLoading(false);
+            return;
+        }
+        try {
+            setLoading(true);
+            const res = await (0, api_service_1.getMCCHistory)(userId, { limit, type: filterType });
+            if (res.success && res.data) {
+                setHistory(res.data);
+            }
+        }
+        catch (err) {
+            console.error('[MCCHistory] 获取历史失败:', err);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        fetchHistory();
+    }, [userId, filterType]);
+    const summaryText = history.length > 0
+        ? `MCC 交易历史 · 共 ${history.length} 笔 · 最近: ${new Date(history[0].created_at).toLocaleDateString('zh-CN')}`
+        : 'MCC 交易历史 · 暂无记录';
+    return ((0, jsx_runtime_1.jsxs)("div", { id: "mcc-history", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setExpanded(!expanded), className: "flex items-center gap-2 text-neutral-400 hover:text-neutral-300 text-sm transition-colors w-full justify-center py-2", children: [expanded ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { className: "w-4 h-4" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "w-4 h-4" }), summaryText] }), expanded && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card mt-2", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Filter, { className: "h-4 w-4 text-neutral-400" }), (0, jsx_runtime_1.jsxs)("select", { value: filterType, onChange: (e) => setFilterType(e.target.value), className: "bg-neutral-800 border border-neutral-600 text-white text-xs rounded px-2 py-1.5 focus:outline-none focus:border-neutral-500", children: [(0, jsx_runtime_1.jsx)("option", { value: "all", children: "\u5168\u90E8\u8BB0\u5F55" }), (0, jsx_runtime_1.jsx)("option", { value: "mining", children: "\u94F8\u9020" }), (0, jsx_runtime_1.jsx)("option", { value: "reincarnation", children: "\u505A\u5E02" }), (0, jsx_runtime_1.jsx)("option", { value: "transfer", children: "\u8F6C\u8D26" }), (0, jsx_runtime_1.jsx)("option", { value: "reward", children: "\u5956\u52B1" }), (0, jsx_runtime_1.jsx)("option", { value: "lock", children: "\u9501\u5B9A" }), (0, jsx_runtime_1.jsx)("option", { value: "unlock", children: "\u89E3\u9501" })] })] }), (0, jsx_runtime_1.jsx)("button", { onClick: fetchHistory, disabled: loading, className: "text-neutral-400 hover:text-white transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: (0, utils_1.cn)("w-4 h-4", loading && "animate-spin") }) })] }), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: "w-5 h-5 animate-spin text-neutral-500" }) })) : history.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8 text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.History, { className: "w-6 h-6 mx-auto mb-2 opacity-50" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm", children: "\u6682\u65E0\u4EA4\u6613\u8BB0\u5F55" })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: history.map((record) => ((0, jsx_runtime_1.jsx)("div", { className: "p-3 bg-neutral-800 border border-neutral-700 rounded hover:bg-neutral-700 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-1.5 rounded bg-neutral-700", children: getTypeIcon(record.type, record.direction) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm text-white", children: record.source_display || getTypeLabel(record.type) }), getStatusBadge(record.status)] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-500 mt-0.5", children: [(0, jsx_runtime_1.jsx)(time_remaining_1.FormattedDateCustom, { dateTime: record.created_at, options: dateFormatOptions }), record.memo && (0, jsx_runtime_1.jsx)("span", { className: "ml-2", children: record.memo })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-right", children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("text-sm font-bold font-mono", record.direction === 'in' ? 'text-white' : 'text-red-400'), children: [record.direction === 'in' ? '+' : '-', record.type === 'mining' && record.distribution_details?.user_mcc !== undefined
+                                                            ? formatNumber(record.distribution_details.user_mcc)
+                                                            : formatNumber(record.amount), (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-normal text-neutral-500 ml-1", children: "MCC" })] }), record.tx_hash && ((0, jsx_runtime_1.jsxs)("a", { href: `https://solscan.io/tx/${record.tx_hash}`, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 text-xs text-cyan-400 hover:text-cyan-300 mt-1", children: [(0, jsx_runtime_1.jsxs)("code", { className: "font-mono", children: [record.tx_hash.slice(0, 8), "..."] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "h-3 w-3" })] }))] })] }) }, record.id))) }))] }) }))] }));
+}

package/dist/main-portal/components/wallet/WalletManagement.d.ts

@@ -0,0 +1,5 @@
+interface WalletManagementProps {
+    className?: string;
+}
+export default function WalletManagement({ className }: WalletManagementProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main-portal/components/wallet/WalletManagement.js

@@ -0,0 +1,144 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = WalletManagement;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const lucide_react_1 = require("lucide-react");
+const card_1 = require("../ui/card");
+const badge_1 = require("../ui/badge");
+const lucide_react_2 = require("lucide-react");
+const button_1 = require("../ui/button");
+const useAuth_1 = require("../../hooks/useAuth");
+const auth_service_1 = require("../../lib/auth-service");
+const utils_1 = require("../../lib/utils");
+const api_1 = require("../../lib/wallet-auth/api");
+const dialog_1 = require("../ui/dialog");
+const public_mining_modal_1 = __importDefault(require("../resources/public-mining-modal"));
+const next_intl_1 = require("next-intl");
+const MIN_BIND_AMOUNT = 0.01;
+const DEFAULT_BIND_AMOUNT = 0.1;
+function WalletManagement({ className }) {
+    const { user } = (0, useAuth_1.useAuth)();
+    const t = (0, next_intl_1.useTranslations)('wallet');
+    const [wallets, setWallets] = (0, react_1.useState)([]);
+    const [primaryWallet, setPrimaryWalletAddress] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [actionLoading, setActionLoading] = (0, react_1.useState)(null);
+    const [showMiningModal, setShowMiningModal] = (0, react_1.useState)(false);
+    const [showDeleteConfirm, setShowDeleteConfirm] = (0, react_1.useState)(null);
+    const [copiedAddress, setCopiedAddress] = (0, react_1.useState)(null);
+    const getToken = async () => {
+        try {
+            return await (0, auth_service_1.getCurrentUserToken)();
+        }
+        catch {
+            return null;
+        }
+    };
+    const loadWallets = (0, react_1.useCallback)(async () => {
+        const token = await getToken();
+        if (!token) {
+            setLoading(false);
+            return;
+        }
+        try {
+            setLoading(true);
+            setError(null);
+            const response = await (0, api_1.listWallets)(token);
+            if (response.success && response.data) {
+                setWallets(response.data.wallets);
+                setPrimaryWalletAddress(response.data.primary_wallet);
+            }
+            else {
+                setError(response.error || 'Failed to load wallets');
+            }
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Failed to load wallets');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (user) {
+            loadWallets();
+        }
+    }, [user, loadWallets]);
+    (0, react_1.useEffect)(() => {
+        const handleVisibility = () => {
+            if (document.visibilityState === 'visible' && user) {
+                loadWallets();
+            }
+        };
+        document.addEventListener('visibilitychange', handleVisibility);
+        return () => document.removeEventListener('visibilitychange', handleVisibility);
+    }, [user, loadWallets]);
+    const handleCopy = async (address) => {
+        try {
+            await navigator.clipboard.writeText(address);
+            setCopiedAddress(address);
+            setTimeout(() => setCopiedAddress(null), 2000);
+        }
+        catch { }
+    };
+    const handleSetPrimary = async (walletAddress) => {
+        const token = await getToken();
+        if (!token)
+            return;
+        try {
+            setActionLoading(walletAddress);
+            const response = await (0, api_1.setPrimaryWallet)(walletAddress, token);
+            if (response.success) {
+                await loadWallets();
+            }
+            else {
+                setError(response.error || 'Failed to set primary wallet');
+            }
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Failed to set primary wallet');
+        }
+        finally {
+            setActionLoading(null);
+        }
+    };
+    const handleRemove = async (walletAddress) => {
+        const token = await getToken();
+        if (!token)
+            return;
+        try {
+            setActionLoading(walletAddress);
+            setShowDeleteConfirm(null);
+            const response = await (0, api_1.removeWallet)(walletAddress, token);
+            if (response.success) {
+                await loadWallets();
+            }
+            else {
+                setError(response.error || 'Failed to remove wallet');
+            }
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Failed to remove wallet');
+        }
+        finally {
+            setActionLoading(null);
+        }
+    };
+    const handleMiningSuccess = () => {
+        setShowMiningModal(false);
+        loadWallets();
+    };
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: (0, utils_1.cn)("bg-neutral-900 border-neutral-700 dash-card", className), children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-6", children: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_2.Loader2, { className: "w-5 h-5 animate-spin text-cyan-400" }) }) }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: (0, utils_1.cn)("bg-neutral-900 border-neutral-700 dash-card", className), children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-5 h-5 text-neutral-400" }), (0, jsx_runtime_1.jsx)("h3", { className: "text-white font-medium", children: t('title') }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-neutral-400", children: ["(", wallets.length, ")"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "sm", onClick: loadWallets, disabled: loading, className: "text-neutral-400 hover:text-white", children: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: (0, utils_1.cn)("w-4 h-4", loading && "animate-spin") }) }), (0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", onClick: () => setShowMiningModal(true), className: "bg-cyan-700 hover:bg-cyan-600 text-white", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Pickaxe, { className: "w-4 h-4 mr-1" }), t('bindWallet')] })] })] }), error && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4 p-3 bg-red-500/20 border border-red-500/50 rounded flex items-start gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "w-4 h-4 text-red-500 mt-0.5 flex-shrink-0" }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-red-400", children: error }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setError(null), className: "ml-auto text-red-400 hover:text-red-300", children: "\u00D7" })] })), wallets.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8 text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-12 h-12 mx-auto mb-3 opacity-50" }), (0, jsx_runtime_1.jsx)("p", { children: t('noWallets') }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm mt-2 text-neutral-500", children: t('bindHint') }), (0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", onClick: () => setShowMiningModal(true), className: "mt-4 bg-cyan-700 hover:bg-cyan-600 text-white", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Pickaxe, { className: "w-4 h-4 mr-1" }), t('startMining')] })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: wallets.map((wallet) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("p-4 rounded border transition-colors", wallet.is_primary
+                            ? "bg-cyan-400/10 border-cyan-400/30"
+                            : "bg-neutral-800 border-neutral-700 hover:border-neutral-600"), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [wallet.is_primary && ((0, jsx_runtime_1.jsx)(lucide_react_1.Star, { className: "w-4 h-4 text-cyan-400 fill-cyan-400" })), (0, jsx_runtime_1.jsx)("code", { className: "text-white font-mono text-sm truncate", children: wallet.wallet_address })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 text-xs text-neutral-400", children: [(0, jsx_runtime_1.jsx)("span", { className: "capitalize", children: wallet.wallet_type }), wallet.is_primary && ((0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-white/20 text-white border-0 text-xs", children: t('primary') })), (0, jsx_runtime_1.jsx)("span", { children: new Date(wallet.created_at).toLocaleDateString() })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "sm", onClick: () => handleCopy(wallet.wallet_address), className: "text-neutral-400 hover:text-white h-8 w-8 p-0", children: copiedAddress === wallet.wallet_address ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "w-4 h-4 text-white" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "w-4 h-4" })) }), (0, jsx_runtime_1.jsx)("a", { href: `https://solscan.io/account/${wallet.wallet_address}`, target: "_blank", rel: "noopener noreferrer", className: "text-neutral-400 hover:text-white h-8 w-8 p-0 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "w-4 h-4" }) }), !wallet.is_primary && ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "sm", onClick: () => handleSetPrimary(wallet.wallet_address), disabled: actionLoading === wallet.wallet_address, className: "text-neutral-400 hover:text-cyan-400 h-8 w-8 p-0", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Star, { className: "w-4 h-4" }) })), (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "sm", onClick: () => setShowDeleteConfirm(wallet.wallet_address), disabled: actionLoading === wallet.wallet_address, className: "text-neutral-400 hover:text-red-400 h-8 w-8 p-0", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { className: "w-4 h-4" }) })] })] }) }, wallet.wallet_address))) })), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: !!showDeleteConfirm, onOpenChange: () => setShowDeleteConfirm(null), children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "bg-neutral-900 border-neutral-700", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { className: "text-white", children: t('deleteTitle') }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { className: "text-neutral-400", children: t('deleteDesc') })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 p-3 bg-neutral-800 rounded border border-neutral-700", children: (0, jsx_runtime_1.jsx)("code", { className: "text-sm text-white font-mono break-all", children: showDeleteConfirm }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 mt-4", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", className: "flex-1 border-neutral-700 text-neutral-300 hover:bg-neutral-800", onClick: () => setShowDeleteConfirm(null), children: t('cancel') }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "flex-1 bg-red-600 hover:bg-red-500 text-white", onClick: () => showDeleteConfirm && handleRemove(showDeleteConfirm), children: t('confirmDelete') })] })] }) }), (0, jsx_runtime_1.jsx)(public_mining_modal_1.default, { isOpen: showMiningModal, onClose: () => setShowMiningModal(false), onSuccess: handleMiningSuccess })] }) }));
+}

package/dist/main-portal/components/wallet/WalletPage.d.ts

@@ -0,0 +1 @@
+export default function WalletPage(): import("react/jsx-runtime").JSX.Element;

package/dist/main-portal/components/wallet/WalletPage.js

@@ -0,0 +1,130 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = WalletPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const navigation_1 = require("../../i18n/navigation");
+const lucide_react_1 = require("lucide-react");
+const card_1 = require("../ui/card");
+const badge_1 = require("../ui/badge");
+const button_1 = require("../ui/button");
+const useAuth_1 = require("../../hooks/useAuth");
+const WalletContext_1 = require("../../contexts/WalletContext");
+const useWalletTokenBalances_1 = require("../../hooks/useWalletTokenBalances");
+const utils_1 = require("../../lib/utils");
+const MCCHistory_1 = __importDefault(require("./MCCHistory"));
+const time_remaining_1 = require("../ui/time-remaining");
+const next_intl_1 = require("next-intl");
+const formatNumber = (num, decimals = 2) => num.toLocaleString('en-US', { minimumFractionDigits: decimals, maximumFractionDigits: decimals });
+const formatUSD = (num) => '$' + num.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+function TokenIcon({ symbol, color, logoURI, className }) {
+    const [imgError, setImgError] = (0, react_1.useState)(false);
+    if (logoURI && !imgError) {
+        return ((0, jsx_runtime_1.jsx)("img", { src: logoURI, alt: symbol, className: (0, utils_1.cn)('w-10 h-10 rounded-full object-cover', className), onError: () => setImgError(true) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm', color, className), children: symbol.slice(0, 2) }));
+}
+function LockPeriodCard({ lock }) {
+    const t = (0, next_intl_1.useTranslations)('walletDash');
+    const { progress, mounted } = (0, time_remaining_1.useLockProgressValue)(lock.lock_end, 14);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-start mb-3", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: ["reason: ", lock.reason] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-2xl font-bold text-white font-mono", children: [formatNumber(lock.amount), " MCC"] })] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-cyan-400/20 text-cyan-400 border border-cyan-400/30", children: t('locked') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-neutral-400", children: [(0, jsx_runtime_1.jsx)("span", { children: "lock_start" }), (0, jsx_runtime_1.jsx)(time_remaining_1.FormattedDateTime, { dateTime: lock.lock_start, className: "text-white" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-neutral-400", children: [(0, jsx_runtime_1.jsx)("span", { children: "lock_end" }), (0, jsx_runtime_1.jsx)(time_remaining_1.FormattedDateTime, { dateTime: lock.lock_end, className: "text-white" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between font-bold mt-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: "remaining" }), (0, jsx_runtime_1.jsx)(time_remaining_1.LockDaysHoursRemaining, { endTime: lock.lock_end, className: "text-cyan-400" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-800 rounded-full h-2 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400 h-2 rounded-full transition-all", style: { width: `${mounted ? progress : 0}%` } }) }) })] }));
+}
+function AssetList({ holdings, hideBalance, showWalletColumn, isLoading }) {
+    const t = (0, next_intl_1.useTranslations)('walletDash');
+    // 1. 加载中 → 进度条
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "py-8 px-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-4 h-4 animate-spin text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 text-sm", children: t('syncingOnChainData') })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 max-w-xs mx-auto", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-800 rounded-full h-1.5 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400/60 h-1.5 rounded-full animate-pulse", style: { width: '60%' } }) }) })] }));
+    }
+    // 2. 加载完成但无资产 → 友好提示
+    if (holdings.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-8 text-neutral-500", children: (0, jsx_runtime_1.jsx)("p", { className: "text-sm", children: t('noValuedAssets') }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("gap-4 py-2 px-4 border-b border-neutral-700 text-xs font-medium text-neutral-400 tracking-wider grid", showWalletColumn ? "grid-cols-4" : "grid-cols-3"), children: [(0, jsx_runtime_1.jsx)("div", { children: t('token') }), showWalletColumn && (0, jsx_runtime_1.jsx)("div", { children: t('wallet') || 'Wallet' }), (0, jsx_runtime_1.jsx)("div", { className: "text-right", children: t('amount') }), (0, jsx_runtime_1.jsx)("div", { className: "text-right", children: t('valuation') })] }), (0, jsx_runtime_1.jsx)("div", { className: "divide-y divide-neutral-800", children: holdings.map((h, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("gap-4 py-3 px-4 items-center hover:bg-neutral-700 transition-colors rounded grid", showWalletColumn ? "grid-cols-4" : "grid-cols-3"), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(TokenIcon, { symbol: h.token.symbol, color: h.token.color, logoURI: h.token.logoURI }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-white font-medium text-sm", children: h.token.symbol }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: h.token.name })] })] }), showWalletColumn && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("code", { className: "text-xs text-neutral-400 font-mono", children: h.walletShort }), h.isPrimary && (0, jsx_runtime_1.jsx)("span", { className: "ml-1 text-[10px] text-cyan-400", children: "Primary" })] })), (0, jsx_runtime_1.jsx)("div", { className: "text-right", children: (0, jsx_runtime_1.jsx)("div", { className: "text-white text-sm font-mono", children: hideBalance ? '****' : formatNumber(h.balance, h.balance < 1 ? 6 : 4) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-right", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-300 text-sm font-mono", children: hideBalance ? '****' : formatUSD(h.usdValue) }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: formatUSD(h.price) })] })] }, `${h.token.mint}-${h.wallet || idx}`))) })] }));
+}
+function WalletPage() {
+    const t = (0, next_intl_1.useTranslations)('walletDash');
+    const { user, userInfo, loading: authLoading } = (0, useAuth_1.useAuth)();
+    const { totalBalance, lockPeriods, mcdAmount, mcdTotalReceived, mcdDailyRewards, loading, isRefreshing, error, refreshBalance, refreshMinting, refreshMCD } = (0, WalletContext_1.useWallet)();
+    const [activeTab, setActiveTab] = (0, react_1.useState)('all');
+    const [hideBalance, setHideBalance] = (0, react_1.useState)(false);
+    // 直接从 useAuth 缓存的 userInfo 获取钱包列表，不再重复调用 API
+    const wallets = react_1.default.useMemo(() => {
+        if (!userInfo)
+            return [];
+        if (userInfo.wallets && userInfo.wallets.length > 0) {
+            return userInfo.wallets;
+        }
+        if (userInfo.wallet_address) {
+            return [{ wallet_address: userInfo.wallet_address, is_primary: true }];
+        }
+        return [];
+    }, [userInfo]);
+    const tokenBalances = (0, useWalletTokenBalances_1.useWalletTokenBalances)(wallets);
+    const mccTotalBalance = tokenBalances.aggregated.find(h => h.token.symbol === 'MCC')?.balance || totalBalance;
+    const handleRefresh = () => {
+        refreshBalance();
+        refreshMinting();
+        refreshMCD();
+        tokenBalances.refresh();
+    };
+    // 多钱包时 "all" tab 用 flat 列表（带钱包标识），单钱包 tab 用 holdings
+    const isAllTab = activeTab === 'all';
+    const showWalletCol = isAllTab && wallets.length > 1;
+    const rawHoldings = isAllTab
+        ? (wallets.length > 1 ? tokenBalances.flat : tokenBalances.aggregated)
+        : tokenBalances.wallets.find(w => w.wallet_address === activeTab)?.holdings || [];
+    // 只显示 ≥$1 的资产，低于 $1 不显示
+    const activeHoldings = rawHoldings.filter(h => h.usdValue >= 1);
+    const activeUsdValue = isAllTab
+        ? tokenBalances.totalUsdValue
+        : tokenBalances.wallets.find(w => w.wallet_address === activeTab)?.totalUsdValue || 0;
+    // 不再全页阻塞，让页面框架先渲染，数据区域内联显示加载进度条
+    if (error) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: t('title') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400 mt-1", children: t('subtitle') })] }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-red-500/10 border-red-500/20", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-red-400 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { className: "w-5 h-5" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: t('error') })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-sm", children: error }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500 text-xs mt-1", children: t('checkNetwork') })] }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", size: "sm", className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", onClick: handleRefresh, children: t('retry') })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: t('title') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400 mt-1", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", onClick: handleRefresh, disabled: isRefreshing || tokenBalances.loading, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: (0, utils_1.cn)("w-4 h-4 mr-2", (isRefreshing || tokenBalances.loading) && "animate-spin") }), t('refresh')] })] }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between mb-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-4 h-4 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { children: activeTab === 'all' ? t('totalAssetValue') : t('walletAssetValue') }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setHideBalance(!hideBalance), className: "hover:text-white transition-colors", children: hideBalance ? (0, jsx_runtime_1.jsx)(lucide_react_1.EyeOff, { className: "w-4 h-4" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { className: "w-4 h-4" }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-baseline gap-2 mb-1", children: (0, jsx_runtime_1.jsx)("span", { className: "text-3xl font-bold text-white font-mono", children: hideBalance ? '****' : (activeUsdValue > 0 ? formatUSD(activeUsdValue) : '--') }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs", children: hideBalance ? '****' : t('priceSource') })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [wallets.length > 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 mb-4 overflow-x-auto pb-1", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab('all'), className: (0, utils_1.cn)('px-3 py-1.5 text-xs rounded whitespace-nowrap transition-colors', activeTab === 'all'
+                                        ? 'bg-cyan-700 text-white'
+                                        : 'bg-neutral-800 text-neutral-400 hover:text-white hover:bg-neutral-700'), children: [t('overview'), " (", wallets.length, " ", t('wallets'), ")"] }), wallets.map((w) => ((0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab(w.wallet_address), className: (0, utils_1.cn)('px-3 py-1.5 text-xs rounded whitespace-nowrap transition-colors flex items-center gap-1', activeTab === w.wallet_address
+                                        ? 'bg-cyan-700 text-white'
+                                        : 'bg-neutral-800 text-neutral-400 hover:text-white hover:bg-neutral-700'), children: [(0, jsx_runtime_1.jsxs)("code", { className: "font-mono", children: [w.wallet_address.slice(0, 4), "...", w.wallet_address.slice(-4)] }), w.is_primary && (0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400 text-[10px]", children: t('primary') })] }, w.wallet_address)))] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { className: "w-4 h-4 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('onChainAssets') }), tokenBalances.loading && (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: "w-3 h-3 animate-spin" })] }), tokenBalances.loading ? ((0, jsx_runtime_1.jsx)("div", { className: "py-10", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-6 h-6 animate-spin text-cyan-400" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-neutral-400", children: t('syncingOnChainData') || '链上数据同步中...' }), (0, jsx_runtime_1.jsx)("div", { className: "w-48 h-1 bg-neutral-800 rounded-full overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "h-full bg-cyan-400/60 rounded-full animate-pulse", style: { width: '60%' } }) })] }) })) : ((0, jsx_runtime_1.jsx)(AssetList, { holdings: activeHoldings, hideBalance: hideBalance, showWalletColumn: showWalletCol, isLoading: tokenBalances.loading })), (0, jsx_runtime_1.jsx)("div", { className: "mt-4 pt-3 border-t border-neutral-700 space-y-2", children: activeTab === 'all' ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2 text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Info, { className: "w-3 h-3 mt-0.5 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('allWalletsNote', { count: wallets.length }) })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Info, { className: "w-3 h-3 shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { children: [t('currentWallet'), ":"] }), (0, jsx_runtime_1.jsx)("code", { className: "text-neutral-400 bg-neutral-800 px-2 py-0.5 rounded font-mono", children: activeTab }), wallets.find(w => w.wallet_address === activeTab)?.is_primary && ((0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400 bg-cyan-400/20 px-1.5 py-0.5 rounded", children: t('primaryWallet') }))] }), (0, jsx_runtime_1.jsxs)("a", { href: `https://solscan.io/account/${activeTab}`, target: "_blank", rel: "noopener noreferrer", className: "text-cyan-400 hover:text-cyan-300 text-xs flex items-center gap-1", children: [t('viewOnSolscan'), " ", (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "w-3 h-3" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2 text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Info, { className: "w-3 h-3 mt-0.5 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('singleWalletNote') })] })] })) })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-3 sm:p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-4 bg-cyan-400/20 rounded-xl border border-cyan-400/30", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "h-8 w-8 text-cyan-400" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('mccBalance') }), (0, jsx_runtime_1.jsx)("div", { className: "text-4xl font-bold text-white font-mono", children: hideBalance ? '****' : formatNumber(mccTotalBalance) }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-neutral-500 mt-1", children: t('totalMccAllWallets') })] })] }), (0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/mcc/mining", className: "flex items-center gap-2 px-4 py-2 bg-cyan-700 hover:bg-cyan-600 text-white rounded text-sm transition-colors", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "h-4 w-4" }), t('mintingRecords')] })] }) }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { className: "w-4 h-4 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('mcdPoints') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { className: "h-4 w-4 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: t('currentBalance') })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-cyan-400 font-mono", children: hideBalance ? '****' : formatNumber(mcdAmount, 6) }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500 mt-1", children: "MCD" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TrendingUp, { className: "h-4 w-4 text-neutral-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: t('totalReceived') })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-white font-mono", children: hideBalance ? '****' : formatNumber(mcdTotalReceived, 6) }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500 mt-1", children: "MCD" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4 pt-3 border-t border-neutral-700 space-y-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2 text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { className: "w-3 h-3 mt-0.5 shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u6700\u8FD1\u53D1\u653E: ", mcdDailyRewards.length > 0
+                                                ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hideBalance ? '****' : formatNumber(mcdDailyRewards[0].mcd_received, 6), " MCD (", (0, jsx_runtime_1.jsx)(time_remaining_1.FormattedDate, { dateTime: mcdDailyRewards[0].reward_date }), ")"] })
+                                                : t('noRecords'), ' · ', t('mcdDistributionNote')] })] }) })] }) }), lockPeriods.filter(p => p.status === 'locked').length > 0 && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Lock, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('lockPeriod14Days') })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: lockPeriods.filter(p => p.status === 'locked').map((lock) => ((0, jsx_runtime_1.jsx)(LockPeriodCard, { lock: lock }, lock.lock_id))) })] }) })), (0, jsx_runtime_1.jsx)(MCCHistory_1.default, { userId: user?.uid, limit: 20 })] }));
+}

package/dist/main-portal/config/menu-config.d.ts

@@ -0,0 +1,22 @@
+import { type LucideIcon } from "lucide-react";
+import { UserRole } from "../hooks/useAuth";
+export interface MenuItem {
+    titleKey: string;
+    href: string;
+    icon: LucideIcon;
+    roles: UserRole[];
+    children?: MenuItem[];
+    badge?: string | number;
+    isSection?: boolean;
+    descriptionKey?: string;
+}
+export declare const userMenuItems: MenuItem[];
+export declare const agentMenuItems: MenuItem[];
+export declare const adminMenuItems: MenuItem[];
+export declare function filterMenuByRole(menuItems: MenuItem[], userRole: UserRole): MenuItem[];
+export declare function getUserMenus(userRole: UserRole): {
+    userMenu: MenuItem[];
+    agentMenu: MenuItem[];
+    adminMenu: MenuItem[];
+};
+export declare function isMenuItemActive(itemHref: string, currentPath: string): boolean;

package/dist/main-portal/config/menu-config.js

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adminMenuItems = exports.agentMenuItems = exports.userMenuItems = void 0;
+exports.filterMenuByRole = filterMenuByRole;
+exports.getUserMenus = getUserMenus;
+exports.isMenuItemActive = isMenuItemActive;
+// AI-generated · AI-managed · AI-maintained
+const lucide_react_1 = require("lucide-react");
+exports.userMenuItems = [
+    {
+        titleKey: "overview",
+        href: "/user-system/dashboard",
+        icon: lucide_react_1.LayoutDashboard,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "overviewDesc"
+    },
+    { titleKey: "blockchainSection", href: "#blockchain", icon: lucide_react_1.Coins, roles: ["user", "agent", "admin"], isSection: true },
+    {
+        titleKey: "mint",
+        href: "/mcc/mining",
+        icon: lucide_react_1.Pickaxe,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "mintDesc"
+    },
+    {
+        titleKey: "wallet",
+        href: "/mcc/wallet",
+        icon: lucide_react_1.Wallet,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "walletDesc"
+    },
+    {
+        titleKey: "mcdCredits",
+        href: "/mcc/mcd",
+        icon: lucide_react_1.Ticket,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "mcdCreditsDesc"
+    },
+    { titleKey: "web3osSection", href: "#web3os", icon: lucide_react_1.Users, roles: ["user", "agent", "admin"], isSection: true },
+    {
+        titleKey: "auctionMarket",
+        href: "/mcc/auctions",
+        icon: lucide_react_1.Gift,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "auctionMarketDesc"
+    },
+    {
+        titleKey: "territoryManagement",
+        href: "/user-system/territory",
+        icon: lucide_react_1.Building2,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "territoryManagementDesc"
+    },
+    {
+        titleKey: "nftFragments",
+        href: "/mcc/fragment",
+        icon: lucide_react_1.Puzzle,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "nftFragmentsDesc"
+    },
+    {
+        titleKey: "lending",
+        href: "/mcc/lending",
+        icon: lucide_react_1.Landmark,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "lendingDesc"
+    },
+    {
+        titleKey: "communityVoting",
+        href: "/mcc/voting",
+        icon: lucide_react_1.Vote,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "communityVotingDesc"
+    },
+    {
+        titleKey: "orgStructure",
+        href: "/user-system/organization",
+        icon: lucide_react_1.Users,
+        roles: ["user", "agent", "admin"],
+        descriptionKey: "orgStructureDesc"
+    }
+];
+exports.agentMenuItems = [];
+exports.adminMenuItems = [
+    {
+        titleKey: "systemAddresses",
+        href: "/admin/system-addresses",
+        icon: lucide_react_1.Server,
+        roles: ["admin"],
+        descriptionKey: "systemAddressesDesc"
+    },
+    {
+        titleKey: "projectReview",
+        href: "/admin/project-applications",
+        icon: lucide_react_1.FileText,
+        roles: ["admin"],
+        descriptionKey: "projectReviewDesc"
+    },
+    {
+        titleKey: "userManagement",
+        href: "/admin/members",
+        icon: lucide_react_1.UserCog,
+        roles: ["admin"],
+        descriptionKey: "userManagementDesc"
+    },
+    {
+        titleKey: "alertCenter",
+        href: "/admin/alerts",
+        icon: lucide_react_1.Bell,
+        roles: ["admin"],
+        descriptionKey: "alertCenterDesc"
+    },
+    {
+        titleKey: "simulationEngine",
+        href: "/admin/simulation",
+        icon: lucide_react_1.Bot,
+        roles: ["admin"],
+        descriptionKey: "simulationEngineDesc"
+    },
+    {
+        titleKey: "mccHolders",
+        href: "/admin/mcc-holders",
+        icon: lucide_react_1.Eye,
+        roles: ["admin"],
+        descriptionKey: "mccHoldersDesc"
+    },
+    {
+        titleKey: "aiManagement",
+        href: "/admin/ai-management",
+        icon: lucide_react_1.Bot,
+        roles: ["admin"],
+        descriptionKey: "aiManagementDesc"
+    }
+];
+function filterMenuByRole(menuItems, userRole) {
+    const roleHierarchy = {
+        admin: ["admin", "agent", "user"],
+        agent: ["agent", "user"],
+        user: ["user"]
+    };
+    const allowedRoles = roleHierarchy[userRole] || ["user"];
+    return menuItems
+        .filter(item => item.roles.some(role => allowedRoles.includes(role)))
+        .map(item => ({
+        ...item,
+        children: item.children
+            ? filterMenuByRole(item.children, userRole)
+            : undefined
+    }));
+}
+function getUserMenus(userRole) {
+    return {
+        userMenu: filterMenuByRole(exports.userMenuItems, userRole),
+        agentMenu: filterMenuByRole(exports.agentMenuItems, userRole),
+        adminMenu: filterMenuByRole(exports.adminMenuItems, userRole)
+    };
+}
+function isMenuItemActive(itemHref, currentPath) {
+    // Strip locale prefix: /zh/mcc/mining → /mcc/mining
+    const stripped = currentPath.replace(/^\/(en|zh|ja|ko)(\/|$)/, '/');
+    const path = stripped || '/';
+    if (itemHref === '#' || itemHref.startsWith('#'))
+        return false;
+    if (itemHref === "/")
+        return path === "/";
+    return path.startsWith(itemHref);
+}