@microcosmmoney/portal-react 3.12.7 → 3.13.0

package/dist/components/mcd/mcd-page.js

@@ -107,12 +107,10 @@ function MicrocosmMCDPage({ basePath = '', onNavigate }) {
     const [showHelp, setShowHelp] = (0, react_1.useState)(false);
     const [walletsExpanded, setWalletsExpanded] = (0, react_1.useState)(false);
     const [refreshing, setRefreshing] = (0, react_1.useState)(false);
-    const mcdAmount = parseFloat(mcdData?.available_balance ?? '0');
-    const mcdReceived = parseFloat(mcdData?.total_balance ?? '0');
-    const mcdSpent = parseFloat(mcdData?.frozen_balance ?? '0');
     const rewardsList = Array.isArray(rewards) ? rewards : [];
     const txList = Array.isArray(transactions) ? transactions : [];
     const walletList = Array.isArray(wallets) ? wallets : [];
+    const totalOnChainMCD = walletList.reduce((sum, w) => sum + (Number(w.mcd_balance) || 0), 0);
     const resolvePath = (p) => basePath ? `${basePath.replace(/\/$/, '')}${p}` : p;
     const handleRefresh = async () => {
         setRefreshing(true);
@@ -133,9 +131,9 @@ function MicrocosmMCDPage({ basePath = '', onNavigate }) {
     if (!mcdData && !mcdLoading) {
         return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center h-[60vh]", children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-8 text-center", children: [(0, jsx_runtime_1.jsx)(IconWallet, { className: "w-12 h-12 mx-auto mb-4 text-neutral-500" }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400", children: t('loginRequired', 'Please log in to view your MCD balance') })] }) }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-2 py-3 space-y-2 2xs:px-3 2xs:py-4 2xs: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 flex-wrap gap-1.5 2xs:gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-base 2xs:text-lg xs:text-xl sm:text-2xl md:text-3xl font-bold text-white tracking-wider", children: t('title', 'MCD Credits') }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] 2xs:text-xs sm:text-sm text-neutral-400 mt-1", children: t('subtitle', 'Microcosm Dollar - Ecosystem consumption credits') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 2xs:gap-1.5 sm:gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => handleNav('/mcc/wallet'), className: "flex items-center px-2 2xs:px-3 py-1 2xs:py-1.5 text-[10px] 2xs:text-xs sm:text-sm border border-neutral-700 rounded text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent transition-colors whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconWallet, { className: "w-3 h-3 2xs:w-4 2xs:h-4 mr-1 2xs:mr-2" }), (0, jsx_runtime_1.jsx)("span", { className: "hidden 2xs:inline", children: t('manageWallet', 'Manage Wallet') }), (0, jsx_runtime_1.jsx)("span", { className: "2xs:hidden", children: t('manageWallet', 'Wallet') })] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setShowHelp(!showHelp), className: "flex items-center px-2 2xs:px-3 py-1 2xs:py-1.5 text-[10px] 2xs:text-xs sm:text-sm border border-neutral-700 rounded text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent transition-colors whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconHelpCircle, { className: "w-3 h-3 2xs:w-4 2xs:h-4 mr-1 2xs:mr-2" }), (0, jsx_runtime_1.jsx)("span", { className: "hidden 2xs:inline", children: t('helpGuide', 'Help Guide') }), (0, jsx_runtime_1.jsx)("span", { className: "2xs:hidden", children: t('helpGuide', 'Help') })] }), (0, jsx_runtime_1.jsxs)("button", { onClick: handleRefresh, disabled: refreshing, className: "flex items-center px-2 2xs:px-3 py-1 2xs:py-1.5 text-[10px] 2xs:text-xs sm:text-sm border border-neutral-700 rounded text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent transition-colors disabled:opacity-50 whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconRefresh, { className: `w-3 h-3 2xs:w-4 2xs:h-4 mr-1 2xs:mr-2 ${refreshing ? 'animate-spin' : ''}` }), t('refresh', 'Refresh')] })] })] }), showHelp && ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-2 2xs:p-3 sm:p-4 md:p-6 hover:border-cyan-400/50 transition-colors", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-white font-bold tracking-wider mb-2 2xs:mb-3 sm:mb-4 text-xs 2xs:text-sm sm:text-base", children: t('mcdGuideTitle', 'MCD Credits Guide') }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2 2xs:space-y-3 sm:space-y-4 text-[10px] 2xs:text-xs sm:text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 2xs:p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "font-medium text-white mb-1.5 2xs:mb-2 flex items-center gap-1.5 2xs:gap-2 text-xs 2xs:text-sm", children: [(0, jsx_runtime_1.jsx)(IconGift, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 text-white shrink-0" }), t('howToGetMcd', 'How to Earn MCD')] }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside text-neutral-400 space-y-1", children: [(0, jsx_runtime_1.jsx)("li", { children: "Daily distribution from territory vault (1% of vault balance)" }), (0, jsx_runtime_1.jsx)("li", { children: "Companion yield from mining operations" }), (0, jsx_runtime_1.jsx)("li", { children: "Ecosystem service rewards" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 2xs:p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "font-medium text-white mb-1.5 2xs:mb-2 flex items-center gap-1.5 2xs:gap-2 text-xs 2xs:text-sm", children: [(0, jsx_runtime_1.jsx)(IconCoins, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 text-white shrink-0" }), t('mcdUsage', 'MCD Usage')] }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside text-neutral-400 space-y-1", children: [(0, jsx_runtime_1.jsx)("li", { children: "Spend on ecosystem services (Double Helix, xSocial, etc.)" }), (0, jsx_runtime_1.jsx)("li", { children: "Transfer between users" }), (0, jsx_runtime_1.jsx)("li", { children: "Future governance participation" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 2xs:p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "font-medium text-white mb-1.5 2xs:mb-2 flex items-center gap-1.5 2xs:gap-2 text-xs 2xs:text-sm", children: [(0, jsx_runtime_1.jsx)(IconHistory, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 text-white shrink-0" }), t('notes', 'Notes')] }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside text-neutral-400 space-y-1", children: [(0, jsx_runtime_1.jsx)("li", { children: "MCD is an internal ecosystem token, not tradeable on exchanges" }), (0, jsx_runtime_1.jsx)("li", { children: "Daily distribution happens automatically at 00:15 UTC" }), (0, jsx_runtime_1.jsx)("li", { children: "Check your territory page for vault balance details" })] })] })] })] })), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-2 2xs:p-3 sm:p-4 md:p-6 hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 2xs:grid-cols-3 gap-2 2xs:gap-3 sm:gap-4 md:gap-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-[9px] 2xs:text-[10px] sm:text-xs font-mono tracking-wider mb-1 truncate", children: "available_balance" }), mcdLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2 h-8 2xs:h-10", children: (0, jsx_runtime_1.jsx)(Spinner, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-lg 2xs:text-xl xs:text-2xl sm:text-3xl md:text-4xl font-bold font-mono text-cyan-400 truncate", children: fmt(mcdAmount) })), (0, jsx_runtime_1.jsx)("div", { className: "text-[9px] 2xs:text-[10px] sm:text-xs text-neutral-500 mt-1", children: "MCD" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-[9px] 2xs:text-[10px] sm:text-xs font-mono tracking-wider mb-1 truncate", children: "total_received" }), (0, jsx_runtime_1.jsx)("div", { className: "text-base 2xs:text-lg xs:text-xl sm:text-2xl font-bold font-mono text-white truncate", children: fmt(mcdReceived, 0) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[9px] 2xs:text-[10px] sm:text-xs text-neutral-500 mt-1", children: "lifetime income" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-[9px] 2xs:text-[10px] sm:text-xs font-mono tracking-wider mb-1 truncate", children: "total_spent" }), (0, jsx_runtime_1.jsx)("div", { className: "text-base 2xs:text-lg xs:text-xl sm:text-2xl font-bold font-mono text-neutral-400 truncate", children: fmt(mcdSpent, 0) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[9px] 2xs:text-[10px] sm:text-xs text-neutral-500 mt-1", children: "lifetime spent" })] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-2 2xs:p-3 sm:p-4 md:p-6 hover:border-cyan-400/50 transition-colors", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 mb-2 2xs:mb-3 sm:mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 min-w-0", children: [(0, jsx_runtime_1.jsx)(IconCoins, { className: "w-4 h-4 2xs:w-5 2xs:h-5 text-white shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs 2xs:text-sm text-neutral-400 tracking-wider truncate", children: t('onChainBalance', 'On-chain MCD Balance') })] }), walletList.length > 1 && ((0, jsx_runtime_1.jsxs)("button", { onClick: () => setWalletsExpanded(!walletsExpanded), className: "flex items-center text-[10px] 2xs:text-xs sm:text-sm text-neutral-400 hover:text-cyan-400 transition-colors whitespace-nowrap shrink-0", children: [walletList.length, " ", t('walletsCount', 'wallets'), walletsExpanded
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-2 py-3 space-y-2 2xs:px-3 2xs:py-4 2xs: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 flex-wrap gap-1.5 2xs:gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-base 2xs:text-lg xs:text-lg sm:text-xl font-bold text-white tracking-wider", children: t('title', 'MCD Credits') }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] 2xs:text-xs sm:text-sm text-neutral-400 mt-1", children: t('subtitle', 'Microcosm Dollar - Ecosystem consumption credits') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 2xs:gap-1.5 sm:gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => handleNav('/mcc/wallet'), className: "flex items-center px-2 2xs:px-3 py-1 2xs:py-1.5 text-[10px] 2xs:text-xs sm:text-sm border border-neutral-700 rounded text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent transition-colors whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconWallet, { className: "w-3 h-3 2xs:w-4 2xs:h-4 mr-1 2xs:mr-2" }), (0, jsx_runtime_1.jsx)("span", { className: "hidden 2xs:inline", children: t('manageWallet', 'Manage Wallet') }), (0, jsx_runtime_1.jsx)("span", { className: "2xs:hidden", children: t('manageWallet', 'Wallet') })] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setShowHelp(!showHelp), className: "flex items-center px-2 2xs:px-3 py-1 2xs:py-1.5 text-[10px] 2xs:text-xs sm:text-sm border border-neutral-700 rounded text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent transition-colors whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconHelpCircle, { className: "w-3 h-3 2xs:w-4 2xs:h-4 mr-1 2xs:mr-2" }), (0, jsx_runtime_1.jsx)("span", { className: "hidden 2xs:inline", children: t('helpGuide', 'Help Guide') }), (0, jsx_runtime_1.jsx)("span", { className: "2xs:hidden", children: t('helpGuide', 'Help') })] }), (0, jsx_runtime_1.jsxs)("button", { onClick: handleRefresh, disabled: refreshing, className: "flex items-center px-2 2xs:px-3 py-1 2xs:py-1.5 text-[10px] 2xs:text-xs sm:text-sm border border-neutral-700 rounded text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent transition-colors disabled:opacity-50 whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconRefresh, { className: `w-3 h-3 2xs:w-4 2xs:h-4 mr-1 2xs:mr-2 ${refreshing ? 'animate-spin' : ''}` }), t('refresh', 'Refresh')] })] })] }), showHelp && ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-2 2xs:p-3 sm:p-4 md:p-6 hover:border-cyan-400/50 transition-colors", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-white font-bold tracking-wider mb-2 2xs:mb-3 sm:mb-4 text-xs 2xs:text-sm sm:text-base", children: t('mcdGuideTitle', 'MCD Credits Guide') }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2 2xs:space-y-3 sm:space-y-4 text-[10px] 2xs:text-xs sm:text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 2xs:p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "font-medium text-white mb-1.5 2xs:mb-2 flex items-center gap-1.5 2xs:gap-2 text-xs 2xs:text-sm", children: [(0, jsx_runtime_1.jsx)(IconGift, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 text-white shrink-0" }), t('howToGetMcd', 'How to Earn MCD')] }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside text-neutral-400 space-y-1", children: [(0, jsx_runtime_1.jsx)("li", { children: "Daily distribution from territory vault (1% of vault balance)" }), (0, jsx_runtime_1.jsx)("li", { children: "Companion yield from mining operations" }), (0, jsx_runtime_1.jsx)("li", { children: "Ecosystem service rewards" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 2xs:p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "font-medium text-white mb-1.5 2xs:mb-2 flex items-center gap-1.5 2xs:gap-2 text-xs 2xs:text-sm", children: [(0, jsx_runtime_1.jsx)(IconCoins, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 text-white shrink-0" }), t('mcdUsage', 'MCD Usage')] }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside text-neutral-400 space-y-1", children: [(0, jsx_runtime_1.jsx)("li", { children: "Spend on ecosystem services (Double Helix, xSocial, etc.)" }), (0, jsx_runtime_1.jsx)("li", { children: "Transfer between users" }), (0, jsx_runtime_1.jsx)("li", { children: "Future governance participation" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 2xs:p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "font-medium text-white mb-1.5 2xs:mb-2 flex items-center gap-1.5 2xs:gap-2 text-xs 2xs:text-sm", children: [(0, jsx_runtime_1.jsx)(IconHistory, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 text-white shrink-0" }), t('notes', 'Notes')] }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside text-neutral-400 space-y-1", children: [(0, jsx_runtime_1.jsx)("li", { children: "MCD is an internal ecosystem token, not tradeable on exchanges" }), (0, jsx_runtime_1.jsx)("li", { children: "Daily distribution happens automatically at 00:15 UTC" }), (0, jsx_runtime_1.jsx)("li", { children: "Check your territory page for vault balance details" })] })] })] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-2 2xs:p-3 sm:p-4 md:p-6 hover:border-cyan-400/50 transition-colors", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 mb-2 2xs:mb-3 sm:mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 min-w-0", children: [(0, jsx_runtime_1.jsx)(IconCoins, { className: "w-4 h-4 2xs:w-5 2xs:h-5 text-white shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs 2xs:text-sm text-neutral-400 tracking-wider truncate", children: t('onChainBalance', 'On-chain MCD Balance') })] }), walletList.length > 1 && ((0, jsx_runtime_1.jsxs)("button", { onClick: () => setWalletsExpanded(!walletsExpanded), className: "flex items-center text-[10px] 2xs:text-xs sm:text-sm text-neutral-400 hover:text-cyan-400 transition-colors whitespace-nowrap shrink-0", children: [walletList.length, " ", t('walletsCount', 'wallets'), walletsExpanded
                                         ? (0, jsx_runtime_1.jsx)(IconChevronUp, { className: "w-3 h-3 2xs:w-4 2xs:h-4 ml-1" })
-                                        : (0, jsx_runtime_1.jsx)(IconChevronDown, { className: "w-3 h-3 2xs:w-4 2xs:h-4 ml-1" })] }))] }), walletsLoading ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(Spinner, {}), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 text-[10px] 2xs:text-xs sm:text-sm", children: t('loadingOnChain', 'Loading on-chain balance...') })] })) : walletList.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-3 2xs:py-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500 mb-2 2xs:mb-3 text-[10px] 2xs:text-xs sm:text-sm", children: t('noWalletBound', 'No Solana wallet bound yet') }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => handleNav('/mcc/wallet'), className: "flex items-center mx-auto px-2 2xs:px-3 py-1 2xs:py-1.5 text-[10px] 2xs:text-xs sm:text-sm border border-neutral-700 rounded text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent transition-colors whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconWallet, { className: "w-3 h-3 2xs:w-4 2xs:h-4 mr-1 2xs:mr-2" }), t('connectWallet', 'Connect Wallet')] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [walletList.length === 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2 text-[10px] 2xs:text-xs text-neutral-500 font-mono flex items-center gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("span", { className: "truncate", children: [(0, jsx_runtime_1.jsxs)("span", { className: "2xs:hidden", children: [walletList[0].wallet_address.slice(0, 4), "...", walletList[0].wallet_address.slice(-4)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden 2xs:inline sm:hidden", children: [walletList[0].wallet_address.slice(0, 6), "...", walletList[0].wallet_address.slice(-6)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden sm:inline", children: [walletList[0].wallet_address.slice(0, 8), "...", walletList[0].wallet_address.slice(-8)] })] }), walletList[0].is_primary && ((0, jsx_runtime_1.jsx)("span", { className: "inline-block text-[9px] 2xs:text-[10px] border border-cyan-400/30 text-cyan-400 px-1 2xs:px-1.5 py-0 rounded", children: t('primaryWallet', 'Primary') }))] })), walletsExpanded && walletList.length > 1 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3 2xs:mt-4 space-y-1.5 2xs:space-y-2 border-t border-neutral-700 pt-3 2xs:pt-4", children: walletList.map((w) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 p-1.5 2xs:p-2 bg-neutral-800 rounded hover:bg-neutral-700 transition-colors", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 min-w-0", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-[10px] 2xs:text-xs font-mono text-neutral-400 truncate", children: [(0, jsx_runtime_1.jsxs)("span", { className: "2xs:hidden", children: [w.wallet_address.slice(0, 4), "...", w.wallet_address.slice(-4)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden 2xs:inline sm:hidden", children: [w.wallet_address.slice(0, 6), "...", w.wallet_address.slice(-6)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden sm:inline", children: [w.wallet_address.slice(0, 8), "...", w.wallet_address.slice(-8)] })] }), w.is_primary && ((0, jsx_runtime_1.jsx)("span", { className: "inline-block text-[9px] 2xs:text-[10px] border border-cyan-400/30 text-cyan-400 px-1 2xs:px-1.5 py-0 rounded shrink-0", children: t('primaryWallet', 'Primary') }))] }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs 2xs:text-sm font-mono text-white shrink-0", children: "MCD" })] }, w.wallet_address))) }))] }))] }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 mb-1", children: [(0, jsx_runtime_1.jsx)(IconTrendingUp, { className: "w-4 h-4 2xs:w-5 2xs:h-5 text-white shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs 2xs:text-sm font-medium text-neutral-300 tracking-wider", children: t('mcdMinting', 'MCD Minting') })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-[10px] 2xs:text-xs sm:text-sm mb-2 2xs:mb-3 sm:mb-4", children: t('mintMccWithMcd', 'Consume MCD to mint MCC Token') }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => handleNav('/mcc/mining'), className: "w-full flex items-center justify-center gap-1.5 2xs:gap-2 h-9 2xs:h-10 rounded-md bg-cyan-700 hover:bg-cyan-600 transition-all text-white text-xs 2xs:text-sm font-medium cursor-pointer whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconCoins, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4" }), t('useMcdToMintMcc', 'Mint MCC with MCD')] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 2xs:mt-3 p-2 2xs:p-3 bg-neutral-800 rounded", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-cyan-400/70", children: [(0, jsx_runtime_1.jsx)(IconAlertTriangle, { className: "w-3 h-3 2xs:w-3.5 2xs:h-3.5 mt-0.5 shrink-0 text-cyan-400" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsx)("p", { children: "MCD mining requires Miner level or above" }), (0, jsx_runtime_1.jsx)("p", { children: "Mining price = Oracle price x 2, MCD companion yield included" })] })] }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 mb-1", children: [(0, jsx_runtime_1.jsx)(IconGift, { className: "w-4 h-4 2xs:w-5 2xs:h-5 text-white shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs 2xs:text-sm font-medium text-neutral-300 tracking-wider", children: t('ecoServices', 'Ecosystem Services') })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-[10px] 2xs:text-xs sm:text-sm mb-2 2xs:mb-3 sm:mb-4", children: t('ecoServicesDesc', 'Use MCD to access ecosystem project services') }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 2xs:grid-cols-2 sm:grid-cols-2 md:grid-cols-3 gap-1.5 2xs:gap-2 sm:gap-3 md:gap-4", children: ECOSYSTEM_SERVICES.map((p) => ((0, jsx_runtime_1.jsxs)("a", { href: p.url, target: "_blank", rel: "noopener noreferrer", className: "block p-2 2xs:p-3 sm:p-4 bg-neutral-800 rounded-lg hover:bg-neutral-700 transition-colors group", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 2xs:gap-3 mb-2 2xs:mb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-7 h-7 2xs:w-8 2xs:h-8 sm:w-10 sm:h-10 rounded-lg bg-cyan-400/20 flex items-center justify-center shrink-0", children: (0, jsx_runtime_1.jsx)(p.Icon, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 sm:w-5 sm:h-5 text-cyan-400" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium text-white text-xs 2xs:text-sm truncate", children: p.name }), (0, jsx_runtime_1.jsx)(IconExternalLink, { className: "w-3 h-3 text-neutral-600 opacity-0 group-hover:opacity-100 transition-opacity shrink-0" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] 2xs:text-xs text-neutral-500 truncate block", children: p.tagline })] }), (0, jsx_runtime_1.jsx)("span", { className: `text-[9px] 2xs:text-[10px] ${p.statusColor} shrink-0`, children: p.status })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] 2xs:text-xs text-neutral-400 leading-relaxed", children: p.desc })] }, p.name))) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 border border-neutral-700 rounded-lg p-1 inline-flex flex-wrap", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab('daily'), className: `flex items-center px-2 2xs:px-3 sm:px-4 py-1.5 2xs:py-2 text-[10px] 2xs:text-xs sm:text-sm rounded-md transition-colors whitespace-nowrap ${activeTab === 'daily'
+                                        : (0, jsx_runtime_1.jsx)(IconChevronDown, { className: "w-3 h-3 2xs:w-4 2xs:h-4 ml-1" })] }))] }), walletsLoading ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(Spinner, {}), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 text-[10px] 2xs:text-xs sm:text-sm", children: t('loadingOnChain', 'Loading on-chain balance...') })] })) : walletList.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-3 2xs:py-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500 mb-2 2xs:mb-3 text-[10px] 2xs:text-xs sm:text-sm", children: t('noWalletBound', 'No Solana wallet bound yet') }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => handleNav('/mcc/wallet'), className: "flex items-center mx-auto px-2 2xs:px-3 py-1 2xs:py-1.5 text-[10px] 2xs:text-xs sm:text-sm border border-neutral-700 rounded text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent transition-colors whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconWallet, { className: "w-3 h-3 2xs:w-4 2xs:h-4 mr-1 2xs:mr-2" }), t('connectWallet', 'Connect Wallet')] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xl 2xs:text-2xl xs:text-2xl sm:text-3xl font-bold text-white font-mono mb-1 truncate", children: [fmt(totalOnChainMCD), (0, jsx_runtime_1.jsx)("span", { className: "text-xs 2xs:text-sm sm:text-base text-neutral-400 ml-2", children: "MCD" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-[10px] 2xs:text-xs text-neutral-500", children: [walletList.length, " ", t('walletsCount', 'wallets')] }), walletList.length === 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2 text-[10px] 2xs:text-xs text-neutral-500 font-mono flex items-center gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("span", { className: "truncate", children: [(0, jsx_runtime_1.jsxs)("span", { className: "2xs:hidden", children: [walletList[0].wallet_address.slice(0, 4), "...", walletList[0].wallet_address.slice(-4)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden 2xs:inline sm:hidden", children: [walletList[0].wallet_address.slice(0, 6), "...", walletList[0].wallet_address.slice(-6)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden sm:inline", children: [walletList[0].wallet_address.slice(0, 8), "...", walletList[0].wallet_address.slice(-8)] })] }), walletList[0].is_primary && ((0, jsx_runtime_1.jsx)("span", { className: "inline-block text-[9px] 2xs:text-[10px] border border-cyan-400/30 text-cyan-400 px-1 2xs:px-1.5 py-0 rounded", children: t('primaryWallet', 'Primary') }))] })), walletsExpanded && walletList.length > 1 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3 2xs:mt-4 space-y-1.5 2xs:space-y-2 border-t border-neutral-700 pt-3 2xs:pt-4", children: walletList.map((w) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 p-1.5 2xs:p-2 bg-neutral-800 rounded hover:bg-neutral-700 transition-colors", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 min-w-0", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-[10px] 2xs:text-xs font-mono text-neutral-400 truncate", children: [(0, jsx_runtime_1.jsxs)("span", { className: "2xs:hidden", children: [w.wallet_address.slice(0, 4), "...", w.wallet_address.slice(-4)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden 2xs:inline sm:hidden", children: [w.wallet_address.slice(0, 6), "...", w.wallet_address.slice(-6)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden sm:inline", children: [w.wallet_address.slice(0, 8), "...", w.wallet_address.slice(-8)] })] }), w.is_primary && ((0, jsx_runtime_1.jsx)("span", { className: "inline-block text-[9px] 2xs:text-[10px] border border-cyan-400/30 text-cyan-400 px-1 2xs:px-1.5 py-0 rounded shrink-0", children: t('primaryWallet', 'Primary') }))] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs 2xs:text-sm font-mono text-white shrink-0", children: [fmt(Number(w.mcd_balance) || 0), " MCD"] })] }, w.wallet_address))) }))] }))] }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 mb-1", children: [(0, jsx_runtime_1.jsx)(IconTrendingUp, { className: "w-4 h-4 2xs:w-5 2xs:h-5 text-white shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs 2xs:text-sm font-medium text-neutral-300 tracking-wider", children: t('mcdMinting', 'MCD Minting') })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-[10px] 2xs:text-xs sm:text-sm mb-2 2xs:mb-3 sm:mb-4", children: t('mintMccWithMcd', 'Consume MCD to mint MCC Token') }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => handleNav('/mcc/mining'), className: "w-full flex items-center justify-center gap-1.5 2xs:gap-2 h-9 2xs:h-10 rounded-md bg-cyan-700 hover:bg-cyan-600 transition-all text-white text-xs 2xs:text-sm font-medium cursor-pointer whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconCoins, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4" }), t('useMcdToMintMcc', 'Mint MCC with MCD')] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 2xs:mt-3 p-2 2xs:p-3 bg-neutral-800 rounded", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-cyan-400/70", children: [(0, jsx_runtime_1.jsx)(IconAlertTriangle, { className: "w-3 h-3 2xs:w-3.5 2xs:h-3.5 mt-0.5 shrink-0 text-cyan-400" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsx)("p", { children: t('whitelistNote1', 'MCD mining is open to all registered miners') }), (0, jsx_runtime_1.jsx)("p", { children: t('whitelistNote2', 'Mining price = base price x 4, MCD companion yield included') })] })] }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 mb-1", children: [(0, jsx_runtime_1.jsx)(IconGift, { className: "w-4 h-4 2xs:w-5 2xs:h-5 text-white shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs 2xs:text-sm font-medium text-neutral-300 tracking-wider", children: t('ecoServices', 'Ecosystem Services') })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-[10px] 2xs:text-xs sm:text-sm mb-2 2xs:mb-3 sm:mb-4", children: t('ecoServicesDesc', 'Use MCD to access ecosystem project services') }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 2xs:grid-cols-2 sm:grid-cols-2 md:grid-cols-3 gap-1.5 2xs:gap-2 sm:gap-3 md:gap-4", children: ECOSYSTEM_SERVICES.map((p) => ((0, jsx_runtime_1.jsxs)("a", { href: p.url, target: "_blank", rel: "noopener noreferrer", className: "block p-2 2xs:p-3 sm:p-4 bg-neutral-800 rounded-lg hover:bg-neutral-700 transition-colors group", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 2xs:gap-3 mb-2 2xs:mb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-7 h-7 2xs:w-8 2xs:h-8 sm:w-10 sm:h-10 rounded-lg bg-cyan-400/20 flex items-center justify-center shrink-0", children: (0, jsx_runtime_1.jsx)(p.Icon, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 sm:w-5 sm:h-5 text-cyan-400" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium text-white text-xs 2xs:text-sm truncate", children: p.name }), (0, jsx_runtime_1.jsx)(IconExternalLink, { className: "w-3 h-3 text-neutral-600 opacity-0 group-hover:opacity-100 transition-opacity shrink-0" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] 2xs:text-xs text-neutral-500 truncate block", children: p.tagline })] }), (0, jsx_runtime_1.jsx)("span", { className: `text-[9px] 2xs:text-[10px] ${p.statusColor} shrink-0`, children: p.status })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] 2xs:text-xs text-neutral-400 leading-relaxed", children: p.desc })] }, p.name))) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 border border-neutral-700 rounded-lg p-1 inline-flex flex-wrap", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab('daily'), className: `flex items-center px-2 2xs:px-3 sm:px-4 py-1.5 2xs:py-2 text-[10px] 2xs:text-xs sm:text-sm rounded-md transition-colors whitespace-nowrap ${activeTab === 'daily'
                             ? 'bg-neutral-700 text-white'
                             : 'text-neutral-400 hover:text-neutral-300'}`, children: [(0, jsx_runtime_1.jsx)(IconGift, { className: "w-3 h-3 2xs:w-4 2xs:h-4 mr-1 2xs:mr-2" }), t('dailyDistribution', 'Daily Distribution')] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab('history'), className: `flex items-center px-2 2xs:px-3 sm:px-4 py-1.5 2xs:py-2 text-[10px] 2xs:text-xs sm:text-sm rounded-md transition-colors whitespace-nowrap ${activeTab === 'history'
                             ? 'bg-neutral-700 text-white'

package/dist/components/wallet/wallet-page.js

@@ -208,5 +208,5 @@ function MicrocosmWalletPage({ basePath = '', onNavigate }) {
                                         ? 'bg-cyan-700 text-white'
                                         : 'bg-neutral-800 text-neutral-400 hover:text-white hover:bg-neutral-700'}`, children: [t('overview', 'Overview'), " (", walletList.length, " ", t('wallets', 'wallets'), ")"] }), walletList.map((w) => ((0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab(w.wallet_address), className: `px-2 2xs:px-3 py-1 2xs:py-1.5 text-[10px] 2xs: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-[9px] 2xs:text-[10px]", children: t('primary', 'Primary') })] }, w.wallet_address)))] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 text-neutral-400 text-xs 2xs:text-sm mb-1.5 2xs:mb-2 sm:mb-3 md:mb-4", children: [(0, jsx_runtime_1.jsx)(IconCreditCard, { className: "text-cyan-400 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('onChainAssets', 'On-Chain Assets') }), multiLoading && (0, jsx_runtime_1.jsx)(Spinner, { size: "w-3 h-3" })] }), multiLoading ? ((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)(Spinner, { size: "w-6 h-6" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-neutral-400", children: t('syncingOnChainData', 'Syncing on-chain data...') }), (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: multiLoading })), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 2xs:mt-4 pt-2 2xs:pt-3 border-t border-neutral-700 space-y-1.5 2xs:space-y-2", children: isAllTab ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(IconInfo, { className: "mt-0.5 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('allWalletsNote', 'Aggregated on-chain balances across {count} wallets. Low-value assets (<$1) are hidden.', { count: walletList.length }) })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-1.5 2xs:space-y-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-neutral-500 min-w-0", children: [(0, jsx_runtime_1.jsx)(IconInfo, { className: "shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden 2xs:inline", children: [t('currentWallet', 'Current wallet'), ":"] }), (0, jsx_runtime_1.jsx)("code", { className: "text-neutral-400 bg-neutral-800 px-1.5 py-0.5 rounded font-mono truncate min-w-0 max-w-[140px] 2xs:max-w-[180px] sm:max-w-none", children: activeTab }), walletList.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 text-[9px] 2xs:text-[10px] shrink-0", children: t('primary', 'Primary') }))] }), (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-[10px] 2xs:text-xs flex items-center gap-1 whitespace-nowrap", children: [t('viewOnSolscan', 'View on Solscan'), " ", (0, jsx_runtime_1.jsx)(IconExternalLink, { className: "w-3 h-3" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(IconInfo, { className: "mt-0.5 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('singleWalletNote', 'Showing on-chain balances for this wallet only. Low-value assets (<$1) are hidden.') })] })] })) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-3 2xs:p-4 sm:p-5 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3 mb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-2 2xs:p-3 bg-cyan-400/20 rounded-xl border border-cyan-400/30 shrink-0", children: (0, jsx_runtime_1.jsx)(IconWallet, { className: "w-5 h-5 2xs:w-6 2xs:h-6 sm:w-8 sm:h-8 text-cyan-400" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[10px] 2xs:text-xs sm:text-sm text-neutral-400 tracking-wider mb-1", children: t('mccBalance', 'MCC Balance') }), (0, jsx_runtime_1.jsx)("div", { className: "text-xl 2xs:text-2xl xs:text-3xl sm:text-4xl md:text-5xl font-bold text-white font-mono truncate", children: mccLoading ? (0, jsx_runtime_1.jsx)(Spinner, {}) : mask(fmt(mccBalance)) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-[10px] 2xs:text-xs sm:text-sm text-neutral-500 mt-1 truncate", children: [mccLoading ? '' : mask(`${fmtUSD(totalUsd)}`), !mccLoading && price > 0 && ((0, jsx_runtime_1.jsxs)("span", { className: "ml-2 text-[10px] 2xs:text-xs text-neutral-600", children: ["@ ", fmtUSD(price), "/MCC"] }))] })] })] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => onNavigate?.(resolvePath('/mcc/mining')), className: "w-full flex items-center justify-center gap-2 px-4 py-2 sm:py-2.5 bg-cyan-700 hover:bg-cyan-600 text-white rounded text-xs 2xs:text-sm transition-colors whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconExternalLink, { className: "h-4 w-4" }), t('mintRecords', 'Mining Records')] }), walletList.length > 1 && mccData?.wallets && mccData.wallets.length > 1 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3 2xs:mt-4 space-y-1.5 2xs:space-y-2", children: mccData.wallets.map((wb) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 p-2 2xs:p-3 bg-neutral-800 rounded border border-neutral-700 text-xs 2xs:text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 min-w-0", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-400 font-mono truncate", children: [(0, jsx_runtime_1.jsxs)("span", { className: "2xs:hidden", children: [wb.wallet_address.slice(0, 4), "...", wb.wallet_address.slice(-4)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden 2xs:inline sm:hidden", children: [wb.wallet_address.slice(0, 6), "...", wb.wallet_address.slice(-4)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden sm:inline", children: [wb.wallet_address.slice(0, 8), "...", wb.wallet_address.slice(-8)] })] }), wb.is_primary && ((0, jsx_runtime_1.jsx)("span", { className: "text-[9px] 2xs:text-[10px] bg-cyan-400/20 text-cyan-400 px-1 2xs:px-1.5 py-0.5 rounded shrink-0", children: "PRIMARY" }))] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-cyan-400 font-mono font-bold whitespace-nowrap shrink-0", children: [mask(fmt(wb.balance ?? 0, 3)), " MCC"] })] }, wb.wallet_address))) }))] }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 text-neutral-400 text-xs 2xs:text-sm mb-1.5 2xs:mb-2 sm:mb-3 md:mb-4", children: [(0, jsx_runtime_1.jsx)(IconGift, { className: "text-cyan-400 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('mcdPoints', 'MCD Points') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-1.5 2xs:gap-2 sm:gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 bg-neutral-800 rounded border border-neutral-700 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 mb-1.5 2xs:mb-2", children: [(0, jsx_runtime_1.jsx)(IconCreditCard, { className: "h-3 w-3 2xs:h-4 2xs:w-4 text-cyan-400 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[8px] 2xs:text-[10px] sm:text-xs text-neutral-400 tracking-wider truncate", children: t('currentBalance', 'Current Balance') })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-base 2xs:text-lg xs:text-xl sm:text-2xl font-bold text-cyan-400 font-mono truncate", children: mcdLoading ? (0, jsx_runtime_1.jsx)(Spinner, {}) : mask(fmt(mcdAmount, 6)) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[9px] 2xs:text-[10px] sm:text-xs text-neutral-500 mt-0.5 2xs:mt-1", children: "MCD" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 bg-neutral-800 rounded border border-neutral-700 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 mb-1.5 2xs:mb-2", children: [(0, jsx_runtime_1.jsx)(IconTrendingUp, { className: "h-3 w-3 2xs:h-4 2xs:w-4 text-neutral-400 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[8px] 2xs:text-[10px] sm:text-xs text-neutral-400 tracking-wider truncate", children: t('totalReceived', 'Total Received') })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-base 2xs:text-lg xs:text-xl sm:text-2xl font-bold text-white font-mono truncate", children: mcdLoading ? (0, jsx_runtime_1.jsx)(Spinner, {}) : mask(fmt(mcdTotalReceived, 6)) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[9px] 2xs:text-[10px] sm:text-xs text-neutral-500 mt-0.5 2xs:mt-1", children: "MCD" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 2xs:mt-4 pt-2 2xs:pt-3 border-t border-neutral-700 space-y-1.5 2xs:space-y-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(IconGift, { className: "w-3 h-3 mt-0.5 shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { children: [t('income', 'Income'), ": ", (0, jsx_runtime_1.jsx)("span", { className: "text-white", children: mask(fmt(mcdTotalReceived, 0)) }), ' · ', t('spent', 'Spent'), ": ", (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: mask(fmt(mcdSpent, 0)) }), ' · ', t('mcdDistributionNote', 'MCD is distributed daily to eligible miners.')] })] }) })] }) }), activeLocks.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 text-neutral-400 text-xs 2xs:text-sm mb-1.5 2xs:mb-2 sm:mb-3 md:mb-4", children: [(0, jsx_runtime_1.jsx)(IconLock, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 sm:w-5 sm:h-5 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('lockPeriod14Days', 'Lock Period (14 days)') })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 gap-1.5 2xs:gap-2 sm:gap-3", children: activeLocks.map((lock) => ((0, jsx_runtime_1.jsx)(LockPeriodCard, { lock: lock, hideBalance: hideBalance }, lock.lock_id))) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 2xs:mt-3 text-[10px] 2xs:text-xs text-neutral-500 font-mono", children: [t('totalLocked', 'Total locked'), ": ", mask(fmt(lockedAmount, 2)), " MCC"] })] }) })), walletList.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 text-neutral-400 text-xs 2xs:text-sm mb-1.5 2xs:mb-2 sm:mb-3 md:mb-4", children: [(0, jsx_runtime_1.jsx)(IconWallet, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 sm:w-5 sm:h-5 text-cyan-400 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('connectedWallets', 'Connected Wallets') })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-1.5 2xs:space-y-2", children: walletList.map((w) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 p-2 2xs:p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 sm:gap-3 min-w-0", children: [(0, jsx_runtime_1.jsxs)("code", { className: "text-[10px] 2xs:text-xs sm:text-sm text-neutral-300 font-mono truncate", children: [(0, jsx_runtime_1.jsxs)("span", { className: "2xs:hidden", children: [w.wallet_address.slice(0, 4), "...", w.wallet_address.slice(-4)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden 2xs:inline xs:hidden", children: [w.wallet_address.slice(0, 6), "...", w.wallet_address.slice(-6)] }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden xs:inline sm:hidden", children: [w.wallet_address.slice(0, 8), "...", w.wallet_address.slice(-8)] }), (0, jsx_runtime_1.jsx)("span", { className: "hidden sm:inline", children: w.wallet_address })] }), w.is_primary && ((0, jsx_runtime_1.jsx)("span", { className: "text-[8px] 2xs:text-[10px] bg-cyan-400/20 text-cyan-400 border border-cyan-400/30 px-1 2xs:px-1.5 py-0.5 rounded font-mono shrink-0", children: "PRIMARY" }))] }), (0, jsx_runtime_1.jsx)("a", { href: `https://solscan.io/account/${w.wallet_address}`, target: "_blank", rel: "noopener noreferrer", className: "text-cyan-400 hover:text-cyan-300 transition-colors shrink-0", children: (0, jsx_runtime_1.jsx)(IconExternalLink, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4" }) })] }, w.wallet_address))) })] }) }))] }));
+                                        : '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-[9px] 2xs:text-[10px]", children: t('primary', 'Primary') })] }, w.wallet_address)))] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 text-neutral-400 text-xs 2xs:text-sm mb-1.5 2xs:mb-2 sm:mb-3 md:mb-4", children: [(0, jsx_runtime_1.jsx)(IconCreditCard, { className: "text-cyan-400 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('onChainAssets', 'On-Chain Assets') }), multiLoading && (0, jsx_runtime_1.jsx)(Spinner, { size: "w-3 h-3" })] }), multiLoading ? ((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)(Spinner, { size: "w-6 h-6" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-neutral-400", children: t('syncingOnChainData', 'Syncing on-chain data...') }), (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: multiLoading })), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 2xs:mt-4 pt-2 2xs:pt-3 border-t border-neutral-700 space-y-1.5 2xs:space-y-2", children: isAllTab ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(IconInfo, { className: "mt-0.5 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('allWalletsNote', 'Aggregated on-chain balances across {count} wallets. Low-value assets (<$1) are hidden.', { count: walletList.length }) })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-1.5 2xs:space-y-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-neutral-500 min-w-0", children: [(0, jsx_runtime_1.jsx)(IconInfo, { className: "shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { className: "hidden 2xs:inline", children: [t('currentWallet', 'Current wallet'), ":"] }), (0, jsx_runtime_1.jsx)("code", { className: "text-neutral-400 bg-neutral-800 px-1.5 py-0.5 rounded font-mono truncate min-w-0 max-w-[140px] 2xs:max-w-[180px] sm:max-w-none", children: activeTab }), walletList.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 text-[9px] 2xs:text-[10px] shrink-0", children: t('primary', 'Primary') }))] }), (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-[10px] 2xs:text-xs flex items-center gap-1 whitespace-nowrap", children: [t('viewOnSolscan', 'View on Solscan'), " ", (0, jsx_runtime_1.jsx)(IconExternalLink, { className: "w-3 h-3" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(IconInfo, { className: "mt-0.5 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('singleWalletNote', 'Showing on-chain balances for this wallet only. Low-value assets (<$1) are hidden.') })] })] })) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-3 2xs:p-4 sm:p-5 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3 mb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-2 2xs:p-3 bg-cyan-400/20 rounded-xl border border-cyan-400/30 shrink-0", children: (0, jsx_runtime_1.jsx)(IconWallet, { className: "w-5 h-5 2xs:w-6 2xs:h-6 sm:w-8 sm:h-8 text-cyan-400" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[10px] 2xs:text-xs sm:text-sm text-neutral-400 tracking-wider mb-1", children: t('mccBalance', 'MCC Balance') }), (0, jsx_runtime_1.jsx)("div", { className: "text-xl 2xs:text-2xl xs:text-3xl sm:text-4xl md:text-5xl font-bold text-white font-mono truncate", children: mccLoading ? (0, jsx_runtime_1.jsx)(Spinner, {}) : mask(fmt(mccBalance)) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-[10px] 2xs:text-xs sm:text-sm text-neutral-500 mt-1 truncate", children: [mccLoading ? '' : mask(`${fmtUSD(totalUsd)}`), !mccLoading && price > 0 && ((0, jsx_runtime_1.jsxs)("span", { className: "ml-2 text-[10px] 2xs:text-xs text-neutral-600", children: ["@ ", fmtUSD(price), "/MCC"] }))] })] })] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => onNavigate?.(resolvePath('/mcc/mining')), className: "w-full flex items-center justify-center gap-2 px-4 py-2 sm:py-2.5 bg-cyan-700 hover:bg-cyan-600 text-white rounded text-xs 2xs:text-sm transition-colors whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)(IconExternalLink, { className: "h-4 w-4" }), t('mintRecords', 'Mining Records')] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 text-neutral-400 text-xs 2xs:text-sm mb-1.5 2xs:mb-2 sm:mb-3 md:mb-4", children: [(0, jsx_runtime_1.jsx)(IconGift, { className: "text-cyan-400 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('mcdPoints', 'MCD Points') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-1.5 2xs:gap-2 sm:gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 bg-neutral-800 rounded border border-neutral-700 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 mb-1.5 2xs:mb-2", children: [(0, jsx_runtime_1.jsx)(IconCreditCard, { className: "h-3 w-3 2xs:h-4 2xs:w-4 text-cyan-400 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[8px] 2xs:text-[10px] sm:text-xs text-neutral-400 tracking-wider truncate", children: t('currentBalance', 'Current Balance') })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-base 2xs:text-lg xs:text-xl sm:text-2xl font-bold text-cyan-400 font-mono truncate", children: mcdLoading ? (0, jsx_runtime_1.jsx)(Spinner, {}) : mask(fmt(mcdAmount, 6)) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[9px] 2xs:text-[10px] sm:text-xs text-neutral-500 mt-0.5 2xs:mt-1", children: "MCD" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 bg-neutral-800 rounded border border-neutral-700 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 mb-1.5 2xs:mb-2", children: [(0, jsx_runtime_1.jsx)(IconTrendingUp, { className: "h-3 w-3 2xs:h-4 2xs:w-4 text-neutral-400 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[8px] 2xs:text-[10px] sm:text-xs text-neutral-400 tracking-wider truncate", children: t('totalReceived', 'Total Received') })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-base 2xs:text-lg xs:text-xl sm:text-2xl font-bold text-white font-mono truncate", children: mcdLoading ? (0, jsx_runtime_1.jsx)(Spinner, {}) : mask(fmt(mcdTotalReceived, 6)) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[9px] 2xs:text-[10px] sm:text-xs text-neutral-500 mt-0.5 2xs:mt-1", children: "MCD" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 2xs:mt-4 pt-2 2xs:pt-3 border-t border-neutral-700 space-y-1.5 2xs:space-y-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-1.5 2xs:gap-2 text-[10px] 2xs:text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsx)(IconGift, { className: "w-3 h-3 mt-0.5 shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { children: [t('spent', 'Spent'), ": ", (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: mask(fmt(mcdSpent, 0)) }), ' · ', t('mcdDistributionNote', 'MCD is distributed daily to eligible miners.')] })] }) })] }) }), activeLocks.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 sm:p-4 md:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 2xs:gap-2 text-neutral-400 text-xs 2xs:text-sm mb-1.5 2xs:mb-2 sm:mb-3 md:mb-4", children: [(0, jsx_runtime_1.jsx)(IconLock, { className: "w-3.5 h-3.5 2xs:w-4 2xs:h-4 sm:w-5 sm:h-5 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('lockPeriod14Days', 'Lock Period (14 days)') })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 gap-1.5 2xs:gap-2 sm:gap-3", children: activeLocks.map((lock) => ((0, jsx_runtime_1.jsx)(LockPeriodCard, { lock: lock, hideBalance: hideBalance }, lock.lock_id))) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 2xs:mt-3 text-[10px] 2xs:text-xs text-neutral-500 font-mono", children: [t('totalLocked', 'Total locked'), ": ", mask(fmt(lockedAmount, 2)), " MCC"] })] }) }))] }));
 }

package/dist/index.d.ts

@@ -85,3 +85,25 @@ export { MicrocosmEmailChangeCard } from './components/profile/email-change-card
 export type { MicrocosmEmailChangeCardProps } from './components/profile/email-change-card';
 export { MicrocosmTwoFactorSettings } from './components/profile/two-factor-settings';
 export type { MicrocosmTwoFactorSettingsProps } from './components/profile/two-factor-settings';
+export { default as MainPortalMiningPage } from './main-portal/components/mining/MiningPage';
+export { default as MainPortalMiningModal } from './main-portal/components/mining/MiningModal';
+export { default as MainPortalWalletPage } from './main-portal/components/wallet/WalletPage';
+export { default as MainPortalWalletManagement } from './main-portal/components/wallet/WalletManagement';
+export { default as MainPortalMCCHistory } from './main-portal/components/wallet/MCCHistory';
+export { default as MainPortalMCDPage } from './main-portal/components/mcd/MCDPage';
+export { default as MainPortalAuctionsPage } from './main-portal/components/auctions/AuctionsPage';
+export { default as MainPortalFragmentPage } from './main-portal/components/fragment/FragmentPage';
+export { default as MainPortalLendingPage } from './main-portal/components/lending/LendingPage';
+export { default as MainPortalVotingPage } from './main-portal/components/voting/VotingPage';
+export { default as MainPortalReincarnationPage } from './main-portal/components/reincarnation/ReincarnationPage';
+export { default as MainPortalOrganizationPage } from './main-portal/components/organization/OrganizationPage';
+export { default as MainPortalTerritoryNFTBrowser } from './main-portal/components/territory/TerritoryNFTBrowser';
+export { default as MainPortalStationListPage } from './main-portal/components/stations/StationListPage';
+export { default as MainPortalStationDetailPage } from './main-portal/components/stations/StationDetailPage';
+export { default as MainPortalStationsPage } from './main-portal/components/stations/StationsPage';
+export { default as MainPortalProfilePage } from './main-portal/components/profile/ProfilePage';
+export { default as MainPortalManagerIncomePage } from './main-portal/components/income/ManagerIncomePage';
+export { default as MainPortalQueueStatusPage } from './main-portal/components/queue/QueueStatusPage';
+export { default as MainPortalRewardsPage } from './main-portal/components/rewards/RewardsPage';
+export { default as MainPortalNotificationsPage } from './main-portal/components/notifications/NotificationsPage';
+export { default as MainPortalMessagesPage } from './main-portal/components/messages/MessagesPage';

package/dist/index.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMiningPage = exports.MicrocosmWalletPage = exports.MicrocosmLendingPage = exports.MicrocosmFragmentPage = exports.MicrocosmLockPeriods = exports.MicrocosmMCDStats = exports.MicrocosmMCCTokenStats = exports.MicrocosmEcosystemStats = exports.MicrocosmMyMining = exports.MicrocosmMiningWeight = exports.MicrocosmMintingStats = exports.MicrocosmPriceChart = exports.MicrocosmAssetsSummary = exports.MicrocosmQuickActions = exports.MicrocosmMarketBar = exports.MicrocosmDashboardOverview = exports.KPIRadialChart = exports.VoteResultBar = exports.MiningProgressBar = exports.TerritoryCard = exports.TerminalTooltip = exports.TerminalInput = exports.TerminalCountdown = exports.TerminalDialog = exports.TerminalTabs = exports.TerminalTable = exports.TerminalProgress = exports.TerminalDataRow = exports.TerminalBadge = exports.TerminalEmpty = exports.TerminalError = exports.TerminalLoading = exports.TerminalPageHeader = exports.TerminalCommand = exports.StatBox = exports.TerminalCard = exports.getMenuDescription = exports.getMenuTitle = exports.resolveMenuPath = exports.getAllMenuItems = exports.microcosmMenuGroups = exports.dashboardMenu = exports.web3OsMenu = exports.blockchainMenu = exports.useT = exports.useTranslations = exports.MicrocosmI18nProvider = exports.useLinkComponent = exports.LinkProvider = exports.MicrocosmMenuSection = void 0;
-exports.MicrocosmTwoFactorSettings = exports.MicrocosmEmailChangeCard = exports.MicrocosmProfilePage = exports.MicrocosmRewardsPage = exports.MicrocosmStationListPage = exports.MicrocosmQueueStatusPage = exports.MicrocosmManagerIncomePage = exports.MicrocosmReincarnationPage = exports.MicrocosmVotingPage = exports.MicrocosmOrganizationPage = exports.MicrocosmTerritoryPage = exports.MicrocosmAuctionPage = exports.MicrocosmMCDPage = void 0;
+exports.MainPortalMessagesPage = exports.MainPortalNotificationsPage = exports.MainPortalRewardsPage = exports.MainPortalQueueStatusPage = exports.MainPortalManagerIncomePage = exports.MainPortalProfilePage = exports.MainPortalStationsPage = exports.MainPortalStationDetailPage = exports.MainPortalStationListPage = exports.MainPortalTerritoryNFTBrowser = exports.MainPortalOrganizationPage = exports.MainPortalReincarnationPage = exports.MainPortalVotingPage = exports.MainPortalLendingPage = exports.MainPortalFragmentPage = exports.MainPortalAuctionsPage = exports.MainPortalMCDPage = exports.MainPortalMCCHistory = exports.MainPortalWalletManagement = exports.MainPortalWalletPage = exports.MainPortalMiningModal = exports.MainPortalMiningPage = exports.MicrocosmTwoFactorSettings = exports.MicrocosmEmailChangeCard = exports.MicrocosmProfilePage = exports.MicrocosmRewardsPage = exports.MicrocosmStationListPage = exports.MicrocosmQueueStatusPage = exports.MicrocosmManagerIncomePage = exports.MicrocosmReincarnationPage = exports.MicrocosmVotingPage = exports.MicrocosmOrganizationPage = exports.MicrocosmTerritoryPage = exports.MicrocosmAuctionPage = exports.MicrocosmMCDPage = void 0;
 var menu_section_1 = require("./components/menu-section");
 Object.defineProperty(exports, "MicrocosmMenuSection", { enumerable: true, get: function () { return menu_section_1.MicrocosmMenuSection; } });
 var link_context_1 = require("./link-context");
@@ -109,3 +112,47 @@ var email_change_card_1 = require("./components/profile/email-change-card");
 Object.defineProperty(exports, "MicrocosmEmailChangeCard", { enumerable: true, get: function () { return email_change_card_1.MicrocosmEmailChangeCard; } });
 var two_factor_settings_1 = require("./components/profile/two-factor-settings");
 Object.defineProperty(exports, "MicrocosmTwoFactorSettings", { enumerable: true, get: function () { return two_factor_settings_1.MicrocosmTwoFactorSettings; } });
+var MiningPage_1 = require("./main-portal/components/mining/MiningPage");
+Object.defineProperty(exports, "MainPortalMiningPage", { enumerable: true, get: function () { return __importDefault(MiningPage_1).default; } });
+var MiningModal_1 = require("./main-portal/components/mining/MiningModal");
+Object.defineProperty(exports, "MainPortalMiningModal", { enumerable: true, get: function () { return __importDefault(MiningModal_1).default; } });
+var WalletPage_1 = require("./main-portal/components/wallet/WalletPage");
+Object.defineProperty(exports, "MainPortalWalletPage", { enumerable: true, get: function () { return __importDefault(WalletPage_1).default; } });
+var WalletManagement_1 = require("./main-portal/components/wallet/WalletManagement");
+Object.defineProperty(exports, "MainPortalWalletManagement", { enumerable: true, get: function () { return __importDefault(WalletManagement_1).default; } });
+var MCCHistory_1 = require("./main-portal/components/wallet/MCCHistory");
+Object.defineProperty(exports, "MainPortalMCCHistory", { enumerable: true, get: function () { return __importDefault(MCCHistory_1).default; } });
+var MCDPage_1 = require("./main-portal/components/mcd/MCDPage");
+Object.defineProperty(exports, "MainPortalMCDPage", { enumerable: true, get: function () { return __importDefault(MCDPage_1).default; } });
+var AuctionsPage_1 = require("./main-portal/components/auctions/AuctionsPage");
+Object.defineProperty(exports, "MainPortalAuctionsPage", { enumerable: true, get: function () { return __importDefault(AuctionsPage_1).default; } });
+var FragmentPage_1 = require("./main-portal/components/fragment/FragmentPage");
+Object.defineProperty(exports, "MainPortalFragmentPage", { enumerable: true, get: function () { return __importDefault(FragmentPage_1).default; } });
+var LendingPage_1 = require("./main-portal/components/lending/LendingPage");
+Object.defineProperty(exports, "MainPortalLendingPage", { enumerable: true, get: function () { return __importDefault(LendingPage_1).default; } });
+var VotingPage_1 = require("./main-portal/components/voting/VotingPage");
+Object.defineProperty(exports, "MainPortalVotingPage", { enumerable: true, get: function () { return __importDefault(VotingPage_1).default; } });
+var ReincarnationPage_1 = require("./main-portal/components/reincarnation/ReincarnationPage");
+Object.defineProperty(exports, "MainPortalReincarnationPage", { enumerable: true, get: function () { return __importDefault(ReincarnationPage_1).default; } });
+var OrganizationPage_1 = require("./main-portal/components/organization/OrganizationPage");
+Object.defineProperty(exports, "MainPortalOrganizationPage", { enumerable: true, get: function () { return __importDefault(OrganizationPage_1).default; } });
+var TerritoryNFTBrowser_1 = require("./main-portal/components/territory/TerritoryNFTBrowser");
+Object.defineProperty(exports, "MainPortalTerritoryNFTBrowser", { enumerable: true, get: function () { return __importDefault(TerritoryNFTBrowser_1).default; } });
+var StationListPage_1 = require("./main-portal/components/stations/StationListPage");
+Object.defineProperty(exports, "MainPortalStationListPage", { enumerable: true, get: function () { return __importDefault(StationListPage_1).default; } });
+var StationDetailPage_1 = require("./main-portal/components/stations/StationDetailPage");
+Object.defineProperty(exports, "MainPortalStationDetailPage", { enumerable: true, get: function () { return __importDefault(StationDetailPage_1).default; } });
+var StationsPage_1 = require("./main-portal/components/stations/StationsPage");
+Object.defineProperty(exports, "MainPortalStationsPage", { enumerable: true, get: function () { return __importDefault(StationsPage_1).default; } });
+var ProfilePage_1 = require("./main-portal/components/profile/ProfilePage");
+Object.defineProperty(exports, "MainPortalProfilePage", { enumerable: true, get: function () { return __importDefault(ProfilePage_1).default; } });
+var ManagerIncomePage_1 = require("./main-portal/components/income/ManagerIncomePage");
+Object.defineProperty(exports, "MainPortalManagerIncomePage", { enumerable: true, get: function () { return __importDefault(ManagerIncomePage_1).default; } });
+var QueueStatusPage_1 = require("./main-portal/components/queue/QueueStatusPage");
+Object.defineProperty(exports, "MainPortalQueueStatusPage", { enumerable: true, get: function () { return __importDefault(QueueStatusPage_1).default; } });
+var RewardsPage_1 = require("./main-portal/components/rewards/RewardsPage");
+Object.defineProperty(exports, "MainPortalRewardsPage", { enumerable: true, get: function () { return __importDefault(RewardsPage_1).default; } });
+var NotificationsPage_1 = require("./main-portal/components/notifications/NotificationsPage");
+Object.defineProperty(exports, "MainPortalNotificationsPage", { enumerable: true, get: function () { return __importDefault(NotificationsPage_1).default; } });
+var MessagesPage_1 = require("./main-portal/components/messages/MessagesPage");
+Object.defineProperty(exports, "MainPortalMessagesPage", { enumerable: true, get: function () { return __importDefault(MessagesPage_1).default; } });

package/dist/main-portal/components/auctions/AuctionsPage.d.ts

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

package/dist/main-portal/components/auctions/AuctionsPage.js

@@ -0,0 +1,218 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AuctionsPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useAuth_1 = require("../../hooks/useAuth");
+const WalletContext_1 = require("../../contexts/WalletContext");
+const api_service_1 = require("../../lib/api-service");
+const card_1 = require("../ui/card");
+const badge_1 = require("../ui/badge");
+const button_1 = require("../ui/button");
+const dialog_1 = require("../ui/dialog");
+const select_1 = require("../ui/select");
+const sonner_1 = require("sonner");
+const lucide_react_1 = require("lucide-react");
+const time_remaining_1 = require("../ui/time-remaining");
+const utils_1 = require("../../lib/utils");
+const next_intl_1 = require("next-intl");
+const UNIT_ICONS = {
+    station: (0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: "w-4 h-4" }),
+    matrix: (0, jsx_runtime_1.jsx)(lucide_react_1.Grid3x3, { className: "w-4 h-4" }),
+    sector: (0, jsx_runtime_1.jsx)(lucide_react_1.Map, { className: "w-4 h-4" }),
+    system: (0, jsx_runtime_1.jsx)(lucide_react_1.Globe, { className: "w-4 h-4" }),
+};
+// UNIT_LABELS moved to component scope for i18n
+const BADGE_VARIANTS = {
+    success: 'bg-white/20 text-white border border-white/30',
+    warning: 'bg-cyan-400/20 text-cyan-400 border border-cyan-400/30',
+    error: 'bg-red-500/20 text-red-500 border border-red-500/30',
+    info: 'bg-cyan-400/20 text-cyan-400 border border-cyan-400/30',
+    default: 'bg-neutral-500/20 text-neutral-300 border border-neutral-600',
+};
+// BID_STATUS_MAP moved to component scope for i18n
+function AuctionsPage() {
+    const t = (0, next_intl_1.useTranslations)('auctionsDash');
+    const { user, isAdmin } = (0, useAuth_1.useAuth)();
+    const UNIT_LABELS = {
+        station: t('station'), matrix: t('matrix'), sector: t('sector'), system: t('system'),
+    };
+    const BID_STATUS_MAP = {
+        active: { label: t('bidLeading'), variant: 'success' },
+        outbid: { label: t('bidOutbid'), variant: 'warning' },
+        won: { label: t('bidWon'), variant: 'success' },
+        lost: { label: t('bidLost'), variant: 'error' },
+        refunded: { label: t('bidRefunded'), variant: 'default' },
+    };
+    const { availableBalance, lockedBalance, loading: walletLoading, refreshBalance } = (0, WalletContext_1.useWallet)();
+    const [auctions, setAuctions] = (0, react_1.useState)([]);
+    const [myBids, setMyBids] = (0, react_1.useState)([]);
+    const [historyAuctions, setHistoryAuctions] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [showHistory, setShowHistory] = (0, react_1.useState)(false);
+    const [showMyBids, setShowMyBids] = (0, react_1.useState)(false);
+    const [isBidDialogOpen, setIsBidDialogOpen] = (0, react_1.useState)(false);
+    const [isCreateAuctionDialogOpen, setIsCreateAuctionDialogOpen] = (0, react_1.useState)(false);
+    const [selectedAuction, setSelectedAuction] = (0, react_1.useState)(null);
+    const [bidAmount, setBidAmount] = (0, react_1.useState)('');
+    const [createForm, setCreateForm] = (0, react_1.useState)({
+        unit_id: '', unit_type: 'station', auction_type: 'first',
+        starting_price: '', reserve_price: '', bid_increment: '', end_time: '',
+    });
+    const loadAuctions = async () => {
+        try {
+            const response = await (0, api_service_1.getActiveAuctions)();
+            if (response.success && response.data && Array.isArray(response.data))
+                setAuctions(response.data);
+            else
+                setAuctions([]);
+        }
+        catch {
+            setAuctions([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const loadMyBids = async () => {
+        if (!user)
+            return;
+        try {
+            const response = await (0, api_service_1.getMyBids)();
+            if (response.success && response.data && Array.isArray(response.data))
+                setMyBids(response.data);
+            else
+                setMyBids([]);
+        }
+        catch {
+            setMyBids([]);
+        }
+    };
+    const loadHistory = async () => {
+        try {
+            const response = await (0, api_service_1.getAuctionHistory)({ limit: 10 });
+            if (response.success && response.data && Array.isArray(response.data))
+                setHistoryAuctions(response.data);
+            else
+                setHistoryAuctions([]);
+        }
+        catch {
+            setHistoryAuctions([]);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        loadAuctions();
+        loadMyBids();
+        loadHistory();
+        const interval = setInterval(() => { loadAuctions(); loadMyBids(); }, 30000);
+        return () => clearInterval(interval);
+    }, [user]);
+    const stats = (0, react_1.useMemo)(() => {
+        const totalBids = auctions.reduce((s, a) => s + (a.bid_count || 0), 0);
+        const highestBid = auctions.length > 0 ? Math.max(...auctions.map(a => a.current_price)) : 0;
+        const totalVolume = auctions.reduce((s, a) => s + a.current_price, 0);
+        const myLeading = myBids.filter(b => b.status === 'active').length;
+        return { totalBids, highestBid, totalVolume, myLeading };
+    }, [auctions, myBids]);
+    const openBidDialog = (auction) => {
+        setSelectedAuction(auction);
+        setBidAmount((auction.current_price + auction.bid_increment).toString());
+        setIsBidDialogOpen(true);
+    };
+    const handlePlaceBid = async () => {
+        if (!selectedAuction || !user) {
+            sonner_1.toast.error(t('pleaseLogin'));
+            return;
+        }
+        const amount = parseFloat(bidAmount);
+        if (isNaN(amount) || amount <= 0) {
+            sonner_1.toast.error(t('invalidBidAmount'));
+            return;
+        }
+        const minBid = selectedAuction.current_price + selectedAuction.bid_increment;
+        if (amount < minBid) {
+            sonner_1.toast.error(t('minBidError', { amount: minBid.toLocaleString() }));
+            return;
+        }
+        if (availableBalance < amount) {
+            sonner_1.toast.error(t('insufficientBalance'));
+            return;
+        }
+        try {
+            const response = await (0, api_service_1.placeBid)({
+                auction_id: selectedAuction.auction_id, bid_amount: amount, deposit_amount: amount,
+                transaction_hash: `mcc_bid_${Date.now()}`,
+            });
+            if (response.success) {
+                sonner_1.toast.success(t('bidSuccess'));
+                refreshBalance();
+                loadAuctions();
+                loadMyBids();
+                setIsBidDialogOpen(false);
+                setBidAmount('');
+                setSelectedAuction(null);
+            }
+            else
+                throw new Error(response.error || t('bidFailed'));
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : t('bidFailed'));
+        }
+    };
+    const handleCreateAuction = async () => {
+        const { unit_id, starting_price, bid_increment, end_time } = createForm;
+        if (!unit_id || !starting_price || !bid_increment || !end_time) {
+            sonner_1.toast.error(t('fillAllFields'));
+            return;
+        }
+        try {
+            const response = await (0, api_service_1.createAuction)({
+                unit_id, auction_type: createForm.auction_type, starting_price: parseFloat(starting_price),
+                reserve_price: createForm.reserve_price ? parseFloat(createForm.reserve_price) : undefined,
+                bid_increment: parseFloat(bid_increment), end_time,
+            });
+            if (response.success) {
+                sonner_1.toast.success(t('auctionCreated'));
+                loadAuctions();
+                setIsCreateAuctionDialogOpen(false);
+                setCreateForm({ unit_id: '', unit_type: 'station', auction_type: 'first', starting_price: '', reserve_price: '', bid_increment: '', end_time: '' });
+            }
+            else
+                throw new Error(response.error || t('createAuctionFailed'));
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : t('createAuctionFailed'));
+        }
+    };
+    const handleRefundDeposit = async (bid) => {
+        try {
+            const response = await (0, api_service_1.refundDeposit)(bid.bid_id);
+            if (response.success) {
+                sonner_1.toast.success(t('depositRefunded'));
+                refreshBalance();
+                loadMyBids();
+            }
+            else
+                throw new Error(response.error || t('refundFailed'));
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : t('refundFailed'));
+        }
+    };
+    if (loading)
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center h-[60vh]", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-8 h-8 animate-spin text-neutral-400" }) }));
+    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 font-mono", 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", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2", children: [(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: () => { loadAuctions(); loadMyBids(); loadHistory(); sonner_1.toast.success(t('refreshed')); }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: "w-4 h-4 mr-2" }), t('refresh')] }), isAdmin() && ((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: () => setIsCreateAuctionDialogOpen(true), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { className: "w-4 h-4 mr-2" }), t('createAuction')] }))] })] }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 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: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('ongoing') }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-cyan-400 font-mono", children: auctions.length }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('auctionsCount') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('totalBids') }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-white font-mono", children: stats.totalBids }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('bidsCount') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('highestBid') }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-white font-mono", children: stats.highestBid > 0 ? stats.highestBid : '--' }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: "MCC" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('totalLocked') }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-cyan-400 font-mono", children: stats.totalVolume > 0 ? stats.totalVolume : '--' }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: "MCC" })] })] }) }) }), (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 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.Flame, { className: "w-4 h-4 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium text-neutral-300 tracking-wider", children: t('activeAuctions') }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-neutral-500", children: ["(", auctions.length, ")"] })] }), (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.Clock, { className: "w-3 h-3" }), (0, jsx_runtime_1.jsx)("span", { children: t('autoRefresh') })] })] }), auctions.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-16", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gavel, { className: "w-10 h-10 text-neutral-700 mx-auto mb-3" }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-sm mb-2", children: t('noActiveAuctions') }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs max-w-md mx-auto", children: t('auctionExplainer') })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: auctions.map((auction) => {
+                                const unitType = auction.unit_type || 'station';
+                                const minNextBid = auction.current_price + auction.bid_increment;
+                                const priceUp = auction.starting_price > 0
+                                    ? ((auction.current_price - auction.starting_price) / auction.starting_price * 100).toFixed(1)
+                                    : '0';
+                                const isHot = (auction.bid_count || 0) >= 5;
+                                return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("bg-neutral-800 border rounded p-5 hover:border-cyan-400/50 dash-card", isHot ? "border-cyan-400/30" : "border-neutral-700"), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400", children: UNIT_ICONS[unitType] }), (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-white font-bold", children: auction.unit_name || `${t('territory')} #${auction.unit_id}` }), isHot && (0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: BADGE_VARIANTS.warning, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Flame, { className: "w-3 h-3 inline mr-0.5" }), t('hot')] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [(0, jsx_runtime_1.jsx)(badge_1.Badge, { className: BADGE_VARIANTS.info, children: UNIT_LABELS[unitType] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: BADGE_VARIANTS.default, children: auction.auction_type === 'first' ? t('firstAuction') : t('secondAuction') }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: BADGE_VARIANTS.success, children: t('active') })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 bg-neutral-800 border border-neutral-700 rounded px-3 py-1.5 text-sm", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Clock, { className: "w-3.5 h-3.5 text-cyan-400" }), (0, jsx_runtime_1.jsx)(time_remaining_1.TimeRemaining, { endTime: auction.end_time, className: "text-cyan-400 font-bold font-mono" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3 mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 border border-neutral-700 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('startingPrice') }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-300 font-mono", children: auction.starting_price.toLocaleString() }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: "MCC" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-900 border border-neutral-700 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('currentHighest') }), (0, jsx_runtime_1.jsx)("div", { className: "text-xl font-bold text-cyan-400 font-mono", children: auction.current_price.toLocaleString() }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 text-xs", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500", children: "MCC" }), Number(priceUp) > 0 && ((0, jsx_runtime_1.jsxs)("span", { className: "text-white flex items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ArrowUpRight, { className: "w-3 h-3" }), "+", priceUp, "%"] }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 border border-neutral-700 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('bidCount') }), (0, jsx_runtime_1.jsx)("div", { className: "text-white font-bold font-mono", children: auction.bid_count || 0 }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('bidsCount') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 border border-neutral-700 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('minIncrement') }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-300 font-mono", children: auction.bid_increment.toLocaleString() }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: "MCC (\u22655%)" })] })] }), (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 text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Lock, { className: "w-3 h-3" }), t('deposit50')] }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Crown, { className: "w-3 h-3" }), t('winnerMagistrate')] }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Timer, { className: "w-3 h-3" }), t('noNewBid24h')] })] }), auction.status === 'active' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)(button_1.Button, { onClick: () => openBidDialog(auction), disabled: walletLoading, className: "bg-cyan-700 hover:bg-cyan-600 text-white", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gavel, { className: "w-4 h-4 mr-2" }), t('placeBid')] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", onClick: () => openBidDialog(auction), disabled: walletLoading, className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent text-xs", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-3 h-3 mr-1.5" }), minNextBid.toLocaleString(), " MCC"] })] }))] })] }, auction.auction_id));
+                            }) }))] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 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: "grid grid-cols-1 md:grid-cols-3 gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Award, { className: "w-3.5 h-3.5 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: t('auctionTarget') })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-neutral-300 mb-1", children: t('auctionTargetDesc') }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('auctionTargetDetail') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Timer, { className: "w-3.5 h-3.5 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: t('biddingRules') })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-neutral-300 mb-1", children: t('biddingRulesDesc') }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('biddingRulesDetail') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-3.5 h-3.5 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: t('participationReq') })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-neutral-300 mb-1", children: t('participationReqDesc') }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('participationReqDetail') })] })] }) }) }), user && (myBids.length > 0 || lockedBalance > 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", { onClick: () => setShowMyBids(!showMyBids), className: "flex items-center justify-between cursor-pointer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Shield, { className: "w-4 h-4 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-neutral-300 tracking-wider", children: t('myBids') }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-neutral-500", children: [myBids.length, " ", t('bidsCount')] }), stats.myLeading > 0 && (0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: BADGE_VARIANTS.success, children: [stats.myLeading, " ", t('leading')] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-neutral-500", children: [t('available'), " ", (0, jsx_runtime_1.jsx)("span", { className: "text-white font-mono", children: availableBalance.toLocaleString() }), lockedBalance > 0 && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" \u00B7 ", t('locked'), " ", (0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400 font-mono", children: lockedBalance.toLocaleString() })] }), ' ', "MCC"] }), showMyBids ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { className: "w-4 h-4 text-neutral-500" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "w-4 h-4 text-neutral-500" })] })] }), showMyBids && ((0, jsx_runtime_1.jsx)("div", { className: "mt-4 space-y-2", children: myBids.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-8 text-neutral-500 text-sm", children: t('noBidRecords') })) : myBids.map((bid) => {
+                                const si = BID_STATUS_MAP[bid.status] || { label: bid.status, variant: 'default' };
+                                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between bg-neutral-800 border border-neutral-700 rounded p-3 hover:bg-neutral-700 transition-colors", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(badge_1.Badge, { className: BADGE_VARIANTS[si.variant], children: si.label }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-300 text-sm", children: bid.unit_name || `#${bid.auction_id}` }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white text-sm font-bold font-mono", children: [bid.bid_amount.toLocaleString(), " MCC"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(time_remaining_1.FormattedDateTime, { dateTime: bid.created_at, className: "text-neutral-500 text-xs font-mono" }), (bid.status === 'lost' || bid.status === 'outbid') && ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", size: "sm", onClick: () => handleRefundDeposit(bid), className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent text-xs", children: t('refund') }))] })] }, bid.bid_id));
+                            }) }))] }) })), historyAuctions.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", { onClick: () => setShowHistory(!showHistory), className: "flex items-center justify-between cursor-pointer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.BarChart3, { className: "w-4 h-4 text-neutral-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-neutral-300 tracking-wider", children: t('auctionHistory') }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-neutral-500", children: [historyAuctions.length, " ", t('auctionsCount')] })] }), showHistory ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { className: "w-4 h-4 text-neutral-500" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "w-4 h-4 text-neutral-500" })] }), showHistory && ((0, jsx_runtime_1.jsx)("div", { className: "mt-4 space-y-2", children: historyAuctions.map((a) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between bg-neutral-800 border border-neutral-700 rounded p-3 hover:bg-neutral-700 transition-colors", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400", children: UNIT_ICONS[a.unit_type || 'station'] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-300 text-sm", children: a.unit_name || `${t('territory')} #${a.unit_id}` }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs", children: UNIT_LABELS[a.unit_type || 'station'] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-right", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-white text-sm font-bold font-mono", children: [a.current_price.toLocaleString(), " MCC"] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-neutral-500 text-xs", children: [a.bid_count || 0, " ", t('bidsCount')] })] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: a.status === 'cancelled' ? BADGE_VARIANTS.error : BADGE_VARIANTS.default, children: a.status === 'ended' ? t('ended') : a.status === 'cancelled' ? t('cancelled') : t('sold') })] })] }, a.auction_id))) }))] }) })), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isBidDialogOpen, onOpenChange: setIsBidDialogOpen, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "bg-neutral-900 border-neutral-700 font-mono max-w-md", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogTitle, { className: "text-white font-mono flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gavel, { className: "w-5 h-5 text-cyan-400" }), t('bidDialog')] }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { className: "text-neutral-400 font-mono", children: selectedAuction?.unit_name || `${t('territory')} #${selectedAuction?.unit_id}` })] }), selectedAuction && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 py-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsx)(badge_1.Badge, { className: BADGE_VARIANTS.info, children: UNIT_LABELS[selectedAuction.unit_type || 'station'] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: BADGE_VARIANTS.default, children: selectedAuction.auction_type === 'first' ? t('firstAuction') : t('secondAuction') }), (0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: BADGE_VARIANTS.warning, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Crown, { className: "w-3 h-3 inline mr-0.5" }), t('winnerMagistrate')] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 border border-neutral-700 rounded p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t('currentHighest') }), (0, jsx_runtime_1.jsxs)("div", { className: "text-3xl font-bold text-cyan-400 font-mono", children: [selectedAuction.current_price.toLocaleString(), " ", (0, jsx_runtime_1.jsx)("span", { className: "text-base text-neutral-500", children: "MCC" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-500 mt-1", children: [selectedAuction.bid_count || 0, " ", t('bidsCount'), " \u00B7 ", t('startingPrice'), " ", selectedAuction.starting_price.toLocaleString(), " MCC"] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: [t('bidAmountLabel'), " (", t('bidAmountMin', { amount: (selectedAuction.current_price + selectedAuction.bid_increment).toLocaleString() }), ")"] }), (0, jsx_runtime_1.jsx)("input", { type: "number", step: selectedAuction.bid_increment, value: bidAmount, onChange: (e) => setBidAmount(e.target.value), className: "w-full bg-neutral-800 border border-neutral-600 text-white placeholder-neutral-400 px-3 py-2.5 rounded text-sm font-mono focus:border-cyan-400 focus:outline-none" })] }), bidAmount && !isNaN(parseFloat(bidAmount)) && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2 p-3 bg-neutral-800 rounded border border-neutral-700 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-400", children: [t('bidAmountLabel'), ":"] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-300 font-mono", children: [parseFloat(bidAmount).toLocaleString(), " MCC"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-400", children: [t('depositLabel'), ":"] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-cyan-400 font-mono", children: [(parseFloat(bidAmount) * 0.5).toLocaleString(), " MCC"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between border-t border-neutral-700 pt-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-400", children: [t('availableBalance'), ":"] }), (0, jsx_runtime_1.jsxs)("span", { className: (0, utils_1.cn)("font-mono", availableBalance < parseFloat(bidAmount) ? 'text-red-500' : 'text-white'), children: [availableBalance.toLocaleString(), " MCC"] })] }), availableBalance < parseFloat(bidAmount) && ((0, jsx_runtime_1.jsxs)("div", { className: "text-red-500 text-xs flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Lock, { className: "w-3 h-3" }), t('balanceInsufficient')] }))] }))] })), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", onClick: () => setIsBidDialogOpen(false), className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: t('cancel') }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handlePlaceBid, className: "bg-cyan-700 hover:bg-cyan-600 text-white", children: t('confirmBid') })] })] }) }), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isCreateAuctionDialogOpen, onOpenChange: setIsCreateAuctionDialogOpen, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "bg-neutral-900 border-neutral-700 font-mono", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogTitle, { className: "text-white font-mono flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { className: "w-5 h-5 text-cyan-400" }), t('createAuctionTitle')] }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { className: "text-neutral-400 font-mono", children: t('createAuctionDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 py-2", 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: [t('territoryId'), " *"] }), (0, jsx_runtime_1.jsx)("input", { value: createForm.unit_id, onChange: (e) => setCreateForm({ ...createForm, unit_id: e.target.value }), className: "w-full bg-neutral-800 border border-neutral-600 text-white placeholder-neutral-400 px-3 py-2 rounded text-sm font-mono focus:border-cyan-400 focus:outline-none" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-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: [t('territoryType'), " *"] }), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: createForm.unit_type, onValueChange: (v) => setCreateForm({ ...createForm, unit_type: v }), children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: "bg-neutral-800 border-neutral-600 text-white", children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, {}) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { className: "bg-neutral-900 border-neutral-700", children: (0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: "station", children: t('station') }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: [t('auctionType'), " *"] }), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: createForm.auction_type, onValueChange: (v) => setCreateForm({ ...createForm, auction_type: v }), children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: "bg-neutral-800 border-neutral-600 text-white", children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, {}) }), (0, jsx_runtime_1.jsxs)(select_1.SelectContent, { className: "bg-neutral-900 border-neutral-700", children: [(0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: "first", children: t('firstAuction') }), (0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: "second", children: t('secondAuction') })] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-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: [t('startPrice'), " *"] }), (0, jsx_runtime_1.jsx)("input", { type: "number", value: createForm.starting_price, onChange: (e) => setCreateForm({ ...createForm, starting_price: e.target.value }), className: "w-full bg-neutral-800 border border-neutral-600 text-white placeholder-neutral-400 px-3 py-2 rounded text-sm font-mono focus:border-cyan-400 focus:outline-none" })] }), (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('reservePrice') }), (0, jsx_runtime_1.jsx)("input", { type: "number", value: createForm.reserve_price, onChange: (e) => setCreateForm({ ...createForm, reserve_price: e.target.value }), className: "w-full bg-neutral-800 border border-neutral-600 text-white placeholder-neutral-400 px-3 py-2 rounded text-sm font-mono focus:border-cyan-400 focus:outline-none" })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: [t('minBidIncrement'), " *"] }), (0, jsx_runtime_1.jsx)("input", { type: "number", value: createForm.bid_increment, onChange: (e) => setCreateForm({ ...createForm, bid_increment: e.target.value }), className: "w-full bg-neutral-800 border border-neutral-600 text-white placeholder-neutral-400 px-3 py-2 rounded text-sm font-mono focus:border-cyan-400 focus:outline-none" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: [t('endTime'), " *"] }), (0, jsx_runtime_1.jsx)("input", { type: "datetime-local", value: createForm.end_time, onChange: (e) => setCreateForm({ ...createForm, end_time: e.target.value }), className: "w-full bg-neutral-800 border border-neutral-600 text-white placeholder-neutral-400 px-3 py-2 rounded text-sm font-mono focus:border-cyan-400 focus:outline-none" })] })] }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", onClick: () => setIsCreateAuctionDialogOpen(false), className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: t('cancel') }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleCreateAuction, className: "bg-cyan-700 hover:bg-cyan-600 text-white", children: t('createAuction') })] })] }) })] }));
+}

package/dist/main-portal/components/data/asset-stats.d.ts

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