@microcosmmoney/portal-react 3.12.7 → 3.13.0

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') })] })] })] })] }) })] }));
+}

package/dist/main-portal/components/income/ManagerIncomePage.d.ts

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

package/dist/main-portal/components/income/ManagerIncomePage.js

@@ -0,0 +1,147 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ManagerIncomePage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const card_1 = require("../ui/card");
+const badge_1 = require("../ui/badge");
+const button_1 = require("../ui/button");
+const input_1 = require("../ui/input");
+const label_1 = require("../ui/label");
+const sonner_1 = require("sonner");
+const useAuth_1 = require("../../hooks/useAuth");
+const api_service_1 = require("../../lib/api-service");
+const api_1 = require("../../lib/types/api");
+const utils_1 = require("../../lib/utils");
+const lucide_react_1 = require("lucide-react");
+const MiningDistributionHistory_1 = require("../mining/MiningDistributionHistory");
+const next_intl_1 = require("next-intl");
+const getLevelIcon = (level) => {
+    switch (level) {
+        case 'station': return (0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: "w-5 h-5" });
+        case 'matrix': return (0, jsx_runtime_1.jsx)(lucide_react_1.Grid3x3, { className: "w-5 h-5" });
+        case 'sector': return (0, jsx_runtime_1.jsx)(lucide_react_1.Map, { className: "w-5 h-5" });
+        case 'system': return (0, jsx_runtime_1.jsx)(lucide_react_1.Globe, { className: "w-5 h-5" });
+    }
+};
+const getLevelColor = (level) => {
+    switch (level) {
+        case 'station': return 'text-neutral-300';
+        case 'matrix': return 'text-cyan-400';
+        case 'sector': return 'text-cyan-400';
+        case 'system': return 'text-cyan-400';
+    }
+};
+const getLevelLabel = (level) => {
+    switch (level) {
+        case 'station': return 'Station';
+        case 'matrix': return 'Matrix';
+        case 'sector': return 'Sector';
+        case 'system': return 'System';
+    }
+};
+function ManagerIncomePage() {
+    const t = (0, next_intl_1.useTranslations)('managerIncome');
+    const { isAdmin } = (0, useAuth_1.useAuth)();
+    const [income, setIncome] = (0, react_1.useState)(null);
+    const [teamCustody, setTeamCustody] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [refreshing, setRefreshing] = (0, react_1.useState)(false);
+    const [dateRange, setDateRange] = (0, react_1.useState)('30d');
+    const [startDate, setStartDate] = (0, react_1.useState)('');
+    const [endDate, setEndDate] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        loadData();
+    }, [dateRange]);
+    const getDateParams = () => {
+        const now = new Date();
+        let start;
+        let end;
+        if (dateRange === '7d') {
+            const d = new Date(now);
+            d.setDate(d.getDate() - 7);
+            start = d.toISOString().split('T')[0];
+        }
+        else if (dateRange === '30d') {
+            const d = new Date(now);
+            d.setDate(d.getDate() - 30);
+            start = d.toISOString().split('T')[0];
+        }
+        else if (dateRange === '90d') {
+            const d = new Date(now);
+            d.setDate(d.getDate() - 90);
+            start = d.toISOString().split('T')[0];
+        }
+        if (startDate)
+            start = startDate;
+        if (endDate)
+            end = endDate;
+        return { start, end };
+    };
+    const loadData = async () => {
+        setLoading(true);
+        const { start, end } = getDateParams();
+        try {
+            const incomeRes = await (0, api_service_1.getManagerIncome)(start, end);
+            if (incomeRes.success) {
+                setIncome(incomeRes);
+            }
+            else {
+                console.warn('[ManagerIncome] Failed to fetch income data:', incomeRes.error);
+            }
+        }
+        catch (e) {
+            console.warn('[ManagerIncome] Failed to fetch income data:', e);
+            setIncome(null);
+        }
+        if (isAdmin()) {
+            try {
+                const custodyRes = await (0, api_service_1.getTeamCustodySummary)();
+                if (custodyRes && custodyRes.success) {
+                    setTeamCustody(custodyRes);
+                }
+            }
+            catch (e) {
+                console.warn('[ManagerIncome] Failed to fetch team custody data:', e);
+                setTeamCustody(null);
+            }
+        }
+        setLoading(false);
+    };
+    const handleRefresh = async () => {
+        setRefreshing(true);
+        await loadData();
+        setRefreshing(false);
+        sonner_1.toast.success(t('refreshed'));
+    };
+    const handleCustomDateSearch = () => {
+        if (startDate || endDate) {
+            setDateRange('all');
+            loadData();
+        }
+    };
+    const totalIncome = income?.total_income ? parseFloat(income.total_income) : 0;
+    const levels = ['station', 'matrix', 'sector', 'system'];
+    const levelIncomes = levels.map(level => ({
+        level,
+        data: income?.income_by_level?.[level],
+        share: api_1.ManagerShareRatios[level],
+        role: api_1.ManagerRoleNames[level]
+    }));
+    const maxIncome = Math.max(...levelIncomes.map(l => l.data?.total_income ? parseFloat(l.data.total_income) : 0)) || 1;
+    if (loading) {
+        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 tracking-wider", children: t('title') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center py-20", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-6 h-6 animate-spin text-neutral-400 mr-3" }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: t('loading') })] })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6 font-mono", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: t('title') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", onClick: handleRefresh, disabled: refreshing, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: (0, utils_1.cn)("w-4 h-4 mr-2", refreshing && "animate-spin") }), t('refresh')] })] }), (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", { className: "tracking-wider", children: t('distributionRatio') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-4 md:grid-cols-8 gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-4 h-4 mx-auto mb-1 text-white" }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold text-white font-mono", children: "50%" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('userMcc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.PiggyBank, { className: "w-4 h-4 mx-auto mb-1 text-cyan-400" }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold text-cyan-400 font-mono", children: "10%" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('teamMcc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: "w-4 h-4 mx-auto mb-1 text-cyan-400" }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold text-cyan-400 font-mono", children: "4%" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('stationMagistrate') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Grid3x3, { className: "w-4 h-4 mx-auto mb-1 text-cyan-400" }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold text-cyan-400 font-mono", children: "3%" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('matrixMagistrate') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Map, { className: "w-4 h-4 mx-auto mb-1 text-cyan-400" }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold text-cyan-400 font-mono", children: "2%" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('sectorMagistrate') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Globe, { className: "w-4 h-4 mx-auto mb-1 text-cyan-400" }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold text-cyan-400 font-mono", children: "1%" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('systemMagistrate') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-span-2 text-center p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-4 h-4 mx-auto mb-1 text-cyan-400" }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold text-cyan-400 font-mono", children: "30%" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('stationVaultMcd') })] })] })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-3 sm:p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 flex-wrap", children: ['7d', '30d', '90d', 'all'].map(range => ((0, jsx_runtime_1.jsx)("button", { onClick: () => setDateRange(range), className: (0, utils_1.cn)("px-3 py-1.5 text-sm rounded transition-colors", dateRange === range
+                                        ? "bg-cyan-700 text-white"
+                                        : "bg-neutral-800 text-neutral-400 hover:bg-neutral-700 hover:text-white"), children: range === '7d' ? t('days7') : range === '30d' ? t('days30') : range === '90d' ? t('days90') : t('all') }, range))) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-end flex-1", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(label_1.Label, { className: "text-neutral-400 text-xs tracking-wider", children: t('startDate') }), (0, jsx_runtime_1.jsx)(input_1.Input, { type: "date", value: startDate, onChange: (e) => setStartDate(e.target.value), className: "bg-neutral-800 border-neutral-600 text-white w-36 h-8 text-sm" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(label_1.Label, { className: "text-neutral-400 text-xs tracking-wider", children: t('endDate') }), (0, jsx_runtime_1.jsx)(input_1.Input, { type: "date", value: endDate, onChange: (e) => setEndDate(e.target.value), className: "bg-neutral-800 border-neutral-600 text-white w-36 h-8 text-sm" })] }), (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", size: "sm", className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", onClick: handleCustomDateSearch, children: t('query') })] })] }) }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-3 sm:p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "total_manager_income" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-4xl font-bold text-white font-mono", children: [totalIncome.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }), (0, jsx_runtime_1.jsx)("span", { className: "text-lg text-neutral-500 ml-2", children: "MCC" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "p-4 bg-neutral-800 rounded-full", children: (0, jsx_runtime_1.jsx)(lucide_react_1.TrendingUp, { className: "w-8 h-8 text-white" }) })] }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: levelIncomes.map(({ level, data, share, role }) => {
+                    const incomeAmount = data?.total_income ? parseFloat(data.total_income) : 0;
+                    const recordCount = data?.record_count || 0;
+                    const percentage = maxIncome > 0 ? (incomeAmount / maxIncome) * 100 : 0;
+                    return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("p-2 rounded bg-neutral-800", getLevelColor(level)), children: getLevelIcon(level) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-white font-medium", children: getLevelLabel(level) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-500", children: [role, " - ", share * 100, "%"] })] })] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: "outline", className: incomeAmount > 0
+                                                ? "bg-white/20 text-white border border-white/30"
+                                                : "bg-neutral-500/20 text-neutral-300 border border-neutral-600", children: incomeAmount > 0 ? t('hasIncome') : t('noIncome') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-sm mb-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: t('cumulativeIncome') }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white font-mono", children: [incomeAmount.toLocaleString(undefined, { minimumFractionDigits: 2 }), " MCC"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-800 rounded-full h-2", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400 h-2 rounded-full transition-all", style: { width: `${percentage}%` } }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-4 pt-3 border-t border-neutral-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xl font-bold text-white font-mono", children: recordCount }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('outputRecords') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xl font-bold text-white font-mono", children: recordCount > 0 ? (incomeAmount / recordCount).toFixed(2) : '0.00' }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('avgPerRecord') })] })] })] }) }, level));
+                }) }), isAdmin() && teamCustody && ((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.PiggyBank, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('teamCustodySummary') })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-3", children: teamCustody.wallets.map((wallet, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: wallet.wallet_type }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold text-white font-mono", children: parseFloat(wallet.total_received).toLocaleString() }), wallet.wallet_address && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-500 mt-1 truncate font-mono", title: wallet.wallet_address, children: [wallet.wallet_address.slice(0, 8), "..."] }))] }, idx))) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 pt-4 border-t border-neutral-700 flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 tracking-wider", children: "total_custody" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-2xl font-bold text-white font-mono", children: [parseFloat(teamCustody.total_received).toLocaleString(), " MCC"] })] })] }) })), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-sm mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.History, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('outputHistory') })] }), (0, jsx_runtime_1.jsx)(MiningDistributionHistory_1.MiningDistributionHistory, { title: "", description: "", showUserColumn: true, limit: 10 })] }) })] }));
+}

package/dist/main-portal/components/layout/AppSidebar.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { Sidebar } from "../ui/sidebar";
+export declare function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>): import("react/jsx-runtime").JSX.Element;

package/dist/main-portal/components/layout/AppSidebar.js

@@ -0,0 +1,88 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppSidebar = AppSidebar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const navigation_1 = require("../../i18n/navigation");
+const navigation_2 = require("next/navigation");
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../../lib/utils");
+const useAuth_1 = require("../../hooks/useAuth");
+const menu_config_1 = require("../../config/menu-config");
+const next_intl_1 = require("next-intl");
+const sidebar_1 = require("../ui/sidebar");
+const separator_1 = require("../ui/separator");
+const button_1 = require("../ui/button");
+const avatar_1 = require("../ui/avatar");
+const auth_service_1 = require("../../lib/auth-service");
+function NavMenuItem({ item }) {
+    const pathname = (0, navigation_2.usePathname)();
+    const isActive = (0, menu_config_1.isMenuItemActive)(item.href, pathname);
+    const [isOpen, setIsOpen] = React.useState(isActive);
+    const tm = (0, next_intl_1.useTranslations)("menu");
+    React.useEffect(() => {
+        if (isActive) {
+            setIsOpen(true);
+        }
+    }, [isActive]);
+    if (item.isSection) {
+        return ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuItem, { children: (0, jsx_runtime_1.jsx)("span", { className: "flex w-full items-center px-2 py-1.5 text-xs font-semibold uppercase tracking-wider text-sidebar-foreground/50 pointer-events-none", children: tm(item.titleKey) }) }));
+    }
+    if (item.children && item.children.length > 0) {
+        return ((0, jsx_runtime_1.jsxs)(sidebar_1.SidebarMenuItem, { children: [(0, jsx_runtime_1.jsxs)(sidebar_1.SidebarMenuButton, { onClick: () => setIsOpen(!isOpen), className: (0, utils_1.cn)("w-full", isActive && "bg-sidebar-accent text-sidebar-accent-foreground"), children: [(0, jsx_runtime_1.jsx)(item.icon, { className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { children: tm(item.titleKey) }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: (0, utils_1.cn)("ml-auto h-4 w-4 transition-transform", isOpen && "rotate-90") })] }), isOpen && ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuSub, { children: item.children.map((subItem) => {
+                        const subIsActive = (0, menu_config_1.isMenuItemActive)(subItem.href, pathname);
+                        return ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuSubItem, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuSubButton, { asChild: true, isActive: subIsActive, children: (0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: subItem.href, children: [(0, jsx_runtime_1.jsx)(subItem.icon, { className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { children: tm(subItem.titleKey) })] }) }) }, subItem.href));
+                    }) }))] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuItem, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuButton, { asChild: true, isActive: isActive, tooltip: item.descriptionKey ? tm(item.descriptionKey) : undefined, children: (0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: item.href, children: [(0, jsx_runtime_1.jsx)(item.icon, { className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { children: tm(item.titleKey) }), item.badge && ((0, jsx_runtime_1.jsx)("span", { className: "ml-auto flex h-5 w-5 items-center justify-center rounded-full bg-sidebar-primary text-xs font-medium text-sidebar-primary-foreground", children: item.badge }))] }) }) }));
+}
+function AppSidebar({ ...props }) {
+    const { userInfo } = (0, useAuth_1.useAuth)();
+    const userRole = userInfo?.role || "user";
+    const tc = (0, next_intl_1.useTranslations)("common");
+    const menus = React.useMemo(() => (0, menu_config_1.getUserMenus)(userRole), [userRole]);
+    const handleLogout = async () => {
+        try {
+            await (0, auth_service_1.logOut)();
+        }
+        catch (error) {
+            console.error(tc("logoutFailed"), error);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(sidebar_1.Sidebar, { collapsible: "icon", ...props, children: [(0, jsx_runtime_1.jsx)(sidebar_1.SidebarHeader, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenu, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuItem, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuButton, { size: "lg", asChild: true, children: (0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/user-system/dashboard", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-[#6366F1] text-white", children: (0, jsx_runtime_1.jsx)("span", { className: "text-lg font-bold", children: "M" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate font-semibold", children: "Microcosm" }), (0, jsx_runtime_1.jsx)("span", { className: "truncate text-xs text-sidebar-foreground/50", children: "Open User System" })] })] }) }) }) }) }), (0, jsx_runtime_1.jsxs)(sidebar_1.SidebarContent, { children: [(0, jsx_runtime_1.jsxs)(sidebar_1.SidebarGroup, { children: [(0, jsx_runtime_1.jsx)(sidebar_1.SidebarGroupLabel, { children: tc('sidebarMenu') }), (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenu, { children: menus.userMenu.map((item) => ((0, jsx_runtime_1.jsx)(NavMenuItem, { item: item }, item.href))) })] }), menus.agentMenu && menus.agentMenu.length > 0 && ((0, jsx_runtime_1.jsxs)(sidebar_1.SidebarGroup, { children: [(0, jsx_runtime_1.jsx)(sidebar_1.SidebarGroupLabel, { children: tc('sidebarAgentManagement') }), (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenu, { children: menus.agentMenu.map((item) => ((0, jsx_runtime_1.jsx)(NavMenuItem, { item: item }, item.href))) })] })), menus.adminMenu && menus.adminMenu.length > 0 && ((0, jsx_runtime_1.jsxs)(sidebar_1.SidebarGroup, { children: [(0, jsx_runtime_1.jsx)(sidebar_1.SidebarGroupLabel, { children: tc('sidebarSystemManagement') }), (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenu, { children: menus.adminMenu.map((item) => ((0, jsx_runtime_1.jsx)(NavMenuItem, { item: item }, item.href))) })] }))] }), (0, jsx_runtime_1.jsxs)(sidebar_1.SidebarFooter, { children: [(0, jsx_runtime_1.jsx)(separator_1.Separator, { className: "mb-2" }), (0, jsx_runtime_1.jsxs)(sidebar_1.SidebarMenu, { children: [(0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuItem, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [(0, jsx_runtime_1.jsx)(avatar_1.Avatar, { className: "h-8 w-8", children: (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { className: "bg-[#6366F1] text-white", children: userInfo?.email?.charAt(0).toUpperCase() || "U" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col text-left text-sm leading-tight", children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate font-semibold", children: userInfo?.email?.split("@")[0] || tc('defaultUser') }), (0, jsx_runtime_1.jsxs)("span", { className: "truncate text-xs text-sidebar-foreground/50", children: [userRole === "admin" && tc('admin'), userRole === "agent" && tc('agent'), userRole === "user" && tc('normalUser')] })] })] }) }), (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuItem, { children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "ghost", size: "sm", className: "w-full justify-start", onClick: handleLogout, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, { className: "mr-2 h-4 w-4" }), tc('logout')] }) })] })] }), (0, jsx_runtime_1.jsx)(sidebar_1.SidebarRail, {})] }));
+}

package/dist/main-portal/components/layout/DashboardHeader.d.ts

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

package/dist/main-portal/components/layout/DashboardHeader.js

@@ -0,0 +1,121 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardHeader = DashboardHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const navigation_1 = require("../../i18n/navigation");
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../../lib/utils");
+const useAuth_1 = require("../../hooks/useAuth");
+const auth_service_1 = require("../../lib/auth-service");
+const next_intl_1 = require("next-intl");
+const LocaleSwitcher_1 = require("./LocaleSwitcher");
+const hover_avatar_1 = require("../ui/hover-avatar");
+const navItemDefs = [
+    { labelKey: "titan", href: "/titan", isTitan: true },
+    { labelKey: "blockchain", href: "/blockchain", submenu: "blockchain" },
+    { labelKey: "developers", href: "/developers", submenu: "developer" },
+    { labelKey: "mainnetPlan", href: "/mainnet" },
+    { labelKey: "game", href: "/game/crash-challenge", submenu: "game", isGame: true },
+];
+const developerSubItemDefs = [
+    { labelKey: "techDocs", href: "/developers/api", icon: lucide_react_1.FileText },
+    { labelKey: "projectDev", href: "/developers/assistant", icon: lucide_react_1.Bot },
+    { labelKey: "projectSubmit", href: "/developers/submit", icon: lucide_react_1.Send },
+    { labelKey: "projectStats", href: "/developers/stats", icon: lucide_react_1.BarChart3 },
+];
+const blockchainSubItemDefs = [
+    { labelKey: "quickMining", href: "https://m.microcosm.money", icon: lucide_react_1.Pickaxe, external: true },
+    { labelKey: "market", href: "/market", icon: lucide_react_1.TrendingUp },
+    { labelKey: "community", href: "/community", icon: lucide_react_1.Users },
+    { labelKey: "mccEconomics", href: "/blockchain/economics", icon: lucide_react_1.Coins },
+];
+const gameSubItemDefs = [
+    { label: "Crash Challenge", href: "/game/crash-challenge", icon: lucide_react_1.Crosshair },
+    { label: "Diamond Hands", href: "/game/diamond-hands", icon: lucide_react_1.Gem },
+];
+function TitanLabel() {
+    return ((0, jsx_runtime_1.jsxs)("span", { className: "tracking-wide", children: ["T", (0, jsx_runtime_1.jsx)("span", { className: "text-green-400 font-bold", children: "I" }), "TAN"] }));
+}
+function GameLabel() {
+    return ((0, jsx_runtime_1.jsxs)("span", { className: "tracking-wide", children: ["G", (0, jsx_runtime_1.jsx)("span", { className: "text-green-400 font-bold", children: "A" }), "ME"] }));
+}
+function DashboardHeader() {
+    const [showDeveloperMenu, setShowDeveloperMenu] = (0, react_1.useState)(false);
+    const [showBlockchainMenu, setShowBlockchainMenu] = (0, react_1.useState)(false);
+    const [showGameMenu, setShowGameMenu] = (0, react_1.useState)(false);
+    const [showUserMenu, setShowUserMenu] = (0, react_1.useState)(false);
+    const developerMenuTimeoutRef = (0, react_1.useRef)(null);
+    const blockchainMenuTimeoutRef = (0, react_1.useRef)(null);
+    const gameMenuTimeoutRef = (0, react_1.useRef)(null);
+    const userMenuTimeoutRef = (0, react_1.useRef)(null);
+    const { user, userInfo, loading } = (0, useAuth_1.useAuth)();
+    const t = (0, next_intl_1.useTranslations)("nav");
+    const tc = (0, next_intl_1.useTranslations)("common");
+    const handleLogout = () => {
+        setShowUserMenu(false);
+        (0, auth_service_1.logOut)();
+    };
+    const displayName = userInfo?.display_name || userInfo?.email?.split('@')[0] || tc('defaultUser');
+    const navItems = navItemDefs.map(i => ({ ...i, label: i.labelKey === "game" ? "GAME" : t(i.labelKey) }));
+    const developerSubItems = developerSubItemDefs.map(i => ({ ...i, label: t(i.labelKey) }));
+    const blockchainSubItems = blockchainSubItemDefs.map(i => ({ ...i, label: t(i.labelKey) }));
+    const handleDeveloperMouseEnter = () => {
+        if (developerMenuTimeoutRef.current)
+            clearTimeout(developerMenuTimeoutRef.current);
+        setShowDeveloperMenu(true);
+    };
+    const handleDeveloperMouseLeave = () => {
+        developerMenuTimeoutRef.current = setTimeout(() => setShowDeveloperMenu(false), 150);
+    };
+    const handleBlockchainMouseEnter = () => {
+        if (blockchainMenuTimeoutRef.current)
+            clearTimeout(blockchainMenuTimeoutRef.current);
+        setShowBlockchainMenu(true);
+    };
+    const handleBlockchainMouseLeave = () => {
+        blockchainMenuTimeoutRef.current = setTimeout(() => setShowBlockchainMenu(false), 150);
+    };
+    const handleGameMouseEnter = () => {
+        if (gameMenuTimeoutRef.current)
+            clearTimeout(gameMenuTimeoutRef.current);
+        setShowGameMenu(true);
+    };
+    const handleGameMouseLeave = () => {
+        gameMenuTimeoutRef.current = setTimeout(() => setShowGameMenu(false), 150);
+    };
+    const handleUserMouseEnter = () => {
+        if (userMenuTimeoutRef.current)
+            clearTimeout(userMenuTimeoutRef.current);
+        setShowUserMenu(true);
+    };
+    const handleUserMouseLeave = () => {
+        userMenuTimeoutRef.current = setTimeout(() => setShowUserMenu(false), 150);
+    };
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (developerMenuTimeoutRef.current)
+                clearTimeout(developerMenuTimeoutRef.current);
+            if (blockchainMenuTimeoutRef.current)
+                clearTimeout(blockchainMenuTimeoutRef.current);
+            if (gameMenuTimeoutRef.current)
+                clearTimeout(gameMenuTimeoutRef.current);
+            if (userMenuTimeoutRef.current)
+                clearTimeout(userMenuTimeoutRef.current);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("header", { className: "fixed top-0 left-0 right-0 z-50 h-14 2xs:h-16 bg-neutral-950 border-b border-neutral-800", children: (0, jsx_runtime_1.jsxs)("div", { className: "h-full px-2 2xs:px-3 xs:px-4 md:px-6 flex items-center relative", children: [(0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/", className: "hidden md:flex items-center gap-2 lg:gap-3 shrink-0", children: [(0, jsx_runtime_1.jsx)("img", { src: "/mcc-logo-40.png", alt: "MCC", className: "w-8 h-8 lg:w-10 lg:h-10 rounded" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-bold text-base lg:text-lg tracking-wider text-white", children: ["M", (0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400", children: "I" }), "CROCOSM"] })] }), (0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/", className: "md:hidden flex items-center gap-1.5 2xs:gap-2 ml-10 2xs:ml-12", children: [(0, jsx_runtime_1.jsx)("img", { src: "/mcc-logo-40.png", alt: "MCC", className: "w-6 h-6 2xs:w-7 2xs:h-7 xs:w-8 xs:h-8 rounded" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-bold text-xs 2xs:text-sm xs:text-base tracking-wider text-white", children: ["M", (0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400", children: "I" }), "CROCOSM"] })] }), (0, jsx_runtime_1.jsx)("nav", { className: "hidden lg:flex flex-1 items-center justify-center gap-0.5 xl:gap-1", children: navItems.map((item) => {
+                        if (item.submenu === "developer") {
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: "relative", onMouseEnter: handleDeveloperMouseEnter, onMouseLeave: handleDeveloperMouseLeave, children: [(0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: item.href, className: "flex items-center gap-1 px-2 xl:px-3 2xl:px-4 py-2 text-xs xl:text-sm text-neutral-400 hover:text-white rounded transition-colors text-truncate-safe", children: [item.label, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 14, className: (0, utils_1.cn)("transition-transform shrink-0", showDeveloperMenu && "rotate-180") })] }), showDeveloperMenu && ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-full left-1/2 -translate-x-1/2 mt-1 w-56 bg-neutral-900 border border-neutral-700 rounded shadow-2xl overflow-hidden", children: developerSubItems.map((sub) => ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: sub.href, className: "flex items-center gap-3 px-4 py-2.5 text-sm text-neutral-400 hover:text-white hover:bg-neutral-800 transition-colors", children: [(0, jsx_runtime_1.jsx)(sub.icon, { size: 16, className: "text-neutral-500" }), sub.label] }, sub.href))) }))] }, item.label));
+                        }
+                        if (item.submenu === "blockchain") {
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: "relative", onMouseEnter: handleBlockchainMouseEnter, onMouseLeave: handleBlockchainMouseLeave, children: [(0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: item.href, className: "flex items-center gap-1 px-2 xl:px-3 2xl:px-4 py-2 text-xs xl:text-sm text-neutral-400 hover:text-white rounded transition-colors text-truncate-safe", children: [item.label, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 14, className: (0, utils_1.cn)("transition-transform shrink-0", showBlockchainMenu && "rotate-180") })] }), showBlockchainMenu && ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-full left-1/2 -translate-x-1/2 mt-1 w-56 bg-neutral-900 border border-neutral-700 rounded shadow-2xl overflow-hidden", children: blockchainSubItems.map((sub) => ("external" in sub && sub.external ? ((0, jsx_runtime_1.jsxs)("a", { href: sub.href, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-3 px-4 py-2.5 text-sm text-neutral-400 hover:text-white hover:bg-neutral-800 transition-colors", children: [(0, jsx_runtime_1.jsx)(sub.icon, { size: 16, className: "text-neutral-500" }), sub.label] }, sub.href)) : ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: sub.href, className: "flex items-center gap-3 px-4 py-2.5 text-sm text-neutral-400 hover:text-white hover:bg-neutral-800 transition-colors", children: [(0, jsx_runtime_1.jsx)(sub.icon, { size: 16, className: "text-neutral-500" }), sub.label] }, sub.href)))) }))] }, item.label));
+                        }
+                        if (item.submenu === "game") {
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: "relative", onMouseEnter: handleGameMouseEnter, onMouseLeave: handleGameMouseLeave, children: [(0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: item.href, className: "flex items-center gap-1 px-2 xl:px-3 2xl:px-4 py-2 text-xs xl:text-sm text-neutral-400 hover:text-white rounded transition-colors text-truncate-safe", children: [(0, jsx_runtime_1.jsx)(GameLabel, {}), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 14, className: (0, utils_1.cn)("transition-transform shrink-0", showGameMenu && "rotate-180") })] }), showGameMenu && ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-full left-1/2 -translate-x-1/2 mt-1 w-56 bg-neutral-900 border border-neutral-700 rounded shadow-2xl overflow-hidden", children: gameSubItemDefs.map((sub) => ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: sub.href, className: "flex items-center gap-3 px-4 py-2.5 text-sm text-neutral-400 hover:text-white hover:bg-neutral-800 transition-colors", children: [(0, jsx_runtime_1.jsx)(sub.icon, { size: 16, className: "text-neutral-500" }), sub.label] }, sub.href))) }))] }, item.label));
+                        }
+                        return ((0, jsx_runtime_1.jsx)(navigation_1.Link, { href: item.href, className: "px-2 xl:px-3 2xl:px-4 py-2 text-xs xl:text-sm text-neutral-400 hover:text-white rounded transition-colors text-truncate-safe", children: "isTitan" in item && item.isTitan ? (0, jsx_runtime_1.jsx)(TitanLabel, {}) : "isGame" in item && item.isGame ? (0, jsx_runtime_1.jsx)(GameLabel, {}) : item.label }, item.label));
+                    }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-end gap-0.5 2xs:gap-1 ml-auto", children: [(0, jsx_runtime_1.jsx)(LocaleSwitcher_1.LocaleSwitcher, {}), user && ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/notifications", className: "relative p-1.5 xs:p-2 rounded text-neutral-400 hover:text-cyan-400 transition-colors hidden xs:block touch-target", title: tc('notifications'), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Bell, { size: 16, className: "xs:hidden" }), (0, jsx_runtime_1.jsx)(lucide_react_1.Bell, { size: 18, className: "hidden xs:block" })] })), loading ? ((0, jsx_runtime_1.jsx)("span", { className: "text-xs 2xs:text-sm text-neutral-500", children: "..." })) : user ? ((0, jsx_runtime_1.jsxs)("div", { className: "relative", onMouseEnter: handleUserMouseEnter, onMouseLeave: handleUserMouseLeave, children: [(0, jsx_runtime_1.jsxs)("button", { className: "flex items-center gap-1 2xs:gap-1.5 xs:gap-2 px-1.5 2xs:px-2 xs:px-2.5 py-1 2xs:py-1.5 rounded hover:bg-neutral-700 transition-colors touch-target", children: [(0, jsx_runtime_1.jsx)(hover_avatar_1.HoverAvatar, { src: userInfo?.avatar_url, fallback: userInfo?.display_name || userInfo?.uid, size: 28, fallbackClassName: "bg-cyan-400/20 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs xs:text-sm text-neutral-300 max-w-[60px] xs:max-w-[80px] sm:max-w-[100px] truncate hidden sm:block", children: displayName }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 14, className: (0, utils_1.cn)("text-neutral-500 transition-transform hidden md:block", showUserMenu && "rotate-180") })] }), showUserMenu && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute top-full right-0 mt-1 w-48 bg-neutral-900 border border-neutral-700 rounded shadow-2xl overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/profile", className: "flex items-center gap-3 px-4 py-2.5 text-sm text-neutral-400 hover:text-white hover:bg-neutral-800 transition-colors", onClick: () => setShowUserMenu(false), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.User, { size: 16, className: "text-neutral-500" }), tc('profile')] }), (0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/user-system/dashboard", className: "flex items-center gap-3 px-4 py-2.5 text-sm text-neutral-400 hover:text-white hover:bg-neutral-800 transition-colors", onClick: () => setShowUserMenu(false), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LayoutDashboard, { size: 16, className: "text-neutral-500" }), tc('dashboard')] }), (0, jsx_runtime_1.jsx)("div", { className: "border-t border-neutral-700" }), (0, jsx_runtime_1.jsxs)("button", { onClick: handleLogout, className: "w-full flex items-center gap-3 px-4 py-2.5 text-sm text-neutral-400 hover:text-red-500 hover:bg-neutral-800 transition-colors", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, { size: 16, className: "text-neutral-500" }), tc('logout')] })] }))] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 2xs:gap-2", children: [(0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/login", className: "px-2 2xs:px-3 xs:px-4 py-1.5 text-xs 2xs:text-sm text-neutral-400 hover:text-white transition-colors", children: tc('login') }), (0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/register", className: "px-2 2xs:px-3 xs:px-4 py-1.5 text-xs 2xs:text-sm bg-cyan-700 hover:bg-cyan-600 text-white rounded transition-colors", children: tc('register') })] }))] })] }) }));
+}

package/dist/main-portal/components/layout/LocaleSwitcher.d.ts

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

package/dist/main-portal/components/layout/LocaleSwitcher.js

@@ -0,0 +1,30 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocaleSwitcher = LocaleSwitcher;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const next_intl_1 = require("next-intl");
+const navigation_1 = require("../../i18n/navigation");
+const lucide_react_1 = require("lucide-react");
+const dropdown_menu_1 = require("../ui/dropdown-menu");
+const locales = [
+    { code: "en", label: "English" },
+    { code: "zh", label: "\u4e2d\u6587" },
+    { code: "ko", label: "\ud55c\uad6d\uc5b4" },
+    { code: "ja", label: "\u65e5\u672c\u8a9e" },
+];
+function LocaleSwitcher() {
+    const locale = (0, next_intl_1.useLocale)();
+    const router = (0, navigation_1.useRouter)();
+    const pathname = (0, navigation_1.usePathname)();
+    const currentLabel = locales.find((l) => l.code === locale)?.code.toUpperCase() ?? "EN";
+    function onSelectLocale(newLocale) {
+        // Cookie 持久化语言选择，跨页面/登录后保持
+        document.cookie = `NEXT_LOCALE=${newLocale};path=/;max-age=${365 * 24 * 60 * 60};SameSite=Lax`;
+        router.replace(pathname, { locale: newLocale });
+    }
+    return ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("button", { className: "flex items-center gap-1.5 px-2.5 py-1.5 text-sm text-neutral-400 hover:text-white rounded transition-colors hover:bg-white/5 outline-none", "aria-label": "Switch language", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Globe, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-medium", children: currentLabel })] }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent, { align: "end", className: "min-w-[140px] bg-neutral-900/95 backdrop-blur-xl border-neutral-700 shadow-xl", children: locales.map((l) => ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { onClick: () => onSelectLocale(l.code), className: `cursor-pointer text-sm ${locale === l.code
+                        ? "text-violet-400 font-medium"
+                        : "text-neutral-300 hover:text-white"}`, children: [(0, jsx_runtime_1.jsx)("span", { className: "w-7 text-xs text-neutral-500 uppercase", children: l.code }), l.label] }, l.code))) })] }));
+}

package/dist/main-portal/components/layout/MainFooter.d.ts

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