@microcosmmoney/portal-react 3.12.8 → 3.13.0

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;

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

@@ -0,0 +1,50 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MainFooter = MainFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const navigation_1 = require("../../i18n/navigation");
+const lucide_react_1 = require("lucide-react");
+const next_intl_1 = require("next-intl");
+function MainFooter() {
+    const t = (0, next_intl_1.useTranslations)("footer");
+    const tc = (0, next_intl_1.useTranslations)("common");
+    const footerLinks = [
+        {
+            title: t("products"),
+            links: [
+                { label: t("wallet"), href: "/resources/wallet" },
+                { label: t("mint"), href: "/resources/mining" },
+                { label: t("auction"), href: "/resources/auctions" },
+                { label: t("governance"), href: "/resources/governance" },
+            ],
+        },
+        {
+            title: t("developers"),
+            links: [
+                { label: t("docs"), href: "/developers" },
+                { label: t("api"), href: "/developers/api" },
+                { label: t("sdk"), href: "/developers/sdk" },
+            ],
+        },
+        {
+            title: t("resources"),
+            links: [
+                { label: t("whitepaper"), href: "/docs/whitepaper" },
+                { label: t("data"), href: "/data" },
+                { label: t("community"), href: "/community" },
+            ],
+        },
+        {
+            title: t("company"),
+            links: [
+                { label: t("about"), href: "/about" },
+                { label: t("terms"), href: "/docs/legal/terms-of-service" },
+                { label: t("privacy"), href: "/docs/legal/privacy-policy" },
+            ],
+        },
+    ];
+    return ((0, jsx_runtime_1.jsxs)("footer", { className: "bg-[#030712] border-t border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "max-w-6xl mx-auto px-4 2xs:px-5 xs:px-6 py-8 2xs:py-10 xs:py-12 sm:py-14 md:py-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 2xs:grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-6 2xs:gap-7 xs:gap-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "2xs:col-span-2 sm:col-span-3 lg:col-span-1", children: [(0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/", className: "flex items-center gap-2 group", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Sparkles, { size: 16, className: "xs:hidden text-blue-500" }), (0, jsx_runtime_1.jsx)(lucide_react_1.Sparkles, { size: 18, className: "hidden xs:block text-blue-500" }), (0, jsx_runtime_1.jsx)("span", { className: "text-lg xs:text-xl font-bold text-white", children: "Microcosm" })] }), (0, jsx_runtime_1.jsxs)("p", { className: "mt-3 xs:mt-4 text-xs xs:text-sm text-slate-500 leading-relaxed break-safe", children: [t("tagline1"), (0, jsx_runtime_1.jsx)("br", { className: "hidden xs:block" }), (0, jsx_runtime_1.jsx)("span", { className: "xs:hidden", children: " " }), t("tagline2")] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mt-4 xs:mt-6", children: [(0, jsx_runtime_1.jsxs)("a", { href: "https://x.com/MicrocosmMoney", target: "_blank", rel: "noopener noreferrer", className: "p-1.5 xs:p-2 rounded-lg bg-slate-800/50 text-slate-400 hover:text-white hover:bg-slate-700/50 transition-all touch-target", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Twitter, { size: 14, className: "xs:hidden" }), (0, jsx_runtime_1.jsx)(lucide_react_1.Twitter, { size: 16, className: "hidden xs:block" })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://github.com/MicrocosmMoney/Microcosm", target: "_blank", rel: "noopener noreferrer", className: "p-1.5 xs:p-2 rounded-lg bg-slate-800/50 text-slate-400 hover:text-white hover:bg-slate-700/50 transition-all touch-target", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Github, { size: 14, className: "xs:hidden" }), (0, jsx_runtime_1.jsx)(lucide_react_1.Github, { size: 16, className: "hidden xs:block" })] })] })] }), footerLinks.map((group, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: idx >= 3 ? "hidden 2xs:block" : "", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-xs xs:text-sm font-semibold text-white mb-2.5 xs:mb-4", children: group.title }), (0, jsx_runtime_1.jsx)("ul", { className: "space-y-2 xs:space-y-3", children: group.links.map((link) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(navigation_1.Link, { href: link.href, className: "text-xs xs:text-sm text-slate-500 hover:text-slate-300 transition-colors break-safe", children: link.label }) }, link.href))) })] }, group.title)))] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-10 xs:mt-12 sm:mt-16 p-4 xs:p-5 sm:p-6 rounded-xl xs:rounded-2xl bg-gradient-to-r from-blue-500/10 to-cyan-500/5 border border-blue-500/20", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col xs:flex-col sm:flex-row sm:items-center justify-between gap-3 xs:gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-sm xs:text-base sm:text-lg font-semibold text-white mb-0.5 xs:mb-1 break-safe", children: t("joinEcosystem") }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs xs:text-sm text-slate-400 break-safe", children: t("exploreDecentralized") })] }), (0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/login", className: "inline-flex items-center justify-center gap-2 px-4 xs:px-5 sm:px-6 py-2.5 xs:py-3 bg-blue-500 text-white rounded-full text-xs xs:text-sm font-medium hover:bg-blue-400 hover:shadow-[0_0_20px_rgba(59,130,246,0.5)] transition-all shrink-0 touch-target", children: [t("startNow"), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { size: 12, className: "xs:hidden" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { size: 14, className: "hidden xs:block" })] })] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "border-t border-slate-800/50", children: (0, jsx_runtime_1.jsx)("div", { className: "max-w-6xl mx-auto px-4 2xs:px-5 xs:px-6 py-4 xs:py-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col xs:flex-row justify-between items-center gap-3 xs:gap-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-[10px] 2xs:text-xs xs:text-sm text-slate-600", children: "\u00A9 2026 Microcosm. All rights reserved." }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 xs:gap-6", children: [(0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/docs/legal/terms-of-service", className: "text-[10px] 2xs:text-xs xs:text-sm text-slate-500 hover:text-slate-300 transition-colors", children: t("termsOfService") }), (0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/docs/legal/privacy-policy", className: "text-[10px] 2xs:text-xs xs:text-sm text-slate-500 hover:text-slate-300 transition-colors", children: t("privacyPolicy") })] })] }) }) })] }));
+}
+exports.default = MainFooter;

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

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