@microcosmmoney/portal-react 3.12.8 → 3.13.0

package/dist/main-portal/components/resources/mcc-stats-section.js

@@ -0,0 +1,199 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MCCStatsSection = MCCStatsSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const recharts_1 = require("recharts");
+const card_1 = require("../ui/card");
+const chart_1 = require("../ui/chart");
+const useStats_1 = require("../../hooks/useStats");
+const MCCPriceContext_1 = require("../../contexts/MCCPriceContext");
+const lucide_react_1 = require("lucide-react");
+const next_intl_1 = require("next-intl");
+// Labels are static English — ChartLegend/Tooltip uses i18n overrides in MCCChart
+const chartConfig = {
+    mcc: {
+        label: "MCC",
+        color: "hsl(221, 83%, 53%)",
+    },
+    usdc: {
+        label: "Stablecoin",
+        color: "hsl(212, 95%, 68%)",
+    },
+};
+const numberFormatter = new Intl.NumberFormat("zh-CN", {
+    notation: "compact",
+    compactDisplay: "short",
+    maximumFractionDigits: 1,
+});
+const priceFormatter = new Intl.NumberFormat("zh-CN", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 4,
+});
+const percentFormatter = new Intl.NumberFormat("zh-CN", {
+    style: "percent",
+    minimumFractionDigits: 1,
+});
+function MCCStatsSection() {
+    const t = (0, next_intl_1.useTranslations)("resources");
+    const { data: mccData, loading: mccLoading } = (0, useStats_1.useMCCStats)();
+    const [chartDays, setChartDays] = (0, react_1.useState)(30);
+    const { data: miningData, loading: miningLoading } = (0, useStats_1.useMiningHistory)(chartDays);
+    const ticker = (0, MCCPriceContext_1.useMCCPrice)();
+    const [rangeSummaries, setRangeSummaries] = (0, react_1.useState)({});
+    (0, react_1.useEffect)(() => {
+        const rangeDays = [30, 180, 365];
+        rangeDays.forEach(async (d) => {
+            try {
+                const res = await fetch(`/api/stats/mining-history?days=${d}`);
+                const json = await res.json();
+                if (json.success && json.data?.summary) {
+                    setRangeSummaries(prev => ({
+                        ...prev,
+                        [d]: {
+                            total_mcc: json.data.summary.total_mcc,
+                            total_stablecoin: json.data.summary.total_stablecoin,
+                        },
+                    }));
+                }
+            }
+            catch { }
+        });
+    }, []);
+    const stats = {
+        totalSupply: 1000000000,
+        minted: mccData?.circulating_supply ?? 0,
+        currentPhase: (mccData?.current_phase ?? 0) + 1,
+        marketPrice: ticker.price ?? 0,
+        mintPrice: ticker.miningPrice ?? 0,
+    };
+    const mintedPercent = stats.minted / stats.totalSupply;
+    const loading = mccLoading || miningLoading;
+    return ((0, jsx_runtime_1.jsx)("section", { id: "mcc", "aria-labelledby": "mcc-title", className: "min-h-screen bg-background 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: "MCC STATISTICS" }), (0, jsx_runtime_1.jsx)("h2", { id: "mcc-title", className: "font-sans font-bold text-3xl sm:text-4xl md:text-5xl text-foreground mb-3 md:mb-4 text-balance", children: t("mccStatsTitle") }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-sm sm:text-base text-foreground/60 max-w-2xl mx-auto leading-relaxed", children: t("mccStatsSubtitle") })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-3 md:gap-4 mb-12 md:mb-16", role: "list", "aria-label": t("mccStatsAriaLabel"), children: [(0, jsx_runtime_1.jsx)(StatCard, { label: t("totalSupply"), value: numberFormatter.format(stats.totalSupply), sublabel: t("neverInflate") }), (0, jsx_runtime_1.jsx)(StatCard, { label: t("minted"), value: numberFormatter.format(stats.minted), sublabel: percentFormatter.format(mintedPercent), highlight: true }), (0, jsx_runtime_1.jsx)(StatCard, { label: t("currentPhase"), value: t("phaseN", { phase: stats.currentPhase }), sublabel: t("halvingCycle") }), (0, jsx_runtime_1.jsx)(StatCard, { label: t("marketPrice"), value: stats.marketPrice > 0 ? `$${priceFormatter.format(stats.marketPrice)}` : "...", sublabel: t("realTimePrice"), highlightColor: "blue" }), (0, jsx_runtime_1.jsx)(StatCard, { label: t("mintPrice"), value: stats.mintPrice > 0 ? `$${priceFormatter.format(stats.mintPrice)}` : "...", sublabel: t("currentMint"), highlight: true })] }), (0, jsx_runtime_1.jsx)(MCCChart, { chartData: miningData?.history ?? [], loading: loading, totalTx: miningData?.summary?.total_tx ?? 0, rangeSummaries: rangeSummaries, activeDays: chartDays, onDaysChange: setChartDays }), (0, jsx_runtime_1.jsx)(StreamFlowLockSection, {})] }) }));
+}
+function StatCard({ label, value, sublabel, highlight = false, highlightColor, }) {
+    const colorClass = highlightColor === "blue"
+        ? "text-[#5EBCD4]"
+        : highlight
+            ? "text-[#5EEAD4]"
+            : "text-foreground";
+    return ((0, jsx_runtime_1.jsxs)("article", { role: "listitem", className: "border border-border/30 bg-background/50 rounded-lg p-4 md:p-6 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.5 md:mb-2", children: label }), (0, jsx_runtime_1.jsx)("p", { className: `font-sans font-bold text-xl sm:text-2xl md:text-3xl tabular-nums ${colorClass}`, children: value }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs text-foreground/40 mt-1 tabular-nums", children: sublabel })] }));
+}
+const TIME_RANGES = [
+    { days: 30, labelKey: "range30d" },
+    { days: 180, labelKey: "range180d" },
+    { days: 365, labelKey: "range1y" },
+];
+function MCCChart({ chartData, loading, totalTx, rangeSummaries, activeDays, onDaysChange, }) {
+    const t = (0, next_intl_1.useTranslations)("resources");
+    const filled = (() => {
+        if (chartData.length === 0)
+            return [];
+        const sorted = [...chartData].sort((a, b) => a.date.localeCompare(b.date));
+        const map = new Map(sorted.map(d => [d.date, d]));
+        const start = new Date(sorted[0].date);
+        const end = new Date();
+        const result = [];
+        for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {
+            const key = d.toISOString().slice(0, 10);
+            const row = map.get(key);
+            result.push({
+                date: key,
+                mcc: row ? row.total_mcc : 0,
+                usdc: row ? row.usdc_amount + row.usdt_amount : 0,
+            });
+        }
+        return result;
+    })();
+    const fmtCompact = (n) => {
+        if (n >= 1000000000)
+            return `${(n / 1000000000).toFixed(2)}B`;
+        if (n >= 1000000)
+            return `${(n / 1000000).toFixed(2)}M`;
+        if (n >= 1000)
+            return `${(n / 1000).toFixed(2)}K`;
+        return n.toLocaleString();
+    };
+    return ((0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-background/50 border-border/30 blockchain-card py-0", children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "flex flex-col items-stretch border-b border-border/30 p-0 sm:flex-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6", children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-foreground", children: t("dailyMintOutput") }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-foreground/60", children: t("dailyMintDesc", { count: totalTx }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex", children: TIME_RANGES.map((range) => {
+                            const isActive = activeDays === range.days;
+                            const s = rangeSummaries[range.days];
+                            return ((0, jsx_runtime_1.jsxs)("button", { "data-active": isActive, className: "relative z-10 flex flex-1 flex-col justify-center gap-1 border-t border-border/30 px-4 py-3 text-left even:border-l even:border-border/30 data-[active=true]:bg-muted/50 sm:border-t-0 sm:border-l sm:border-border/30 sm:px-6 sm:py-4", onClick: () => onDaysChange(range.days), children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs text-foreground/50", children: t(range.labelKey) }), !s ? ((0, jsx_runtime_1.jsx)("span", { className: "text-lg font-bold leading-none text-foreground/30 sm:text-2xl", children: "..." })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-lg font-bold leading-none tabular-nums sm:text-2xl", style: { color: "hsl(221, 83%, 53%)" }, children: fmtCompact(s.total_mcc) }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm font-semibold leading-none tabular-nums mt-1", style: { color: "hsl(212, 95%, 68%)" }, children: fmtCompact(s.total_stablecoin) })] }))] }, range.days));
+                        }) })] }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "px-2 pt-4 pb-6 sm:px-6 sm:pt-6 sm:pb-8", children: loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center h-[250px]", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-6 h-6 animate-spin text-[#5EEAD4]" }) })) : ((0, jsx_runtime_1.jsx)(chart_1.ChartContainer, { config: chartConfig, className: "aspect-auto h-[250px] w-full", children: (0, jsx_runtime_1.jsxs)(recharts_1.AreaChart, { data: filled, margin: { bottom: 20 }, children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("linearGradient", { id: "fillMCC", x1: "0", y1: "0", x2: "0", y2: "1", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "5%", stopColor: "var(--color-mcc)", stopOpacity: 0.8 }), (0, jsx_runtime_1.jsx)("stop", { offset: "95%", stopColor: "var(--color-mcc)", stopOpacity: 0.1 })] }), (0, jsx_runtime_1.jsxs)("linearGradient", { id: "fillUSDC", x1: "0", y1: "0", x2: "0", y2: "1", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "5%", stopColor: "var(--color-usdc)", stopOpacity: 0.8 }), (0, jsx_runtime_1.jsx)("stop", { offset: "95%", stopColor: "var(--color-usdc)", stopOpacity: 0.1 })] })] }), (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { vertical: false }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: "date", tickLine: false, axisLine: false, tickMargin: 8, minTickGap: 32, tickFormatter: (value) => {
+                                    const date = new Date(value);
+                                    return date.toLocaleDateString("zh-CN", {
+                                        month: "short",
+                                        day: "numeric",
+                                    });
+                                } }), (0, jsx_runtime_1.jsx)(chart_1.ChartTooltip, { cursor: false, content: (0, jsx_runtime_1.jsx)(chart_1.ChartTooltipContent, { labelFormatter: (value) => {
+                                        return new Date(value).toLocaleDateString("zh-CN", {
+                                            month: "short",
+                                            day: "numeric",
+                                        });
+                                    }, indicator: "dot" }) }), (0, jsx_runtime_1.jsx)(recharts_1.Area, { dataKey: "usdc", type: "natural", fill: "url(#fillUSDC)", stroke: "var(--color-usdc)", stackId: "a" }), (0, jsx_runtime_1.jsx)(recharts_1.Area, { dataKey: "mcc", type: "natural", fill: "url(#fillMCC)", stroke: "var(--color-mcc)", stackId: "a" }), (0, jsx_runtime_1.jsx)(chart_1.ChartLegend, { content: (0, jsx_runtime_1.jsx)(chart_1.ChartLegendContent, {}) })] }) })) })] }));
+}
+const STREAMFLOW_LOCKS = [
+    { name: "Y1", stream: "DH1WCckEtdxZJPD588oQEfb4wHXoaxqJ19MpUE2Jbhyf", total: 1200000, monthly: 100000, periods: 12, cliffMonths: 0, year: "2026" },
+    { name: "Y2", stream: "2TnJxCfxbFxeiJV1eUimi9PFsQgLRHBPV4P7JqZSPf6a", total: 2400000, monthly: 200000, periods: 12, cliffMonths: 12, year: "2027" },
+    { name: "Y3", stream: "Fj262ioHH3gt23WAeW1HTLJmg9qPhjv4D8oeqMnJzyRb", total: 4800000, monthly: 400000, periods: 12, cliffMonths: 24, year: "2028" },
+    { name: "Y4", stream: "69Yshu5JgxceqE6aLrkLEz5PQuFeLnP46xFd2nCFzQWY", total: 9600000, monthly: 800000, periods: 12, cliffMonths: 36, year: "2029" },
+    { name: "Y5", stream: "BUYad5uqQTGB5kGEQreoxnQ432XVaYcqgJSCL8v1AHYU", total: 19200000, monthly: 1600000, periods: 12, cliffMonths: 48, year: "2030" },
+    { name: "Y6", stream: "CKCD19Q41yM4ULeoWWvfiHkFsCBRZ2zrq5fWQS8NAw7F", total: 38400000, monthly: 3200000, periods: 12, cliffMonths: 60, year: "2031" },
+    { name: "Y7", stream: "DErJ2g3X3stH2jkeAuracUutfNQQ5gfwHPaysUbvjGsn", total: 76800000, monthly: 6400000, periods: 12, cliffMonths: 72, year: "2032" },
+    { name: "Y8", stream: "93e1DnLwvHjWhmntggm9vSz9bbc25MiNWFZmscKXdPpy", total: 153600000, monthly: 12800000, periods: 12, cliffMonths: 84, year: "2033" },
+    { name: "Y9", stream: "5isyXJXWJTAdrSacPkmgYL9eHzfdUvqKTwF4Lgra13r", total: 307200000, monthly: 25600000, periods: 12, cliffMonths: 96, year: "2034" },
+    { name: "Y10", stream: "DeWpZu5YVkBckEQNVwToW3R286biv5Cs5p68rMhZkuyk", total: 386700000, monthly: 48337500, periods: 8, cliffMonths: 108, year: "2035-36" },
+];
+const LOCK_START = new Date("2026-03-01T17:32:00Z");
+const TOTAL_LOCKED = 999900000;
+const POOL_PDA = "GSBWtaX9WcBh8jUcmbXtQ1afQPHKSUKvsTxkqpJU3G9S";
+function getReleasedAmount() {
+    const now = Date.now();
+    const elapsed = now - LOCK_START.getTime();
+    if (elapsed <= 0)
+        return { released: 0, currentTranche: "Y1" };
+    const PERIOD_MS = 30 * 24 * 3600 * 1000;
+    let totalReleased = 0;
+    let currentTranche = "Y1";
+    for (const lock of STREAMFLOW_LOCKS) {
+        const cliffMs = lock.cliffMonths * PERIOD_MS;
+        if (elapsed <= cliffMs)
+            continue;
+        const timeSinceCliff = elapsed - cliffMs;
+        const periodsElapsed = Math.min(Math.floor(timeSinceCliff / PERIOD_MS), lock.periods);
+        const released = periodsElapsed * lock.monthly;
+        totalReleased += Math.min(released, lock.total);
+        if (periodsElapsed > 0 && periodsElapsed < lock.periods) {
+            currentTranche = lock.name;
+        }
+    }
+    return { released: totalReleased, currentTranche };
+}
+function StreamFlowLockSection() {
+    const t = (0, next_intl_1.useTranslations)("resources");
+    const { released, currentTranche } = getReleasedAmount();
+    const releasedPct = (released / TOTAL_LOCKED) * 100;
+    const [miningVaultMcc, setMiningVaultMcc] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        fetch("/api/blockchain-service/blockchain/balance/pool/reincarnation")
+            .then(r => r.json())
+            .then(res => {
+            if (res?.success && res?.data?.mining_vault_mcc != null) {
+                setMiningVaultMcc(Number(res.data.mining_vault_mcc));
+            }
+        })
+            .catch(() => { });
+    }, []);
+    const fmtAmount = (n) => {
+        if (n >= 1000000)
+            return `${(n / 1000000).toFixed(1)}M`;
+        if (n >= 1000)
+            return `${(n / 1000).toFixed(0)}K`;
+        return n.toLocaleString();
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "mt-12 md:mt-16", children: (0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-background/50 border-border/30 blockchain-card", children: [(0, jsx_runtime_1.jsx)(card_1.CardHeader, { className: "border-b border-border/30 py-5", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Lock, { className: "w-5 h-5 text-[#5EEAD4]" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-foreground", children: t("streamflowTitle") }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-foreground/60", children: t("streamflowDesc") })] })] }) }), (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-4 sm:p-6 space-y-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: "border border-border/30 bg-background/50 rounded-lg p-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] uppercase tracking-widest text-foreground/50 mb-1", children: t("totalLocked") }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-bold text-lg text-[#5EEAD4] tabular-nums", children: "999.9M" }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-foreground/40", children: "MCC" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] uppercase tracking-widest text-foreground/50 mb-1", children: t("released") }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-bold text-lg text-foreground tabular-nums", children: fmtAmount(released) }), (0, jsx_runtime_1.jsxs)("p", { className: "font-mono text-[10px] text-foreground/40", children: [releasedPct.toFixed(2), "%"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] uppercase tracking-widest text-foreground/50 mb-1", children: t("currentTranche") }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-bold text-lg text-foreground", children: currentTranche }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-foreground/40", children: t("releasing") })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] uppercase tracking-widest text-foreground/50 mb-1", children: t("receiverAddress") }), (0, jsx_runtime_1.jsxs)("p", { className: "font-sans font-bold text-sm text-foreground truncate", title: POOL_PDA, children: [POOL_PDA.slice(0, 8), "...", POOL_PDA.slice(-4)] }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-foreground/40", children: "Pool PDA" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-xs font-mono text-foreground/50", children: [(0, jsx_runtime_1.jsx)("span", { children: t("releaseProgress") }), (0, jsx_runtime_1.jsxs)("span", { children: [fmtAmount(released), " / ", fmtAmount(TOTAL_LOCKED)] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-border/30 rounded-full h-2.5", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-[#5EEAD4] h-2.5 rounded-full transition-all duration-700", style: { width: `${Math.max(releasedPct, 0.5)}%` } }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-x-auto", children: (0, jsx_runtime_1.jsxs)("table", { className: "w-full text-sm", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { className: "border-b border-border/30", children: [(0, jsx_runtime_1.jsx)("th", { className: "text-left font-mono text-[10px] uppercase tracking-widest text-foreground/50 py-2 pr-6", children: t("lockTablePeriod") }), (0, jsx_runtime_1.jsx)("th", { className: "text-left font-mono text-[10px] uppercase tracking-widest text-foreground/50 py-2 pr-6", children: t("lockTableYear") }), (0, jsx_runtime_1.jsx)("th", { className: "text-right font-mono text-[10px] uppercase tracking-widest text-foreground/50 py-2 pr-6", children: t("lockTableTotal") }), (0, jsx_runtime_1.jsx)("th", { className: "text-right font-mono text-[10px] uppercase tracking-widest text-foreground/50 py-2 pr-6", children: t("lockTableMonthly") }), (0, jsx_runtime_1.jsx)("th", { className: "text-right font-mono text-[10px] uppercase tracking-widest text-foreground/50 py-2 pr-6", children: t("lockTableVault") }), (0, jsx_runtime_1.jsx)("th", { className: "text-left font-mono text-[10px] uppercase tracking-widest text-foreground/50 py-2 pl-2", children: t("lockTableAddress") })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: STREAMFLOW_LOCKS.map((lock) => {
+                                            const isActive = lock.name === currentTranche;
+                                            return ((0, jsx_runtime_1.jsxs)("tr", { className: `border-b border-border/20 ${isActive ? "bg-[#5EEAD4]/5" : ""}`, children: [(0, jsx_runtime_1.jsxs)("td", { className: `py-2.5 pr-6 font-mono text-sm ${isActive ? "text-[#5EEAD4] font-bold" : "text-foreground/70"}`, children: [lock.name, isActive && (0, jsx_runtime_1.jsx)("span", { className: "ml-1.5 inline-block w-1.5 h-1.5 rounded-full bg-[#5EEAD4] animate-pulse" })] }), (0, jsx_runtime_1.jsx)("td", { className: "py-2.5 pr-6 font-mono text-sm text-foreground/60", children: lock.year }), (0, jsx_runtime_1.jsx)("td", { className: "py-2.5 pr-6 font-mono text-sm text-foreground tabular-nums text-right", children: fmtAmount(lock.total) }), (0, jsx_runtime_1.jsxs)("td", { className: "py-2.5 pr-6 font-mono text-sm text-foreground/60 tabular-nums text-right", children: [fmtAmount(lock.monthly), t("perMonth")] }), (0, jsx_runtime_1.jsx)("td", { className: "py-2.5 pr-6 font-mono text-sm tabular-nums text-right", children: isActive && miningVaultMcc !== null ? ((0, jsx_runtime_1.jsxs)("span", { className: "text-[#5EEAD4] font-bold", children: [fmtAmount(Math.round(miningVaultMcc)), " MCC"] })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-foreground/20", children: "\u2014" })) }), (0, jsx_runtime_1.jsx)("td", { className: "py-2.5 pl-2", children: (0, jsx_runtime_1.jsxs)("a", { href: `https://solscan.io/account/${lock.stream}`, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 font-mono text-xs text-[#5EEAD4]/70 hover:text-[#5EEAD4] transition-colors", children: [lock.stream.slice(0, 8), "...", lock.stream.slice(-4), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "w-3 h-3" })] }) })] }, lock.name));
+                                        }) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-2 text-[10px] font-mono text-foreground/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "px-2 py-1 rounded bg-border/20", children: "cancelable = false" }), (0, jsx_runtime_1.jsx)("span", { className: "px-2 py-1 rounded bg-border/20", children: "transferable = false" }), (0, jsx_runtime_1.jsx)("span", { className: "px-2 py-1 rounded bg-border/20", children: t("lockCreated") }), (0, jsx_runtime_1.jsx)("span", { className: "px-2 py-1 rounded bg-border/20", children: "MCC Mint: MCCn6eq...Csb" })] })] })] }) }));
+}

package/dist/main-portal/components/resources/mcd-stats-section.d.ts

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

package/dist/main-portal/components/resources/mcd-stats-section.js

@@ -0,0 +1,76 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MCDStatsSection = MCDStatsSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const recharts_1 = require("recharts");
+const card_1 = require("../ui/card");
+const chart_1 = require("../ui/chart");
+const lucide_react_1 = require("lucide-react");
+const useStats_1 = require("../../hooks/useStats");
+const next_intl_1 = require("next-intl");
+const compactFormatter = new Intl.NumberFormat("en-US", {
+    notation: "compact",
+    compactDisplay: "short",
+    maximumFractionDigits: 2,
+});
+const percentFormatter = new Intl.NumberFormat("en-US", {
+    style: "percent",
+    minimumFractionDigits: 1,
+    maximumFractionDigits: 1,
+});
+const numberFormatter = new Intl.NumberFormat("en-US");
+// distributionData will be built dynamically from API
+const pieChartColors = {
+    genesis: "hsl(168, 80%, 40%)",
+    vaults: "hsl(166, 76%, 64%)",
+    users: "hsl(190, 62%, 60%)",
+    developer: "hsl(190, 62%, 60%)",
+};
+function MCDStatsSection() {
+    const t = (0, next_intl_1.useTranslations)("resources");
+    const { data: mcdData, loading } = (0, useStats_1.useMCDStats)();
+    const pieChartConfig = {
+        genesis: { label: t("genesisPool"), color: pieChartColors.genesis },
+        vaults: { label: t("territoryVaultsLabel"), color: pieChartColors.vaults },
+        users: { label: t("userHoldingLabel"), color: pieChartColors.users },
+    };
+    const stats = {
+        totalSupply: 10000000000,
+        genesisPool: mcdData?.genesis_pool_balance ?? 10000000000,
+        stationVaults: mcdData?.total_vault_balance ?? 0,
+        userBalances: mcdData?.user_balance ?? 0,
+        dailyDistribution: mcdData?.daily_distribution ?? 0,
+        secondaryMarket: 0,
+        mcdMiningUsed: 0,
+        activeStations: mcdData?.active_vaults ?? 0,
+        activeMiner: mcdData?.holders_count ?? 0,
+    };
+    const distributionData = [
+        { name: "Genesis Pool", value: stats.genesisPool, color: "hsl(168, 80%, 40%)" },
+        { name: "Station Vaults", value: stats.stationVaults, color: "hsl(166, 76%, 64%)" },
+        { name: "User Balances", value: stats.userBalances, color: "hsl(195, 54%, 53%)" },
+    ];
+    const formatNumber = (num) => compactFormatter.format(num);
+    const formatFullNumber = (num) => numberFormatter.format(num);
+    const totalDistributed = stats.stationVaults + stats.userBalances;
+    const distributionRatio = totalDistributed / stats.totalSupply;
+    const distributionPercent = percentFormatter.format(distributionRatio);
+    return ((0, jsx_runtime_1.jsx)("section", { id: "mcd", "aria-labelledby": "mcd-title", className: "min-h-screen bg-background 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: "MCD CREDITS" }), (0, jsx_runtime_1.jsx)("h2", { id: "mcd-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("mcdTitle") }), (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("mcdDesc1") }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-foreground/40 text-balance", children: t("mcdDesc2") })] })] }), (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("mcdStatsAriaLabel"), children: [(0, jsx_runtime_1.jsx)(StatCard, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Coins, { className: "w-4 h-4 sm:w-5 sm:h-5 text-[#5EEAD4]" }), label: t("totalSupply"), value: formatNumber(stats.totalSupply), sublabel: t("fixedIssuance") }), (0, jsx_runtime_1.jsx)(StatCard, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Vault, { className: "w-4 h-4 sm:w-5 sm:h-5 text-[#5EEAD4]" }), label: t("vaultStorage"), value: formatNumber(stats.stationVaults), sublabel: t("nStations", { count: formatFullNumber(stats.activeStations) }), highlight: true }), (0, jsx_runtime_1.jsx)(StatCard, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-4 h-4 sm:w-5 sm:h-5 text-[#5EBCD4]" }), label: t("userHolding"), value: formatNumber(stats.userBalances), sublabel: t("nMiners", { count: formatFullNumber(stats.activeMiner) }), highlightColor: "blue" }), (0, jsx_runtime_1.jsx)(StatCard, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CalendarDays, { className: "w-4 h-4 sm:w-5 sm:h-5 text-[#5EBCD4]" }), label: t("dailyDistributionLabel"), value: formatNumber(stats.dailyDistribution), sublabel: t("dailyToMiners"), highlightColor: "blue" }), (0, jsx_runtime_1.jsx)(StatCard, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.BarChart3, { className: "w-4 h-4 sm:w-5 sm:h-5 text-[#2DD4BF]" }), label: t("secondaryMarket"), value: formatNumber(stats.secondaryMarket), sublabel: t("onchainCirculation") }), (0, jsx_runtime_1.jsx)(StatCard, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Pickaxe, { className: "w-4 h-4 sm:w-5 sm:h-5 text-[#2DD4BF]" }), label: t("mcdMinting"), value: formatNumber(stats.mcdMiningUsed), sublabel: t("usedForMCCMint") })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 mb-8", children: [(0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-background/50 border-border/30 rounded-lg blockchain-card", children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "p-4 sm:p-6", children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-foreground text-lg sm:text-xl", children: t("mcdDistribution") }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-foreground/60 text-sm", children: t("mcdDistributionDesc") })] }), (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-4 sm:p-6 pt-0", children: [(0, jsx_runtime_1.jsx)(chart_1.ChartContainer, { config: pieChartConfig, className: "h-[240px] sm:h-[280px] w-full", "aria-label": t("mcdDistributionChartLabel"), children: (0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: "100%", children: (0, jsx_runtime_1.jsxs)(recharts_1.PieChart, { children: [(0, jsx_runtime_1.jsx)(recharts_1.Pie, { data: distributionData, cx: "50%", cy: "50%", innerRadius: 50, outerRadius: 85, paddingAngle: 2, dataKey: "value", children: distributionData.map((entry, index) => ((0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: entry.color }, `cell-${index}`))) }), (0, jsx_runtime_1.jsx)(chart_1.ChartTooltip, { content: (0, jsx_runtime_1.jsx)(chart_1.ChartTooltipContent, { formatter: (value) => formatNumber(Number(value)) }) })] }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 gap-3 sm:gap-4 mt-4", role: "list", "aria-label": t("distributionLegendLabel"), children: distributionData.map((item) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", role: "listitem", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full flex-shrink-0", style: { backgroundColor: item.color }, "aria-hidden": "true" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs text-foreground/60", children: item.name }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-foreground tabular-nums", children: formatNumber(item.value) })] })] }, item.name))) })] })] }), (0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-background/50 border-border/30 rounded-lg blockchain-card", children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "p-4 sm:p-6", children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-foreground text-lg sm:text-xl", children: t("mcdCurrentStatus") }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-foreground/60 text-sm", children: t("mcdCurrentStatusDesc") })] }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-4 sm:p-6 pt-0", children: loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-16", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-6 h-6 animate-spin text-[#5EEAD4]" }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-4 text-center blockchain-card", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-foreground/50 uppercase tracking-widest mb-1", children: t("vaultStorageLabel") }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-bold text-2xl text-[#5EEAD4] tabular-nums", children: formatNumber(stats.stationVaults) }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-foreground/40 mt-1", children: t("activeVaults", { count: stats.activeStations }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-4 text-center blockchain-card", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-foreground/50 uppercase tracking-widest mb-1", children: t("userHoldingLabel") }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-bold text-2xl text-[#5EBCD4] tabular-nums", children: formatNumber(stats.userBalances) }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-foreground/40 mt-1", children: t("nHolders", { count: stats.activeMiner }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-4 text-center blockchain-card", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-foreground/50 uppercase tracking-widest mb-1", children: t("dailyDistributionRate") }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-bold text-xl text-foreground tabular-nums", children: mcdData?.daily_distribution_rate ? `${(mcdData.daily_distribution_rate * 100).toFixed(1)}%` : "1.0%" }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-foreground/40 mt-1", children: t("vaultDistributeToMiner") })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: "hsl(166, 76%, 64%)" } }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-[10px] sm:text-xs text-foreground/60", children: t("vaultStorageLabel") })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: "hsl(190, 62%, 60%)" } }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-[10px] sm:text-xs text-foreground/60", children: t("userHoldingLabel") })] })] })] })) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4 md:gap-5 mb-8", children: [(0, jsx_runtime_1.jsx)(FlowStep, { number: 1, title: t("companionMining"), description: t("companionMiningDesc"), color: "green" }), (0, jsx_runtime_1.jsx)(FlowStep, { number: 2, title: t("vaultAccumulation"), description: t("vaultAccumulationDesc"), color: "green" }), (0, jsx_runtime_1.jsx)(FlowStep, { number: 3, title: t("dailyDistribution"), description: t("dailyDistributionDesc"), color: "blue" })] }), (0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-background/50 border-border/30 rounded-lg blockchain-card", children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "p-4 sm:p-6", children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-foreground text-lg sm:text-xl", children: t("distributionProgress") }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-foreground/60 text-sm", children: t("distributionProgressDesc") })] }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-4 sm:p-6 pt-0", children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col sm:flex-row justify-between gap-1 sm:gap-0 text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-foreground/60", children: t("distributed") }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono text-foreground tabular-nums", children: [formatNumber(totalDistributed), " / ", formatNumber(stats.totalSupply), " (", distributionPercent, ")"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-3 sm:h-4 bg-muted rounded-full overflow-hidden", role: "progressbar", "aria-valuenow": Math.round(distributionRatio * 100), "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${t("distributionProgress")} ${distributionPercent}`, children: (0, jsx_runtime_1.jsx)("div", { className: "h-full bg-gradient-to-r from-[#14B8A6] to-[#5EEAD4] transition-all duration-500 ease-out", style: { width: `${distributionRatio * 100}%` } }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-3 gap-2 sm:gap-4 text-center", role: "list", "aria-label": t("mcdDistributionDetails"), children: [(0, jsx_runtime_1.jsxs)("div", { role: "listitem", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs text-foreground/40", children: t("genesisPoolRemaining") }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-[#14B8A6] tabular-nums", children: formatNumber(stats.genesisPool) })] }), (0, jsx_runtime_1.jsxs)("div", { role: "listitem", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs text-foreground/40", children: t("territoryVaultsLabel") }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-[#5EEAD4] tabular-nums", children: formatNumber(stats.stationVaults) })] }), (0, jsx_runtime_1.jsxs)("div", { role: "listitem", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs text-foreground/40", children: t("userHoldingLabel") }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-[#5EBCD4] tabular-nums", children: formatNumber(stats.userBalances) })] })] })] }) })] })] }) }));
+}
+function StatCard({ icon, label, value, sublabel, highlight = false, highlightColor, }) {
+    const colorClass = highlightColor === "blue"
+        ? "text-[#5EBCD4]"
+        : highlight
+            ? "text-[#5EEAD4]"
+            : "text-foreground";
+    return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-background/50 border-border/30 rounded-lg blockchain-card", role: "listitem", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-4 sm:pt-6 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 sm:gap-2 mb-1.5 sm:mb-2", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: icon }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[9px] sm:text-[10px] uppercase tracking-widest text-foreground/50", 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-1 tabular-nums", children: sublabel })] }) }));
+}
+function FlowStep({ number, title, description, color, }) {
+    const colorClasses = {
+        green: "bg-[#5EEAD4]/15 text-[#5EEAD4] border-[#5EEAD4]/25",
+        blue: "bg-[#5EBCD4]/15 text-[#5EBCD4] border-[#5EBCD4]/25",
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-5 blockchain-card", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-8 h-8 rounded-full flex items-center justify-center border mb-3 ${colorClasses[color]}`, "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm font-bold", children: number }) }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-medium text-sm sm:text-base text-foreground mb-1.5", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs text-foreground/50 leading-relaxed", children: description })] }));
+}

package/dist/main-portal/components/resources/minting-entry-section.d.ts

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

package/dist/main-portal/components/resources/minting-entry-section.js

@@ -0,0 +1,70 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MintingEntrySection = MintingEntrySection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const card_1 = require("../ui/card");
+const lucide_react_1 = require("lucide-react");
+const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
+const wallet_adapter_react_ui_1 = require("@solana/wallet-adapter-react-ui");
+const api_1 = require("../../lib/api");
+const blockchain_1 = require("../../lib/api/blockchain");
+const registration_prompt_1 = __importDefault(require("./registration-prompt"));
+const public_mining_modal_1 = __importDefault(require("./public-mining-modal"));
+function MintingEntrySection() {
+    const { connected, publicKey } = (0, wallet_adapter_react_1.useWallet)();
+    const [ratioInfo, setRatioInfo] = (0, react_1.useState)(null);
+    const [showRegistrationPrompt, setShowRegistrationPrompt] = (0, react_1.useState)(false);
+    const [showMiningModal, setShowMiningModal] = (0, react_1.useState)(false);
+    const [showConnectWalletStep, setShowConnectWalletStep] = (0, react_1.useState)(false);
+    const [activeTokenType, setActiveTokenType] = (0, react_1.useState)('mcc');
+    const loadRatioInfo = (0, react_1.useCallback)(async () => {
+        try {
+            const response = await (0, api_1.getMiningRatio)();
+            if (response.success && response.data) {
+                setRatioInfo(response.data);
+            }
+        }
+        catch (err) {
+            console.error("Failed to load mining ratio:", err);
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        loadRatioInfo();
+    }, [loadRatioInfo]);
+    const handleMintClick = (tokenType) => {
+        setActiveTokenType(tokenType);
+        setShowRegistrationPrompt(true);
+    };
+    const handleRegistrationSkip = () => {
+        setShowRegistrationPrompt(false);
+        setShowMiningModal(true);
+    };
+    const handleRegistrationRegister = () => {
+        setShowRegistrationPrompt(false);
+        window.open("/login", "_blank");
+    };
+    const handleStartMining = () => {
+        setShowConnectWalletStep(false);
+        setShowMiningModal(true);
+    };
+    const mccPrice = ratioInfo
+        ? (ratioInfo.usdc_per_mcc * 4).toFixed(2)
+        : "—";
+    return ((0, jsx_runtime_1.jsxs)("section", { id: "minting", "aria-labelledby": "minting-title", className: "bg-neutral-900/30 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-cyan-400 mb-3 md:mb-4", children: "X402 MINTING" }), (0, jsx_runtime_1.jsx)("h2", { id: "minting-title", className: "font-sans font-bold text-3xl sm:text-4xl md:text-5xl text-white mb-4 md:mb-5 text-balance", children: "\u94F8\u9020 MCC / MCD" }), (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-neutral-400 text-balance", children: "\u57FA\u4E8E X402 \u534F\u8BAE\u7684\u65E0\u9700\u767B\u5F55\u94F8\u9020 \u2014 \u8FDE\u63A5\u94B1\u5305\u5373\u53EF\u94F8\u9020\uFF0C\u94FE\u4E0A\u76F4\u63A5\u7ED3\u7B97" }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-neutral-500 text-balance", children: "\u9996\u6B21\u94F8\u9020\u5C06\u81EA\u52A8\u9884\u6CE8\u518C\u4E3A\u5E73\u53F0\u7528\u6237\uFF08\u63A2\u77FF\u8005\u7EA7\u522B\uFF09\uFF0C\u540E\u7EED\u767B\u5F55\u65F6\u7ED1\u5B9A\u540C\u4E00\u94B1\u5305\u5373\u53EF\u7EE7\u627F\u8EAB\u4EFD\u4E0E\u8D44\u4EA7" })] })] }), (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)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 rounded-lg blockchain-card", children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "p-4 sm:p-6", children: [(0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "text-white flex items-center gap-2 text-lg", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Pickaxe, { className: "w-5 h-5 text-cyan-400", "aria-hidden": "true" }), "\u94F8\u9020 MCC"] }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-neutral-400 text-sm", children: "Microcosm Coin \u00B7 X402 \u534F\u8BAE\u652F\u4ED8 \u00B7 \u5E02\u573A\u5B9A\u4EF7" })] }), (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "space-y-4 p-4 sm:p-6 pt-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u5F53\u524D\u94F8\u9020\u4EF7" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono text-sm text-cyan-400 tabular-nums font-bold", children: [mccPrice, " USD/MCC"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u5B9A\u4EF7\u65B9\u5F0F" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "base_price \u00D7 4" })] }), ratioInfo && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u5F53\u524D\u9636\u6BB5" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono text-xs text-neutral-400", children: ["Phase ", ratioInfo.current_stage, " \u00B7 \u6548\u7387 ", ratioInfo.ratio, "%"] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u79D1\u6280\u52A0\u6210" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-cyan-400", children: "10% ~ 100%" })] })] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => handleMintClick('mcc'), className: "w-full py-3 rounded-lg font-mono text-sm font-medium transition-colors duration-200 bg-cyan-400/20 text-cyan-400 border border-cyan-400/40 hover:bg-cyan-400/30 hover:border-cyan-400/60 cursor-pointer", children: "\u94F8\u9020 MCC" }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-neutral-500 text-center", children: "X402 \u534F\u8BAE \u00B7 100% \u8D44\u91D1\u6CE8\u5165\u8F6E\u56DE\u6C60 \u00B7 \u4F34\u751F\u77FF\u540C\u6B65\u8FDB\u884C" })] })] }), (0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 rounded-lg blockchain-card", children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "p-4 sm:p-6", children: [(0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "text-white flex items-center gap-2 text-lg", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Coins, { className: "w-5 h-5 text-cyan-300", "aria-hidden": "true" }), "\u94F8\u9020 MCD"] }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-neutral-400 text-sm", children: "Microcosm Dollar \u00B7 X402 \u534F\u8BAE\u652F\u4ED8 \u00B7 \u56FA\u5B9A\u6C47\u7387" })] }), (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "space-y-4 p-4 sm:p-6 pt-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u5F53\u524D\u94F8\u9020\u4EF7" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm text-cyan-300 tabular-nums font-bold", children: "1.00 USD/MCD" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u5B9A\u4EF7\u65B9\u5F0F" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u56FA\u5B9A\u6C47\u7387 (1:1)" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u7528\u9014" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u767D\u540D\u5355\u9879\u76EE\u6D88\u8D39" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-400", children: "\u52A0\u6210" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs text-neutral-500", children: "\u65E0\u52A0\u6210" })] })] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => alert('MCD 暂未开放公共铸造。\n\nMCD 目前通过领地金库每日免费发放给矿工。\n加入领地成为矿工（Miner），即可每天免费获得 MCD 分配。'), className: "w-full py-3 rounded-lg font-mono text-sm font-medium transition-colors duration-200 bg-neutral-700/50 text-neutral-500 border border-neutral-600/40 cursor-pointer hover:bg-neutral-700/70", children: "\u6682\u672A\u5F00\u653E" }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-neutral-500 text-center", children: "MCD \u901A\u8FC7\u9886\u5730\u91D1\u5E93\u6BCF\u65E5\u514D\u8D39\u53D1\u653E \u00B7 \u52A0\u5165\u9886\u5730\u6210\u4E3A\u77FF\u5DE5\u5373\u53EF\u83B7\u5F97" })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "border border-neutral-700 bg-neutral-900 rounded-lg p-5 md:p-6 blockchain-card", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-10 h-10 rounded-full flex items-center justify-center bg-cyan-400/10 border border-cyan-400/20 flex-shrink-0", children: (0, jsx_runtime_1.jsx)(lucide_react_1.UserPlus, { className: "w-5 h-5 text-cyan-400" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3 flex-1", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-sans font-medium text-base text-white mb-1", children: "X402 \u9884\u6CE8\u518C\u673A\u5236" }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-neutral-400 leading-relaxed", children: "\u65E0\u9700\u6CE8\u518C\u5373\u53EF\u94F8\u9020 \u2014 \u7CFB\u7EDF\u81EA\u52A8\u4E3A\u9996\u6B21\u94F8\u9020\u7684\u94B1\u5305\u521B\u5EFA\u5E73\u53F0\u8EAB\u4EFD" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-6 h-6 rounded-full flex items-center justify-center bg-cyan-400/15 border border-cyan-400/25 flex-shrink-0 mt-0.5", children: (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs font-bold text-cyan-400", children: "1" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs text-neutral-300 font-medium", children: "\u94B1\u5305\u76F4\u8FDE" }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-neutral-500 mt-0.5", children: "\u8FDE\u63A5 Solana \u94B1\u5305\u5373\u53EF\u94F8\u9020\uFF0C\u94F8\u9020\u8BB0\u5F55\u81EA\u52A8\u4FDD\u5B58" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-6 h-6 rounded-full flex items-center justify-center bg-cyan-400/15 border border-cyan-400/25 flex-shrink-0 mt-0.5", children: (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs font-bold text-cyan-400", children: "2" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs text-neutral-300 font-medium", children: "Miner" }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-neutral-500 mt-0.5", children: "Registration = Miner" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-6 h-6 rounded-full flex items-center justify-center bg-cyan-300/15 border border-cyan-300/25 flex-shrink-0 mt-0.5", children: (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs font-bold text-cyan-300", children: "3" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs text-neutral-300 font-medium", children: "\u8EAB\u4EFD\u7EE7\u627F" }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] text-neutral-500 mt-0.5", children: "\u540E\u7EED\u767B\u5F55\u6CE8\u518C\u65F6\u7ED1\u5B9A\u540C\u4E00\u94B1\u5305\uFF0C\u7EE7\u627F\u8EAB\u4EFD\u4E0E\u8D44\u4EA7" })] })] })] })] })] }) })] }), (0, jsx_runtime_1.jsx)(registration_prompt_1.default, { isOpen: showRegistrationPrompt, onClose: () => setShowRegistrationPrompt(false), onRegister: handleRegistrationRegister, onSkip: handleRegistrationSkip }), showConnectWalletStep && ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm font-mono", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative w-full max-w-sm mx-4 bg-neutral-900 border border-neutral-700 rounded-lg p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-10 h-10 rounded-full flex items-center justify-center bg-cyan-400/20 border border-cyan-400/50", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-5 h-5 text-cyan-400" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-lg font-bold text-white", children: "\u8FDE\u63A5\u94B1\u5305" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-400", children: "\u94F8\u9020\u524D\u9700\u8981\u8FDE\u63A5 Solana \u94B1\u5305" })] })] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setShowConnectWalletStep(false), className: "text-neutral-400 hover:text-white transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-5 h-5" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between bg-neutral-800 rounded-lg p-3 border border-neutral-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Link2, { className: `w-4 h-4 ${connected ? "text-white" : "text-neutral-500"}` }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-neutral-300", children: connected && publicKey
+                                                        ? `已连接: ${publicKey.toBase58().slice(0, 6)}...${publicKey.toBase58().slice(-4)}`
+                                                        : "未连接" })] }), (0, jsx_runtime_1.jsx)(wallet_adapter_react_ui_1.WalletMultiButton, { className: "!bg-cyan-700 hover:!bg-cyan-600 !h-9 !rounded-md !text-sm" })] }), (0, jsx_runtime_1.jsx)("button", { onClick: handleStartMining, disabled: !connected || !publicKey, className: `w-full py-3 rounded-lg text-sm font-medium transition-colors duration-200 ${connected && publicKey
+                                        ? "bg-cyan-700 hover:bg-cyan-600 text-white cursor-pointer"
+                                        : "bg-neutral-800 text-neutral-500 cursor-not-allowed"}`, children: connected && publicKey ? "开始铸造" : "请先连接钱包" }), !connected && ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-500 text-center", children: "\u70B9\u51FB\u4E0A\u65B9\u6309\u94AE\u9009\u62E9\u94B1\u5305\uFF0C\u5728\u5F39\u51FA\u7A97\u53E3\u4E2D\u786E\u8BA4\u8FDE\u63A5" }))] })] }) })), (0, jsx_runtime_1.jsx)(public_mining_modal_1.default, { isOpen: showMiningModal, onClose: () => setShowMiningModal(false), onSuccess: async () => {
+                    loadRatioInfo();
+                    const wallet = publicKey?.toBase58();
+                    if (wallet) {
+                        (0, blockchain_1.invalidateWalletCache)(wallet, 'mining').catch(() => { });
+                    }
+                } })] }));
+}

package/dist/main-portal/components/resources/public-mining-modal.d.ts

@@ -0,0 +1,7 @@
+interface PublicMiningModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSuccess?: () => void;
+}
+export default function PublicMiningModal({ isOpen, onClose, onSuccess }: PublicMiningModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};