@microcosmmoney/portal-react 3.12.8 → 3.13.0

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;

package/dist/main-portal/components/data/asset-stats.js

@@ -0,0 +1,33 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetStats = AssetStats;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useStats_1 = require("../../hooks/useStats");
+const charts_1 = require("./charts");
+const next_intl_1 = require("next-intl");
+function AssetStats() {
+    const { data: mccStats, loading: mccLoading } = (0, useStats_1.useMCCStats)();
+    const { data: mcdStats, loading: mcdLoading } = (0, useStats_1.useMCDStats)();
+    const t = (0, next_intl_1.useTranslations)("data");
+    const loading = mccLoading || mcdLoading;
+    const formatLargeNumber = (num) => {
+        if (num >= 1000000000)
+            return `${(num / 1000000000).toFixed(2)}B`;
+        if (num >= 1000000)
+            return `${(num / 1000000).toFixed(2)}M`;
+        if (num >= 1000)
+            return `${(num / 1000).toFixed(2)}K`;
+        return num.toLocaleString();
+    };
+    return ((0, jsx_runtime_1.jsx)("section", { className: "py-20 px-4 sm:px-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-6xl mx-auto", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center mb-12", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs uppercase tracking-[0.2em] text-primary mb-3", children: "ASSET OVERVIEW" }), (0, jsx_runtime_1.jsx)("h2", { className: "text-3xl sm:text-4xl font-bold text-foreground mb-4", children: t('assetOverview') }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground max-w-2xl mx-auto", children: t('assetSubtitle') })] }), loading ? ((0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-card/50 border border-border/50 rounded-2xl p-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-8 w-48 bg-muted animate-pulse rounded mb-6" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: [...Array(6)].map((_, i) => ((0, jsx_runtime_1.jsx)("div", { className: "h-6 bg-muted animate-pulse rounded" }, i))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-card/50 border border-border/50 rounded-2xl p-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-8 w-48 bg-muted animate-pulse rounded mb-6" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: [...Array(6)].map((_, i) => ((0, jsx_runtime_1.jsx)("div", { className: "h-6 bg-muted animate-pulse rounded" }, i))) })] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-card/50 backdrop-blur-sm border border-border/50 rounded-2xl p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-primary font-bold text-lg", children: "MCC" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-xl font-bold text-foreground", children: "Microcosm Coin" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: t('platformToken') })] })] }), mccStats && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(AssetRow, { label: t('totalSupply'), value: formatLargeNumber(mccStats.total_supply), unit: "MCC" }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('minted'), value: formatLargeNumber(mccStats.circulating_supply), unit: "MCC", highlight: true }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('genesisPool'), value: formatLargeNumber(mccStats.genesis_pool_balance), unit: "MCC" }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('holdersCount'), value: mccStats.holders_count.toLocaleString(), unit: t('holdersUnit') }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('currentMiningDifficulty'), value: `${2 ** mccStats.current_phase}:1`, unit: `(${t('phaseLabel')} ${mccStats.current_phase})` }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('nextHalving'), value: formatLargeNumber(mccStats.remaining_to_halving), unit: `MCC ${t('afterUnit')}` })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-6 pt-6 border-t border-border/50", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-sm mb-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-muted-foreground", children: [t('mintProgress'), " (", t('phaseLabel'), " ", mccStats.current_phase, ")"] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-foreground font-medium", children: [((mccStats.circulating_supply / mccStats.total_supply) * 100).toFixed(2), "%"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-3 bg-secondary rounded-full overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "h-full bg-gradient-to-r from-primary via-primary to-cyan-300 rounded-full", style: { width: `${(mccStats.circulating_supply / mccStats.total_supply) * 100}%` } }) }), (0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-muted-foreground mt-2", children: [t('halvingRemaining'), " ", formatLargeNumber(mccStats.remaining_to_halving), " MCC"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-6 pt-6 border-t border-border/50", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground mb-4 text-center", children: t('supplyDistribution') }), (0, jsx_runtime_1.jsx)(charts_1.MCCSupplyChart, { circulating: mccStats.circulating_supply, remaining: mccStats.genesis_pool_balance, className: "h-[180px]" })] })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-card/50 backdrop-blur-sm border border-border/50 rounded-2xl p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-12 h-12 rounded-xl bg-cyan-400/10 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-cyan-300 font-bold text-lg", children: "MCD" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-xl font-bold text-foreground", children: "Microcosm Dollar" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: t('onchainCredits') })] })] }), mcdStats && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(AssetRow, { label: t('totalSupply'), value: formatLargeNumber(mcdStats.total_supply), unit: "MCD" }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('circulatingSupply'), value: formatLargeNumber(mcdStats.circulating_supply), unit: "MCD" }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('vaultLocked'), value: formatLargeNumber(mcdStats.total_vault_balance), unit: "MCD", highlight: true }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('userHeld'), value: formatLargeNumber(mcdStats.user_balance), unit: "MCD" }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('dailyDistribution'), value: formatLargeNumber(mcdStats.daily_distribution), unit: "MCD" }), (0, jsx_runtime_1.jsx)(AssetRow, { label: t('activeVaults'), value: mcdStats.active_vaults.toLocaleString(), unit: t('vaultUnit') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-6 pt-6 border-t border-border/50", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground mb-3", children: t('vaultMcdDaily') }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-3 gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-secondary/50 rounded-lg p-3 text-center", children: [(0, jsx_runtime_1.jsxs)("p", { className: "text-lg font-bold text-foreground", children: [(mcdStats.daily_distribution_rate * 100).toFixed(0), "%"] }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: t('dailyDistRate') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-secondary/50 rounded-lg p-3 text-center", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-lg font-bold text-foreground", children: mcdStats.holders_count.toLocaleString() }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: t('holdersCountLabel') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-secondary/50 rounded-lg p-3 text-center", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-lg font-bold text-foreground", children: mcdStats.holders_count > 0
+                                                                                ? (mcdStats.daily_distribution / mcdStats.holders_count).toFixed(2)
+                                                                                : '0.00' }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: t('avgPerPerson') })] })] })] })] }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-8 bg-card/30 border border-border/50 rounded-2xl p-6", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-lg font-bold text-foreground mb-4", children: t('distributionTitle') }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground mb-6", children: t('distributionDesc') }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 sm:grid-cols-5 gap-4", children: [(0, jsx_runtime_1.jsx)(DistributionCard, { percentage: 50, label: t('distUser'), description: t('distUserDesc'), color: "bg-primary" }), (0, jsx_runtime_1.jsx)(DistributionCard, { percentage: 10, label: t('distTeam'), description: t('distTeamDesc'), color: "bg-cyan-400" }), (0, jsx_runtime_1.jsx)(DistributionCard, { percentage: 10, label: t('distMagistrate'), description: t('distMagistrateDesc'), color: "bg-cyan-400" }), (0, jsx_runtime_1.jsx)(DistributionCard, { percentage: 10, label: t('distDeveloperMcd'), description: t('distDeveloperMcdDesc'), color: "bg-cyan-400" }), (0, jsx_runtime_1.jsx)(DistributionCard, { percentage: 20, label: t('distTerritoryVault'), description: t('distTerritoryVaultDesc'), color: "bg-cyan-400" })] })] })] }))] }) }));
+}
+function AssetRow({ label, value, unit, highlight }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm text-muted-foreground", children: label }), (0, jsx_runtime_1.jsxs)("span", { className: `font-medium ${highlight ? "text-primary" : "text-foreground"}`, children: [value, " ", (0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground text-sm", children: unit })] })] }));
+}
+function DistributionCard({ percentage, label, description, color }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-card/50 border border-border/50 rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-3 h-3 rounded-full ${color}` }), (0, jsx_runtime_1.jsxs)("span", { className: "text-2xl font-bold text-foreground", children: [percentage, "%"] })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm font-medium text-foreground", children: label }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: description })] }));
+}

package/dist/main-portal/components/data/charts/MCCSupplyChart.d.ts

@@ -0,0 +1,7 @@
+interface MCCSupplyChartProps {
+    circulating: number;
+    remaining: number;
+    className?: string;
+}
+export declare function MCCSupplyChart({ circulating, remaining, className }: MCCSupplyChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main-portal/components/data/charts/MCCSupplyChart.js

@@ -0,0 +1,27 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MCCSupplyChart = MCCSupplyChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const recharts_1 = require("recharts");
+const chart_1 = require("../../ui/chart");
+const chartConfig = {
+    circulating: {
+        label: "已挖出",
+        color: "#10b981"
+    },
+    remaining: {
+        label: "Genesis Pool",
+        color: "#374151"
+    }
+};
+function MCCSupplyChart({ circulating, remaining, className }) {
+    const data = [
+        { name: "已挖出", value: circulating, fill: "#10b981" },
+        { name: "Genesis Pool", value: remaining, fill: "#374151" }
+    ];
+    const total = circulating + remaining;
+    const percentage = total > 0 ? ((circulating / total) * 100).toFixed(2) : "0.00";
+    return ((0, jsx_runtime_1.jsx)(chart_1.ChartContainer, { config: chartConfig, className: className, children: (0, jsx_runtime_1.jsxs)(recharts_1.PieChart, { children: [(0, jsx_runtime_1.jsx)(recharts_1.Pie, { data: data, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: 50, outerRadius: 80, startAngle: 90, endAngle: -270, children: data.map((entry, index) => ((0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: entry.fill }, `cell-${index}`))) }), (0, jsx_runtime_1.jsx)(chart_1.ChartTooltip, { content: (0, jsx_runtime_1.jsx)(chart_1.ChartTooltipContent, { formatter: (value) => ((0, jsx_runtime_1.jsxs)("span", { className: "font-mono", children: [Number(value).toLocaleString(), " MCC"] })) }) }), (0, jsx_runtime_1.jsxs)("text", { x: "50%", y: "45%", textAnchor: "middle", dominantBaseline: "middle", fill: "#10b981", fontSize: "24", fontWeight: "bold", children: [percentage, "%"] }), (0, jsx_runtime_1.jsx)("text", { x: "50%", y: "58%", textAnchor: "middle", dominantBaseline: "middle", fill: "#9ca3af", fontSize: "12", children: "\u5DF2\u6316\u51FA" })] }) }));
+}

package/dist/main-portal/components/data/charts/MiningTrendChart.d.ts

@@ -0,0 +1,7 @@
+import type { MiningHistoryItem } from "../../../hooks/useStats";
+interface MiningTrendChartProps {
+    data: MiningHistoryItem[];
+    className?: string;
+}
+export declare function MiningTrendChart({ data, className }: MiningTrendChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main-portal/components/data/charts/MiningTrendChart.js

@@ -0,0 +1,39 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiningTrendChart = MiningTrendChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const recharts_1 = require("recharts");
+const chart_1 = require("../../ui/chart");
+const chartConfig = {
+    usdc_amount: {
+        label: "USDC 投入",
+        color: "#5EEAD4"
+    },
+    usdt_amount: {
+        label: "USDT 投入",
+        color: "#2DD4BF"
+    },
+    total_mcc: {
+        label: "MCC 产出",
+        color: "#99F6E4"
+    },
+    total_mcd: {
+        label: "MCD 产出",
+        color: "#14B8A6"
+    }
+};
+function MiningTrendChart({ data, className }) {
+    const formattedData = data.map(item => ({
+        ...item,
+        date: new Date(item.date).toLocaleDateString('zh-CN', { month: 'short', day: 'numeric' })
+    })).reverse();
+    return ((0, jsx_runtime_1.jsx)(chart_1.ChartContainer, { config: chartConfig, className: className, children: (0, jsx_runtime_1.jsxs)(recharts_1.BarChart, { data: formattedData, accessibilityLayer: true, margin: { top: 20, right: 20, bottom: 20, left: 20 }, children: [(0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { vertical: false, strokeDasharray: "3 3", stroke: "#374151" }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tick: { fill: "#9ca3af" } }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { tickLine: false, axisLine: false, tick: { fill: "#9ca3af" }, width: 60, tickFormatter: (value) => {
+                        if (value >= 1000000)
+                            return `${(value / 1000000).toFixed(1)}M`;
+                        if (value >= 1000)
+                            return `${(value / 1000).toFixed(0)}K`;
+                        return value.toString();
+                    } }), (0, jsx_runtime_1.jsx)(chart_1.ChartTooltip, { cursor: false, content: (0, jsx_runtime_1.jsx)(chart_1.ChartTooltipContent, { indicator: "dashed" }) }), (0, jsx_runtime_1.jsx)(chart_1.ChartLegend, { content: (0, jsx_runtime_1.jsx)(chart_1.ChartLegendContent, {}) }), (0, jsx_runtime_1.jsx)(recharts_1.Bar, { dataKey: "usdc_amount", fill: "#5EEAD4", radius: [4, 4, 0, 0] }), (0, jsx_runtime_1.jsx)(recharts_1.Bar, { dataKey: "usdt_amount", fill: "#2DD4BF", radius: [4, 4, 0, 0] }), (0, jsx_runtime_1.jsx)(recharts_1.Bar, { dataKey: "total_mcc", fill: "#99F6E4", radius: [4, 4, 0, 0] }), (0, jsx_runtime_1.jsx)(recharts_1.Bar, { dataKey: "total_mcd", fill: "#14B8A6", radius: [4, 4, 0, 0] })] }) }));
+}

package/dist/main-portal/components/data/charts/PriceChart.d.ts

@@ -0,0 +1,5 @@
+interface PriceChartProps {
+    theme?: "blue" | "orange";
+}
+export declare function PriceChart({ theme }: PriceChartProps): import("react/jsx-runtime").JSX.Element | null;
+export {};