@microcosmmoney/portal-react 3.12.8 → 3.13.0

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

@@ -0,0 +1,99 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PriceChart = PriceChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const button_1 = require("../../ui/button");
+const recharts_1 = require("recharts");
+const THEMES = {
+    blue: {
+        bg: "bg-neutral-900 border-neutral-700",
+        title: "text-white",
+        btnActive: "bg-cyan-700 hover:bg-cyan-600 text-white",
+        btnInactive: "hover:bg-neutral-700 text-neutral-500",
+        btnBg: "bg-neutral-800",
+        grid: "#333",
+        cursor: "#06B6D4",
+        tooltip: { bg: "#0E0E0E", border: "#333" },
+        market: "#67e8f9",
+        base: "#f59e0b",
+        mining: "#4ade80",
+    },
+    orange: {
+        bg: "bg-[#1B1B1B] border-[#2A2A2A]",
+        title: "text-[#EDEDED]",
+        btnActive: "bg-[#FF6B00] hover:bg-[#E55A00] text-black",
+        btnInactive: "hover:bg-[#2A2A2A] text-[#9A9A9A]",
+        btnBg: "bg-[#0E0E0E]",
+        grid: "#2A2A2A",
+        cursor: "#FF6B00",
+        tooltip: { bg: "#0E0E0E", border: "#2A2A2A" },
+        market: "#FF6B00",
+        base: "#f59e0b",
+        mining: "#4ade80",
+    },
+};
+function PriceChart({ theme = "blue" }) {
+    const t = THEMES[theme];
+    const [timeRange, setTimeRange] = (0, react_1.useState)("30D");
+    const [allHistory, setAllHistory] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        const load = async () => {
+            setLoading(true);
+            try {
+                const res = await fetch("/api/stats/price-history?range=1Y");
+                const json = await res.json();
+                if (json.success && Array.isArray(json.data)) {
+                    setAllHistory(json.data);
+                }
+            }
+            catch { }
+            setLoading(false);
+        };
+        load();
+        const interval = setInterval(load, 900000);
+        return () => clearInterval(interval);
+    }, []);
+    const visibleHistory = (0, react_1.useMemo)(() => {
+        if (allHistory.length === 0)
+            return [];
+        const now = Date.now() / 1000;
+        const cutoffs = {
+            "30D": now - 30 * 86400,
+            "180D": now - 180 * 86400,
+            "1Y": 0,
+        };
+        const cutoff = cutoffs[timeRange];
+        return cutoff > 0 ? allHistory.filter((p) => p.timestamp >= cutoff) : allHistory;
+    }, [allHistory, timeRange]);
+    const chartData = (0, react_1.useMemo)(() => {
+        return visibleHistory.map((p) => {
+            const d = new Date(p.timestamp * 1000);
+            let label;
+            if (timeRange === "30D") {
+                label = `${(d.getUTCMonth() + 1).toString().padStart(2, "0")}/${d.getUTCDate().toString().padStart(2, "0")} ${d.getUTCHours().toString().padStart(2, "0")}h`;
+            }
+            else {
+                label = `${(d.getUTCMonth() + 1).toString().padStart(2, "0")}/${d.getUTCDate().toString().padStart(2, "0")}`;
+            }
+            return {
+                time: label,
+                market: p.market_price,
+                base: p.base_price,
+                mining: p.base_price != null ? p.base_price * 4 : null,
+            };
+        });
+    }, [visibleHistory, timeRange]);
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)("div", { className: `h-[240px] sm:h-[380px] ${t.bg} rounded-lg animate-pulse border` });
+    }
+    if (chartData.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `${t.bg} rounded-lg p-3 sm:p-4 border`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-2 sm:mb-3", children: [(0, jsx_runtime_1.jsx)("span", { className: `text-xs sm:text-sm font-medium ${t.title}`, children: "MCC Pricing Overview" }), (0, jsx_runtime_1.jsx)("div", { className: `flex items-center gap-1 ${t.btnBg} p-0.5 rounded`, children: ["30D", "180D", "1Y"].map((range) => ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: timeRange === range ? "default" : "ghost", onClick: () => setTimeRange(range), className: `${timeRange === range ? t.btnActive : t.btnInactive} px-2.5 py-0.5 h-6 text-xs`, children: range }, range))) })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-[200px] sm:h-[320px]", children: (0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: "100%", children: (0, jsx_runtime_1.jsxs)(recharts_1.LineChart, { data: chartData, margin: { top: 5, right: 10, left: -15, bottom: 0 }, children: [(0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { vertical: false, strokeDasharray: "3 3", stroke: t.grid }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: "time", tick: { fill: "#9A9A9A", fontSize: 9 }, tickLine: false, axisLine: false, interval: Math.max(1, Math.floor(chartData.length / 10)) }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { tick: { fill: "#9A9A9A", fontSize: 10 }, tickLine: false, axisLine: false, tickFormatter: (value) => `$${value.toFixed(2)}`, domain: ["dataMin - 0.1", "dataMax + 0.1"] }), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, { cursor: { stroke: t.cursor, strokeWidth: 1, strokeDasharray: "4 4" }, contentStyle: { backgroundColor: t.tooltip.bg, border: `1px solid ${t.tooltip.border}`, borderRadius: "0.5rem", fontSize: "12px" }, labelStyle: { color: "#9A9A9A" }, formatter: (value, name) => {
+                                    const labels = { market: "Market Price", base: "Base Price", mining: "Mining Price" };
+                                    return value != null ? [`$${value.toFixed(4)}`, labels[name] || name] : ["--", name];
+                                } }), (0, jsx_runtime_1.jsx)(recharts_1.Line, { type: "monotone", dataKey: "mining", name: "mining", stroke: t.mining, strokeWidth: 2, dot: false, connectNulls: true, activeDot: { r: 3, fill: t.mining, stroke: t.tooltip.bg, strokeWidth: 2 } }), (0, jsx_runtime_1.jsx)(recharts_1.Line, { type: "monotone", dataKey: "market", name: "market", stroke: t.market, strokeWidth: 2, dot: false, connectNulls: true, activeDot: { r: 3, fill: t.market, stroke: t.tooltip.bg, strokeWidth: 2 } }), (0, jsx_runtime_1.jsx)(recharts_1.Line, { type: "monotone", dataKey: "base", name: "base", stroke: t.base, strokeWidth: 2, dot: false, connectNulls: true, strokeDasharray: "6 3", activeDot: { r: 3, fill: t.base, stroke: t.tooltip.bg, strokeWidth: 2 } })] }) }) })] }));
+}

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TeamWalletChart = TeamWalletChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const GREEN_COLORS = [
+    "#5EEAD4",
+    "#2DD4BF",
+    "#99F6E4",
+    "#14B8A6",
+    "#0D9488",
+];
+function formatValue(value) {
+    if (value >= 1000000000)
+        return `${(value / 1000000000).toFixed(2)}B`;
+    if (value >= 1000000)
+        return `${(value / 1000000).toFixed(2)}M`;
+    if (value >= 1000)
+        return `${(value / 1000).toFixed(1)}K`;
+    return value.toLocaleString();
+}
+function TeamWalletChart({ data, className }) {
+    const maxValue = Math.max(...data.map(d => d.mcc_balance), 1);
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-center h-full gap-3 sm:gap-4", children: data.map((wallet, index) => {
+                const ratio = wallet.mcc_balance / maxValue;
+                const widthPercent = Math.max(ratio * 93, 2);
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 sm:gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-20 sm:w-24 flex-shrink-0 text-right", children: (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs sm:text-sm text-foreground/50 truncate block", children: wallet.label }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-1 h-7 sm:h-8 bg-border/10 rounded-r overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "h-full rounded-r transition-all duration-500 ease-out", style: {
+                                            width: `${widthPercent}%`,
+                                            backgroundColor: GREEN_COLORS[index % GREEN_COLORS.length],
+                                        } }) }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs sm:text-sm text-foreground/60 tabular-nums flex-shrink-0 w-12 sm:w-16 text-left", children: formatValue(wallet.mcc_balance) })] })] }, wallet.key));
+            }) }) }));
+}

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerritoryProgressChart = TerritoryProgressChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const recharts_1 = require("recharts");
+const chart_1 = require("../../ui/chart");
+const chartConfig = {
+    active: {
+        label: "活跃",
+        color: "#10b981"
+    },
+    inactive: {
+        label: "未活跃",
+        color: "#374151"
+    }
+};
+const TERRITORY_COLORS = {
+    System: "#047857",
+    Sector: "#059669",
+    Matrix: "#10b981",
+    Station: "#34d399"
+};
+function TerritoryProgressChart({ data, className }) {
+    const chartData = data.map(item => ({
+        name: `${item.type} (${item.name})`,
+        type: item.type,
+        active: item.active,
+        total: item.total,
+        rate: item.total > 0 ? Math.round((item.active / item.total) * 100) : 0,
+        fill: TERRITORY_COLORS[item.type] || "#10b981"
+    }));
+    return ((0, jsx_runtime_1.jsx)(chart_1.ChartContainer, { config: chartConfig, className: className, children: (0, jsx_runtime_1.jsxs)(recharts_1.BarChart, { data: chartData, layout: "vertical", margin: { left: 120, right: 60 }, accessibilityLayer: true, children: [(0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { horizontal: false, strokeDasharray: "3 3", stroke: "#374151" }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { type: "number", tickLine: false, axisLine: false, domain: [0, 100], tick: { fill: "#9ca3af" }, tickFormatter: (value) => `${value}%` }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { type: "category", dataKey: "name", tickLine: false, axisLine: false, width: 120, tick: { fill: "#9ca3af" } }), (0, jsx_runtime_1.jsx)(chart_1.ChartTooltip, { cursor: false, content: (0, jsx_runtime_1.jsx)(chart_1.ChartTooltipContent, { formatter: (value, name, item) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: item.payload.type }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u6D3B\u8DC3: ", item.payload.active, " / ", item.payload.total] }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u6D3B\u8DC3\u7387: ", item.payload.rate, "%"] })] })) }) }), (0, jsx_runtime_1.jsx)(recharts_1.Bar, { dataKey: "rate", radius: [0, 4, 4, 0], children: chartData.map((entry, index) => ((0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: entry.fill }, `cell-${index}`))) })] }) }));
+}

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserLevelPieChart = UserLevelPieChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const recharts_1 = require("recharts");
+const chart_1 = require("../../ui/chart");
+const LEVEL_COLORS = [
+    "#10b981",
+    "#34d399",
+    "#6ee7b7",
+    "#059669",
+    "#047857",
+    "#065f46",
+    "#064e3b"
+];
+function UserLevelPieChart({ data, className }) {
+    const chartConfig = {};
+    data.forEach((item, index) => {
+        chartConfig[item.name.toLowerCase()] = {
+            label: `${item.name} (${item.chinese})`,
+            color: LEVEL_COLORS[index] || LEVEL_COLORS[0]
+        };
+    });
+    const chartData = data.map((item, index) => ({
+        name: item.name,
+        chinese: item.chinese,
+        value: item.count,
+        percentage: item.percentage,
+        fill: LEVEL_COLORS[index] || LEVEL_COLORS[0]
+    }));
+    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: chartData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: 60, outerRadius: 100, paddingAngle: 2, label: ({ name, percentage }) => `${name} ${percentage}%`, labelLine: { stroke: "#6ee7b7" }, children: chartData.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, name, item) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1", children: [(0, jsx_runtime_1.jsxs)("span", { className: "font-medium", children: [item.payload.name, " (", item.payload.chinese, ")"] }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u4EBA\u6570: ", Number(value).toLocaleString()] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-muted-foreground text-xs", children: ["\u5360\u6BD4: ", item.payload.percentage, "%"] })] })) }) })] }) }));
+}

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

@@ -0,0 +1,5 @@
+export { MiningTrendChart } from './MiningTrendChart';
+export { UserLevelPieChart } from './UserLevelPieChart';
+export { TeamWalletChart } from './TeamWalletChart';
+export { MCCSupplyChart } from './MCCSupplyChart';
+export { TerritoryProgressChart } from './TerritoryProgressChart';

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerritoryProgressChart = exports.MCCSupplyChart = exports.TeamWalletChart = exports.UserLevelPieChart = exports.MiningTrendChart = void 0;
+// AI-generated · AI-managed · AI-maintained
+var MiningTrendChart_1 = require("./MiningTrendChart");
+Object.defineProperty(exports, "MiningTrendChart", { enumerable: true, get: function () { return MiningTrendChart_1.MiningTrendChart; } });
+var UserLevelPieChart_1 = require("./UserLevelPieChart");
+Object.defineProperty(exports, "UserLevelPieChart", { enumerable: true, get: function () { return UserLevelPieChart_1.UserLevelPieChart; } });
+var TeamWalletChart_1 = require("./TeamWalletChart");
+Object.defineProperty(exports, "TeamWalletChart", { enumerable: true, get: function () { return TeamWalletChart_1.TeamWalletChart; } });
+var MCCSupplyChart_1 = require("./MCCSupplyChart");
+Object.defineProperty(exports, "MCCSupplyChart", { enumerable: true, get: function () { return MCCSupplyChart_1.MCCSupplyChart; } });
+var TerritoryProgressChart_1 = require("./TerritoryProgressChart");
+Object.defineProperty(exports, "TerritoryProgressChart", { enumerable: true, get: function () { return TerritoryProgressChart_1.TerritoryProgressChart; } });

package/dist/main-portal/components/data/data-hero.d.ts

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

package/dist/main-portal/components/data/data-hero.js

@@ -0,0 +1,81 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataHero = DataHero;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useStats_1 = require("../../hooks/useStats");
+const next_intl_1 = require("next-intl");
+function DataHero() {
+    const [svgContent, setSvgContent] = (0, react_1.useState)("");
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const { data: stats, loading, error } = (0, useStats_1.useOverviewStats)();
+    const t = (0, next_intl_1.useTranslations)("data");
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const loadSVG = async () => {
+            try {
+                const response = await fetch("/map-dark.svg");
+                const svgText = await response.text();
+                setSvgContent(svgText);
+            }
+            catch (error) {
+                console.error("Failed to load SVG:", error);
+            }
+        };
+        if (mounted) {
+            loadSVG();
+        }
+    }, [mounted]);
+    (0, react_1.useEffect)(() => {
+        if (svgContent) {
+            const timer = setTimeout(() => {
+                const rects = document.querySelectorAll("#zion-map rect");
+                rects.forEach((rect) => {
+                    const duration = Math.random() * 1.5 + 0.5;
+                    const delay = Math.random() * 1;
+                    rect.setAttribute("style", `animation: glimmer ${duration}s ease-in-out ${delay}s infinite alternate;`);
+                });
+                if (!document.getElementById("glimmer-style")) {
+                    const style = document.createElement("style");
+                    style.id = "glimmer-style";
+                    style.textContent = `
+            @keyframes glimmer {
+              0% { opacity: 1; }
+              100% { opacity: 0.1; }
+            }
+          `;
+                    document.head.appendChild(style);
+                }
+            }, 100);
+            return () => clearTimeout(timer);
+        }
+    }, [svgContent]);
+    const formatNumber = (num) => {
+        if (num >= 1000000000)
+            return `${(num / 1000000000).toFixed(1)}B`;
+        if (num >= 1000000)
+            return `${(num / 1000000).toFixed(1)}M`;
+        if (num >= 1000)
+            return `${(num / 1000).toFixed(1)}K`;
+        return num.toLocaleString();
+    };
+    const formatCurrency = (num) => {
+        if (num >= 1000000)
+            return `$${(num / 1000000).toFixed(1)}M`;
+        if (num >= 1000)
+            return `$${(num / 1000).toFixed(1)}K`;
+        return `$${num.toLocaleString()}`;
+    };
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "relative min-h-[80vh] flex items-center justify-center overflow-hidden", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-gradient-to-b from-background via-background to-primary/5" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 flex items-center justify-center opacity-50", style: { transform: 'translateY(140px) scale(1.2)' }, children: svgContent ? ((0, jsx_runtime_1.jsx)("div", { id: "zion-map", className: "w-full h-full max-w-[1400px] flex items-center justify-center", dangerouslySetInnerHTML: { __html: svgContent } })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-[800px] h-[500px] bg-muted/20 animate-pulse rounded-lg" })) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 text-center px-4 sm:px-6 max-w-4xl mx-auto", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs uppercase tracking-[0.3em] text-primary mb-4", children: "MICROCOSM NETWORK STATUS" }), (0, jsx_runtime_1.jsx)("h1", { className: "text-4xl sm:text-5xl md:text-6xl font-bold text-foreground mb-6 leading-tight", children: t('heroTitle') }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg sm:text-xl text-muted-foreground max-w-2xl mx-auto mb-8", children: t('heroSubtitle') }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6 mt-12", children: loading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(QuickStatSkeleton, {}), (0, jsx_runtime_1.jsx)(QuickStatSkeleton, {}), (0, jsx_runtime_1.jsx)(QuickStatSkeleton, {}), (0, jsx_runtime_1.jsx)(QuickStatSkeleton, {})] })) : error ? ((0, jsx_runtime_1.jsxs)("div", { className: "col-span-4 text-center text-red-400", children: [t('loadFailed'), ": ", error] })) : stats ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(QuickStat, { label: t('activeUsers'), value: formatNumber(stats.total_users), change: `+${stats.new_users_today} ${t('today')}` }), (0, jsx_runtime_1.jsx)(QuickStat, { label: t('totalTerritories'), value: formatNumber(stats.total_territories), change: `${t('active')} ${stats.active_users_24h}` }), (0, jsx_runtime_1.jsx)(QuickStat, { label: t('mccCirculating'), value: formatNumber(stats.mcc_circulating), change: t('onchainVerified') }), (0, jsx_runtime_1.jsx)(QuickStat, { label: "MCD", value: formatNumber(stats.mcd_locked), change: "Vault Total" })] })) : null }), stats?.updated_at && ((0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-muted-foreground mt-6", children: [t('dataUpdatedAt'), " ", new Date(stats.updated_at).toLocaleString()] }))] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-0 left-0 right-0 h-32 bg-gradient-to-t from-background to-transparent" })] }));
+}
+function QuickStat({ label, value, change }) {
+    const isPositive = change.startsWith("+") || change.includes("today") || change.includes("active") || change.includes("今日") || change.includes("活跃");
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-card/50 backdrop-blur-sm border border-border/50 rounded-xl p-4 sm:p-5", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground uppercase tracking-wider mb-1", children: label }), (0, jsx_runtime_1.jsx)("p", { className: "text-2xl sm:text-3xl font-bold text-foreground", children: value }), (0, jsx_runtime_1.jsx)("p", { className: `text-xs mt-1 ${isPositive ? "text-primary" : "text-muted-foreground"}`, children: change })] }));
+}
+function QuickStatSkeleton() {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-card/50 backdrop-blur-sm border border-border/50 rounded-xl p-4 sm:p-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-3 w-16 bg-muted animate-pulse rounded mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: "h-8 w-24 bg-muted animate-pulse rounded mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: "h-3 w-12 bg-muted animate-pulse rounded" })] }));
+}

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

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

package/dist/main-portal/components/data/mining-history-stats.js

@@ -0,0 +1,44 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiningHistoryStats = MiningHistoryStats;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useStats_1 = require("../../hooks/useStats");
+const charts_1 = require("./charts");
+const next_intl_1 = require("next-intl");
+function MiningHistoryStats() {
+    const [days, setDays] = (0, react_1.useState)(7);
+    const { data: stats, loading, error } = (0, useStats_1.useMiningHistory)(days);
+    const t = (0, next_intl_1.useTranslations)("data");
+    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();
+    };
+    const formatAmount = (num) => {
+        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 md:py-24 px-4 sm:px-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-[1400px] mx-auto", children: [(0, jsx_runtime_1.jsxs)("header", { className: "text-center mb-12 md:mb-16", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm uppercase tracking-widest text-[#5EEAD4] mb-3 md:mb-4", children: "MINTING HISTORY" }), (0, jsx_runtime_1.jsx)("h2", { className: "font-sans font-bold text-3xl sm:text-4xl md:text-5xl text-foreground mb-4 md:mb-5 text-balance", children: t('miningHistory') }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-sm sm:text-base text-foreground/60 max-w-3xl mx-auto text-balance", children: t('miningHistoryDesc') })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center mb-8", children: (0, jsx_runtime_1.jsxs)("div", { className: "inline-flex bg-background/50 border border-border/30 rounded-lg p-1", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setDays(7), className: `px-4 py-2 rounded-md font-mono text-sm font-medium transition-colors ${days === 7
+                                    ? "bg-[#5EEAD4]/15 text-[#5EEAD4] border border-[#5EEAD4]/25"
+                                    : "text-foreground/50 hover:text-foreground"}`, children: t('days7') }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setDays(30), className: `px-4 py-2 rounded-md font-mono text-sm font-medium transition-colors ${days === 30
+                                    ? "bg-[#5EEAD4]/15 text-[#5EEAD4] border border-[#5EEAD4]/25"
+                                    : "text-foreground/50 hover:text-foreground"}`, children: t('days30') })] }) }), loading ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3 md:gap-4", children: [...Array(6)].map((_, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-4 blockchain-card", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-3 w-16 bg-muted animate-pulse rounded mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: "h-7 w-24 bg-muted animate-pulse rounded mb-1" }), (0, jsx_runtime_1.jsx)("div", { className: "h-3 w-12 bg-muted animate-pulse rounded" })] }, i))) }), (0, jsx_runtime_1.jsx)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-6 blockchain-card", children: (0, jsx_runtime_1.jsx)("div", { className: "h-[350px] bg-muted animate-pulse rounded" }) })] })) : error ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center text-red-400 py-12 font-mono text-sm", children: [t('loadFailed'), ": ", error] })) : stats ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3 md:gap-4 mb-8", children: [(0, jsx_runtime_1.jsx)(SummaryCard, { label: t('usdcInput'), value: formatAmount(stats.summary.total_usdc), sub: t('stablecoin'), highlight: true }), (0, jsx_runtime_1.jsx)(SummaryCard, { label: t('usdtInput'), value: formatAmount(stats.summary.total_usdt), sub: t('stablecoin'), highlightColor: "blue" }), (0, jsx_runtime_1.jsx)(SummaryCard, { label: t('mccMinted'), value: formatLargeNumber(stats.summary.total_mcc), sub: t('tokenOutput'), highlight: true }), (0, jsx_runtime_1.jsx)(SummaryCard, { label: t('mcdMinted'), value: formatLargeNumber(stats.summary.total_mcd), sub: t('creditsOutput'), highlightColor: "blue" }), (0, jsx_runtime_1.jsx)(SummaryCard, { label: t('dailyAvgInput'), value: formatAmount(stats.summary.avg_daily), sub: "USDC+USDT" }), (0, jsx_runtime_1.jsx)(SummaryCard, { label: t('totalTx'), value: stats.summary.total_tx.toLocaleString(), sub: t('onchainRecords') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-4 sm:p-6 blockchain-card", children: [(0, jsx_runtime_1.jsxs)("h3", { className: "font-sans font-medium text-base sm:text-lg text-foreground mb-6", children: [days, t('daysMintTrend')] }), (0, jsx_runtime_1.jsx)(charts_1.MiningTrendChart, { data: stats.history, className: "h-[350px] w-full" })] })] })) : null] }) }));
+}
+function SummaryCard({ label, value, sub, highlight = false, highlightColor, }) {
+    const colorClass = highlightColor === "blue"
+        ? "text-[#5EBCD4]"
+        : highlight
+            ? "text-[#5EEAD4]"
+            : "text-foreground";
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-4 blockchain-card", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs uppercase tracking-widest text-foreground/50 mb-1", children: label }), (0, jsx_runtime_1.jsx)("p", { className: `font-sans font-bold text-xl sm:text-2xl tabular-nums ${colorClass}`, children: value }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs text-foreground/40 mt-0.5 tabular-nums", children: sub })] }));
+}

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

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

package/dist/main-portal/components/data/team-wallet-stats.js

@@ -0,0 +1,34 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TeamWalletStats = TeamWalletStats;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useStats_1 = require("../../hooks/useStats");
+const charts_1 = require("./charts");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const next_intl_1 = require("next-intl");
+function TeamWalletStats() {
+    const { data: stats, loading, error } = (0, useStats_1.useTeamWalletStats)();
+    const [copiedAddress, setCopiedAddress] = (0, react_1.useState)(null);
+    const t = (0, next_intl_1.useTranslations)("data");
+    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();
+    };
+    const shortenAddress = (address) => {
+        return `${address.slice(0, 6)}...${address.slice(-4)}`;
+    };
+    const copyAddress = async (address) => {
+        await navigator.clipboard.writeText(address);
+        setCopiedAddress(address);
+        setTimeout(() => setCopiedAddress(null), 2000);
+    };
+    return ((0, jsx_runtime_1.jsx)("section", { className: "py-20 md:py-24 px-4 sm:px-6", "aria-labelledby": "foundation-wallet-title", children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto", children: [(0, jsx_runtime_1.jsxs)("header", { className: "text-center mb-12 md:mb-16", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm uppercase tracking-widest text-[#5EEAD4] mb-3 md:mb-4", children: "FOUNDATION WALLETS" }), (0, jsx_runtime_1.jsx)("h2", { id: "foundation-wallet-title", className: "font-sans font-bold text-3xl sm:text-4xl md:text-5xl text-foreground mb-4 md:mb-5 text-balance", children: t('foundationTitle') }), (0, jsx_runtime_1.jsxs)("div", { className: "max-w-3xl mx-auto space-y-2", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-sm sm:text-base text-foreground/60 text-balance", children: t('foundationDesc') }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-foreground/40 text-balance", children: t('foundationSubDesc') })] })] }), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg 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: "h-[300px] bg-muted animate-pulse rounded" })] }) })) : error ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center text-red-400 py-12 font-mono text-sm", children: [t('loadFailed'), ": ", error] })) : stats ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4 sm:p-6 mb-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-sans font-medium text-base sm:text-lg text-foreground", children: t('mccBalanceDist') }), (0, jsx_runtime_1.jsxs)("div", { className: "font-mono text-sm text-foreground/50", children: [t('totalLabel'), ": ", (0, jsx_runtime_1.jsxs)("span", { className: "text-[#5EEAD4] font-medium", children: [formatLargeNumber(stats.total_mcc), " MCC"] })] })] }), (0, jsx_runtime_1.jsx)(charts_1.TeamWalletChart, { data: stats.wallets, className: "h-[300px]" })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 md:gap-4", children: stats.wallets.map((wallet) => ((0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4 transition-colors duration-200 hover:bg-background/70 hover:border-border/50", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-sans font-medium text-base text-foreground", children: wallet.label }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono text-xs text-foreground/40 tabular-nums", children: [wallet.percentage, "%"] })] }), (0, jsx_runtime_1.jsxs)("p", { className: "font-sans font-bold text-3xl text-[#5EEAD4] tabular-nums mb-3", children: [formatLargeNumber(wallet.mcc_balance), (0, jsx_runtime_1.jsx)("span", { className: "text-base text-foreground/40 ml-1 font-normal", children: "MCC" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 bg-muted/50 rounded-lg px-3 py-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm text-foreground/50 flex-1 tabular-nums", children: shortenAddress(wallet.address) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => copyAddress(wallet.address), className: "p-1 hover:bg-background/50 rounded transition-colors", title: t('copyAddress'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: `w-3.5 h-3.5 ${copiedAddress === wallet.address ? 'text-[#5EEAD4]' : 'text-foreground/40'}` }) }), (0, jsx_runtime_1.jsx)("a", { href: `https://solscan.io/account/${wallet.address}`, target: "_blank", rel: "noopener noreferrer", className: "p-1 hover:bg-background/50 rounded transition-colors", title: t('viewOnSolscan'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "w-3.5 h-3.5 text-foreground/40 hover:text-[#5EEAD4]" }) })] })] }, wallet.key))) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-8 p-4 bg-[#5EEAD4]/5 border border-[#5EEAD4]/15 rounded-lg", children: (0, jsx_runtime_1.jsxs)("p", { className: "font-mono text-xs sm:text-sm text-foreground/50 leading-relaxed", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[#5EEAD4] font-medium", children: t('legalDisclaimer') }), t('legalDisclaimerText')] }) }), stats.updated_at && ((0, jsx_runtime_1.jsxs)("p", { className: "font-mono text-xs text-foreground/30 text-center mt-4 tabular-nums", children: [t('dataUpdatedAt'), " ", new Date(stats.updated_at).toLocaleString()] }))] })) : null] }) }));
+}

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerritoryStats = TerritoryStats;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useStats_1 = require("../../hooks/useStats");
+const next_intl_1 = require("next-intl");
+const recharts_1 = require("recharts");
+const TerritoryIcons = {
+    System: ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", className: "text-[#5EEAD4]", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "6", stroke: "currentColor", strokeWidth: "1.5" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "2", fill: "currentColor" })] })),
+    Sector: ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", className: "text-[#5EEAD4]", children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 2L22 8.5V15.5L12 22L2 15.5V8.5L12 2Z", stroke: "currentColor", strokeWidth: "1.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 8L17 11V17L12 20L7 17V11L12 8Z", stroke: "currentColor", strokeWidth: "1.5" })] })),
+    Matrix: ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", className: "text-[#5EBCD4]", children: [(0, jsx_runtime_1.jsx)("rect", { x: "3", y: "3", width: "7", height: "7", stroke: "currentColor", strokeWidth: "1.5", rx: "1" }), (0, jsx_runtime_1.jsx)("rect", { x: "14", y: "3", width: "7", height: "7", stroke: "currentColor", strokeWidth: "1.5", rx: "1" }), (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "14", width: "7", height: "7", stroke: "currentColor", strokeWidth: "1.5", rx: "1" }), (0, jsx_runtime_1.jsx)("rect", { x: "14", y: "14", width: "7", height: "7", stroke: "currentColor", strokeWidth: "1.5", rx: "1" })] })),
+    Station: ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", className: "text-[#5EBCD4]", children: [(0, jsx_runtime_1.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "1.5" })] }))
+};
+const compactFormatter = new Intl.NumberFormat("zh-CN", {
+    notation: "compact",
+    compactDisplay: "short",
+    maximumFractionDigits: 2,
+});
+function TerritoryStats() {
+    const { data: stats, loading, error } = (0, useStats_1.useTerritoryStats)();
+    const { data: mccData } = (0, useStats_1.useMCCStats)();
+    const { data: mcdData } = (0, useStats_1.useMCDStats)();
+    const { data: growthData } = (0, useStats_1.useUserGrowth)(30);
+    const t = (0, next_intl_1.useTranslations)("data");
+    const getIcon = (type) => {
+        return TerritoryIcons[type] || TerritoryIcons.Station;
+    };
+    return ((0, jsx_runtime_1.jsx)("section", { className: "py-20 md:py-24 px-4 sm:px-6", "aria-labelledby": "territory-title", children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto", children: [(0, jsx_runtime_1.jsxs)("header", { className: "text-center mb-12 md:mb-16", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm uppercase tracking-widest text-[#5EEAD4] mb-3 md:mb-4", children: "TERRITORY HIERARCHY" }), (0, jsx_runtime_1.jsx)("h2", { id: "territory-title", className: "font-sans font-bold text-3xl sm:text-4xl md:text-5xl text-foreground mb-4 md:mb-5 text-balance", children: t('territoryHierarchy') }), (0, jsx_runtime_1.jsxs)("div", { className: "max-w-3xl mx-auto space-y-2", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-sm sm:text-base text-foreground/60 text-balance", children: t('territoryHierarchyDesc') }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-foreground/40 text-balance", children: t('territoryHierarchySubDesc') })] })] }), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-6", children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3 md:gap-4", children: [...Array(6)].map((_, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-3 w-16 bg-muted animate-pulse rounded mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: "h-7 w-24 bg-muted animate-pulse rounded mb-1" }), (0, jsx_runtime_1.jsx)("div", { className: "h-3 w-12 bg-muted animate-pulse rounded" })] }, i))) }) })) : error ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center text-red-400 py-12 font-mono text-sm", children: [t('loadFailed'), ": ", error] })) : stats ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3 md:gap-4 mb-8", role: "list", "aria-label": t('territoryHierarchy'), children: [(0, jsx_runtime_1.jsx)(StatCard, { label: t('currentUsers'), value: stats.total_users_in_territories.toLocaleString(), sub: t('onchainRegistered'), highlight: true }), (0, jsx_runtime_1.jsx)(StatCard, { label: t('inTerritory'), value: stats.territories.reduce((a, tr) => a + (tr.population ?? 0), 0).toLocaleString(), sub: t('assignedTerritory'), highlight: true }), (0, jsx_runtime_1.jsx)(StatCard, { label: t('totalMinted'), value: compactFormatter.format(mccData?.circulating_supply ?? 0), sub: "MCC", highlightColor: "blue" }), (0, jsx_runtime_1.jsx)(StatCard, { label: t('mintCount'), value: (mccData?.total_mining_count ?? 0).toLocaleString(), sub: t('onchainRecords') }), (0, jsx_runtime_1.jsx)(StatCard, { label: t('vaultBalance'), value: compactFormatter.format(mcdData?.total_vault_balance ?? 0), sub: "MCD", highlightColor: "blue" }), (0, jsx_runtime_1.jsx)(StatCard, { label: t('territoryTotal'), value: stats.territories.reduce((a, tr) => a + tr.total, 0).toString(), sub: t('activeTerritory') })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-5 mb-8", children: stats.territories.map((territory) => ((0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-5 transition-colors duration-200 hover:bg-background/70 hover:border-border/50", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [getIcon(territory.type), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-sans font-medium text-base text-foreground", children: territory.type }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs text-foreground/40", children: territory.name })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm text-foreground/50", children: t('totalCount') }), (0, jsx_runtime_1.jsx)("span", { className: "font-sans font-bold text-xl text-foreground tabular-nums", children: territory.total })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm text-foreground/50", children: t('activeCount') }), (0, jsx_runtime_1.jsx)("span", { className: "font-sans font-bold text-xl text-[#5EEAD4] tabular-nums", children: territory.active })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm text-foreground/50", children: t('population') }), (0, jsx_runtime_1.jsx)("span", { className: "font-sans font-medium text-base text-foreground tabular-nums", children: territory.population?.toLocaleString() || 0 })] })] })] }, territory.type))) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 mb-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4 sm:p-6 flex flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-baseline mb-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-sans font-medium text-base sm:text-lg text-foreground", children: t('userGrowthTrend') }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm text-[#5EEAD4] font-bold tabular-nums", children: (growthData?.total_users ?? stats.total_users_in_territories).toLocaleString() })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 min-h-[260px]", children: growthData && growthData.history.length > 0 ? ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: 260, children: (0, jsx_runtime_1.jsxs)(recharts_1.AreaChart, { data: growthData.history, margin: { top: 10, right: 10, bottom: 0, left: 0 }, children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "fillGrowth", x1: "0", y1: "0", x2: "0", y2: "1", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "5%", stopColor: "#5EEAD4", stopOpacity: 0.6 }), (0, jsx_runtime_1.jsx)("stop", { offset: "95%", stopColor: "#5EEAD4", stopOpacity: 0.05 })] }) }), (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { strokeDasharray: "3 3", stroke: "rgba(255,255,255,0.05)", vertical: false }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: "date", tick: { fontSize: 10, fill: "rgba(255,255,255,0.4)" }, tickLine: false, axisLine: false, minTickGap: 24, tickFormatter: (v) => {
+                                                                const d = new Date(v);
+                                                                return `${d.getMonth() + 1}/${d.getDate()}`;
+                                                            } }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { tick: { fontSize: 10, fill: "rgba(255,255,255,0.4)" }, tickLine: false, axisLine: false, width: 32 }), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, { contentStyle: {
+                                                                backgroundColor: "rgba(23,23,23,0.95)",
+                                                                border: "1px solid rgba(94,234,212,0.2)",
+                                                                borderRadius: "6px",
+                                                                fontSize: "12px",
+                                                                fontFamily: "monospace",
+                                                            }, labelFormatter: (v) => `${v}`, formatter: (value) => [value.toLocaleString(), t('currentOnchainUsers')] }), (0, jsx_runtime_1.jsx)(recharts_1.Area, { type: "monotone", dataKey: "total_users", stroke: "#5EEAD4", strokeWidth: 2, fill: "url(#fillGrowth)" })] }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-full flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-3xl text-[#5EEAD4] font-bold tabular-nums", children: (stats.total_users_in_territories ?? 0).toLocaleString() }) })) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4 sm:p-6", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-sans font-medium text-base sm:text-lg text-foreground mb-6", children: t('mcdEcoData') }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/30 rounded-lg p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm text-foreground/50", children: t('mcdUsage') }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-foreground/30", children: t('userToWhitelist') })] }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-bold text-2xl text-[#5EBCD4] tabular-nums", children: compactFormatter.format(mcdData?.total_spent ?? 0) }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs text-foreground/40 mt-1", children: t('spentToDeveloper') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/30 rounded-lg p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm text-foreground/50", children: t('mcdAllocation') }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-foreground/30", children: t('vaultToUser') })] }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-bold text-2xl text-[#5EEAD4] tabular-nums", children: compactFormatter.format(mcdData?.user_balance ?? 0) }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs text-foreground/40 mt-1", children: t('dailyAutoAllocation') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/30 rounded-lg p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm text-foreground/50", children: t('vaultMcdBalance') }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-foreground/30", children: t('allStationVaults') })] }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-bold text-2xl text-foreground tabular-nums", children: compactFormatter.format(mcdData?.total_vault_balance ?? 0) }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs text-foreground/40 mt-1", children: t('companionYieldInjection') })] })] })] })] })] })) : null] }) }));
+}
+function StatCard({ label, value, sub, highlight = false, highlightColor, }) {
+    const colorClass = highlightColor === "blue"
+        ? "text-[#5EBCD4]"
+        : highlight
+            ? "text-[#5EEAD4]"
+            : "text-foreground";
+    return ((0, jsx_runtime_1.jsxs)("div", { role: "listitem", className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4 transition-colors duration-200 hover:bg-background/70 hover:border-border/50", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm uppercase tracking-widest text-foreground/50 mb-1", children: label }), (0, jsx_runtime_1.jsx)("p", { className: `font-sans font-bold text-2xl sm:text-3xl tabular-nums ${colorClass}`, children: value }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-foreground/40 mt-0.5 tabular-nums", children: sub })] }));
+}

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

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

package/dist/main-portal/components/data/user-level-stats.js

@@ -0,0 +1,36 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserLevelStats = UserLevelStats;
+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");
+const LEVEL_COLORS = {
+    1: "#2DD4BF",
+    2: "#14B8A6",
+    3: "#0D9488",
+    4: "#0F766E",
+    5: "#115E59",
+};
+function UserLevelStats() {
+    const { data: stats, loading, error } = (0, useStats_1.useUserLevelStats)();
+    const t = (0, next_intl_1.useTranslations)("data");
+    const getLevelDescription = (level) => {
+        const key = `levelDesc${level}`;
+        return t(key);
+    };
+    return ((0, jsx_runtime_1.jsx)("section", { className: "bg-muted/30 py-20 md:py-24 px-4 sm:px-6", "aria-labelledby": "user-level-title", children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto", children: [(0, jsx_runtime_1.jsxs)("header", { className: "text-center mb-12 md:mb-16", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm uppercase tracking-widest text-[#5EEAD4] mb-3 md:mb-4", children: "USER DISTRIBUTION" }), (0, jsx_runtime_1.jsx)("h2", { id: "user-level-title", className: "font-sans font-bold text-3xl sm:text-4xl md:text-5xl text-foreground mb-4 md:mb-5 text-balance", children: t('userLevelDist') }), (0, jsx_runtime_1.jsxs)("div", { className: "max-w-3xl mx-auto space-y-2", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-sm sm:text-base text-foreground/60 text-balance", children: t('userLevelDesc') }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-foreground/40 text-balance", children: t('userLevelSubDesc') })] })] }), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3 md:gap-4 mb-8", children: [...Array(4)].map((_, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-3 w-16 bg-muted animate-pulse rounded mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: "h-7 w-24 bg-muted animate-pulse rounded" })] }, i))) }) })) : error ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center text-red-400 py-12 font-mono text-sm", children: [t('loadFailed'), ": ", error] })) : stats ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 md:gap-4 mb-8", children: [(0, jsx_runtime_1.jsx)(OverviewCard, { label: t('totalUsers'), value: stats.total_users.toLocaleString(), highlight: true }), (0, jsx_runtime_1.jsx)(OverviewCard, { label: t('minerAndAbove'), value: stats.miners_and_above.toLocaleString(), highlightColor: "blue" }), (0, jsx_runtime_1.jsx)(OverviewCard, { label: t('newToday'), value: `+${stats.new_users_today}`, highlight: true }), (0, jsx_runtime_1.jsx)(OverviewCard, { label: t('monthlyActiveRate'), value: `${stats.monthly_active_rate}%` })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4 md:gap-6 mb-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4 sm:p-6", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-sans font-medium text-base sm:text-lg text-foreground mb-4 text-center", children: t('userLevelDistChart') }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center h-[280px]", children: (0, jsx_runtime_1.jsx)(charts_1.UserLevelPieChart, { data: stats.levels, className: "w-full h-full" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4 sm:p-6", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-sans font-medium text-base sm:text-lg text-foreground mb-4", children: t('upgradeSystem') }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-1", children: stats.levels.map((level) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-background/70 transition-colors", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 rounded-md flex items-center justify-center flex-shrink-0", style: { backgroundColor: `${LEVEL_COLORS[level.level] || '#5EEAD4'}15`, border: `1px solid ${LEVEL_COLORS[level.level] || '#5EEAD4'}25` }, children: (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm font-bold", style: { color: LEVEL_COLORS[level.level] || '#5EEAD4' }, children: level.level }) }), (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", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-sans font-medium text-base text-foreground", children: level.name }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono text-xs text-foreground/40", children: ["(", level.chinese, ")"] })] }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs text-foreground/40 truncate", children: getLevelDescription(level.level) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 flex-shrink-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-16 h-1.5 bg-border/30 rounded-full overflow-hidden hidden sm:block", children: (0, jsx_runtime_1.jsx)("div", { className: "h-full rounded-full", style: {
+                                                                        width: `${Math.max(level.percentage, 2)}%`,
+                                                                        backgroundColor: LEVEL_COLORS[level.level] || '#5EEAD4'
+                                                                    } }) }), (0, jsx_runtime_1.jsx)("span", { className: "font-sans font-bold text-base text-foreground tabular-nums w-14 text-right", children: level.count.toLocaleString() }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono text-xs text-foreground/40 w-12 text-right tabular-nums", children: [level.percentage, "%"] })] })] }, level.level))) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4 p-3 bg-[#5EEAD4]/5 border border-[#5EEAD4]/15 rounded-lg", children: (0, jsx_runtime_1.jsxs)("p", { className: "font-mono text-xs sm:text-sm text-foreground/50", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[#5EEAD4] font-medium", children: t('onchainVerification') }), t('onchainVerificationDesc')] }) })] })] })] })) : null] }) }));
+}
+function OverviewCard({ label, value, highlight = false, highlightColor, }) {
+    const colorClass = highlightColor === "blue"
+        ? "text-[#5EBCD4]"
+        : highlight
+            ? "text-[#5EEAD4]"
+            : "text-foreground";
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "blockchain-card border border-border/30 bg-background/50 rounded-lg p-4 transition-colors duration-200 hover:bg-background/70 hover:border-border/50", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm uppercase tracking-widest text-foreground/50 mb-1", children: label }), (0, jsx_runtime_1.jsx)("p", { className: `font-sans font-bold text-2xl sm:text-3xl tabular-nums ${colorClass}`, children: value })] }));
+}

package/dist/main-portal/components/fragment/FragmentPage.d.ts

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

package/dist/main-portal/components/fragment/FragmentPage.js

@@ -0,0 +1,13 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FragmentPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const card_1 = require("../ui/card");
+const next_intl_1 = require("next-intl");
+function FragmentPage() {
+    const t = (0, next_intl_1.useTranslations)('fragmentDash');
+    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", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white", children: t('title') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400 mt-1", children: t('subtitle') })] }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { children: t('myHoldings') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8 text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Puzzle, { className: "w-12 h-12 mx-auto mb-2 opacity-50" }), (0, jsx_runtime_1.jsx)("p", { children: t('noHoldings') }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm mt-1", children: t('noHoldingsHint') })] })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ImageIcon, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { children: t('fragmentVaults') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8 text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ImageIcon, { className: "w-12 h-12 mx-auto mb-2 opacity-50" }), (0, jsx_runtime_1.jsx)("p", { children: t('noVaults') }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm mt-1", children: t('noVaultsHint') })] })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Info, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { children: t('protocolInfo') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "font-medium text-white mb-2", children: t('whatIsFragmentation') }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400", children: t('fragmentationDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "font-medium text-white mb-2", children: t('fragmentRights') }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside space-y-1 text-neutral-400", children: [(0, jsx_runtime_1.jsx)("li", { children: t('fragmentRight1') }), (0, jsx_runtime_1.jsx)("li", { children: t('fragmentRight2') }), (0, jsx_runtime_1.jsx)("li", { children: t('fragmentRight3') })] })] })] })] }) })] }));
+}